.mac-chapter .chapter-heading{text-align:center;max-width:820px;margin:0 auto 70px}.mac-feature{margin:0 auto 90px;max-width:1080px;min-width:0}.mac-laptop{width:100%;max-width:1000px;margin:0 auto;filter:drop-shadow(0 26px 30px #0007)}.mac-lid{position:relative;margin:0 5.5%;padding:16px 10px 12px;border:2px solid #7a828e;border-bottom:3px solid #20242e;border-radius:22px 22px 8px 8px;background:linear-gradient(120deg,#252a35,#080d13 30%,#131923 85%,#343847);box-shadow:inset 0 0 0 2px #04070c,0 2px 4px #0008;overflow:hidden}.mac-camera{position:absolute;top:5px;left:50%;height:5px;width:5px;border-radius:50%;background:#354353}.mac-screen{background:#06151e;overflow:hidden;border-radius:6px;line-height:0}.mac-screen img{display:block;width:100%;height:auto;max-width:100%}.mac-deck{position:relative;box-sizing:border-box;margin-top:-1px;padding:10px 15% 8px;min-height:105px;border:1px solid #687383;border-radius:3px 3px 8px 8px;background:linear-gradient(100deg,#414653,#68707e 18%,#3b4250 50%,#707686 82%,#393f4b);transform:perspective(900px) rotateX(22deg);transform-origin:top;box-shadow:inset 0 2px 2px #b1b5bf66}.mac-keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:3px;padding:4px 6px;background:#171d28;border-radius:5px}.mac-keyboard span{height:7px;border:1px solid #333d4c;border-radius:2px;background:linear-gradient(#262c38,#090e16);box-shadow:0 1px 1px #0008}.mac-trackpad{width:30%;height:30px;margin:8px auto 0;border:1px solid #252c39;border-top-color:#8c94a0;border-radius:4px;background:linear-gradient(125deg,#666e7e,#4b5363)}.mac-lip{height:8px;margin-top:-5px;border-radius:0 0 15px 15px;background:linear-gradient(#5e6879,#1b222e);box-shadow:0 2px 4px #0008}.mac-copy{text-align:center;margin:0 auto 24px;max-width:700px}.mac-copy h3{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.mac-copy p{color:var(--muted);line-height:1.7}@media(max-width:600px){.mac-lid{padding:11px 5px 7px;border-radius:12px 12px 4px 4px}.mac-camera{top:4px;width:3px;height:3px}.mac-deck{min-height:65px;padding:5px 14% 5px}.mac-keyboard{gap:2px;padding:3px}.mac-keyboard span{height:3px;border-width:.5px}.mac-trackpad{height:18px;margin-top:4px}.mac-lip{height:5px;margin-top:-3px}.mac-feature{margin-bottom:60px}.mac-chapter{padding-inline:.8rem}.mac-chapter .chapter-heading{padding-inline:.4rem}}

/* Photographic frame: preserve corner and keyboard geometry while adapting the display height to the source screen. */
.mac-laptop{container-type:inline-size;filter:drop-shadow(0 26px 30px #0006)}
.mac-lid{margin:0;padding:0;position:relative;overflow:visible;border-style:solid;border-width:6.4917cqw 12.0166cqw 30px;border-bottom-width:22.7901cqw;border-image-source:url("macbook-frame-realistic.png");border-image-slice:94 174 330 174;border-image-width:1;border-image-repeat:stretch;border-radius:0;background:none;box-shadow:none}
.mac-screen{border-radius:0;background:#06151e;overflow:hidden;line-height:0}
.mac-screen img{display:block;width:100%;height:auto;max-width:100%}
.mac-camera,.mac-deck,.mac-lip{display:none}
@media(max-width:600px){.mac-lid{padding:0;border-radius:0}.mac-laptop{width:100%;max-width:100%}}