.hero-image{isolation:isolate;overflow:hidden;min-height:calc(100svh - 92px)}.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.87)}.hero-image:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,11,10,.76),rgba(10,11,10,.15) 62%,rgba(10,11,10,.02)),linear-gradient(0deg,rgba(10,11,10,.82),transparent 40%)}.hero-image .hero-top{color:var(--paper);text-shadow:0 1px 5px #000}.hero-image h1{font-size:clamp(52px,6.2vw,100px);max-width:900px;margin:clamp(65px,10vh,120px) 0 45px;line-height:1.04;text-shadow:0 2px 30px #0005}.hero-image h1 em{color:#ff793b}.hero-image .hero-bottom{grid-template-columns:1fr auto;gap:40px;margin-bottom:35px}.hero-image .hero-bottom p{font-size:17px;max-width:520px;line-height:1.45;text-shadow:0 1px 8px #000}.hero-image .hero-chapters{color:var(--paper)}.hero-image .scroll-cue{color:#deded5}
.studio-proof{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;margin-top:65px;align-items:start}.studio-proof figure{margin:0}.studio-proof figure img{width:100%;aspect-ratio:1.28;object-fit:cover}.studio-proof figcaption{margin-top:14px;font-size:10px;color:#666e60}.studio-principles article{border-top:1px solid #14151430;padding:22px 0 26px}.studio-principles article>.mono{color:#747b6b}.studio-principles h3{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:14px 0 13px;max-width:420px}.studio-principles p{font-size:15px;line-height:1.55;max-width:440px}.studio-caption{margin-top:50px}
.practice-content{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.practice-content h4{font-size:17px;letter-spacing:-.02em;font-weight:400;margin:0 0 8px}.practice-content p{font-size:14px;line-height:1.6;color:#b6bcb0;margin:0 0 24px;max-width:440px}.practice-link{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-top:15px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .3s,padding .4s var(--ease)}.practice-link:hover{color:var(--orange);padding-left:10px}.practice-link>span:last-child{font-size:24px}.practices{padding-bottom:40px}
.tile-method{height:165svh}.tile-method .tile-stage{height:85svh;background:var(--petrol)}.tile-method .tile-base{color:var(--paper);display:flex;flex-direction:column;justify-content:center}.tile-method .tile-base-head{position:absolute;left:var(--pad);right:var(--pad);top:35px}.tile-method .tile-base h2{font-size:clamp(50px,7vw,110px);line-height:1.05;max-width:1100px;position:relative;z-index:1}.tile-method .tile-base h2 span{color:#f98a57}.tile-method .tile-base>p{font-size:18px;margin-top:40px;max-width:460px}.tile-method .tile-grid>i,.tile-method .tile-grid>i:nth-child(n){background:var(--petrol)}.tile-method .tile-next>img{object-fit:cover}.tile-method .tile-next>span{font-size:9px;background:#141514c9}
.packaging-proof{background:var(--paper);color:var(--ink);padding-top:50px;padding-bottom:65px}.proof-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;margin-bottom:60px;align-items:end}.proof-heading h2{font-size:clamp(48px,6vw,90px);line-height:1.03}.proof-heading>p{font-size:20px;line-height:1.45;max-width:460px}.proof-body{display:grid;grid-template-columns:1fr 1.45fr;gap:7vw;border-top:1px solid #14151440;padding-top:35px}.proof-controls button{display:flex;text-align:left;align-items:center;gap:20px;width:100%;border-bottom:1px solid #14151435;padding:26px 0;font-size:21px;letter-spacing:-.03em;transition:color .3s,padding .3s}.proof-controls button>span:last-child{margin-left:auto}.proof-controls button[aria-selected=true]{color:var(--orange);padding-left:12px}.proof-controls button>.mono{font-size:11px}.proof-label{color:#757d6c}#proof-panel h3{font-size:34px;line-height:1.12;margin:20px 0}#proof-panel>p{font-size:16px;line-height:1.6;max-width:590px}.proof-art{min-height:235px;display:flex;gap:25px;align-items:center;justify-content:center;margin:32px 0;background:#deded5;padding:30px}.sample-box{height:170px;width:105px;border:1px solid #b3b8ac;background:var(--paper);box-shadow:10px 9px 0 #bcbeb255;display:flex;flex-direction:column;position:relative;padding:0 10px}.sample-box>i{height:24px;display:block;background:var(--petrol);margin:22px -10px 15px;position:relative}.sample-box>i:after{content:"";position:absolute;right:0;top:0;width:12px;height:100%;background:var(--orange)}.sample-box b{font-size:13px;font-weight:500}.sample-box span{font-size:8px;margin-top:7px}.sample-box em{font-family:var(--mono);font-size:11px;margin-top:auto;margin-bottom:12px;font-style:normal}.sample-box:nth-child(2)>i:after{right:17px}.sample-box:nth-child(3)>i:after{right:34px}.proof-art.information .sample-box{height:190px}.proof-art.information .sample-box b{font-size:18px}.proof-art.information .sample-box span{border-top:1px solid #bbb;margin-top:14px;padding-top:12px}.proof-art.versions{justify-content:space-around;gap:12px}.version-card{padding:17px;background:var(--paper);border:1px solid #bbc0b1;min-width:130px}.version-card>span{display:block;font-family:var(--mono);font-size:10px;color:#69715f}.version-card>b{display:block;font-size:23px;font-weight:400;margin:16px 0}.version-card>i{display:block;font-family:var(--mono);font-size:9px;font-style:normal;padding:7px;background:#d8e3d0}.version-card:nth-child(2)>i{background:#f3d4bf}.version-card:nth-child(3)>i{background:#c8d5d8}.proof-result{border-top:1px solid #14151430;padding-top:18px!important;font-size:13px!important}.proof-result>span{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;color:#69705f;margin-bottom:8px}.proof-footer{display:flex;justify-content:space-between;align-items:end;gap:65px;border-top:1px solid #14151435;padding-top:28px;margin-top:45px}.proof-footer>p{font-size:16px;line-height:1.55;max-width:550px}.proof-footer>.text-link{font-size:13px;min-width:280px}
.process-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px;border-top:1px solid #14151440;padding-top:28px}.process-evidence h3{font-size:25px;line-height:1.15;margin:16px 0}.process-evidence p{font-size:14px;line-height:1.6}.method-link{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:28px 0;border-top:1px solid #14151440;border-bottom:1px solid #14151440;margin-top:45px;transition:color .3s}.method-link>span:first-child{font-size:26px;letter-spacing:-.04em}.method-link small{font-size:13px;letter-spacing:-.01em;display:block;color:#6a7161;margin-top:10px}.method-link>span:last-child{font-size:15px}.method-link:hover{color:var(--orange)}.models{margin-top:45px}
.detail-page{background:var(--paper);color:var(--ink)}.detail-page .site-header{color:var(--paper)}.detail-page .page-intro{padding:50px var(--pad) 60px}.breadcrumb{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:#6e7664}.breadcrumb a:hover{color:var(--orange)}.page-intro .eyebrow{margin-top:65px}.page-intro h1{font-size:clamp(48px,6.5vw,100px);line-height:1.02;max-width:1000px;margin-top:20px;letter-spacing:-.052em}.page-intro h1 em{font-style:normal;color:var(--orange)}.page-lead{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:44px}.page-lead>p{font-size:23px;line-height:1.4;max-width:650px}.page-lead>.page-quick{font-size:14px;line-height:1.5;border-top:1px solid #14151435;padding-top:17px}.page-quick>span{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;margin-bottom:12px;color:#737c67}.detail-cover{margin:0}.detail-cover>img{width:100%;max-height:70svh;object-fit:cover}.detail-cover figcaption{padding:12px var(--pad);font-size:9px;color:#77806b}.detail-section{padding:70px var(--pad);border-top:1px solid #14151435}.detail-section .detail-title{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:45px}.detail-title h2{font-size:clamp(34px,4vw,62px);line-height:1.1}.detail-title>p{font-size:18px;line-height:1.55;max-width:550px}.situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.situation-grid article{border-top:1px solid #14151440;padding-top:20px}.situation-grid h3{font-size:29px;line-height:1.12;margin-bottom:18px}.situation-grid p{font-size:15px;line-height:1.6}.deliverables{margin-top:25px;padding-top:15px;border-top:1px solid #14151420}.deliverables>.mono{font-size:9px;color:#6a735f;display:block;margin-bottom:12px}.deliverables li{font-size:13px;line-height:1.5;margin-bottom:8px}.detail-dark{background:var(--ink);color:var(--paper);border-color:var(--line)}.detail-dark .situation-grid article{border-color:var(--line)}.detail-dark .deliverables{border-color:var(--line)}.detail-dark .deliverables>.mono{color:#9ba790}.touchpoints{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.touchpoint{border-top:1px solid #14151435;padding-top:20px}.touchpoint h3{font-size:28px;margin-bottom:15px}.touchpoint p{font-size:16px;line-height:1.6}.related-case{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;align-items:center}.related-case>img{width:100%}.related-case h3{font-size:42px;line-height:1.1;margin:16px 0 24px}.related-case p{font-size:17px;line-height:1.55;margin-bottom:25px}.related-case button{font-size:15px}.workflow-list{display:grid;gap:0}.workflow-row{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:35px;padding:32px 0;border-top:1px solid #14151435}.workflow-row .step-no{font-family:var(--mono);font-size:40px;color:var(--orange)}.workflow-row h3{font-size:32px;margin-bottom:12px}.workflow-row p{font-size:16px;line-height:1.55}.workflow-row .deliverables{margin:0;padding:0;border:0}.workflow-row .deliverables li{font-size:15px;line-height:1.55}.scope-box{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.scope-box h3{font-size:28px;margin-bottom:18px}.scope-box p{font-size:16px;line-height:1.6}.scope-box li{font-size:15px;line-height:1.55;border-top:1px solid #14151425;padding:12px 0}.service-nav{display:flex;justify-content:space-between;gap:35px;padding:35px var(--pad);background:var(--petrol);color:var(--paper)}.service-nav a{font-size:22px}.faq{max-width:900px}.faq details{border-top:1px solid #14151440}.faq summary{display:flex;justify-content:space-between;padding:24px 0;font-size:20px;gap:20px}.faq summary span{font-size:24px}.faq details>p{font-size:16px;line-height:1.6;padding-bottom:24px;max-width:760px}.diagram-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.diagram-flow>div{padding:24px;background:#e0e3d8;border-top:3px solid var(--orange)}.diagram-flow b{font-size:18px;font-weight:400;display:block;margin:15px 0}.diagram-flow p{font-size:13px;line-height:1.5}.image-detail-split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.image-detail-split img{width:100%}.image-detail-split h3{font-size:40px;line-height:1.1;margin-bottom:25px}.image-detail-split p{font-size:17px;line-height:1.6}.detail-section a.text-link{margin-top:25px}
@media(max-width:1000px){.hero-image h1{font-size:7.6vw}.proof-body{grid-template-columns:1fr 1.3fr;gap:35px}.proof-controls button{font-size:18px}.proof-art{gap:16px;padding:20px}.version-card{min-width:100px;padding:12px}.situation-grid{gap:25px}.situation-grid h3{font-size:25px}.workflow-row{grid-template-columns:55px 1fr 1.3fr;gap:25px}.related-case h3{font-size:34px}}
@media(max-width:700px){.hero-image{min-height:calc(100svh - 76px);padding-top:20px}.hero-photo img{object-position:61% center}.hero-image:before{background:linear-gradient(0deg,#090a09ed,rgba(9,10,9,.12) 75%),linear-gradient(90deg,#090a0955,transparent)}.hero-image h1{font-size:11.5vw;margin-top:auto;margin-bottom:25px;text-shadow:0 1px 20px #0009}.hero-image .hero-top{margin-bottom:210px}.hero-image .hero-bottom{display:block;margin-top:0;margin-bottom:25px}.hero-image .hero-bottom p{font-size:14px;max-width:310px}.hero-image .hero-bottom>.text-link{display:flex;width:190px;margin-top:22px}.hero-image .hero-chapters{margin-top:5px;font-size:8px}.studio-proof{grid-template-columns:1fr;gap:35px;margin-top:45px}.studio-proof figure img{aspect-ratio:1.4}.studio-principles h3{font-size:27px}.studio-principles article{padding:20px 0}.practice-content{margin-top:25px}.practice-content h4{font-size:17px}.practice-content p{font-size:14px}.practices{padding-bottom:20px}.tile-method{height:140svh}.tile-method .tile-stage{height:80svh}.tile-method .tile-base h2{font-size:13vw}.tile-method .tile-base>p{font-size:16px;max-width:280px}.tile-method .tile-base-head{font-size:8px}.packaging-proof{padding-top:35px;padding-bottom:45px}.proof-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.proof-heading h2{font-size:49px}.proof-heading>p{font-size:17px}.proof-body{grid-template-columns:1fr;gap:30px;padding-top:15px}.proof-controls button{padding:20px 0;font-size:20px}#proof-panel h3{font-size:32px}.proof-art{gap:12px;padding:25px 15px;min-height:215px}.sample-box{width:90px;height:158px}.sample-box b{font-size:11px}.sample-box span{font-size:7px}.version-card{min-width:0;width:30%;padding:10px}.version-card>b{font-size:19px}.version-card>i{font-size:7px;padding:5px}.proof-footer{display:block;margin-top:35px;padding-top:25px}.proof-footer>p{font-size:15px}.proof-footer>.text-link{margin-top:22px;min-width:0;font-size:13px}.process-evidence{grid-template-columns:1fr;gap:25px;margin-top:40px}.process-evidence article{border-bottom:1px solid #14151425;padding-bottom:20px}.process-evidence h3{font-size:25px;margin:12px 0}.method-link{display:block;margin-top:30px;padding:22px 0}.method-link>span:first-child{font-size:26px}.method-link>span:last-child{display:block;margin-top:22px;font-size:14px}.method-link small{line-height:1.5}.page-intro{padding:35px 20px 45px!important}.page-intro .eyebrow{margin-top:45px}.page-intro h1{font-size:49px}.page-lead{grid-template-columns:1fr;gap:28px;margin-top:30px}.page-lead>p{font-size:20px}.detail-cover>img{height:45svh;object-fit:cover}.detail-section{padding:45px 20px}.detail-section .detail-title{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.detail-title h2{font-size:37px}.detail-title>p{font-size:16px}.situation-grid,.touchpoints{grid-template-columns:1fr;gap:35px}.situation-grid h3{font-size:29px}.related-case{grid-template-columns:1fr;gap:30px}.related-case h3{font-size:36px}.workflow-row{grid-template-columns:45px 1fr;gap:20px}.workflow-row>.deliverables{grid-column:2}.workflow-row .step-no{font-size:30px}.workflow-row h3{font-size:31px}.workflow-row p,.workflow-row .deliverables li{font-size:15px}.scope-box{grid-template-columns:1fr;gap:30px}.service-nav{flex-direction:column;padding:30px 20px;gap:22px}.service-nav a{font-size:20px}.faq summary{font-size:19px}.faq details>p{font-size:15px}.diagram-flow{grid-template-columns:1fr 1fr;gap:12px}.diagram-flow>div{padding:15px}.diagram-flow b{font-size:16px}.diagram-flow p{font-size:12px}.image-detail-split{grid-template-columns:1fr;gap:30px}.image-detail-split h3{font-size:35px}.image-detail-split p{font-size:16px}}
.detail-dark .diagram-flow>div{color:var(--ink)}.flow-note{font-size:12px;line-height:1.5;color:#adb7a7;margin-top:22px;max-width:750px}.detail-page .contact{color:var(--ink)}.detail-page .contact footer{color:var(--ink)}