/* The mobile interface is the source of every device in the case study. */
.design-study,.study-cover{--paper:#eae8e1;--muted:#a5acb7;--line:#ffffff24;--accent:#c4e2df;background:#10141c;color:var(--paper);font-family:Manrope,Arial,sans-serif}.study-rota{--paper:#223bbb;--muted:#687096;--line:#243abb29;--accent:#ffb39c;background:#faf7ef}.study-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);font-size:11px}.study-header>span{font:9px 'DM Mono';letter-spacing:1.5px}.study-header>a:first-child{font-weight:600}.study-hero{overflow:hidden}.study-hero-top{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:72px 7% 20px}.study-hero-top small,.study-heading>small{font:10px 'DM Mono';letter-spacing:1.5px;line-height:1.7}.study-hero-top h1{font-size:clamp(95px,14vw,210px);font-weight:500;letter-spacing:-.095em;line-height:1;margin:25px 0 35px}.study-hero-top h1 span{color:#abc9cb}.study-rota .study-hero-top h1 span{font-size:.56em;color:#e68e72;margin-left:20px;vertical-align:top}.study-hero-top h2{font-size:clamp(28px,3.6vw,50px);font-weight:400;line-height:1.16;letter-spacing:-.05em;margin:0 0 20px}.design-study em{font-family:'Playfair Display',Georgia,serif;font-weight:400}.study-rota em{font-family:Georgia,serif}.study-hero-top p{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px}.study-cta{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #aabfc8;padding:14px 0 12px;font-size:12px;margin-top:10px}.study-cta svg{width:22px;height:22px}.study-stage{position:relative;height:760px;display:flex;align-items:center;justify-content:center;gap:48px;isolation:isolate;overflow:hidden;padding:55px 0 80px;background:radial-gradient(ellipse at 50% 60%,#3d3b4d88,transparent 66%)}.stage-orbit{position:absolute;border:1px solid #a7adba14;border-radius:50%;width:1250px;height:570px;transform:rotate(-20deg);z-index:-1}.orbit-two{transform:rotate(20deg);width:1150px;height:490px}.study-rota .study-stage{background:radial-gradient(ellipse at 50% 60%,#dfe5f5,transparent 70%)}.study-rota .stage-orbit{border-color:#405ac51c}.stage-caption{position:absolute;left:3%;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font:8px 'DM Mono';letter-spacing:2px;color:var(--muted)}.stage-note{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:8px 'DM Mono';letter-spacing:3px;color:var(--muted)}
.study-device{--s:.74;position:relative;width:calc(375px * var(--s));height:calc(800px * var(--s));box-sizing:content-box;background:#11141b;border:7px solid #272b32;border-radius:43px;padding:3px;box-shadow:0 35px 65px #0007,0 1px 0 1px #7778,inset 0 0 0 1px #9899a255;flex:none;isolation:isolate}.device-glass{width:100%;height:100%;overflow:hidden;border-radius:32px;position:relative;background:#0d1219}.device-screen,.device-glass>iframe{width:375px;height:800px;max-width:none;transform:scale(var(--s));transform-origin:0 0;border:0;display:block}.device-island{position:absolute;width:76px;height:18px;top:10px;left:50%;transform:translateX(-50%);border-radius:20px;background:#090b10;z-index:5;box-shadow:inset 0 0 1px #9995}.device-island:after{content:'';position:absolute;width:6px;height:6px;right:12px;top:6px;border-radius:50%;background:#18213b;box-shadow:inset 0 0 2px #42597a}.device-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:85px;height:3px;background:#fff8;border-radius:9px;z-index:4}.study-rota .device-home{background:#1118}.device-left{transform:translateY(35px) rotate(-8deg);--s:.63;z-index:1}.device-right{transform:translateY(25px) rotate(8deg);--s:.63;z-index:1}.device-main{--s:.79;z-index:2}.study-rota .device-left{transform:translateY(30px) rotate(-12deg)}.study-rota .device-right{transform:translateY(10px) rotate(12deg)}.study-rota .study-device{border-color:#cccfd5;box-shadow:0 35px 65px #21376d30,0 1px 0 1px #989fa9,inset 0 0 0 1px #fff8}
.study-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:40px 7%;border-block:1px solid var(--line)}.study-facts small{display:block;font:8px 'DM Mono';letter-spacing:1px;color:var(--muted);margin-bottom:12px}.study-facts b{font-size:12px;font-weight:500;line-height:1.7}.study-section{padding:105px 7%}.study-heading h2{font-size:clamp(35px,4.5vw,64px);line-height:1.1;letter-spacing:-.05em;font-weight:400;margin:25px 0 35px}.study-context{display:grid;grid-template-columns:1fr 1fr;gap:85px}.study-context-copy{padding-top:37px}.study-context-copy p{font-size:13px;color:var(--muted);line-height:1.9}.study-context-copy .study-lead{font-size:21px;color:var(--paper);line-height:1.6;margin-bottom:25px}.study-principles{margin-top:40px}.study-principles>div{display:flex;gap:25px;border-top:1px solid var(--line);padding:23px 0}.study-principles>div>span{font:10px 'DM Mono';color:var(--muted);padding-top:4px}.study-principles h3{font-size:15px;font-weight:500;margin-bottom:10px}.study-principles p{font-size:12px;margin:0}.study-journey{background:#171e28}.study-rota .study-journey{background:#e8ecf9}.study-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);margin:65px 0 30px}.study-flow li{position:relative;padding:0 40px 0 0}.study-flow li>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font:10px 'DM Mono';margin-bottom:30px}.study-flow li:after{content:'';position:absolute;left:45px;right:15px;top:17px;height:1px;background:var(--line)}.study-flow h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}.study-flow p{font-size:12px;color:var(--muted);max-width:180px}.study-flow b{position:absolute;right:25px;bottom:40px;font-size:24px;font-weight:400;color:var(--muted)}.study-flow li:last-child b{display:none}.study-flow-note{font-size:11px;color:var(--muted);margin:0}.study-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.study-screen-grid figure{margin:0;min-width:0}.study-screen-grid .study-device{--s:.74;margin:0 auto 45px}.study-screen-grid figure:nth-child(2){padding-top:70px}.study-screen-grid figcaption{border-top:1px solid var(--line);padding-top:22px}.study-screen-grid figcaption small{font:8px 'DM Mono';letter-spacing:1px;color:var(--muted)}.study-screen-grid h3{font-size:22px;line-height:1.35;letter-spacing:-.6px;font-weight:500;margin:16px 0}.study-screen-grid p{font-size:12px;color:var(--muted);line-height:1.9}.study-system{background:#e4e5df;color:#18262c;--muted:#65716e;--line:#1e31302c}.study-rota .study-system{background:#263cc1;color:#fff5e6;--muted:#c1c8f0;--line:#ffffff35}.study-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:60px}.study-type>small{font:9px 'DM Mono';letter-spacing:1px}.study-type>strong{font-weight:500;font-size:100px;letter-spacing:-8px;display:flex;gap:35px;margin:30px 0;line-height:1}.study-type>strong>span{font:italic 100px 'Playfair Display',Georgia;letter-spacing:-8px}.study-rota .study-type>strong>span{font-family:Georgia}.study-type h3{font-size:16px;font-weight:500}.study-system p{font-size:13px;line-height:1.9;color:var(--muted)}.study-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.study-swatches i{display:block;height:130px;border:1px solid #7774;margin-bottom:15px;border-radius:1px 1px 35px 1px}.study-swatches small,.study-swatches code{display:block;font:8px 'DM Mono';letter-spacing:.2px;line-height:1.9}.study-swatches code{color:var(--muted)}.study-components{margin-top:30px;border-top:1px solid var(--line)}.study-components>span{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:15px 0;border-bottom:1px solid var(--line)}.study-components b{font-weight:500}.study-prototype{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;scroll-margin-top:10px}.study-prototype>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:420px}.study-prototype ol{padding:20px 0 20px 18px;max-width:420px}.study-prototype li{font-size:13px;line-height:1.9;padding:10px 0 10px 10px;border-bottom:1px solid var(--line)}.study-prototype .study-demo-note{font-size:10px}.prototype-device{--s:.9;margin:auto;box-shadow:0 0 130px #8dbac41c,0 30px 60px #0007}.study-reflection{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.study-reflection>div+div{padding-top:40px}.study-reflection p,.study-reflection li{font-size:13px;line-height:1.9;color:var(--muted)}.study-reflection h3{font-weight:500;font-size:15px;margin:30px 0 20px}.study-reflection ul{padding-left:18px}.study-reflection li{padding:7px 0}.study-footer{padding:70px 7% 30px;background:#080e16}.study-rota .study-footer{background:#e7eaf3}.study-footer>span{font:8px 'DM Mono';letter-spacing:1.8px}.study-footer>a{display:block;font-size:clamp(38px,5.5vw,80px);letter-spacing:-.05em;line-height:1.1;margin:45px 0 70px}.study-footer>div{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:10px}.study-footer>div>span{color:var(--muted)}
/* A portfolio cover is a mobile presentation, not a browser window. */
.study-cover{height:870px;overflow:hidden;position:relative}.study-cover-top{display:flex;justify-content:space-between;align-items:center;padding:40px 55px 0;position:relative;z-index:3}.study-cover-top strong{font-size:57px;line-height:1;letter-spacing:-4px;font-weight:500}.study-cover-top>span{font:10px 'DM Mono';letter-spacing:1.5px}.study-cover .study-stage{height:745px;padding:20px 0 40px;gap:60px}.study-cover .device-main{--s:.81}.study-cover .device-left,.study-cover .device-right{--s:.68}.study-cover .stage-note{display:none}.study-cover-bottom{position:absolute;bottom:25px;left:55px;right:55px;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';letter-spacing:1.5px}.study-cover-bottom b{font-size:30px;font-weight:400}
/* Actual 375 × 800 interface — used by both the static devices and the prototype. */
.mobile-shell{--mobile-ink:#edeee8;--mobile-muted:#a6b0be;--mobile-bg:#0d1219;--mobile-line:#ffffff20;color:var(--mobile-ink);background:var(--mobile-bg);height:800px;width:375px;display:flex;flex-direction:column;font-family:Manrope,Arial,sans-serif;overflow:hidden;text-align:left}.mobile-rota{--mobile-ink:#233dc5;--mobile-muted:#6a7296;--mobile-bg:#fff7ec;--mobile-line:#243ec526}.mobile-shell button{font-family:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.mobile-shell svg{width:22px;height:22px;flex:none}.mobile-status{height:34px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:7px 25px 0;font-size:11px}.mobile-status>span{font-size:9px;letter-spacing:1px}.mobile-header{height:61px;display:flex;justify-content:space-between;align-items:center;padding:10px 22px 14px;flex:none}.mobile-header strong{font-size:29px;line-height:1;letter-spacing:-1.8px;font-weight:600}.mobile-header>span{font:7px 'DM Mono';letter-spacing:.8px;color:var(--mobile-muted)}.mobile-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-nav{height:74px;flex:none;display:flex;align-items:center;border-top:1px solid var(--mobile-line);background:var(--mobile-bg);padding:8px 12px 13px;position:relative;z-index:2}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:48px;color:var(--mobile-muted);font-size:9px}.mobile-nav button.selected{color:#c4e2df}.mobile-rota .mobile-nav button.selected{color:#233dc5;font-weight:700}.mobile-nav svg{width:21px;height:21px}.mobile-pad{padding:27px 22px 32px}.mobile-pad h1{font-size:37px;line-height:1.1;letter-spacing:-1.8px;font-weight:400;margin:18px 0}.mobile-pad p{font-size:12px;line-height:1.7;color:var(--mobile-muted)}.mobile-kicker{font:8px 'DM Mono';letter-spacing:1.2px;line-height:1.6}.mobile-feature{height:326px;position:relative;isolation:isolate}.mobile-feature>img{position:absolute;inset:0;height:100%;width:100%;object-position:62%;z-index:-2}.mobile-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1219,transparent 100%),linear-gradient(90deg,#0d121966,transparent);z-index:-1}.mobile-feature>div{padding:90px 24px 20px}.mobile-feature small{font:7px 'DM Mono';letter-spacing:1.5px;color:#ccddd9}.mobile-feature h1{font-size:33px;font-weight:400;line-height:1.08;letter-spacing:-1.3px;margin:17px 0}.mobile-feature h1 em{font-family:'Playfair Display',Georgia}.mobile-shell .mobile-primary{background:#d9e8df;color:#19272b;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 17px;border-radius:4px;font-size:11px;font-weight:600;min-height:43px}.mobile-primary svg{width:16px;height:16px}.mobile-rota .mobile-primary{background:#233dc5;color:#fff}.mobile-discovery{padding-top:16px}.mobile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.mobile-section-heading h2{font-size:16px;font-weight:500;letter-spacing:-.5px;margin:0}.mobile-section-heading>span{font:8px 'DM Mono';color:var(--mobile-muted)}.mobile-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--mobile-line);padding:16px 0 10px}.mobile-search svg{width:17px;height:17px;color:var(--mobile-muted)}.mobile-search input{background:none;border:0;color:var(--mobile-ink);font-size:11px;min-width:0;flex:1}.mobile-search input::placeholder{color:var(--mobile-muted)}.mobile-chips{display:flex;gap:8px;padding:16px 0 21px}.mobile-chips button{padding:9px 14px;font-size:9px;white-space:nowrap;border-radius:20px;background:#ffffff0b;color:var(--mobile-muted)}.mobile-chips button.selected{background:#c4e2df;color:#15242c}.mobile-films{display:grid;grid-template-columns:1fr 1fr;gap:23px 14px}.mobile-poster{display:block;width:100%;text-align:left}.mobile-poster img{width:100%;height:180px;border-radius:6px}.mobile-poster small{display:block;font:6px 'DM Mono';letter-spacing:1px;color:#91a7b4;margin:12px 0 7px}.mobile-poster h3{font-size:15px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0}.mobile-films article>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.mobile-films article>div>span{font:7px 'DM Mono';color:var(--mobile-muted)}.mobile-save{width:35px;height:35px;display:grid;place-items:center;border-radius:50%!important;background:#ffffff0c!important}.mobile-save svg{width:16px;height:16px}.mobile-empty{padding:40px 5px;text-align:center}.mobile-empty>svg{width:35px;height:35px}.mobile-empty h2{font-size:22px;line-height:1.3;font-weight:400;margin:20px 0 30px}.mobile-detail-cover{height:340px;position:relative;isolation:isolate;padding:0 24px;display:flex;flex-direction:column;justify-content:end}.mobile-detail-cover>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.mobile-detail-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1219 0,transparent 90%);z-index:-1}.mobile-back{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:4px;background:#0a1527a6!important;padding:8px 12px 8px 6px!important;border-radius:30px!important;font-size:9px}.mobile-back svg{width:18px;height:18px}.mobile-detail-cover>span{font:7px 'DM Mono';letter-spacing:1px}.mobile-detail-cover h1{font:400 46px/1.05 'Playfair Display',Georgia;letter-spacing:-1.5px;margin:14px 0 12px}.mobile-detail-copy{padding:10px 24px 35px}.mobile-detail-copy>small{font:8px 'DM Mono';letter-spacing:1px;color:var(--mobile-muted)}.mobile-detail-copy h2{font-size:19px;letter-spacing:-.6px;line-height:1.4;font-weight:400;margin:25px 0 14px}.mobile-detail-copy p{font-size:12px;line-height:1.85;color:var(--mobile-muted)}.mobile-detail-copy .mobile-primary{width:100%;margin:12px 0 20px}.mobile-detail-copy h3{font-size:15px;font-weight:500}.mobile-fine{font-size:9px!important;line-height:1.7!important;color:var(--mobile-muted)}.mobile-week{margin:30px 0}.mobile-week article{display:grid;grid-template-columns:30px 72px 1fr;gap:14px;padding:22px 0;border-top:1px solid var(--mobile-line);align-items:center}.mobile-day b{display:block;font-size:24px;font-weight:400}.mobile-day span{font:7px 'DM Mono';color:var(--mobile-muted)}.mobile-week img{width:72px;height:110px;border-radius:5px}.mobile-week article>div:last-child>small{font:6px 'DM Mono';letter-spacing:.5px;color:var(--mobile-muted)}.mobile-week h3{font:400 21px/1.1 'Playfair Display';margin:9px 0 15px}.mobile-week button{font-size:9px;padding:8px 0;color:#c4e2df}.travel-intro{padding-top:20px}.travel-intro h1{font-size:49px;letter-spacing:-2.8px;line-height:1; margin:20px 0 16px}.travel-intro h1 em,.mobile-rota .mobile-pad h1 em{font-family:Georgia;font-weight:400}.travel-interest{display:flex;gap:9px;margin:25px 0}.travel-interest span{font-size:8px;background:#f4dfb4;padding:10px 13px;border-radius:25px}.travel-interest span+span{background:#f8d1c2}.mobile-destinations{display:flex;flex-direction:column;gap:30px}.mobile-destinations article>div{position:relative}.destination-image{width:100%;display:block}.destination-image img{width:100%;height:220px;border-radius:14px 14px 60px 14px}.destination-save{position:absolute;right:13px;top:13px;background:#fff8ebf2!important;border-radius:50%!important;display:grid;place-items:center;width:38px;height:38px}.destination-save svg{height:18px;width:18px}.mobile-destinations article>small{font:7px 'DM Mono';display:block;letter-spacing:1px;margin-top:18px}.mobile-destinations h2{font-size:30px;letter-spacing:-1.1px;font-weight:500;margin:8px 0}.mobile-destinations p{margin-bottom:10px}.destination-link{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;font-weight:600;padding:12px 0!important;border-bottom:1px solid var(--mobile-line)!important}.destination-link svg{width:18px;height:18px}.mobile-trip-cover{height:245px;position:relative;color:#fffdf2;isolation:isolate;padding:100px 23px 0}.mobile-trip-cover>img{position:absolute;inset:0;height:100%;width:100%;z-index:-2}.mobile-trip-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#172e43b5,transparent);z-index:-1}.mobile-trip-cover small{font:7px 'DM Mono';letter-spacing:1px}.mobile-trip-cover h1{font-size:48px;letter-spacing:-2px;font-weight:500;margin:12px 0}.mobile-trip-cover h1 span{float:right;font-size:40px;font-weight:400}.mobile-trip-cover p{font-size:10px}.travel-days{padding-top:0}.travel-days button{background:#ebe8e0;color:#555e89}.travel-days button.selected{background:#233dc5;color:white}.travel-route-sketch{height:92px;border:1px solid #243ec518;border-radius:8px;background:#eeeee2;display:flex;align-items:center;padding:20px 25px;gap:8px;transform:rotate(-2deg);margin-bottom:30px}.travel-route-sketch span{display:grid;place-items:center;background:#fff7ec;border:1px solid #233dc5;width:26px;height:26px;border-radius:50%;font:10px 'DM Mono'}.travel-route-sketch span:last-child{background:#233dc5;color:white}.travel-route-sketch i{flex:1;border-top:2px dashed #233dc577;height:1px}.mobile-stops article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:5px 0 25px;position:relative}.mobile-stops time{font:8px 'DM Mono';padding-top:2px}.mobile-stops article:after{content:'';position:absolute;left:43px;top:7px;bottom:5px;border-left:1px solid #233dc533}.mobile-stops small{font:6px 'DM Mono';letter-spacing:.8px;color:var(--mobile-muted)}.mobile-stops h2{font-size:18px;font-weight:500;letter-spacing:-.6px;margin:8px 0}.mobile-stops p{font-size:10px;margin:0;line-height:1.8}.mobile-travel-note{display:flex;align-items:center;gap:18px;background:#f4db83;padding:20px;border-radius:8px;font-size:30px}.mobile-travel-note p{font-size:13px;font-weight:500;line-height:1.5;color:#293b98;margin:0}.mobile-prototype{margin:0;display:grid;place-items:start center;background:#0d1219;min-height:100vh}.p-rota .mobile-prototype{background:#fff7ec}.mobile-prototype .mobile-shell{height:100dvh;min-height:500px;width:100%;max-width:430px}.mobile-prototype+#v-dialog+#v-toast{font-size:10px;padding:10px 15px;bottom:85px}.mobile-shell :focus-visible{outline:2px solid #eeae4e;outline-offset:3px}.mobile-prototype .mobile-save{min-width:42px;min-height:42px}
@media(max-width:1100px){.study-stage{gap:30px;height:680px}.device-main{--s:.69}.device-left,.device-right{--s:.56}.study-hero-top{gap:40px}.study-context,.study-reflection{gap:45px}.study-section{padding:85px 6%}.study-screen-grid{gap:25px}.study-screen-grid .study-device{--s:.61}.study-system-grid{gap:50px}.study-prototype{gap:50px}.prototype-device{--s:.8}.study-facts{gap:25px}.study-cover .study-stage{height:745px;gap:60px}.study-cover .device-main{--s:.81}.study-cover .device-left,.study-cover .device-right{--s:.68}}
@media(max-width:760px){.study-header{height:66px;padding:0 6%;font-size:10px}.study-header>span{display:none}.study-hero-top{display:block;padding:48px 7% 0}.study-hero-top small{font-size:8px}.study-hero-top h1{font-size:116px;margin:20px 0 32px}.study-hero-top h2{font-size:36px;line-height:1.15}.study-hero-top p{font-size:12px;max-width:290px}.study-cta{font-size:11px;padding:12px 0;margin-top:5px}.study-stage{height:590px;gap:0;margin-top:20px;overflow:hidden;align-items:center}.device-main{--s:.59}.device-left,.device-right{--s:.49;position:absolute;top:75px}.device-left{left:calc(50% - 330px);transform:rotate(-10deg) translateY(15px)}.device-right{right:calc(50% - 330px);transform:rotate(10deg) translateY(15px)}.study-rota .device-left{transform:rotate(-10deg) translateY(15px)}.study-rota .device-right{transform:rotate(10deg) translateY(15px)}.stage-caption{display:none}.stage-note{font-size:6px;letter-spacing:1.6px;bottom:28px}.stage-orbit{width:850px;height:420px}.study-facts{grid-template-columns:1fr 1fr;padding:30px 7%;gap:30px 20px}.study-facts small{font-size:7px;margin-bottom:8px}.study-facts b{font-size:10px}.study-section{padding:65px 7%}.study-heading>small{font-size:8px;letter-spacing:1px}.study-heading h2{font-size:38px;letter-spacing:-1.8px;margin:22px 0 30px}.study-context,.study-reflection{display:block}.study-context-copy{padding-top:0}.study-context-copy .study-lead{font-size:20px}.study-context-copy p{font-size:12px}.study-principles h3{font-size:14px}.study-principles p{font-size:11px}.study-flow{grid-template-columns:1fr 1fr;gap:35px 15px;margin-top:40px}.study-flow li{padding-right:15px}.study-flow li>span{margin-bottom:20px}.study-flow h3{font-size:21px}.study-flow p{font-size:10px}.study-flow b{display:none}.study-flow li:after{right:0}.study-flow-note{font-size:10px}.study-screen-grid{display:flex;flex-direction:column;gap:50px;margin-top:40px}.study-screen-grid figure:nth-child(2){padding-top:0}.study-screen-grid .study-device{--s:.73;margin-bottom:30px}.study-screen-grid figcaption{max-width:335px;margin:auto}.study-screen-grid h3{font-size:24px}.study-screen-grid p{font-size:12px}.study-system-grid{display:block;margin-top:35px}.study-type>strong{font-size:90px;letter-spacing:-6px}.study-type>strong>span{font-size:90px}.study-type{margin-bottom:40px}.study-system p{font-size:12px}.study-swatches{gap:10px}.study-swatches i{height:100px;border-bottom-right-radius:25px}.study-swatches small,.study-swatches code{font-size:7px}.study-components>span{font-size:10px}.study-prototype{display:flex;flex-direction:column;gap:35px;align-items:stretch}.study-prototype>div>p{font-size:12px}.study-prototype li{font-size:12px}.study-prototype .study-demo-note{font-size:10px}.prototype-device{--s:.76;margin:auto}.study-reflection>div+div{padding-top:0}.study-reflection p,.study-reflection li{font-size:12px}.study-footer{padding:55px 7% 25px}.study-footer>span{font-size:7px;letter-spacing:.7px}.study-footer>a{font-size:41px;letter-spacing:-2px;margin:35px 0 50px}.study-footer>div{font-size:9px;flex-direction:column;gap:17px}}
@media(max-width:360px){.prototype-device{--s:.66}.study-screen-grid .study-device{--s:.65}.study-heading h2{font-size:34px}.study-hero-top h1{font-size:106px}}
@media(prefers-reduced-motion:reduce){.design-study{scroll-behavior:auto}}