:root{--paper:#f2f0ea;--paper-2:#e9e6df;--ink:#111;--muted:#6f6c65;--line:rgba(17,17,17,.17);--accent:#e64b2e;--white:#f7f5ef;--pad:clamp(22px,4vw,68px);--sans:"Manrope",sans-serif;--serif:"Instrument Serif",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img,video{display:block;width:100%}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:16px;top:-80px;z-index:120;background:var(--ink);color:white;padding:12px 18px}.skip-link:focus{top:16px}
.site-header{height:86px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:90;background:rgba(242,240,234,.86);backdrop-filter:blur(15px);transition:height .3s,transform .3s}.site-header.is-sticky{position:fixed;inset:0 0 auto;height:70px}.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand-mark{width:30px;height:30px;background:var(--ink);position:relative;overflow:hidden;display:grid;place-items:center}.brand-mark i{position:absolute;width:7px;height:22px;border-radius:4px;background:var(--paper);transform:rotate(45deg)}.brand-mark i:last-child{background:var(--accent);transform:rotate(-45deg)}.brand-name{font-weight:700;letter-spacing:-.055em;font-size:18px}.brand-name em{font-style:normal;color:#85817a;font-weight:500}.desktop-nav{display:flex;gap:32px;font-size:13px;font-weight:600}.desktop-nav a,.site-footer a{transition:opacity .2s}.desktop-nav a:hover,.site-footer a:hover{opacity:.5}.nav-cta{justify-self:end}.arrow-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid currentColor;padding:7px 0}.arrow-link span,.button span{transition:transform .25s}.arrow-link:hover span,.button:hover span{transform:translate(4px,-3px)}.menu-toggle,.mobile-menu,.mobile-sticky-cta{display:none}
.hero,.work,.services,.one-idea,.thinking,.principles,.craft,.fit,.final-cta,.site-footer{padding-inline:var(--pad)}.hero{padding-top:40px;padding-bottom:clamp(72px,7vw,110px)}.hero-meta{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}.hero-meta p{margin:0}.hero-title{margin-top:clamp(55px,7vw,105px)}.title-line{position:relative;display:flex;align-items:baseline}.title-mask{display:block;overflow:hidden}.title-mask b{display:block;font-size:clamp(48px,8.4vw,150px);font-weight:600;line-height:.83;letter-spacing:-.077em;white-space:nowrap;transform:translateY(110%);animation:title-in 1s cubic-bezier(.16,1,.3,1) forwards}.title-line-two{justify-content:flex-end}.title-line-two .title-mask{overflow:visible;padding-right:.12em}.title-line-two .title-mask b{animation-delay:.09s}.title-line-serif{padding-left:13vw}.title-line-serif .title-mask b{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.05em;color:var(--accent);animation-delay:.18s}.frame-note{font-size:9px;letter-spacing:.16em;margin-left:20px;color:var(--muted)}.keyframe{width:14px;height:14px;border:1px solid var(--accent);transform:rotate(45deg);margin-left:24px}@keyframes title-in{to{transform:none}}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:60px 0 0}.hero-bottom>p{max-width:570px;font-size:clamp(17px,1.45vw,22px);line-height:1.5;margin:0}.hero-actions{justify-self:end;display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:0 25px;border:0;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:700}.button-accent{background:var(--accent);color:white}.button-dark{background:var(--ink);color:white}.plain-link{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;display:flex;gap:15px}
.hero-stage{height:clamp(500px,58vw,820px);position:relative;background:#d7e6ff;overflow:hidden;isolation:isolate}.stage-label{position:absolute;inset:20px 22px auto;display:flex;justify-content:space-between;z-index:7;font-size:9px;font-weight:700;letter-spacing:.16em}.stage-panel{position:absolute;overflow:hidden;box-shadow:0 25px 80px rgba(27,38,59,.18);will-change:transform;transition:transform .18s ease-out}.stage-panel img,.stage-panel video{height:100%;object-fit:cover}.stage-panel-back{left:-2%;top:22%;width:38%;height:43%;transform:rotate(-4deg)}.stage-panel-main{left:17%;top:10%;width:66%;height:78%;z-index:3}.stage-panel-front{right:-1%;bottom:6%;width:31%;height:34%;z-index:4;transform:rotate(3deg)}.video-toggle{position:absolute;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(17,17,17,.82);color:white;display:grid;place-items:center;cursor:pointer}.motion-path{position:absolute;right:6%;top:10%;width:140px;height:130px;border-right:1px dashed rgba(17,17,17,.35);border-top:1px dashed rgba(17,17,17,.35)}.motion-path span,.motion-path i,.motion-path b{position:absolute;width:10px;height:10px;background:var(--accent);transform:rotate(45deg)}.motion-path span{left:-5px;top:-5px}.motion-path i{right:-5px;top:-5px}.motion-path b{right:-5px;bottom:-5px}
.kicker{margin:0 0 28px;color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:65px}.section-head .kicker{grid-column:1/-1}.section-head h2,.problem h2,.one-idea h2,.thinking h2,.process h2,.principles h2,.craft h2,.studio h2,.fit h2,.final-cta h2{font-size:clamp(48px,6.6vw,112px);line-height:.9;letter-spacing:-.067em;font-weight:600;margin:0}.section-head h2 i,.problem h2 i,.one-idea h2 i,.thinking h2 i,.process h2 i,.principles h2 i,.craft h2 i,.studio h2 i,.fit h2 i,.final-cta h2 i{font-family:var(--serif);font-weight:400}.section-head>p:last-child{justify-self:end;color:var(--muted);margin:0}.work{padding-top:110px;padding-bottom:150px}.featured-case{border-top:1px solid var(--line);padding-top:24px}.case-media{aspect-ratio:16/8.7;position:relative;overflow:hidden;background:#d7e6ff}.case-media video{height:100%;object-fit:cover}.case-info{display:grid;grid-template-columns:1.6fr .7fr;gap:40px;padding:25px 0 60px}.case-count{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.case-info h3{font-size:clamp(25px,3vw,48px);line-height:1.12;letter-spacing:-.055em;font-weight:500;max-width:850px;margin:14px 0 0}.case-info>p{text-align:right;font-size:12px}.frame-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.frame-strip figure{margin:0}.frame-strip img{aspect-ratio:16/10;object-fit:cover}.frame-strip figcaption{display:flex;justify-content:space-between;padding-top:12px;font-size:12px}.frame-strip figcaption span{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.section-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:85px;padding:28px 0;display:flex;align-items:center;justify-content:space-between}.section-cta p{margin:0;font-size:18px}
.dark-section{background:var(--ink);color:var(--white);padding-inline:var(--pad)}.problem{padding-top:150px;padding-bottom:150px}.problem-intro{display:grid;grid-template-columns:1.4fr .6fr;align-items:end}.problem-intro .kicker{grid-column:1/-1}.problem-intro>p:last-child{color:#a7a39b;font-size:18px;max-width:520px}.story-compare{margin-top:100px;border-top:1px solid rgba(255,255,255,.18)}.story-row{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:.5fr 1.5fr;align-items:center}.story-row>p{text-transform:uppercase;font-size:10px;letter-spacing:.14em}.story-row>div{display:flex;align-items:center;justify-content:space-between}.story-row span{font-size:clamp(14px,1.6vw,24px)}.story-row i{font-style:normal;color:#777}.story-usual{opacity:.45}.story-simply span{color:var(--accent)}.philosophy{margin-top:180px;display:grid;grid-template-columns:.55fr 1.45fr}.philosophy>p{color:#aaa69e;max-width:250px}.philosophy h3{font-size:clamp(55px,8.8vw,142px);font-weight:500;line-height:.85;letter-spacing:-.07em;margin:0}.philosophy h3 i{font-family:var(--serif);font-weight:400;color:var(--accent)}.formula{grid-column:2;display:flex;gap:20px;align-items:center;margin-top:55px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.formula b{color:var(--accent)}
.services{padding-top:150px;padding-bottom:150px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1.3fr .7fr 45px;gap:30px;padding:42px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding .35s,background .35s}.service:hover{padding-left:18px;padding-right:18px;background:var(--paper-2)}.service>span{font-size:10px;color:var(--accent);font-weight:700}.service h3{font-size:clamp(28px,3.4vw,53px);font-weight:500;line-height:1;letter-spacing:-.055em;margin:0}.service p{color:var(--muted);max-width:520px}.service ul{list-style:none;margin:0;padding:0;color:var(--muted);font-size:13px;line-height:1.9}.service-mark{font-style:normal;font-size:25px;color:var(--accent);transition:transform .3s}.service:hover .service-mark{transform:translate(5px,-5px)}.pricing-note{display:grid;grid-template-columns:1.15fr 1fr auto;gap:42px;align-items:end;margin-top:70px;padding:32px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.pricing-note div{display:flex;flex-direction:column;gap:8px}.pricing-note span{font-size:10px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.16em}.pricing-note strong{font-family:var(--serif);font-size:clamp(32px,4vw,62px);font-weight:400;line-height:1}.pricing-note p{max-width:480px;margin:0;color:var(--muted)}.pricing-note .arrow-link{white-space:nowrap}
.one-idea{padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;background:var(--paper-2)}.one-idea-copy>p:last-child{max-width:500px;color:var(--muted);font-size:18px}.focus-demo{border:1px solid var(--line);background:var(--paper);padding:18px}.focus-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.14em;margin-bottom:16px}.messy-frame{position:relative;aspect-ratio:1.35;background:#dbe7f7;overflow:hidden}.messy-frame span{position:absolute;padding:9px 14px;background:rgba(255,255,255,.78);box-shadow:0 8px 30px rgba(0,0,0,.08);font-size:12px;transition:all .65s cubic-bezier(.16,1,.3,1)}.messy-frame span:nth-child(1){left:7%;top:10%}.messy-frame span:nth-child(2){right:8%;top:6%}.messy-frame span:nth-child(3){left:38%;top:27%}.messy-frame span:nth-child(4){left:8%;top:47%}.messy-frame span:nth-child(5){right:6%;top:43%}.messy-frame span:nth-child(6){left:21%;bottom:10%}.messy-frame span:nth-child(7){right:19%;bottom:12%}.messy-frame span:nth-child(8){left:48%;top:58%}.messy-frame strong{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:clamp(28px,4.2vw,72px);line-height:.95;letter-spacing:-.06em;opacity:0;transform:scale(.85);transition:.6s cubic-bezier(.16,1,.3,1)}.focus-demo.simplified .messy-frame span{opacity:0;transform:scale(.55)}.focus-demo.simplified .messy-frame strong{opacity:1;transform:none}.focus-toggle{width:100%;height:58px;border:0;border-top:1px solid var(--line);background:transparent;margin-top:18px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.1em;cursor:pointer}.focus-toggle i{font-size:22px;font-style:normal;color:var(--accent)}
.thinking{padding-top:150px;padding-bottom:150px}.thinking-head{display:grid;grid-template-columns:1fr 1fr}.thinking-head .kicker{grid-column:1/-1}.thinking-head>p:last-child{align-self:end;justify-self:end;max-width:480px;color:var(--muted);font-size:18px}.thinking-stage{margin-top:75px}.thinking-visual{height:min(62vw,720px);position:relative;background:#d7e6ff;overflow:hidden}.thinking-card{position:absolute;inset:0;opacity:0;transform:translateY(30px) scale(.97);transition:.6s cubic-bezier(.16,1,.3,1);pointer-events:none}.thinking-card.active{opacity:1;transform:none;pointer-events:auto}.thinking-card>span{position:absolute;top:20px;left:22px;z-index:3;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.card-script{display:grid;place-items:center}.card-script p{font-family:var(--serif);font-size:clamp(50px,8vw,128px);line-height:.78;text-align:center;margin:0}.card-board{display:grid;place-items:center}.mini-board{width:70%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-board i{aspect-ratio:16/9;border:2px solid var(--ink);position:relative}.mini-board i:before,.mini-board i:after{content:"";position:absolute;background:var(--ink);opacity:.18}.mini-board i:before{height:1px;left:12%;right:12%;top:35%}.mini-board i:after{height:28%;width:45%;left:12%;bottom:16%}.card-style img,.card-motion video{height:100%;object-fit:cover}.thinking-controls input{width:100%;accent-color:var(--accent);margin:34px 0 20px}.thinking-controls>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.thinking-controls button{border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:18px 10px;cursor:pointer;color:var(--muted);transition:color .2s}.thinking-controls button span{display:block;font-size:9px;color:var(--accent);margin-bottom:5px}.thinking-controls button.active{color:var(--ink);font-weight:700}
.process{padding-top:150px;padding-bottom:100px}.process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.process-copy{position:sticky;top:110px;align-self:start}.process-copy>p:not(.kicker){color:#a7a39b;max-width:430px;font-size:18px}.process-progress{height:2px;background:#333;margin-top:50px}.process-progress i{display:block;width:20%;height:100%;background:var(--accent);transition:width .3s}.process-steps{border-top:1px solid rgba(255,255,255,.18)}.process-step{min-height:230px;border-bottom:1px solid rgba(255,255,255,.18);padding:37px 0;display:grid;grid-template-columns:65px 1fr;opacity:.38;transition:opacity .3s}.process-step.active{opacity:1}.process-step>span{font-size:10px;color:var(--accent)}.process-step h3{font-size:clamp(32px,4vw,62px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0}.process-step p{color:#aaa69e;max-width:540px}.process-step small{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:var(--accent)}.process-cta{margin-top:100px;border-top:1px solid rgba(255,255,255,.18);padding:30px 0;display:flex;justify-content:space-between;align-items:center}.process-cta p{margin:0;color:#aaa69e}
.principles{padding-top:150px;padding-bottom:150px}.principle-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.principle-grid article{min-height:290px;padding:30px;border-bottom:1px solid var(--line)}.principle-grid article:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.principle-grid span{font-size:10px;color:var(--accent)}.principle-grid h3{font-size:clamp(25px,3vw,43px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:70px 0 15px}.principle-grid p{color:var(--muted);max-width:500px}
.craft{padding-top:150px;padding-bottom:150px;background:#d7e6ff}.craft-copy{display:grid;grid-template-columns:1.35fr .65fr}.craft-copy .kicker{grid-column:1/-1}.craft-copy>p:not(.kicker){align-self:end;color:#515b68;font-size:18px}.craft-copy .arrow-link{grid-column:2;margin-top:20px;width:max-content}.craft-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:80px}.yt-wrap{aspect-ratio:16/9;background:var(--ink);overflow:hidden}.yt-wrap iframe{width:100%;height:100%;border:0}.craft-videos article>span{display:block;margin-top:17px;font-size:9px;color:#536070;text-transform:uppercase;letter-spacing:.15em}.craft-videos h3{font-size:clamp(21px,2.2vw,34px);font-weight:500;letter-spacing:-.04em;margin:8px 0}
.studio{padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.studio-copy{padding-top:80px}.studio-copy>p{color:#aaa69e;max-width:650px}.studio-copy .studio-lede{font-size:clamp(26px,3.3vw,52px);line-height:1.2;letter-spacing:-.045em;color:white}.directness{margin-top:70px;border-top:1px solid rgba(255,255,255,.18)}.directness>div{display:grid;grid-template-columns:130px 1fr;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18)}.directness span{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:9px}.directness p{margin:0;color:#aaa69e}
.fit{padding-top:150px;padding-bottom:150px}.fit-intro{display:grid;grid-template-columns:1.4fr .6fr}.fit-intro .kicker{grid-column:1/-1}.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:80px;border-top:1px solid var(--line)}.fit-columns>div{padding:35px 50px 20px 0}.fit-columns>div+div{border-left:1px solid var(--line);padding-left:50px}.fit-columns h3{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent)}.fit-columns ul{list-style:none;padding:0;margin-top:35px}.fit-columns li{font-size:clamp(17px,1.6vw,23px);padding:16px 0;border-bottom:1px solid var(--line);letter-spacing:-.02em}.fit-columns li:before{content:"◇";color:var(--accent);font-size:12px;margin-right:15px}
.final-cta{position:relative;background:var(--accent);color:var(--ink);padding-top:110px;padding-bottom:100px;overflow:hidden}.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,17,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.1) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.final-cta>*:not(.final-grid){position:relative}.final-cta .kicker{color:var(--ink)}.final-cta h2{font-size:clamp(72px,13vw,220px);line-height:.74}.final-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-top:85px}.final-bottom p{font-size:18px;max-width:520px}.final-bottom .button{justify-self:end}
.site-footer{padding-top:45px;padding-bottom:45px;display:grid;grid-template-columns:1.4fr .7fr .5fr 1fr;gap:40px;border-top:1px solid var(--line);font-size:12px}.site-footer p{margin:0;color:var(--muted)}.site-footer>div:nth-child(3){display:flex;flex-direction:column;gap:8px}.site-footer>div:last-child{text-align:right}.site-footer>div:last-child p{margin-top:28px}.mobile-sticky-cta{display:none}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;position:relative;width:62px;height:40px;align-items:center;justify-content:flex-end;border:0;background:transparent;cursor:pointer}.menu-toggle span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-right:14px}.menu-toggle i{position:absolute;right:0;width:10px;height:1px;background:var(--ink);transition:.3s}.menu-toggle i:nth-of-type(1){top:15px}.menu-toggle i:nth-of-type(2){top:23px}.menu-toggle[aria-expanded="true"] i:nth-of-type(1){top:19px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:nth-of-type(2){top:19px;transform:rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:0;z-index:80;background:var(--accent);padding:120px var(--pad) 35px;flex-direction:column;justify-content:space-between;transform:translateY(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1)}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font-size:clamp(40px,10vw,75px);line-height:1.1;letter-spacing:-.06em;border-bottom:1px solid rgba(17,17,17,.2)}.mobile-menu nav span{font-size:9px;letter-spacing:.15em;margin-right:15px}.mobile-menu .button{width:max-content}.mobile-menu p{font-size:12px}.problem-intro,.one-idea,.thinking-head,.process-layout,.craft-copy,.studio,.fit-intro{grid-template-columns:1fr}.hero-bottom{grid-template-columns:1fr;gap:30px}.hero-actions{justify-self:start}.section-head{grid-template-columns:1fr}.section-head>p:last-child{justify-self:start;margin-top:25px}.case-info{grid-template-columns:1fr}.case-info>p{text-align:left}.problem-intro>p:last-child{margin-top:30px}.philosophy{grid-template-columns:1fr}.philosophy h3,.formula{grid-column:1}.philosophy h3{margin-top:35px}.service{grid-template-columns:50px 1fr .7fr 30px}.pricing-note{grid-template-columns:1fr 1fr}.pricing-note .arrow-link{grid-column:1/-1}.one-idea{gap:60px}.thinking-head>p:last-child{justify-self:start;margin-top:30px}.process-copy{position:relative;top:auto;margin-bottom:80px}.principle-grid{grid-template-columns:1fr}.principle-grid article:nth-child(odd){border-right:0}.craft-copy>p:not(.kicker),.craft-copy .arrow-link{grid-column:1}.craft-copy>p:not(.kicker){margin-top:35px}.studio-copy{padding-top:20px}.fit-columns{grid-template-columns:1fr}.fit-columns>div+div{border-left:0;padding-left:0}.final-bottom{grid-template-columns:1fr;gap:30px}.final-bottom .button{justify-self:start}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:last-child{text-align:left}}
@media(max-width:620px){:root{--pad:18px}.site-header{height:70px}.hero{padding-top:24px}.hero-meta p:last-child{display:none}.hero-title{margin-top:55px}.title-line{display:block}.title-line-two{justify-content:flex-start}.title-line-serif{padding-left:18vw}.title-mask b{font-size:clamp(43px,13.5vw,70px);line-height:.88}.frame-note{position:absolute;right:0;top:-18px}.keyframe{position:absolute;right:8px;bottom:10px}.hero-bottom{margin:42px 0 28px}.hero-bottom>p{font-size:16px}.hero-actions{width:100%;align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%}.work,.problem,.services,.one-idea,.thinking,.process,.principles,.craft,.studio,.fit{padding-top:95px;padding-bottom:95px}.section-head{margin-bottom:38px}.section-head h2,.problem h2,.one-idea h2,.thinking h2,.process h2,.principles h2,.craft h2,.studio h2,.fit h2{font-size:clamp(44px,14vw,70px)}.case-media{aspect-ratio:4/5}.case-media video{object-fit:cover}.case-info{padding-bottom:35px}.case-info h3{font-size:28px}.frame-strip{grid-template-columns:1fr;gap:35px}.section-cta{align-items:flex-start;flex-direction:column;gap:20px;margin-top:55px}.story-compare{margin-top:60px}.story-row{grid-template-columns:1fr;gap:15px}.story-row>div{overflow-x:auto;gap:15px;justify-content:flex-start}.story-row span{white-space:nowrap}.philosophy{margin-top:100px}.philosophy>p{margin:0}.formula{align-items:flex-start;flex-direction:column;gap:10px}.formula b{transform:rotate(90deg);margin-left:25px}.service{grid-template-columns:35px 1fr 25px;padding:30px 0}.service ul{grid-column:2}.service-mark{grid-column:3;grid-row:1}.pricing-note{grid-template-columns:1fr;gap:24px;margin-top:55px}.pricing-note .arrow-link{grid-column:1}.one-idea{gap:40px}.messy-frame{aspect-ratio:1/1.12}.messy-frame span{font-size:10px;padding:7px 9px}.thinking-visual{height:440px}.mini-board{width:85%}.thinking-controls>div{overflow-x:auto}.thinking-controls button{min-width:105px}.process-step{min-height:210px}.process-cta{align-items:flex-start;flex-direction:column;gap:20px}.principle-grid article,.principle-grid article:nth-child(odd){padding:25px 0;min-height:250px}.principle-grid h3{margin-top:55px}.craft-videos{grid-template-columns:1fr;margin-top:55px}.studio{gap:20px}.directness>div{grid-template-columns:1fr;gap:10px}.fit-columns{margin-top:45px}.fit-columns>div{padding-right:0}.fit-columns li{font-size:16px}.final-cta{padding-top:80px;padding-bottom:90px}.final-cta h2{font-size:clamp(67px,22vw,105px)}.final-bottom{margin-top:55px}.final-bottom .button{width:100%}.site-footer{grid-template-columns:1fr;padding-bottom:105px}.site-footer>div:last-child p{margin-top:20px}.mobile-sticky-cta{display:flex;position:fixed;z-index:60;bottom:10px;left:10px;right:10px;background:var(--accent);color:var(--ink);height:54px;align-items:center;justify-content:space-between;padding:0 18px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;box-shadow:0 12px 35px rgba(0,0,0,.23)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.title-mask b{animation:none;transform:none}.reveal{opacity:1;transform:none;transition:none}.stage-panel,.case-media video,.thinking-card,.messy-frame span,.messy-frame strong{transition:none}}
