.device-showcase{overflow-anchor:none;max-width:1800px;margin:auto;padding:100px 4vw 65px;position:relative}.device-showcase-heading{justify-content:space-between;align-items:baseline;gap:25px;padding:0 4vw 48px;display:flex}.device-showcase-heading>p{max-width:700px;font:400 clamp(31px,3.2vw,52px)/1.12 HarnessBrush,cursive;transform:rotate(-2deg)}.device-showcase-heading>span{color:#52634c;font-size:12px}.device-showcase-stage{grid-template-columns:minmax(320px,.9fr) minmax(0,1.65fr);align-items:end;gap:4vw;display:grid}.device-chapter{min-width:0;position:relative}.device-art-space{perspective:1800px;perspective-origin:50% 38%;width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.phone-art-space,.mac-art-space{height:780px}.reveal-phone-rig{aspect-ratio:1/2.04;width:min(350px,85%);transform-style:preserve-3d;will-change:transform;transition:transform 1.9s cubic-bezier(.2,.78,.18,1);position:relative;transform:rotateY(180deg)rotate(-7deg)}.device-awake .reveal-phone-rig{transform:rotateY(0)rotate(-4deg)}.reveal-phone-chassis,.reveal-phone-inner,.reveal-phone-screen{transform-style:preserve-3d;border-radius:48px;transition:transform 1.6s cubic-bezier(.2,.8,.18,1),opacity 1s;position:absolute;inset:0}.reveal-phone-chassis{background:linear-gradient(110deg,#737a7c,#171b1c 22%,#52595b 78%,#25292a);border:2px solid #6d7272;transform:translateZ(-7px);box-shadow:3px 5px 1px #101514}.reveal-phone-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#242629;border-radius:46px;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.reveal-phone-back>img{pointer-events:none;width:180%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(27.5deg)}.phone-inner-shell{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#24292b;border-radius:38px;position:absolute;inset:9px}.reveal-phone-inner{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:38px;inset:9px;overflow:hidden;transform:translateZ(-3px)}.reveal-phone-screen{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(105deg,#afb5b4,#131818 5%,#151b1a 95%,#747c7b);border:1px solid #c6cdca;padding:9px;transform:translateZ(2px);box-shadow:0 1px 2px #ffffff70,inset 0 0 0 3px #151a18}.reveal-phone-glass{background:radial-gradient(at 80% 85%,#cbdccf,#0000 70%),#fcfcf7;border-radius:39px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.reveal-phone-status{color:#17231b;justify-content:space-between;align-items:center;height:48px;padding:0 21px;font:700 11px Arial,sans-serif;display:flex;position:relative}.reveal-phone-status>i{background:#111;border-radius:25px;width:105px;height:28px;position:absolute;top:10px;left:50%;translate:-50%}.reveal-phone-content{color:#243e2f;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 24px;display:flex}.reveal-phone-content>img{width:160px;height:auto;margin-bottom:30px}.cinema-home .reveal-phone-content>p{letter-spacing:-.04em;align-self:flex-start;font-size:clamp(27px,2.4vw,35px);font-weight:400;line-height:1.24}.reveal-phone-content strong{color:#2e6748;font-weight:580}.reveal-voice-wave{align-self:flex-start;align-items:center;gap:4px;height:60px;margin:35px 0 25px;display:flex}.reveal-voice-wave i{background:#426d53;border-radius:4px;width:3px}.reveal-phone-content>span{color:#61715d;align-self:flex-start;font-size:11px}.reveal-phone-home{background:#263c2e;border-radius:5px;width:105px;height:5px;margin:0 auto 14px}.reveal-phone-shadow{filter:blur(22px);pointer-events:none;background:#18271932;border-radius:50px;width:75%;height:85%;transition:opacity 1.5s,transform 1.5s;position:absolute;top:10%;left:18%;transform:rotate(-4deg)}.device-apart .reveal-phone-rig{transform:rotateX(15deg)rotateY(-30deg)rotate(-9deg)scale(.83)}.device-apart .reveal-phone-screen{transform:translate3d(-55px,-40px,145px)}.device-apart .reveal-phone-inner{transform:translateZ(25px)}.device-apart .reveal-phone-chassis{transform:translate3d(55px,45px,-110px)}.device-apart .reveal-phone-shadow{opacity:.5;transform:rotate(-4deg)scale(1.1)}.device-circuit{border-radius:inherit;background:linear-gradient(140deg,#2d3634,#111917 70%);border:2px solid #5b655d;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #171f1e}.device-battery{background:linear-gradient(115deg,#343c3c,#17201f 55%,#2b3332);border:1px solid #505d58;border-radius:9px;width:56%;height:58%;position:absolute;top:28%;left:7%;box-shadow:inset 2px 0 1px #6a746344}.device-battery i{background:#60716633;width:1px;position:absolute;top:15%;bottom:15%;left:20%}.device-battery i:nth-child(2){left:40%}.device-battery i:nth-child(3){left:60%}.device-battery i:nth-child(4){left:80%}.device-board{background:repeating-linear-gradient(90deg,#0000 0 5px,#aa9f5a40 6px 7px,#0000 8px 12px),#1e362a;border:1px solid #58664c;border-radius:7px;flex-wrap:wrap;gap:6px;width:23%;height:71%;padding:9px;display:flex;position:absolute;top:15%;right:7%}.device-board>i{background:linear-gradient(120deg,#75817a,#3c4842);border:1px solid #a2a99b;border-radius:2px;width:calc(50% - 3px);height:22px}.device-chip{background:linear-gradient(135deg,#999e95,#424b43);border:3px solid #282e29;flex-shrink:0;width:100%;height:75px;margin:14px 0 9px;display:block;box-shadow:0 0 0 1px #92987b}.device-ribbon{background:linear-gradient(#a37944,#57462e);border:1px solid #b09058;width:51%;height:14px;position:absolute;top:21%;left:22%;transform:rotate(-8deg)}.device-fastener{background:#1a251f;border:1px solid #aab2a5;border-radius:50%;width:6px;height:6px;position:absolute;bottom:3%}.fastener-a{left:7%}.fastener-b{right:7%}.reveal-mac-rig{aspect-ratio:1150/1170;width:100%;max-width:850px;transform-style:preserve-3d;transition:transform 1.8s cubic-bezier(.2,.8,.18,1);position:relative;transform:rotate(3deg)scale(.96)}.reveal-mac-rig img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.reveal-mac-base,.reveal-mac-lid,.reveal-mac-cover,.reveal-mac-lower,.reveal-mac-inner{transform-style:preserve-3d;transition:transform 1.8s cubic-bezier(.2,.8,.18,1),opacity .7s;position:absolute;inset:0}.reveal-mac-base{clip-path:inset(55.35% 0 0);opacity:0;transform:translateZ(0)}.reveal-mac-lid{transform-origin:50% 55.35%;opacity:0;transform:rotateX(-88deg)}.reveal-mac-display-frame{clip-path:inset(0 0 44.65%)}.reveal-mac-cover{transform-origin:50% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(10px 20px 16px #15201938);inset:auto 2% 6%;transform:rotateX(32deg)}.reveal-mac-screen{aspect-ratio:16/10;opacity:0;color:#223e2d;background:radial-gradient(at 90% 90%,#b9d1c1,#0000 68%),#f4f5ed;border-radius:5px;width:83.1%;transition:opacity .8s .75s;position:absolute;top:2.65%;left:8.6%;overflow:hidden}.reveal-mac-toolbar{background:#eef2e8;border-bottom:1px solid #324a2a22;align-items:center;gap:5px;height:8%;padding:0 3%;font-size:8px;display:flex}.reveal-mac-toolbar>i{background:#b4bca9;border-radius:50%;width:6px;height:6px}.reveal-mac-toolbar>i:first-child{background:#be8375}.reveal-mac-toolbar>i:nth-child(2){background:#d7bb79}.reveal-mac-toolbar>span{margin-left:10px}.reveal-mac-screen-content{height:92%;padding:5% 7%;position:relative}.reveal-mac-screen-content>img{width:22%;height:auto;position:absolute;top:9%;right:6%}.cinema-home .reveal-mac-screen-content>p{letter-spacing:-.04em;margin:3% 0 7%;font-size:clamp(23px,2.65vw,40px);font-weight:400;line-height:1.18}.reveal-mac-screen-content strong{color:#376c4a;font-weight:550}.reveal-mac-apps{gap:22px;font-size:10px;display:flex}.reveal-mac-apps>span{align-items:center;gap:7px;display:flex}.reveal-mac-apps svg{width:21px;height:23px}.reveal-mac-lower{opacity:0;background:#737a7b;border-radius:12px;inset:55.5% 1% 2%;overflow:hidden;transform:translateZ(-12px)}.reveal-mac-lower>img{object-fit:cover;filter:brightness(.8);height:100%}.reveal-mac-inner{opacity:0;border-radius:12px;inset:56.5% 3% 3%;transform:translateZ(-6px)}.circuit-mac .device-battery{width:63%;height:57%;top:35%}.circuit-mac .device-board{flex-wrap:nowrap;align-items:center;width:80%;height:25%;display:flex;top:6%;left:10%}.circuit-mac .device-chip{width:17%;height:80%;margin:0 10px 0 0}.circuit-mac .device-board>i{width:9%;height:50%}.circuit-mac .device-ribbon{width:6%;height:30%;top:30%;left:65%;transform:rotate(3deg)}.device-awake .reveal-mac-rig{transform:rotate(2deg)scale(1)}.device-awake .reveal-mac-base{opacity:1}.device-awake .reveal-mac-lid{opacity:1;transition-delay:.12s;transform:rotateX(0)}.device-awake .reveal-mac-cover{opacity:0;pointer-events:none;transform:rotateX(93deg)translateY(-20%)}.device-awake .reveal-mac-screen{opacity:1}.reveal-mac-shadow{filter:blur(20px);pointer-events:none;background:#1e291f32;border-radius:20px;width:88%;height:32%;position:absolute;bottom:2%;left:9%;transform:rotate(3deg)}.device-apart .reveal-mac-rig{transform:rotate(0)rotateY(-11deg)scale(.87)}.device-apart .reveal-mac-lid{transform:translate3d(0,-55px,45px)rotateX(-5deg)}.device-apart .reveal-mac-base{transform:translateZ(95px)}.device-apart .reveal-mac-inner{opacity:1;transform:translate3d(0,88px,-10px)}.device-apart .reveal-mac-lower{opacity:1;transform:translate3d(0,155px,-55px)}.device-caption{text-align:center;z-index:2;min-height:160px;padding:36px 0 15px;position:relative}.cinema-home .device-caption h2{letter-spacing:0;margin-bottom:18px;font:400 clamp(33px,3.1vw,48px)/1.1 HarnessBrush,cursive;transform:rotate(-2deg)}.device-journey-link{color:#263f2c;border-bottom:1px solid #3e553f70;align-items:center;gap:22px;padding:6px 0;font-size:14px;display:inline-flex}.device-journey-link:hover{border-color:#263f2c}.device-journey-link>span{font-size:20px}.device-play-controls{color:#4e6149;justify-content:center;align-items:center;gap:13px;margin-top:10px;font-size:11px;display:flex}.device-play-controls button{cursor:pointer;min-height:44px;color:inherit;text-underline-offset:4px;background:0 0;border:0;padding:7px 0;font-size:11px;-webkit-text-decoration:underline #4e614944;text-decoration:underline #4e614944}.device-illustration-note{color:#55624e;margin-top:4px;font-size:10px;display:block}.device-keep-exploring{justify-content:center;align-items:center;gap:30px;margin-top:65px;font-size:12px;display:flex}.device-keep-exploring>span{font-size:25px}@media (min-width:1500px){.phone-art-space,.mac-art-space{height:900px}.reveal-phone-rig{width:390px}}@media (max-width:1100px) and (min-width:801px){.device-showcase-stage{grid-template-columns:minmax(270px,.9fr) minmax(0,1.5fr);gap:3vw}.phone-art-space,.mac-art-space{height:650px}.reveal-phone-rig{width:285px}.reveal-phone-content{padding:22px 19px}.reveal-phone-content>img{width:135px}.cinema-home .reveal-phone-content>p{font-size:29px}.reveal-mac-apps{gap:10px;font-size:8px}.reveal-mac-apps svg{width:16px}.reveal-mac-screen-content>img{width:19%}.device-apart .reveal-phone-screen{transform:translate3d(-30px,-35px,95px)}.device-apart .reveal-phone-chassis{transform:translate3d(30px,35px,-75px)}}@media (max-width:800px){.device-showcase{padding:75px 5vw 35px}.device-showcase-heading{padding:0 3vw 40px;display:block}.device-showcase-heading>p{max-width:350px;font-size:37px}.device-showcase-heading>span{margin-top:20px;font-size:11px;display:block}.device-showcase-stage{flex-direction:column;align-items:stretch;gap:95px;display:flex}.phone-art-space{height:auto;min-height:720px}.reveal-phone-rig{width:min(350px,83%)}.mac-art-space{aspect-ratio:1/1.15;height:auto;min-height:0}.reveal-mac-rig{width:100%}.reveal-phone-content>img{width:150px}.cinema-home .reveal-phone-content>p{font-size:32px}.reveal-mac-shadow{bottom:4%}.cinema-home .reveal-mac-screen-content>p{margin-top:0;font-size:clamp(19px,4.7vw,34px)}.reveal-mac-apps{gap:12px;font-size:8px}.reveal-mac-apps>span{gap:4px}.reveal-mac-apps svg{width:16px;height:18px}.reveal-mac-toolbar{gap:3px;font-size:6px}.reveal-mac-toolbar>i{width:4px;height:4px}.device-caption{min-height:175px;padding-top:28px}.cinema-home .device-caption h2{font-size:38px}.device-apart .reveal-phone-rig{transform:rotateX(13deg)rotateY(-25deg)rotate(-7deg)scale(.78)}.device-apart .reveal-phone-screen{transform:translate3d(-30px,-30px,95px)}.device-apart .reveal-phone-chassis{transform:translate3d(30px,35px,-75px)}.device-apart .reveal-mac-lid{transform:translate3d(0,-35px,35px)rotateX(-5deg)}.device-apart .reveal-mac-base{transform:translateZ(55px)}.device-apart .reveal-mac-inner{transform:translate3d(0,45px,-10px)}.device-apart .reveal-mac-lower{transform:translate3d(0,85px,-35px)}.device-apart .reveal-mac-rig{transform:rotate(0)rotateY(-8deg)scale(.83)}.device-keep-exploring{margin-top:20px}}@media (prefers-reduced-motion:reduce){.device-showcase *{transition:none!important;animation:none!important}.reveal-phone-rig{will-change:auto}}
