.hero-price{font-size:30px;font-weight:600;margin:0 0 20px;letter-spacing:-1px}.hero-price span{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:8px}.purchase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#e5eadb;max-width:none}.purchase h2{font-size:clamp(36px,4vw,60px)}.purchase>div>p:not(.eyebrow){margin-top:20px;font-size:14px}.purchase-price{font-size:48px;font-weight:550;margin-top:25px;letter-spacing:-2px}.purchase-price span{font-size:14px;letter-spacing:0;color:var(--muted)}.purchase-card{background:white;padding:30px;border:1px solid var(--line);border-radius:12px}.purchase-product{display:flex;align-items:center;margin-bottom:25px;gap:20px}.purchase-product img{width:43%;height:110px;object-fit:contain}.purchase-product h3{font-size:24px}.purchase-product p{font-size:12px;color:var(--muted)}.purchase-card label{display:block;font-size:12px;font-weight:550;margin:18px 0 9px}.purchase-card select,.purchase-card input{background:#fff;border:1px solid #bbc7bf;border-radius:6px;min-height:46px;padding:10px 12px;color:var(--ink);font:inherit}.purchase-card select{width:100%}.purchase-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.purchase-row input{width:90px}.purchase-row strong{font-size:25px}.purchase-card>.button{width:100%}.purchase-card .fine{font-size:11px;color:var(--muted);margin-top:15px}.bag-total{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:20px 0}.bag-total strong{font-size:28px}#bag-dialog{width:470px}#checkout-status{font-weight:550}#bag-dialog>.button{width:100%}
.macbook-display{position:relative;aspect-ratio:1.54;width:100%;max-width:1000px;margin-inline:auto;background:#f3f8f3;border:9px solid #202427;border-bottom-width:12px;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 25px 55px #243e3c20;display:flex;flex-direction:column}.macbook-menu{height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#e6eee8;font-size:10px;position:relative}.macbook-notch{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:15%;height:22px;background:#202427;border-radius:0 0 7px 7px}.macbook-notch:after{content:'';position:absolute;right:14%;top:8px;width:5px;height:5px;border-radius:50%;background:#323d49}.macbook-display>img{display:block;width:100%;height:calc(100% - 28px);min-height:0;flex:1;object-fit:contain;object-position:top center;padding:0;background:#f3f8f3;border-radius:0}.hero-app{border:0;border-radius:0;background:none;box-shadow:none;margin-top:-10px}.hero-app .macbook-display{border-width:6px;border-bottom-width:9px;border-radius:15px 15px 0 0;aspect-ratio:1.54}.hero-app .macbook-menu{height:22px;font-size:8px}.hero-app .macbook-notch{height:17px;border-radius:0 0 5px 5px}.hero-app .macbook-notch:after{top:6px;width:4px;height:4px}.hero-app .macbook-display>img{height:calc(100% - 22px)}.hero-app p{bottom:-27px}.product-stage{padding-top:65px;padding-bottom:55px}.product-stage .hero-image{height:230px}.purchase .fine{line-height:1.6}body:has(.product-stage) .purchase{background:#f8d660}
@media(max-width:700px){.hero-price{font-size:27px;margin-bottom:20px}.purchase{display:block;padding:55px 7%}.purchase h2{font-size:37px}.purchase-card{margin-top:30px;padding:23px}.purchase-price{font-size:40px}.macbook-display{border-width:5px;border-bottom-width:7px;border-radius:13px 13px 0 0}.macbook-menu{height:17px;font-size:7px;padding:0 8px}.macbook-notch{height:14px;border-radius:0 0 4px 4px}.macbook-notch:after{top:5px;right:12%;width:3px;height:3px}.macbook-display>img{height:calc(100% - 17px)}.hero-app .macbook-display{border-width:4px;border-bottom-width:6px;border-radius:11px 11px 0 0}.hero-app .macbook-menu{height:17px;font-size:7px}.hero-app .macbook-notch{height:14px}.hero-app .macbook-display>img{height:calc(100% - 17px)}.product-stage{padding-top:20px;padding-bottom:55px}.product-stage .hero-image{height:220px}}

.real-menu-bar{margin:30px 0 0;max-width:420px}.real-menu-bar img{width:100%;height:auto;border-radius:0;box-shadow:0 15px 35px #253e3215}.real-menu-bar figcaption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:14px}

.macbook-notch:after{display:none;content:none}

/* Equal visible enclosure widths; white is 25% smaller than the previous hero. */
.product-stage .hero-image{width:23.2%;height:auto;aspect-ratio:1.17}
.product-stage .hero-image>img{position:absolute;top:auto;bottom:0;height:auto;max-width:none;object-fit:contain}
.product-stage .hero-image>img[src*="white-cutout"]{width:126.1%;left:-7.69%}
.product-stage .hero-image>img[src*="grey-cutout"]{width:109.65%;left:-.658%}
.product-stage .hero-image>img[src*="black-cutout"]{width:101.1%;left:-.708%}
@media(max-width:1050px){.product-stage .hero-image{width:25.58%}}