:root{--ink:#20231f;--red:#da3825;--paper:#fcfcf8;--line:#d8dcd3;--lime:#e6f58c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:Manrope,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1366b0}button{cursor:pointer}a.button,.nav-cta{text-decoration:none}.preview-bar{padding:8px 4%;background:var(--ink);color:white;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}header{display:flex;align-items:center;justify-content:space-between;margin:0 4%;padding:22px 0;border-bottom:1px solid var(--line)}.logo{font-size:44px;letter-spacing:-3px;text-decoration:none;font-weight:800;line-height:1}.logo span{color:var(--red)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:75px 4% 90px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;margin:0 0 24px}h1{font-size:clamp(48px,6.8vw,108px);line-height:1.02;letter-spacing:-.065em;margin:0 0 30px;font-weight:600}h1 span{color:var(--red)}.intro{font-size:19px;max-width:490px;line-height:1.6}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;border:0;background:var(--ink);color:white;padding:16px 23px;border-radius:32px;font-size:15px;font-weight:600}.button:hover{background:var(--red)}.text-link{font-size:15px;font-weight:600}.small{font-size:13px;color:#62685d}.hero-media{position:relative;background:#f0f1e8;transform:rotate(2deg);padding:18px;border:1px solid var(--line);box-shadow:12px 18px 0 var(--lime);margin-right:14px}.media-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;gap:10px;margin-bottom:14px}video{width:100%;height:440px;object-fit:cover;background:#181b18;display:block}.media-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.media-bottom b{font-size:17px}.media-bottom p{font-size:13px;margin:0}.play{border:1px solid var(--ink);background:transparent;border-radius:50%;width:45px;height:45px}.sticker{position:absolute;background:var(--red);color:white;padding:16px;right:-10px;top:65px;transform:rotate(-8deg);font-weight:700;font-size:12px;line-height:1.3}.ribbon{display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 4%;font-size:12px;letter-spacing:.12em;font-weight:700}.section{padding:90px 6%;scroll-margin-top:20px}h2{font-size:clamp(34px,4.2vw,65px);line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:0 0 35px}h3{font-size:24px;line-height:1.3;letter-spacing:-.035em}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:start}.section-head h2{width:60%}.use-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:6%;margin-top:25px}.tabs button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);padding:24px 6px;text-align:left;background:transparent;font-size:23px;letter-spacing:-.025em}.tabs button span{font-size:12px}.tabs button[aria-selected=true]{color:var(--red);border-bottom:2px solid var(--red)}.use-panel{padding:38px;background:var(--lime);min-height:320px}.use-panel h3{font-size:35px;margin:0 0 16px}.example{border-top:1px solid #acb976;padding-top:18px;font-size:14px}.process{background:var(--ink);color:#f5f7eb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid #66705e;padding-top:20px}.steps article>span{color:var(--lime);font-size:14px}.steps p{color:#c9cfc3;font-size:15px}.promise{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid #66705e;margin-top:50px;padding-top:24px}.promise b{font-size:24px}.promise p{margin:0;color:#c9cfc3}.offer{display:grid;grid-template-columns:1fr 2fr;gap:60px}.scope{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.scope span{padding:8px 14px;border:1px solid var(--line);border-radius:25px;font-size:14px}.brief-section{background:#eef0e9;display:grid;grid-template-columns:.85fr 1.3fr;gap:8%}.brief-intro p{max-width:340px}.brief-intro>a{font-size:14px}form{background:white;padding:32px;border:1px solid var(--line)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:23px;font-weight:600;margin-bottom:24px}label{display:block;font-size:14px;margin:16px 0 6px}input,select,textarea{width:100%;min-width:0;border:1px solid #bbc1b3;background:var(--paper);border-radius:3px;padding:12px;color:var(--ink)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{margin-top:22px}#brief-result{border-top:2px solid var(--red);margin-top:30px;padding-top:10px}pre{font:14px/1.6 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5ed;padding:18px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:500}details p{font-size:15px;color:#565e4f}footer{background:var(--lime);padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer small{width:100%;border-top:1px solid #bac879;padding-top:20px;font-size:12px}footer p{font-size:20px}button:disabled{opacity:.6}@media(min-width:1500px){main,header{max-width:1500px;margin:auto}}@media(max-width:850px){nav{gap:16px}nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:45px}h1{font-size:clamp(52px,11vw,80px)}.hero-media{max-width:600px;width:95%;margin:auto}video{height:380px}.section{padding:60px 5%}.section-head{display:block}.section-head h2{width:auto}.steps{grid-template-columns:1fr 1fr}.offer,.brief-section,.faq{grid-template-columns:1fr;gap:30px}.brief-intro p{max-width:550px}.use-layout{gap:25px}.tabs button{font-size:18px}}@media(max-width:520px){.preview-bar{font-size:10px}.preview-bar span{display:none}.logo{font-size:36px}.nav-cta{font-size:12px}.hero{padding-inline:5%}.use-layout,.promise,.form-row{grid-template-columns:1fr}.use-panel{padding:25px}.steps{gap:20px}.steps h3{font-size:21px}.steps p{font-size:14px}form{padding:22px}.ribbon{justify-content:start}.ribbon span{font-size:10px}.media-top{font-size:9px}video{height:340px}.actions{gap:18px}.sticker{font-size:10px}footer{align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--paper:#f9f9f5;--ink:#161c23;--red:#205cbd;--lime:#e8edf2}h1{font-size:clamp(60px,7.4vw,116px);font-weight:500;letter-spacing:-.055em}h1 em,h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em;color:#205cbd}h1 em{display:block}.hero{padding-top:60px}.hero-art{background:#fff;padding:20px 20px 0;box-shadow:0 15px 35px #1c334016;border:1px solid #e4e5e1;transform:rotate(2deg);max-width:510px}.hero-art>img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.art-caption{padding:16px 0;display:flex;gap:14px;justify-content:space-between;font-size:10px;letter-spacing:.05em}.art-caption a{font-size:12px;letter-spacing:0}.logo span{color:#d33f2b}.hero .intro{font-size:19px;max-width:420px}.hero .small{max-width:390px}.hero-media{transform:none;box-shadow:none;margin:0}.sticker{display:none}.real-project{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-bottom:1px solid var(--line)}.real-project p{max-width:390px}.real-project video{height:340px;object-fit:contain}.dimension{height:220vh;position:relative;background:#eef1f3;--progress:0}.dimension-sticky{height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:4%;padding:6%;align-items:center;background:radial-gradient(ellipse at 72% 45%,#fff 0,#eef1f3 65%)}.dimension-copy{max-width:430px;z-index:3}.dimension-copy h2{font-size:clamp(38px,4.4vw,68px);margin-bottom:20px}.dimension-description{color:#5b6671;max-width:290px}.simple-steps{padding:0;list-style:none;margin:30px 0}.simple-steps li{display:flex;align-items:baseline;gap:16px;border-top:1px solid #cdd4db;padding:12px 0;max-width:350px;font-size:14px}.simple-steps b{font-size:11px;color:#205cbd}.dimension-copy .small{font-size:11px;max-width:290px;margin-top:15px}.motion-toggle{font-size:13px;border:1px solid #9ca9b6;background:transparent;border-radius:25px;padding:9px 16px;color:var(--ink)}.print-phone-scene{height:530px;position:relative;perspective:1400px;margin-right:25px}.gallery-print{position:absolute;width:73%;margin:0;left:0;top:10px;background:#fff;padding:18px 18px 8px;border:1px solid #d4d6d7;box-shadow:8px 20px 25px #26364920;transform:rotate(-5deg) translateX(calc(var(--progress)*-12px))}.gallery-print img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.gallery-print figcaption{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.04em;padding:13px 0 8px}.edition-rule{height:1px;background:#222}.gallery-print p{font-family:'Instrument Serif',Georgia,serif;font-size:18px;margin:5px 0}.gallery-phone{position:absolute;right:-10px;top:100px;width:46%;margin:0;background:#101317;padding:11px 7px 15px;border:2px solid #6d7680;border-radius:28px;box-shadow:12px 22px 35px #11223130;transform:translate3d(calc(40px - var(--progress)*40px),calc(45px - var(--progress)*65px),80px) rotate(calc(8deg - var(--progress)*6deg));transition:opacity .2s}.phone-speaker{width:25%;height:5px;background:#303842;border-radius:10px;margin:0 auto 9px}.phone-ui{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.04em;color:#e4e9ef;padding:5px 6px 10px;gap:10px}.phone-ui span{color:#b2c9e8}.gallery-phone video{height:auto;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px;display:block}.gallery-phone figcaption{color:#eff3f7;font-size:10px;text-align:center;padding:12px 0}.phone-home{width:35%;height:3px;border-radius:10px;background:#ccd0d6;margin:auto}.print-tag,.phone-tag{position:absolute;font-size:10px;letter-spacing:.14em;color:#596574;bottom:-15px}.print-tag{left:10px}.phone-tag{right:0}.scroll-track{position:absolute;bottom:25px;left:6%;right:6%;height:1px;background:#c4ccd4}.scroll-track span{display:block;height:2px;background:#205cbd;width:calc(var(--progress)*100%)}.button{transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.section-head h2{font-weight:400}footer{background:#e8edf2}.process{background:#161c23}.steps article>span{color:#a8c7f4}.use-panel{background:#e8edf2}.example{border-color:#c5cfd9}.scope span{border-radius:3px}.nav-cta{border-radius:3px}.preview-bar{background:#161c23}.hero-art{transition:transform .5s}.hero-art:hover{transform:rotate(0deg)}@media(max-width:850px){.hero-art{width:90%;margin:auto}.real-project{grid-template-columns:1fr;gap:25px}.dimension{height:190vh}.dimension-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:32px 6%;gap:20px;min-height:780px}.dimension-copy{max-width:none}.dimension-copy h2{font-size:40px;margin-bottom:12px}.dimension-copy .eyebrow{margin-bottom:12px}.dimension-description{display:none}.simple-steps{display:flex;gap:16px;margin:18px 0}.simple-steps li{flex:1;display:block;padding:8px 0;font-size:12px}.simple-steps b{display:block}.dimension-copy .small{max-width:none;font-size:10px;margin:10px 0}.print-phone-scene{height:340px;width:340px;max-width:95%;margin:auto;align-self:start}.gallery-print{width:65%;padding:10px;top:0}.gallery-print figcaption{font-size:6px;padding:7px 0}.gallery-print p{font-size:14px}.gallery-phone{width:42%;right:0;top:48px;border-radius:20px;padding:8px 5px}.phone-ui{font-size:5px;padding:2px 3px 6px}.gallery-phone figcaption{font-size:8px;padding:8px 0}.print-tag,.phone-tag{bottom:0;font-size:8px}.phone-speaker{margin-bottom:5px;height:3px}.scroll-track{bottom:12px}.hero h1{font-size:clamp(58px,11vw,85px)}}@media(max-width:520px){.dimension-copy h2{font-size:36px}.dimension-sticky{min-height:750px}.art-caption{flex-wrap:wrap}.real-project video{height:320px}}@media(prefers-reduced-motion:reduce){.dimension{height:auto;--progress:1!important}.dimension-sticky{position:relative;height:auto;min-height:780px}.gallery-phone,.gallery-print,.hero-art,.button{transition:none}.gallery-phone{transform:none}.hero-art:hover,.button:hover{transform:none}.scroll-track{display:none}}
@media(min-width:851px){.print-phone-scene{width:100%;max-width:500px;height:520px;margin:0 auto}.gallery-print{width:65%}.gallery-phone{width:42%;right:18px;top:115px}.print-tag,.phone-tag{bottom:0}.phone-tag{right:28px}}
@media(max-width:850px){.gallery-phone{right:8px;transform:translateY(calc(20px - var(--progress)*30px)) rotate(calc(5deg - var(--progress)*3deg))}.print-phone-scene{width:320px;height:340px}.dimension-sticky{gap:15px}.gallery-print{left:6px}}
.print-tag,.phone-tag{display:none}
/* The Flitsi broadsheet: reuse the live site's stock, ink and typography. */
:root{--paper:#f2efe5;--ink:#17140f;--red:#c4321c;--line:#cfc8b9;--lime:#e7e2d4}body{font-family:Newsreader,Georgia,serif;font-size:18px;background:var(--paper)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:url('assets/grain.png');opacity:.25;mix-blend-mode:multiply;z-index:0}body>*{position:relative}main{max-width:1180px;margin:auto}.newspaper-folio{max-width:1128px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font:10px Archivo,sans-serif;letter-spacing:.16em;color:#777063}.newspaper-header{display:block;text-align:center;max-width:1128px;margin:0 auto;padding:30px 0 0;border-bottom:0}.newspaper-mast{font:900 clamp(90px,16vw,205px)/.85 'Bodoni Moda',Didot,serif;text-decoration:none;letter-spacing:-.025em;display:block}.newspaper-mast span{color:var(--red)}.newspaper-subtitle{font:11px Archivo,sans-serif;letter-spacing:.3em;margin:21px 0 18px}.newspaper-header nav{justify-content:center;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;gap:40px;font:12px Archivo,sans-serif}.newspaper-header nav a{display:block!important}.hero{padding:38px 26px 55px;gap:42px;grid-template-columns:1.15fr 1fr;align-items:start}.hero-copy{border-right:1px solid var(--line);padding-right:34px}.hero h1{font:800 clamp(45px,6.8vw,94px)/.97 'Bodoni Moda',Didot,serif;letter-spacing:-.025em;margin-bottom:22px}h1 em,h2 em{font-family:'Bodoni Moda',Didot,serif;color:var(--red);font-weight:500}.hero .intro{font:300 22px/1.45 Newsreader,Georgia,serif;max-width:490px}h2{font-family:'Bodoni Moda',Didot,serif;font-weight:600;letter-spacing:-.025em}h3{font-family:'Bodoni Moda',Didot,serif;font-weight:700}.eyebrow{font:700 11px Archivo,sans-serif;letter-spacing:.19em;color:var(--red);margin-bottom:18px}.button{font:600 13px Archivo,sans-serif;border-radius:0;padding:16px 19px;background:var(--red)}.button:hover{background:var(--ink)}.text-link,.small,.art-caption,.ribbon,.tabs button,.scope,.simple-steps,.motion-toggle,label,input,select,textarea,legend,summary,.media-top,.media-bottom p,footer small{font-family:Archivo,sans-serif}.small{line-height:1.6}.hero-art{max-width:430px;width:100%;margin:0;transform:none;padding:10px 10px 0;background:#e7e2d4;border:1px solid var(--line);box-shadow:none}.hero-art:hover{transform:none}.hero-art>img{aspect-ratio:3/4}.art-caption{font-size:8px;align-items:center;padding:10px 0}.art-caption a{font-size:10px}.actions{gap:18px}.hero .small{font-size:11px}.ribbon{font-size:10px;letter-spacing:.1em;border-color:var(--ink);padding:16px 26px}.section{padding:65px 26px}.section-head{border-top:2px solid var(--ink);padding-top:24px}.section-head h2{font-weight:600}.use-panel{background:#e7e2d4;border:1px solid var(--line)}.use-panel h3{font-family:'Bodoni Moda',Didot,serif}.tabs button{font-size:18px}.example{border-color:var(--line)}.process{background:#e7e2d4;color:var(--ink);border-block:1px solid var(--ink)}.steps article{border-color:#9f9889}.steps article>span{color:var(--red);font-family:Archivo,sans-serif}.steps p,.promise p{color:#575147}.steps h3{font-size:27px}.promise{border-color:#9f9889}.offer{border-bottom:1px solid var(--line)}.brief-section{background:#e7e2d4}.brief-section form{background:#f6f3e9}.scope span{font-size:12px}.real-project{border-bottom:1px solid var(--line)}.real-project .hero-media{background:#e7e2d4;border-radius:0}.real-project .media-bottom b{font-family:Newsreader,Georgia,serif;font-size:20px}.logo{font-family:'Bodoni Moda',Didot,serif}footer{background:#e7e2d4;border-top:3px double var(--ink);max-width:1180px;margin:auto}.dimension{background:var(--paper);border-top:3px double var(--ink);height:210vh}.dimension-sticky{background:radial-gradient(ellipse at 75% 40%,#faf8f0,var(--paper) 65%);padding:4% 26px;min-height:660px}.dimension-copy h2{font-family:'Bodoni Moda',Didot,serif;font-size:clamp(36px,4.1vw,60px);font-weight:600}.dimension-description{font:19px/1.5 Newsreader,Georgia,serif;color:#575147}.simple-steps li{font-size:12px;border-color:var(--line)}.simple-steps b{color:var(--red)}.motion-toggle{border-radius:0;border-color:#7e7668;font-size:11px}.scroll-track span{background:var(--red)}.scroll-track{background:var(--line)}.gallery-print{background:#fdfaf0}.gallery-print p{font-family:Newsreader,Georgia,serif;font-size:17px}.gallery-print figcaption{font-family:Archivo,sans-serif}.phone-ui,.gallery-phone figcaption{font-family:Archivo,sans-serif}.print-phone-scene{max-width:450px}.gallery-phone{width:46%;right:10px}.dimension-copy .small{font-size:10px;color:#777063}.newspaper-header a:focus-visible{outline-color:var(--red)}
@media(max-width:850px){.newspaper-folio,.newspaper-header{margin-inline:5%}.newspaper-folio{font-size:8px}.newspaper-header nav{gap:18px;font-size:10px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:25px;padding:30px 5% 45px}.hero-copy{border-right:0;padding:0}.hero h1{font-size:clamp(56px,10vw,85px)}.hero-art{max-width:440px;margin:auto}.hero .intro{font-size:21px}.section{padding:45px 5%}.dimension{height:185vh}.dimension-sticky{padding:28px 6%;min-height:770px}.dimension-copy h2{font-size:38px}.simple-steps li{font-size:11px}.print-phone-scene{width:320px;max-width:95%}.gallery-phone{right:9px;width:44%}.gallery-print p{font-size:13px}.art-caption{font-size:9px}.newspaper-subtitle{font-size:9px;letter-spacing:.2em}.steps p{font-family:Newsreader,Georgia,serif;font-size:17px}}
@media(max-width:520px){.newspaper-folio span:last-child{display:none}.newspaper-header nav{gap:14px}.newspaper-header{padding-top:24px}.hero h1{font-size:58px}.hero .eyebrow{font-size:9px}.simple-steps{gap:10px}.dimension-copy h2{font-size:34px}.newspaper-mast{font-size:110px}.section-head h2{font-size:37px}.dimension-sticky{min-height:750px}}
@media(prefers-reduced-motion:reduce){.dimension{height:auto}.dimension-sticky{position:relative;height:auto}}
/* Motion studies: gallery color within the Flitsi paper-and-ink language. */
.collection-teaser{display:flex;align-items:center;gap:15px;margin-top:29px;padding-top:20px;border-top:1px solid var(--line);max-width:390px;text-decoration:none;font:16px/1.4 Newsreader,Georgia,serif}.teaser-images{display:flex;gap:5px;flex-shrink:0}.teaser-images img{width:48px;height:62px;object-fit:cover;border:1px solid #17140f18;transition:transform .3s}.teaser-images img:last-child{margin-top:9px}.collection-teaser b{font:10px/2 Archivo,sans-serif;letter-spacing:.02em}.collection-teaser:hover img:first-child{transform:rotate(-6deg)}.collection-teaser:hover img:last-child{transform:rotate(6deg)}
.motion-studies{border-bottom:1px solid var(--line);padding-block:70px 40px}.studies-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;margin-bottom:36px}.studies-heading h2{margin:0;font-size:clamp(36px,4.2vw,58px)}.studies-intro>p{font-size:20px;line-height:1.45;margin:0 0 23px;max-width:420px}.study-modes{display:inline-flex;border:1px solid var(--ink);padding:3px;gap:3px}.study-modes button{border:0;background:transparent;color:var(--ink);padding:10px 16px;font:11px Archivo,sans-serif}.study-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.study-modes button:hover{box-shadow:inset 0 0 0 1px var(--ink)}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.study-card{min-width:0}.study-sphere{margin-top:35px}.study-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e7e2d4}.study-visual>img{width:100%;height:100%;object-fit:cover;display:block}.study-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;background:transparent}.study-visual.is-playing video{opacity:1}.study-number{position:absolute;left:14px;top:14px;font:11px Archivo,sans-serif;background:#f2efe5e8;padding:6px 8px}.study-caption{padding-top:19px}.study-caption .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:9px}.study-caption h3{font-size:30px;line-height:1.13;margin:0 0 10px}.study-caption>p:last-child{font-size:17px;line-height:1.4;color:#575147;margin:0;max-width:290px}.study-note{font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin:28px 0 0}.study-card.is-entering{animation:study-arrive .65s both}.study-card:nth-child(2).is-entering{animation-delay:.1s}.study-card:nth-child(3).is-entering{animation-delay:.2s}@keyframes study-arrive{from{opacity:.45;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.dimension-sticky{background:radial-gradient(ellipse at 83% 44%,#dce9e9 0,transparent 51%),var(--paper)}.brief-section{background:#e6e8dc}.scope span{background:#f8f5eb}.ribbon span:before{content:'•';color:var(--red);padding-right:13px}.newspaper-subtitle{color:#575147}
@media(max-width:850px){.studies-heading{grid-template-columns:1fr;gap:23px}.studies-heading h2{font-size:43px}.studies-intro>p{max-width:600px}.study-grid{gap:15px}.study-caption h3{font-size:25px}.study-caption>p:last-child{font-size:16px}.study-caption .eyebrow{font-size:8px}.collection-teaser{margin-top:20px}.motion-studies{padding-block:45px 30px}}
@media(max-width:580px){.study-grid{grid-template-columns:1fr;gap:33px}.study-sphere{margin-top:0}.study-visual{aspect-ratio:3/4}.study-visual>img,.study-visual video{object-fit:cover}.study-caption{padding-top:16px}.study-caption h3{font-size:31px}.study-caption>p:last-child{max-width:none;font-size:18px}.study-caption .eyebrow{font-size:10px}.studies-heading h2{font-size:39px}.study-note{line-height:1.6}.studies-intro>p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.study-card.is-entering{animation:none}.study-visual video,.teaser-images img{transition:none}.collection-teaser:hover img{transform:none}}
/* Match the case-study player to the actual portrait phone recording (540 × 1174). */
.real-project .hero-media{width:100%;max-width:322px;justify-self:center;margin:0;padding:14px}.real-project video{width:100%;height:auto;aspect-ratio:540/1174;object-fit:contain;background:#17140f}.real-project .media-top{font-size:8px;line-height:1.5;gap:18px}.real-project .media-top span{max-width:48%}.real-project .media-top span:last-child{text-align:right}.real-project .media-bottom{gap:12px}.real-project .media-bottom b{font-size:21px;line-height:1.15;display:block}.real-project .media-bottom p{font-size:10px;margin-top:6px}.real-project .play{flex-shrink:0;width:38px;height:38px}
@media(max-width:850px){.real-project .hero-media{max-width:310px;margin-inline:auto}.real-project>div:first-child{max-width:560px}.real-project p{max-width:520px}}