/* The deeper pages use the same material, proportion and light as the studio. */
body:not(.home-page){--paper:var(--atelier-paper,#f3eee6);--ink:var(--atelier-ink,#0c0d0d);--muted:#6b655d;--line:#29251f26;--orange:#c7a677;--signal:#c7a677;background:var(--paper);color:var(--ink)}
body:not(.home-page) main{overflow:clip}
body:not(.home-page) .section-padding{padding:clamp(75px,8.5vw,140px) 7%}
body:not(.home-page) :is(.section-label,.microcopy,.eyebrow){font:10px/1.8 var(--mono);letter-spacing:.075em}
body:not(.home-page) :is(.detail-section-intro h2,.detail-questions h2,.related-grid h2,.identity-section-heading h2,.identity-gallery-heading h2){font-family:var(--editorial,Georgia,serif);font-weight:400;letter-spacing:-.05em;line-height:1.04;text-wrap:balance}
body:not(.home-page) .detail-breadcrumb{padding:29px 7% 0;background:var(--ink);color:#9e9588;gap:14px;font-size:10px;line-height:1.8;flex-wrap:wrap}
body:not(.home-page) .detail-breadcrumb a{color:#bcb3a6;min-height:28px;display:inline-flex;align-items:center}
body:not(.home-page) .detail-breadcrumb a:hover{color:var(--paper)}
body:not(.home-page) .detail-breadcrumb>span:last-child{color:#e5dccf}

/* Quiet protected typography in front of a live, dimensional object. */
body:not(.home-page) .detail-hero{min-height:min(850px,calc(100svh - 88px));padding:90px 7% 95px;grid-template-columns:1.15fr .85fr;gap:10%;align-items:center;background:radial-gradient(ellipse at 54% 62%,#34302655,transparent 53%),var(--ink);color:var(--paper);border-bottom:1px solid #c7a67730;isolation:isolate;overflow:clip}
body:not(.home-page) .detail-hero:after{inset:30px 7%;border-color:#c7a6770d}
body:not(.home-page) .detail-hero-title{z-index:3;align-self:center;max-width:100%}
body:not(.home-page) .detail-hero .eyebrow{color:#c7a677;font-size:10px;line-height:1.85;letter-spacing:.075em;margin-bottom:42px;max-width:90%}
body:not(.home-page) .detail-hero .status-dot{background:#c7a677;box-shadow:0 0 22px #c7a67766}
body:not(.home-page) .detail-hero h1{font:400 clamp(62px,7.1vw,116px)/.94 var(--editorial,Georgia,serif);letter-spacing:-.06em;color:var(--paper);max-width:10em;text-wrap:balance;text-shadow:0 3px 35px #0c0d0d99}
body:not(.home-page) .detail-hero h1>span{color:#c7a677!important}
body:not(.home-page) .service-promise{font:italic 400 clamp(27px,2.65vw,41px)/1.17 var(--editorial,Georgia,serif);letter-spacing:-.035em;color:#c9b696;margin-top:35px;max-width:15em}
body:not(.home-page) .detail-hero-copy{z-index:3;padding:36px 0 36px 28px;border-left:1px solid #c7a67738;background:linear-gradient(90deg,#0c0d0dcc,#0c0d0d00);max-width:100%}
body:not(.home-page) .detail-hero-copy>p{font-size:15px;line-height:1.95;color:#c8c0b5;max-width:470px}
body:not(.home-page) .detail-hero-copy>.detail-button{margin-top:35px}
body:not(.home-page) .atelier-hero-object{position:absolute;z-index:1;right:30%;top:5%;width:45%;height:93%;opacity:.75;pointer-events:none}
body:not(.home-page) .atelier-hero-object canvas{display:block;width:100%;height:100%;max-width:100%}
body:not(.home-page):has(.atelier-hero-object) .detail-sculpture{display:none}
body:not(.home-page) .detail-button{min-height:54px;padding:16px 23px;border:1px solid #c7a67755;border-radius:2px;background:#c7a677;color:#10100e;font:13px/1.65 var(--body);letter-spacing:0;box-shadow:inset 0 1px 0 #fff4,0 10px 35px #0000000a;white-space:normal;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
body:not(.home-page) .detail-button:hover{background:#dfc49c;color:#10100e;border-color:#dfc49c;box-shadow:inset 0 1px 0 #fff7,0 12px 35px #00000016;transform:none}
body:not(.home-page) .detail-button:focus-visible{outline-color:#c7a677;outline-offset:6px}
body:not(.home-page) .best-for{margin-top:35px;padding-top:24px;border-color:#c7a67730}
body:not(.home-page) .best-for h2{color:#9f9587;font:10px/1.8 var(--mono);letter-spacing:.06em}
body:not(.home-page) .best-for li{font-size:13px;line-height:1.8;color:#d2c9bc;margin-top:11px;padding-left:20px}
body:not(.home-page) .best-for li:before{color:#c7a677}

/* The service index reads as a fine, fixed folio rail. */
body:not(.home-page) .detail-jump{background:#f3eee6f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px 7%;min-height:70px;gap:25px;box-shadow:0 10px 20px #18120b04}
body:not(.home-page) .detail-jump>.microcopy{color:#8b7758;font-size:9px}
body:not(.home-page) .detail-jump a{min-height:44px;font-size:12px;color:#4d463b;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
body:not(.home-page) .detail-jump a:hover{color:#0c0d0d;border-bottom-color:#a78a5b;text-decoration:none}
body:not(.home-page) .detail-section-intro{margin:52px 0 60px;gap:10%;align-items:end}
body:not(.home-page) .detail-section-intro h2{font-size:clamp(43px,5.1vw,78px);max-width:760px}
body:not(.home-page) .detail-section-intro>p{font-size:15px;line-height:1.9;color:#71695e;max-width:390px}
body:not(.home-page) .detail-deliverables{background:var(--paper)}
body:not(.home-page) .deliverable-grid,body.service-detail[data-service-layout=wide] .deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #8874544d;border-left:1px solid #88745426}
body:not(.home-page) .deliverable-grid article,body.service-detail[data-service-layout=wide] .deliverable-grid article{display:block;position:relative;min-width:0;min-height:270px;padding:32px 28px 36px;border-top:0;border-right:1px solid #88745426;border-bottom:1px solid #88745426;background:linear-gradient(140deg,#fff6,#fff0 60%);transition:background .4s}
body:not(.home-page) .deliverable-grid article:hover{background:#fff7}
body:not(.home-page) .deliverable-grid article>.microcopy{color:#96794e;font-size:10px;letter-spacing:.04em}
body:not(.home-page) .deliverable-grid h3,body.service-detail[data-service-layout=wide] .deliverable-grid h3{font:400 clamp(28px,2.6vw,39px)/1.08 var(--editorial,Georgia,serif);letter-spacing:-.04em;margin:30px 0 20px;max-width:100%;text-wrap:balance}
body:not(.home-page) .deliverable-grid p{font-size:14px;line-height:1.9;color:#736a5e;max-width:360px}

/* Work is mounted in deep, low-reflection frames rather than loose cards. */
body:not(.home-page) .detail-examples{position:relative;background:#101111;color:var(--paper);border-block:1px solid #c7a67724}
body:not(.home-page) .detail-examples .section-label{color:#c7a677}
body:not(.home-page) .detail-examples :is(.section-top>.microcopy,.detail-section-intro>p){color:#b3aa9d}
body:not(.home-page) .detail-examples .small-square{background:#c7a677}
body:not(.home-page) :is(.strategy-art,.logo-art,.campaign-art,.photo-art,.storyboard-art,.calendar-art,.governance-art,.message-art){border:1px solid #ead7bb29;box-shadow:0 35px 80px #0005,inset 0 0 0 1px #ffffff08;border-radius:3px;overflow:hidden}
body:not(.home-page) :is(.strategy-art,.storyboard-art,.calendar-art,.governance-art,.message-art){background:#ede7dc;color:#1b1a17;padding:42px}
body:not(.home-page) :is(.strategy-art-body>strong span,.governance-art>strong>span,.message-main strong span){color:#8c7046}
body:not(.home-page) :is(.sample-masthead,.sample-bottom){font-size:10px;line-height:1.8;letter-spacing:.04em}
body:not(.home-page) .strategy-art dd{font-size:21px;line-height:1.55}
body:not(.home-page) :is(.sample-email p,.calendar-grid p,.message-support p){font-size:14px;line-height:1.9}
body:not(.home-page) .example-caption{font-size:11px;line-height:1.8;color:#9f9587;margin-top:25px}
body:not(.home-page) .example-inclusions{font-size:14px;line-height:1.9;color:#c6bdae;gap:14px 35px}
body:not(.home-page) .example-inclusions li:before{color:#c7a677}
body:not(.home-page) .logo-mark-block{background:#c7a677;color:#14130f}
body:not(.home-page) .logo-kit{background:#f3eee6}
body:not(.home-page) .campaign-poster{background:#c7a677;color:#15130f}
body:not(.home-page) .sample-social{background:#d5caba}
body:not(.home-page) .calendar-approval{background:#151615;padding:24px;font-size:11px}
body:not(.home-page) .calendar-approval>span:nth-child(3){color:#d8b77f}
body:not(.home-page) .website-work{grid-template-columns:.7fr 1.3fr;gap:7%;padding:75px 0;border-color:#c7a67730}
body:not(.home-page) .website-work-info>.microcopy{color:#c7a677;font-size:10px}
body:not(.home-page) .website-work-info h3{font:400 clamp(33px,3.6vw,55px)/1.07 var(--editorial,Georgia,serif);letter-spacing:-.04em;margin:28px 0 22px;overflow-wrap:anywhere}
body:not(.home-page) .website-work-info>p{font-size:15px;line-height:1.9;color:#b9b0a2}
body:not(.home-page) .website-work-info>.detail-button{background:transparent;color:#e8dece;border-color:#c7a67755;font-size:12px;margin-top:32px;box-shadow:none}
body:not(.home-page) .website-work-info>.detail-button:hover{background:#c7a677;color:#14130f}
body:not(.home-page) .video-frame{border:1px solid #c7a67755;border-radius:5px;padding:7px;background:linear-gradient(145deg,#5b5142,#1b1b19 33%,#393229);box-shadow:0 35px 65px #0005,inset 0 0 0 1px #fff1;transform:perspective(1400px) rotateY(-3deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s}
body:not(.home-page) .video-frame video{display:block;border-radius:1px;width:100%;max-width:100%;background:#080909}
body:not(.home-page) .video-frame:hover,body:not(.home-page) .video-frame:focus-within{transform:perspective(1400px) rotateY(0);box-shadow:0 35px 75px #0006,inset 0 0 0 1px #fff2}

/* Process, practical detail and the next step share the same visual rhythm. */
body:not(.home-page) .detail-process{background:#e7e0d5;border-bottom:1px solid #9a886b30}
body:not(.home-page) .process-grid{gap:6%}
body:not(.home-page) .process-grid article{border-top:1px solid #8c795948;padding-top:26px}
body:not(.home-page) .process-grid article>span{color:#8c7046;font:11px/1.8 var(--mono)}
body:not(.home-page) .process-grid h3{font:400 clamp(30px,2.8vw,43px)/1.07 var(--editorial,Georgia,serif);letter-spacing:-.04em;margin:32px 0 23px;text-wrap:balance}
body:not(.home-page) .process-grid p{font-size:15px;line-height:1.9;color:#6c6255}
body:not(.home-page) .detail-questions{background:var(--paper);grid-template-columns:.85fr 1.15fr;gap:12%;align-items:start}
body:not(.home-page) .detail-questions h2{font-size:clamp(44px,5.1vw,78px);margin-top:34px}
body:not(.home-page) .faq-list details{border-color:#8c795942}
body:not(.home-page) .faq-list summary{font-size:17px;font-weight:400;line-height:1.65;padding:27px 0;min-height:78px;gap:25px}
body:not(.home-page) .faq-list summary>span{font:27px/1 var(--body);color:#96774b}
body:not(.home-page) .faq-list details>p{font-size:15px;line-height:1.95;color:#74695b;padding:0 30px 30px 0}
body:not(.home-page) .faq-list details[open] summary{color:#8b6d43}
body:not(.home-page) .detail-contact{background:radial-gradient(ellipse at 100% 0,#65503733,transparent 50%),#131413;color:var(--paper);border-block:1px solid #c7a67740}
body:not(.home-page) .detail-contact .section-label{color:#c7a677}
body:not(.home-page) .detail-contact>div:nth-child(2){gap:10%;margin:55px 0 45px}
body:not(.home-page) .detail-contact h2{font:400 clamp(51px,6.5vw,100px)/1.02 var(--editorial,Georgia,serif);letter-spacing:-.05em;max-width:850px;text-wrap:balance}
body:not(.home-page) .detail-contact>div:nth-child(2)>div>p{font-size:15px;line-height:1.9;color:#b9b0a2}
body:not(.home-page) .detail-contact .detail-button{background:#c7a677;color:#15130f;border-color:#c7a677;margin-top:28px}
body:not(.home-page) .detail-contact .detail-button:hover{background:#e0c69f;color:#15130f}
body:not(.home-page) .detail-contact-note{font:11px/1.9 var(--mono);color:#8f8678;border-color:#c7a67735;padding-top:26px}
body:not(.home-page) .detail-contact .detail-email{color:#c3b495;border-color:#c7a67755;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
body:not(.home-page) .related-section{background:#e9e2d7;border-bottom:1px solid #8c795926}
body:not(.home-page) .related-grid{gap:30px;margin-top:40px}
body:not(.home-page) .related-grid a{border:1px solid #9c886b40;min-width:0;min-height:210px;padding:30px;box-shadow:inset 0 1px 0 #fff6;background:linear-gradient(135deg,#fff5,transparent 75%);transition:background .4s,border-color .4s}
body:not(.home-page) .related-grid a:hover{background:#fff7;border-color:#a58b64}
body:not(.home-page) .related-grid h2{font-size:clamp(27px,2.8vw,41px);line-height:1.12;max-width:95%;margin-top:30px}
body:not(.home-page) .related-grid a>span:last-child{color:#9a7b4e;right:25px;bottom:25px;font-size:29px}
body:not(.home-page) .group-handoff{background:radial-gradient(ellipse at 0 0,#51432c38,transparent 60%),#121313;color:var(--paper);border-block:1px solid #c7a67730}
body:not(.home-page) .group-handoff .section-label{color:#c7a677}
body:not(.home-page) .group-handoff .group-alignment-intro h2{font:400 clamp(43px,5.2vw,79px)/1.04 var(--editorial,Georgia,serif);letter-spacing:-.05em}
body:not(.home-page) .group-handoff .group-alignment-intro p{font-size:15px;line-height:1.9;color:#b8ae9e}
body:not(.home-page) .group-handoff-actions .detail-button{background:#c7a677;color:#14130f}
body:not(.home-page) .group-handoff-actions .editorial-link{color:#d3c6b2;border-color:#c7a67755;font-size:13px}

/* Client art stays untouched, with a studio-quality editorial mount around it. */
body:not(.home-page) .identity-feature{border:1px solid #d6c7ae30;border-radius:3px;background:#17372d;padding:55px 5%;box-shadow:inset 0 1px 0 #fff1,0 35px 75px #0003}
body:not(.home-page) .identity-feature-copy>.microcopy{color:#ccb58d}
body:not(.home-page) .identity-feature-copy h3{font:400 clamp(41px,4.8vw,69px)/1.02 var(--editorial,Georgia,serif);letter-spacing:-.05em}
body:not(.home-page) .identity-feature-copy>p{font-size:15px;line-height:1.9;color:#c6d0c3}
body:not(.home-page) .identity-feature-copy .editorial-link{font-size:13px;min-height:46px;color:#eee8db;border-color:#eee8db66}
body:not(.home-page) .identity-feature-preview{border:7px solid #f3eee6;border-radius:2px;box-shadow:0 25px 45px #0003}
body:not(.home-page) .identity-feature-scope{font-size:14px;line-height:1.8;color:#aca393;border-color:#c7a67730}
body.portfolio-detail .identity-intro{padding:85px 7% 80px;background:radial-gradient(ellipse at 100% 100%,#57503333,transparent 60%),var(--ink);color:var(--paper);border-bottom:1px solid #c7a67730}
body.portfolio-detail .identity-intro>.section-label{color:#c7a677}
body.portfolio-detail .identity-intro-grid{margin-top:65px;gap:12%;align-items:end}
body.portfolio-detail .identity-intro h1{font:400 clamp(84px,11.6vw,180px)/.9 var(--editorial,Georgia,serif);letter-spacing:-.065em;color:var(--paper);max-width:100%}
body.portfolio-detail .identity-intro h1 em{color:#c7a677}
body.portfolio-detail .identity-intro .identity-lead{font:400 clamp(29px,3.2vw,49px)/1.15 var(--editorial,Georgia,serif);letter-spacing:-.035em;color:#e4dbcd}
body.portfolio-detail .identity-intro-grid>div>p:not(.identity-lead){font-size:15px;line-height:1.95;color:#b2a899}
body.portfolio-detail .identity-intro .editorial-link{font-size:13px;border-color:#c7a67755;color:#d3be9d}
body.portfolio-detail .identity-facts{margin-top:65px;padding-top:28px;border-color:#c7a67735;gap:35px}
body.portfolio-detail .identity-facts dt{font-size:10px;line-height:1.8;color:#948773}
body.portfolio-detail .identity-facts dd{font-size:14px;line-height:1.8;color:#c6bcad}
body.portfolio-detail .identity-gallery-heading{padding-top:100px;padding-bottom:65px;background:var(--paper)}
body.portfolio-detail .identity-gallery-heading>.section-label{color:#8f7148}
body.portfolio-detail .identity-gallery-heading h2{font-size:clamp(46px,5.8vw,88px);margin:36px 0}
body.portfolio-detail .identity-gallery-heading>p{font-size:15px;line-height:1.9;color:#726859}
body.portfolio-detail .identity-gallery-links{gap:18px 40px;margin-top:30px}
body.portfolio-detail .identity-gallery-links>a{font-size:13px;min-height:44px;border-color:#a78b653f;color:#67583e}
body.portfolio-detail .identity-section-heading{gap:5%;margin-bottom:55px}
body.portfolio-detail .identity-section-heading>.microcopy{font-size:10px;line-height:1.8;color:#8b7758}
body.portfolio-detail .identity-section-heading h2{font-size:clamp(40px,4.5vw,69px)}
body.portfolio-detail .identity-section-heading>p{font-size:15px;line-height:1.9;color:#72695d}
body.portfolio-detail :is(.identity-logo-section,.identity-process-section){background:var(--paper)}
body.portfolio-detail .identity-logo-pair,body.portfolio-detail .identity-symbol-grid{gap:35px}
body.portfolio-detail .identity-art{border:1px solid #bca98b4d;border-radius:3px;background:#fff;box-shadow:0 28px 65px #23170b0d;position:relative;isolation:isolate}
body.portfolio-detail .identity-art img{filter:none!important;object-fit:contain;transform-origin:center;backface-visibility:hidden}
body.portfolio-detail .identity-sketchbook .identity-art{border:10px solid #e1d8c8;background:#f4f1eb}
body.portfolio-detail .identity-figure figcaption{margin-top:26px;gap:25px}
body.portfolio-detail .identity-figure figcaption .microcopy{font-size:10px;line-height:1.8;color:#7f6b4b}
body.portfolio-detail .identity-figure figcaption p{font-size:14px;line-height:1.9;color:#786c5b;max-width:420px}
body.portfolio-detail .identity-figure figcaption>a{font-size:12px;min-height:44px;color:#685639;line-height:1.6}
body.portfolio-detail .identity-symbol-section{background:#15362c;color:#f3eee6;border-block:1px solid #c7a67735}
body.portfolio-detail .identity-symbol-section .identity-section-heading>.microcopy{color:#c7af86}
body.portfolio-detail .identity-symbol-section :is(.identity-section-heading>p,.identity-figure figcaption p){color:#b5c4b6}
body.portfolio-detail .identity-symbol-section :is(.identity-figure figcaption .microcopy,.identity-figure figcaption>a){color:#dfccaa}
body.portfolio-detail .identity-portrait img{height:clamp(420px,46vw,690px);width:100%;object-fit:contain}
body.portfolio-detail .identity-kit-section{background:#e9e1d4}
body.portfolio-detail .identity-overview .identity-art{padding:10px;background:#f4f1eb;border-color:#beac8c66;box-shadow:0 35px 65px #4b3c2219}
body.portfolio-detail .identity-palette{gap:23px;margin-top:45px}
body.portfolio-detail .identity-palette li>span{height:100px;border-radius:2px;border:1px solid #89765a22;box-shadow:inset 0 1px 0 #fff3,0 10px 20px #4634180a}
body.portfolio-detail .identity-palette b{font-size:13px;line-height:1.7}
body.portfolio-detail .identity-palette code{font-size:11px;line-height:1.9;color:#7e705b}
body.portfolio-detail .identity-project-cta{background:radial-gradient(ellipse at 100% 0,#65503733,transparent 55%),#121313;color:var(--paper);padding:100px 7%;border-block:1px solid #c7a67740}
body.portfolio-detail .identity-project-cta .section-label{color:#c7a677}
body.portfolio-detail .identity-project-cta h2{font:400 clamp(50px,6.3vw,96px)/1.04 var(--editorial,Georgia,serif);letter-spacing:-.05em;color:var(--paper)}
body.portfolio-detail .identity-project-cta>div>p{font-size:15px;line-height:1.9;color:#b7ad9e}
body.portfolio-detail .identity-project-cta .detail-button{background:#c7a677;color:#15130f;border-color:#c7a677;font-size:13px}
body.portfolio-detail .identity-project-cta .editorial-link{font-size:13px;color:#cdb994;border-color:#c7a67755;min-height:44px}

/* The story's art, native navigation and reduced-motion reading mode stay intact. */
body.portfolio-detail .identity-story{--story-bg:#f3eee6;--story-ink:#172b22;--story-muted:#746d60;--story-line:#9f8b693b}
body.portfolio-detail .identity-story[data-story-phase=logos]{--story-bg:#e1e3d8;--story-ink:#15362c;--story-muted:#516052;--story-line:#64745a33}
body.portfolio-detail .identity-story[data-story-phase=kit]{--story-bg:#15362c;--story-ink:#f3eee6;--story-muted:#c6d1c3;--story-line:#d6c4a63b}
body.portfolio-detail .story-topbar{padding-inline:7%;border-color:var(--story-line);background:linear-gradient(#ffffff03,#ffffff00)}
body.portfolio-detail .story-controls{padding-inline:7%;border-color:var(--story-line)}
body.portfolio-detail .story-panel-copy h3{font:400 clamp(43px,5.1vw,78px)/1.04 var(--editorial,Georgia,serif);letter-spacing:-.05em;text-wrap:balance}
body.portfolio-detail .story-panel-copy p{font-size:14px;line-height:1.9;max-width:350px}
body.portfolio-detail .story-panel-copy>a{font-size:12px;min-height:44px;border-color:var(--story-line)}
body.portfolio-detail .story-kicker{font-size:9px;line-height:1.9;letter-spacing:.05em;color:var(--story-muted)}
body.portfolio-detail .story-panel-art>img{box-shadow:0 30px 60px #10291b29;border:1px solid #a08b6126;border-radius:2px}
body.portfolio-detail .story-color-fan i{border-radius:2px;box-shadow:0 15px 25px #0002}
body.portfolio-detail .story-controls nav>a{font-size:12px;min-height:44px}
body.portfolio-detail .story-controls nav>a[aria-current=step]{border-bottom-width:1px}
body.portfolio-detail .identity-story-enhanced .story-panel-copy{left:7%}
body.portfolio-detail .identity-story-static .story-panel-copy h3{font-size:45px}

/* A missing page receives the same finished recovery experience. */
body.not-found-page .error-page{padding:90px 7% 100px;background:radial-gradient(ellipse at 85% 50%,#5d4c303b,transparent 47%),var(--ink);color:var(--paper);border-bottom:1px solid #c7a67730;min-height:calc(100svh - 88px)}
body.not-found-page .error-page:after{color:#c7a67715;font-size:min(38vw,580px);right:6%;top:14%;transform:rotate(-7deg)}
body.not-found-page .error-code{font-size:10px;line-height:1.8;letter-spacing:.07em;color:#c7a677}
body.not-found-page .error-page h1{font:400 clamp(79px,10vw,160px)/.98 var(--editorial,Georgia,serif);letter-spacing:-.055em;max-width:9em;margin:52px 0 38px}
body.not-found-page .error-page h1 em{color:#c7a677}
body.not-found-page .error-page>p:not(.error-code){font-size:15px;line-height:1.95;color:#b8ae9d;max-width:510px}
body.not-found-page .error-actions{gap:22px 40px;margin-top:38px}
body.not-found-page .error-actions .editorial-link{font-size:13px;color:#d9ccb8;min-height:48px}
body.not-found-page .error-contact{font-size:14px;line-height:1.9;margin-top:35px;color:#b8ae9d}
body.not-found-page .error-contact>a{color:#d3bb94;min-height:44px;display:inline-flex;align-items:center}

@media(min-width:1650px){body:not(.home-page) .detail-hero{min-height:820px}body:not(.home-page) .section-padding{padding-inline:max(7%,calc((100vw - 1520px)/2))}}
@media(max-width:1100px){
  body:not(.home-page) .section-padding{padding:85px 6%}
  body:not(.home-page) .detail-breadcrumb{padding-inline:6%}
  body:not(.home-page) .detail-hero{min-height:650px;padding:70px 6%;gap:7%;grid-template-columns:1.05fr .95fr}
  body:not(.home-page) .detail-hero h1{font-size:clamp(57px,7.3vw,91px)}
  body:not(.home-page) .detail-hero-copy{padding-left:22px}
  body:not(.home-page) .detail-hero-copy>p{font-size:14px}
  body:not(.home-page) .atelier-hero-object{right:28%;width:48%;opacity:.55}
  body:not(.home-page) .detail-jump{padding-inline:6%;gap:20px}
  body:not(.home-page) .deliverable-grid article,body.service-detail[data-service-layout=wide] .deliverable-grid article{padding:28px 22px;min-height:270px}
  body:not(.home-page) .deliverable-grid h3,body.service-detail[data-service-layout=wide] .deliverable-grid h3{font-size:30px}
  body:not(.home-page) .detail-section-intro{gap:8%;margin-bottom:45px}
  body:not(.home-page) .detail-section-intro h2{font-size:clamp(40px,5vw,63px)}
  body:not(.home-page) .website-work{grid-template-columns:.75fr 1.25fr;gap:6%}
  body:not(.home-page) .related-grid{gap:20px}
  body:not(.home-page) .related-grid a{padding:25px}
  body:not(.home-page) .related-grid h2{font-size:29px}
  body.portfolio-detail .identity-intro{padding:75px 6%}
  body.portfolio-detail .identity-section-heading{grid-template-columns:1fr 1fr;gap:25px 7%}
  body.portfolio-detail .identity-section-heading>.microcopy{grid-column:1/-1}
  body.portfolio-detail .identity-section-heading h2{font-size:46px}
  body.portfolio-detail .identity-palette{gap:15px}
}

@media(max-width:760px){
  body:not(.home-page) .section-padding{padding:60px 6%}
  body:not(.home-page) :is(.section-label,.microcopy,.eyebrow){font-size:9px;line-height:1.8;letter-spacing:.035em}
  body:not(.home-page) .detail-breadcrumb{font-size:9px;gap:10px;padding-top:20px}
  body:not(.home-page) .detail-breadcrumb a{min-height:28px}
  body:not(.home-page) .detail-hero{min-height:0;grid-template-columns:1fr;gap:30px;padding:52px 6% 60px;background:radial-gradient(ellipse at 100% 20%,#4e432b35,transparent 58%),var(--ink)}
  body:not(.home-page) .detail-hero .eyebrow{font-size:8px;line-height:1.9;margin-bottom:28px;max-width:100%}
  body:not(.home-page) .detail-hero h1{font-size:clamp(46px,12.4vw,82px);max-width:100%;line-height:.99;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:normal}
  body:not(.home-page) .service-promise{font-size:29px;line-height:1.18;margin-top:26px;max-width:14em}
  body:not(.home-page) .detail-hero-copy{padding:25px 0 0;border-left:0;border-top:1px solid #c7a67738;background:linear-gradient(#0c0d0d55,#0c0d0de6)}
  body:not(.home-page) .detail-hero-copy>p{font-size:14px;line-height:1.95;max-width:100%}
  body:not(.home-page) .detail-hero-copy>.detail-button{margin-top:28px}
  body:not(.home-page) .atelier-hero-object{right:-20%;top:-10%;width:93%;height:470px;opacity:.4}
  body:not(.home-page) .detail-button{font-size:13px;min-height:52px;min-width:0;max-width:100%;width:auto;padding:14px 20px;gap:20px;line-height:1.65;white-space:normal}
  body:not(.home-page) .best-for{margin-top:30px;padding-top:23px}
  body:not(.home-page) .best-for li{font-size:13px;line-height:1.8}
  body:not(.home-page) .detail-jump{padding:13px 6%;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;min-height:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:#f3eee6fa}
  body:not(.home-page) .detail-jump>.microcopy{grid-column:1/-1;margin-bottom:5px;font-size:9px}
  body:not(.home-page) .detail-jump a{font-size:12px;min-height:44px}
  body:not(.home-page) .detail-section-intro{display:block;margin:32px 0 36px}
  body:not(.home-page) .detail-section-intro h2{font-size:clamp(36px,9.3vw,60px);max-width:100%}
  body:not(.home-page) .detail-section-intro>p{font-size:14px;line-height:1.95;max-width:100%;margin-top:24px}
  body:not(.home-page) .deliverable-grid,body.service-detail[data-service-layout=wide] .deliverable-grid{grid-template-columns:1fr;gap:0;border-left:0}
  body:not(.home-page) .deliverable-grid article,body.service-detail[data-service-layout=wide] .deliverable-grid article{min-height:0;padding:28px 20px 32px;border-right:0}
  body:not(.home-page) .deliverable-grid h3,body.service-detail[data-service-layout=wide] .deliverable-grid h3{font-size:32px;margin:23px 0 18px;max-width:100%}
  body:not(.home-page) .deliverable-grid p{font-size:14px;line-height:1.95;max-width:100%}
  body:not(.home-page) .detail-examples .section-label{max-width:62%;font-size:9px}
  body:not(.home-page) .detail-examples .section-top>.microcopy{font-size:8px;max-width:120px;line-height:1.9}
  body:not(.home-page) :is(.strategy-art,.storyboard-art,.calendar-art,.governance-art,.message-art){padding:28px 20px}
  body:not(.home-page) :is(.sample-masthead,.sample-bottom){font-size:9px;line-height:1.8;gap:12px;flex-wrap:wrap}
  body:not(.home-page) .strategy-art-body>strong{font-size:clamp(39px,10.5vw,68px)}
  body:not(.home-page) .strategy-art dd{font-size:19px;line-height:1.5}
  body:not(.home-page) :is(.example-caption,.example-inclusions){font-size:12px;line-height:1.9;gap:14px}
  body:not(.home-page) .example-caption>span:last-child{text-align:left}
  body:not(.home-page) .calendar-grid b{font-size:31px}
  body:not(.home-page) :is(.sample-email p,.calendar-grid p,.message-support p){font-size:14px;line-height:1.9}
  body:not(.home-page) .calendar-approval{font-size:9px;padding:20px 10px;gap:8px;flex-wrap:wrap}
  body:not(.home-page) .website-work{grid-template-columns:1fr;gap:30px;padding:42px 0}
  body:not(.home-page) .website-work-info h3{font-size:36px;margin:23px 0 20px}
  body:not(.home-page) .website-work-info>p{font-size:14px;line-height:1.95;max-width:100%}
  body:not(.home-page) .website-work-info>.detail-button{font-size:12px;margin-top:25px}
  body:not(.home-page) .video-frame{transform:none;padding:4px;box-shadow:0 20px 40px #0004}
  body:not(.home-page) .process-grid{grid-template-columns:1fr;gap:35px}
  body:not(.home-page) .process-grid h3{font-size:34px;margin:25px 0 20px}
  body:not(.home-page) .process-grid p{font-size:14px;line-height:1.95}
  body:not(.home-page) .detail-questions{grid-template-columns:1fr;gap:38px}
  body:not(.home-page) .detail-questions h2{font-size:47px;margin-top:28px}
  body:not(.home-page) .faq-list summary{font-size:16px;min-height:76px;padding:24px 0;line-height:1.7;gap:18px}
  body:not(.home-page) .faq-list details>p{font-size:14px;line-height:1.95;padding:0 16px 28px 0}
  body:not(.home-page) .detail-contact>div:nth-child(2){grid-template-columns:1fr;gap:32px;margin:37px 0}
  body:not(.home-page) .detail-contact h2{font-size:clamp(44px,11.6vw,70px);line-height:1.04}
  body:not(.home-page) .detail-contact>div:nth-child(2)>div>p{font-size:14px;line-height:1.95}
  body:not(.home-page) .detail-contact-note{font-size:10px;line-height:1.95;padding-top:24px}
  body:not(.home-page) .detail-contact .detail-email{font-size:13px;line-height:1.8}
  body:not(.home-page) .related-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}
  body:not(.home-page) .related-grid a{padding:25px;min-height:155px}
  body:not(.home-page) .related-grid h2{font-size:33px;max-width:90%;margin-top:23px}
  body:not(.home-page) .group-handoff .group-alignment-intro h2{font-size:44px}
  body:not(.home-page) .group-handoff .group-alignment-intro p{font-size:14px;line-height:1.95}
  body:not(.home-page) .group-handoff-actions .editorial-link{font-size:13px;line-height:1.8}
  body:not(.home-page) .identity-feature{padding:32px 22px}
  body:not(.home-page) .identity-feature-copy h3{font-size:45px}
  body:not(.home-page) .identity-feature-copy>p{font-size:14px;line-height:1.95}
  body:not(.home-page) .identity-feature-preview{border-width:5px;transform:none}
  body:not(.home-page) .identity-feature-scope{font-size:13px;line-height:1.9}
  body.portfolio-detail .identity-intro{padding:48px 6% 55px}
  body.portfolio-detail .identity-intro-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}
  body.portfolio-detail .identity-intro h1{font-size:clamp(67px,18.5vw,112px);line-height:.97;max-width:100%}
  body.portfolio-detail .identity-intro .identity-lead{font-size:34px;line-height:1.15}
  body.portfolio-detail .identity-intro-grid>div>p:not(.identity-lead){font-size:14px;line-height:1.95;max-width:100%}
  body.portfolio-detail .identity-facts{margin-top:38px;gap:20px;padding-top:25px}
  body.portfolio-detail .identity-facts dt{font-size:9px}
  body.portfolio-detail .identity-facts dd{font-size:13px;line-height:1.8}
  body.portfolio-detail .identity-gallery-heading{padding-top:60px;padding-bottom:42px}
  body.portfolio-detail .identity-gallery-heading h2{font-size:43px;margin:30px 0}
  body.portfolio-detail .identity-gallery-heading>p{font-size:14px;line-height:1.95}
  body.portfolio-detail .identity-gallery-links{gap:12px 25px}
  body.portfolio-detail .identity-gallery-links>a{font-size:12px;min-height:44px}
  body.portfolio-detail .identity-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:33px}
  body.portfolio-detail .identity-section-heading h2{font-size:40px;line-height:1.08}
  body.portfolio-detail .identity-section-heading>p{font-size:14px;line-height:1.95;max-width:100%}
  body.portfolio-detail .identity-logo-pair,body.portfolio-detail .identity-symbol-grid{gap:38px}
  body.portfolio-detail .identity-sketchbook .identity-art{border-width:6px}
  body.portfolio-detail .identity-overview .identity-art{padding:5px}
  body.portfolio-detail .identity-figure figcaption{margin-top:22px}
  body.portfolio-detail .identity-figure figcaption p{font-size:14px;line-height:1.9;max-width:100%}
  body.portfolio-detail .identity-figure figcaption>a{font-size:12px;line-height:1.8;min-height:44px}
  body.portfolio-detail .identity-portrait img{height:430px;max-height:125vw}
  body.portfolio-detail .identity-palette{gap:25px 20px;margin-top:34px}
  body.portfolio-detail .identity-palette li>span{height:75px}
  body.portfolio-detail .identity-palette b{font-size:13px;line-height:1.7}
  body.portfolio-detail .identity-project-cta{padding:60px 6%;gap:32px}
  body.portfolio-detail .identity-project-cta h2{font-size:49px;line-height:1.04}
  body.portfolio-detail .identity-project-cta>div>p{font-size:14px;line-height:1.95}
  body.portfolio-detail .identity-project-cta .detail-button{font-size:12px;min-height:52px;padding:15px 20px}
  body.portfolio-detail .story-panel-copy h3{font-size:clamp(33px,8.7vw,45px);line-height:1.04}
  body.portfolio-detail .story-panel-copy p{font-size:14px;line-height:1.8}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy{left:6%;top:12%;width:88%}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy h3{font-size:clamp(30px,min(8.6vw,5.7svh),41px)}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy p{font-size:14px;line-height:1.75;max-width:450px}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy>a{font-size:11px;min-height:40px}
  body.portfolio-detail .identity-story-enhanced .story-panel-art{top:55%;height:27%}
  body.portfolio-detail .story-topbar button,body.portfolio-detail .story-topbar a,body.portfolio-detail .identity-story-enhanced .story-panel-copy>a{min-height:44px}
  body.portfolio-detail .identity-story-static .story-panel-copy h3{font-size:36px}
  body.portfolio-detail .identity-story-static .story-panel-copy p{font-size:14px;line-height:1.95}
  body.portfolio-detail .story-controls nav>a{font-size:11px;min-height:44px}
  body.not-found-page .error-page{padding:60px 6%;min-height:calc(100svh - 80px)}
  body.not-found-page .error-page h1{font-size:clamp(58px,14.8vw,96px);margin:42px 0 30px;line-height:1.02}
  body.not-found-page .error-page>p:not(.error-code){font-size:14px;line-height:1.95}
  body.not-found-page .error-page:after{top:13%;right:0;font-size:58vw}
  body.not-found-page .error-actions{gap:20px}
  body.not-found-page .error-actions .editorial-link{font-size:13px}
  body.not-found-page .error-contact{font-size:13px;line-height:1.9}
}

@media(min-width:600px) and (max-width:760px){
  body.portfolio-detail .identity-story-enhanced .story-panel-copy{left:6%;top:23%;width:39%}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy h3{font-size:34px}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy p{font-size:14px;line-height:1.8}
  body.portfolio-detail .identity-story-enhanced .story-panel-art{top:23%;height:57%}
}
@media(max-width:760px) and (max-height:690px){
  body.portfolio-detail .identity-story-enhanced .story-panel-copy h3{font-size:30px}
  body.portfolio-detail .identity-story-enhanced .story-kicker{font-size:7px;margin-bottom:10px}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy p{font-size:14px;line-height:1.65;margin-top:10px}
  body.portfolio-detail .identity-story-enhanced .story-panel-copy>a{font-size:11px;min-height:44px;margin-top:5px}
  body.portfolio-detail .identity-story-enhanced .story-panel-art{top:55%;height:25%}
}
@media(max-width:380px){
  body:not(.home-page) .detail-hero h1{font-size:43px;letter-spacing:-.05em}
  body:not(.home-page) .service-promise{font-size:26px}
  body:not(.home-page) .detail-section-intro h2{font-size:36px}
  body:not(.home-page) .detail-contact h2{font-size:43px}
  body:not(.home-page) .related-grid h2{font-size:31px}
  body.portfolio-detail .identity-intro h1{font-size:67px}
  body.portfolio-detail .identity-gallery-heading h2{font-size:38px}
  body.portfolio-detail .identity-section-heading h2{font-size:36px}
  body.portfolio-detail .identity-project-cta h2{font-size:44px}
  body.not-found-page .error-page h1{font-size:56px}
}
@media(prefers-reduced-motion:reduce){
  body:not(.home-page) :is(.detail-button,.deliverable-grid article,.video-frame,.related-grid a,.identity-feature-preview){transition:none!important;transform:none!important}
}
.motion-off body:not(.home-page) :is(.detail-button,.deliverable-grid article,.video-frame,.related-grid a,.identity-feature-preview){transition:none!important;transform:none!important}

/* Champagne becomes a darker ink on light stock to keep small labels legible. */
body:not(.home-page) .detail-jump>.microcopy,body:not(.home-page) .deliverable-grid article>.microcopy,body:not(.home-page) .process-grid article>span,body.portfolio-detail .identity-gallery-heading>.section-label,body.portfolio-detail .identity-section-heading>.microcopy{color:#806239}
body.portfolio-detail .identity-symbol-section .identity-section-heading>.microcopy{color:#c7af86}
body.portfolio-detail .identity-palette code{color:#75654c}

/* Keep chapter controls above the optional arcade launcher on phones. */
@media(max-width:760px){.portfolio-detail .identity-story-enhanced .story-controls{padding-bottom:64px}}
@media(max-width:760px) and (max-height:690px){.portfolio-detail .identity-story-enhanced .story-panel-art{top:53%;height:23%}}