*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e5df;font-family:Arial,Helvetica,sans-serif;color:#1a1a1e}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d49a43;outline-offset:5px}button:disabled{cursor:default}a{color:inherit}button{border:0}img{display:block;max-width:100%}button:focus:not(:focus-visible){outline:none}
 .stage{container-type:inline-size;container-name:site;width:100%;margin:0 auto;background:#f5f2ed}.site{--ink:#1a1a1e;--chalk:#f5f2ed;--muted:#b9b7b2;--gold:#d49a43;background:var(--chalk);color:var(--ink);overflow:clip}.wrap{width:calc(100% - 11.1cqw);max-width:1320px;margin-inline:auto}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.19em;text-transform:uppercase;line-height:1.5;margin:0 0 26px}.site-header{background:var(--ink);color:var(--chalk);border-bottom:1px solid #ffffff25}.header-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.wordmark{font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:.99;text-decoration:none;display:block}.desktop-nav{display:flex;gap:28px;align-items:center}.navitem{font-size:13px;background:none;color:inherit;padding:8px 0}.navitem:hover{color:#d9b477}.navitem.talk{margin-left:24px;border-bottom:1px solid #f5f2ed;padding-bottom:6px}.mobile-menu{display:none;background:transparent;color:var(--chalk);font-size:13px;border-bottom:1px solid #f5f2ed;padding:8px 0}.mobile-nav{display:none}.hero{position:relative;isolation:isolate;min-height:690px;background:var(--ink);color:var(--chalk);overflow:hidden}.hero-inner{position:relative;z-index:1;padding:88px 0 70px;pointer-events:none}.hero-inner button,.hero-inner a{pointer-events:auto}.hero h1{font-size:clamp(70px,7.7cqw,114px);font-weight:700;letter-spacing:-.065em;line-height:.99;margin:0 0 33px;max-width:870px}.hero h1 span{display:block}.hero-copy{font-size:clamp(18px,1.48cqw,22px);line-height:1.55;color:#cbc8c2;max-width:550px;width:43cqw;margin:0 0 31px}.hero .eyebrow{margin-bottom:32px;color:#d8d6d0}.hero-art{position:absolute;width:55.6cqw;max-width:830px;right:-.2cqw;top:-22px;z-index:0;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 94%,transparent 100%)}.hero-art img{width:100%;height:auto}.primary{background:var(--chalk);color:var(--ink);padding:17px 24px;min-height:54px;font-size:16px;font-weight:700;display:inline-flex;gap:38px;align-items:center;text-decoration:none}.primary:hover{background:#e4d9c7}.arrow{font-size:21px;line-height:1;font-weight:400}.credential{font-size:11px;letter-spacing:.07em;line-height:1.8;color:#b9b7b2;margin:32px 0 0}.geo{background:var(--ink);color:#c4c1ba;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.geo .wrap{display:flex;align-items:center;gap:22px;min-height:53px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.geo span+span:before{content:'·';display:inline;margin-right:22px;color:#6a6967}
.personal{padding:84px 0;background:var(--chalk)}.personal-grid{display:grid;grid-template-columns:42% 1fr;gap:8%;align-items:center}.portrait{margin:0;position:relative}.portrait img{width:100%;aspect-ratio:1.28;object-fit:cover;object-position:50% 32%;filter:grayscale(1);mix-blend-mode:multiply}.portrait figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #c8c4bd;margin-top:20px;padding-top:12px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#696762}.personal h2{font-size:clamp(48px,6.3cqw,91px);line-height:1;letter-spacing:-.065em;margin:0 0 25px}.personal .eyebrow{margin-bottom:23px}.body-copy{font-size:18px;line-height:1.6;max-width:490px;margin:0 0 24px;color:#55534e}.text-link{background:transparent;padding:0 0 6px;color:inherit;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;display:inline-flex;align-items:center;gap:31px;text-decoration:none}.text-link:hover{color:#865e28}
.proof{padding:12px 0 72px;background:var(--chalk)}.section-top{border-top:1px solid #c8c4bd;padding-top:25px;display:flex;justify-content:space-between;gap:24px;align-items:start}.section-top .eyebrow{margin-bottom:0}.section-top p{font-size:13px;line-height:1.5;color:#696762;margin:0;max-width:310px}.proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;margin-top:30px}.stat{padding-right:24px}.stat+.stat{border-left:1px solid #d2cec6;padding-left:34px}.stat-number{font-size:clamp(74px,8cqw,116px);font-weight:700;letter-spacing:-.07em;line-height:1.05;margin:0 0 8px}.stat-number .plus{font-size:.53em;vertical-align:top;position:relative;top:.08em}.stat p{font-size:14px;line-height:1.6;margin:0;max-width:265px}.stat small{display:block;color:#696762;font-size:12px;line-height:1.6;margin-top:3px}.proof .text-link{margin-top:32px}
.method{background:var(--ink);color:var(--chalk);padding:72px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.method h2{font-size:clamp(46px,5.15cqw,74px);letter-spacing:-.06em;line-height:1.04;margin:0 0 30px}.method h2 span{display:block}.method p{font-size:17px;line-height:1.6;max-width:440px;color:#c2bfb8}.method-list{list-style:none;margin:0;padding:0}.method-list li{display:grid;grid-template-columns:32px 1fr;gap:25px;padding:0 0 23px;margin:0 0 24px;border-bottom:1px solid #ffffff26}.method-list .number{color:#9a9790;font-size:11px;letter-spacing:.06em;padding-top:5px}.method-list h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;font-weight:400}.method-list p{font-size:14px;line-height:1.65;margin:0}.method .text-link{margin-top:12px}.site-footer{background:var(--ink);color:#b9b7b2}.footer-inner{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:start;gap:30px;padding:30px 0 35px;font-size:11px;line-height:1.9}.footer-inner .wordmark{font-size:15px;color:var(--chalk);margin-bottom:13px}.footer-contact{display:flex;gap:36px;align-items:start}.footer-contact a{display:block;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-credit{text-align:right;font-size:10px}
@container site (max-width:1050px){.desktop-nav{gap:18px}.navitem.talk{margin-left:8px}.hero{min-height:605px}.hero-inner{padding-top:74px}.hero h1{font-size:7.8cqw}.hero-art{top:28px;width:59cqw;right:-2cqw}.hero-copy{width:46cqw;font-size:18px}.personal{padding:66px 0}.body-copy{font-size:16px}.portrait img{aspect-ratio:1.05}.method-grid{gap:7%}.footer-contact{gap:22px}}
@container site (max-width:720px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:76px}.wordmark{font-size:18px}.desktop-nav{display:none}.mobile-menu{display:block}.hero{min-height:0}.hero-inner{padding:46px 0 0}.hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:24px}.hero h1{font-size:clamp(42px,12.4cqw,78px);letter-spacing:-.065em;line-height:1.01;margin-bottom:23px}.hero-copy{font-size:16px;line-height:1.55;width:100%;max-width:480px;margin-bottom:25px}.primary{font-size:14px;min-height:50px;padding:15px 19px;gap:32px}.credential{font-size:9px;letter-spacing:.045em;max-width:280px;line-height:1.8;margin-top:23px}.hero-art{position:relative;width:100%;max-width:none;right:auto;top:auto;margin:-10px auto -15px;mask-image:none}.hero-art img{width:100%}.geo .wrap{min-height:70px;gap:12px;flex-wrap:wrap;justify-content:flex-start;align-content:center;font-size:9px;letter-spacing:.13em;line-height:1.8}.geo span+span:before{margin-right:12px}.personal{padding:48px 0}.personal-grid{grid-template-columns:1fr;gap:30px}.personal-copy{grid-row:1}.personal h2{font-size:clamp(51px,15cqw,78px);margin-bottom:22px}.personal .eyebrow{font-size:9px;margin-bottom:20px}.body-copy{font-size:16px;line-height:1.65;margin-bottom:22px}.text-link{font-size:13px;gap:23px}.portrait img{aspect-ratio:1.22;object-position:50% 25%}.portrait figcaption{font-size:9px;margin-top:14px;padding-top:12px}.proof{padding:0 0 48px}.section-top{padding-top:24px;display:block}.section-top .eyebrow{font-size:9px;margin-bottom:12px}.section-top p{font-size:12px}.proof-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.stat{padding:0 0 21px;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:16px;border-bottom:1px solid #d2cec6}.stat+.stat{border-left:none;padding:0 0 21px}.stat-number{font-size:79px;line-height:1;margin:0}.stat p{font-size:13px;line-height:1.5}.stat small{font-size:11px}.proof .text-link{margin-top:6px}.method{padding:46px 0}.method-grid{grid-template-columns:1fr;gap:35px}.method h2{font-size:50px;margin-bottom:22px}.method .eyebrow{font-size:9px;margin-bottom:22px}.method p{font-size:15px;line-height:1.65}.method-list li{gap:14px;padding-bottom:19px;margin-bottom:20px}.method-list h3{font-size:19px}.method-list p{font-size:13px}.method .text-link{margin-top:0}.footer-inner{display:block;padding:25px 0 30px}.footer-contact{display:block;margin:24px 0 20px}.footer-contact>div{margin-bottom:15px}.footer-credit{text-align:left}.footer-inner .wordmark{font-size:16px}.dialog-inner{padding:42px 26px!important}.dialog-inner h2{font-size:34px}.modal-photo{width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{transition:none}}
/* Concept 02: repeat the umbrella's ochre as a small, deliberate colour vocabulary. */
.personal h2 .marker{position:relative;display:inline-block;isolation:isolate;white-space:nowrap}
.personal h2 .marker::after{content:"";position:absolute;z-index:-1;left:-.015em;right:-.055em;bottom:.005em;height:.27em;background:var(--gold);transform:rotate(-1.7deg)}
.proof .section-top{border-top-color:var(--gold);border-top-width:2px}
.stat-number{position:relative}
.stat-number::after{content:"";display:block;width:42px;height:4px;background:var(--gold);margin:12px 0 16px 4px}
.method-list .number{color:var(--gold)}
.method h2 .accent{color:var(--gold);display:inline}
.closing .primary{background:var(--ink);color:var(--chalk)}
.closing .primary:hover{background:#35353a}
.closing button:focus-visible{outline-color:var(--ink)}

@container site (max-width:720px){
 .stat-number::after{width:32px;height:3px;margin:9px 0 0 2px}
}


/* Shared editorial bands: one type scale and grid across the homepage close and page CTAs. */
.editorial-band{padding:76px 0}
.editorial-band .eyebrow{font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.19em;color:var(--ink);margin:0 0 26px}
.editorial-band-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8%;align-items:start}
.editorial-band h2{font-family:inherit;font-size:clamp(36px,4.15cqw,60px);font-weight:700;line-height:1.08;letter-spacing:-.055em;text-align:left;text-wrap:balance;margin:0}
.editorial-band-copy{padding-top:4px}
.editorial-band-copy p{font-size:18px;line-height:1.7;color:#55534e;margin:0 0 24px;max-width:48ch}
.closing{background:var(--gold);color:var(--ink)}
.closing .editorial-band-copy p{color:var(--ink)}
@container site (max-width:900px){
  .editorial-band{padding:48px 0}
  .editorial-band-grid{grid-template-columns:1fr;gap:26px}
  .editorial-band .eyebrow{font-size:10px;margin-bottom:24px}
  .editorial-band h2{font-size:clamp(34px,6cqw,48px)}
  .editorial-band-copy{padding-top:0}
  .editorial-band-copy p{font-size:16px}
}

/* Production navigation, interior pages and the approved ochre colour pass. */
body{background:#1a1a1e}.stage{max-width:1920px;transition:none}.site{overflow:visible}.navitem{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.navitem[aria-current=page]{color:var(--gold)}.navitem.talk{border-color:var(--gold)}.hero-art{mix-blend-mode:lighten}.portrait img{height:auto}.primary:focus-visible,.text-link:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.closing .primary:focus-visible{outline-color:var(--ink)}.text-link{min-height:44px}.hero .primary{background:var(--gold)}.hero .primary:hover{background:#e2b369}.skip-link{position:fixed;top:10px;left:10px;background:#f5f2ed;color:#1a1a1e;padding:16px;z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.footer-credit a{display:block;margin-top:12px;text-underline-offset:4px}.footer-contact a{padding-block:4px}.gold{color:var(--gold)}.muted-ink{color:#787066}.dark{background:var(--ink);color:var(--chalk)}.warm{background:#eee2c9}h1 em{font-style:normal;color:var(--gold)}.page-intro{background:var(--ink);color:var(--chalk);padding:78px 0 72px}.page-intro h1,.about-hero h1,.contact-section h1,.creative-hero h1{font-size:clamp(60px,7.1cqw,103px);font-weight:700;letter-spacing:-.067em;line-height:1.01;margin:0 0 34px}.intro-copy{font-size:clamp(18px,1.65cqw,24px);line-height:1.55;max-width:660px;color:#c8c4bd;margin:0}.page-intro .primary{margin-top:34px}.editorial-section,.fit-section,.context-section{padding:85px 0}.editorial-grid{display:grid;grid-template-columns:26% 1fr;gap:7%}.editorial-grid>.eyebrow{padding-top:12px;max-width:225px}.editorial-grid>div{max-width:800px}.editorial-grid h2,.section-heading h2{font-size:clamp(38px,4.4cqw,64px);letter-spacing:-.055em;line-height:1.08;margin:0 0 28px}.editorial-grid p:not(.eyebrow){font-size:18px;line-height:1.75;color:#55534e;max-width:710px;margin:0 0 22px}.editorial-grid p.lead{font-size:24px;line-height:1.55;color:var(--ink);margin-bottom:28px}.editorial-grid .text-link{margin-top:8px}.process-section{padding:76px 0 52px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-bottom:40px}.section-heading h2{width:67%}.process-rows{padding:0;margin:0;list-style:none}.process-rows li{display:grid;grid-template-columns:8% 33% 1fr;gap:4%;border-top:1px solid #ffffff30;padding:34px 0}.step-no{font-size:18px;color:var(--gold);padding-top:4px}.process-rows h3{font-size:29px;letter-spacing:-.035em;line-height:1.2;margin:0}.process-rows p{font-size:16px;line-height:1.7;color:#c8c4bd;margin:0 0 16px;max-width:620px}.inline-facts{border-top:1px solid #b8a989;padding-top:24px;display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.results-section{padding:0 0 68px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.result-block{border-top:2px solid var(--gold);padding-top:22px}.result-number{font-size:clamp(140px,19.7cqw,284px);font-weight:700;line-height:1;letter-spacing:-.09em;color:var(--gold);margin:0 0 24px -9px}.result-block .eyebrow{color:#c8c4bd;margin:0 0 17px}.result-block h2{font-size:clamp(34px,4.2cqw,60px);letter-spacing:-.045em;line-height:1.05;margin:0 0 22px}.result-block>p:last-child{font-size:17px;line-height:1.7;color:#c8c4bd;max-width:435px}.result-context{border-top:1px solid #ffffff30;margin-top:42px;padding-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:30px;font-size:12px;color:#b9b7b2;line-height:1.6}.result-context p{margin:0;max-width:660px}.result-context>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding-top:2px}.fit-list{padding:0;list-style:none;margin:30px 0 0}.fit-list li{border-top:1px solid #c8c4bd;padding:23px 0 23px 40px;position:relative;font-size:21px;line-height:1.5;letter-spacing:-.015em}.fit-list li::before{content:'↗';position:absolute;left:0;color:#936322}.company-list{list-style:none;display:flex;flex-wrap:wrap;gap:18px 34px;padding:20px 0 30px;margin:0;font-size:24px;font-weight:700;letter-spacing:-.04em}.editorial-grid .context-note,.context-note{font-size:12px!important;line-height:1.7!important}.about-hero{padding:68px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-hero h1{font-size:clamp(74px,9.2cqw,133px)}.about-sub{font-size:17px;line-height:1.6;color:#b9b7b2;margin:22px 0 50px}.about-portrait{margin:0;align-self:end}.about-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 25%;filter:grayscale(1);background:var(--chalk)}.about-portrait figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:17px 0 25px;color:#b9b7b2}.belief-section{padding:74px 0}.belief-section blockquote{font-size:clamp(36px,5.1cqw,74px);letter-spacing:-.055em;line-height:1.12;margin:40px 0;font-weight:700;max-width:1100px}.quote-context{display:flex;align-items:end;justify-content:space-between;gap:40px}.quote-context p{font-size:17px;line-height:1.7;max-width:625px;margin:0;color:#55534e}.quote-context span{font-size:11px;white-space:nowrap;letter-spacing:.15em;text-transform:uppercase}.principles article{border-top:1px solid #c8c4bd;padding-top:26px;margin-bottom:40px}.principles article:last-child{margin:0}.principles h2{font-size:34px;letter-spacing:-.04em;margin-bottom:16px}.creative-hero{padding:78px 0 68px}.creative-hero h1{font-size:clamp(55px,7.4cqw,107px)}.creative-hero h1 em{color:var(--ink);position:relative;z-index:0;white-space:nowrap}.creative-hero h1 em::after{content:'';height:.17em;position:absolute;left:-.01em;right:-.015em;bottom:.055em;background:var(--gold);z-index:-1;transform:rotate(-1deg)}.creative-intro-row{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:40px}.creative-intro-row p{font-size:22px;line-height:1.55;margin:0;max-width:570px}.creative-stroke{font-size:94px;color:#9b681f;line-height:1;font-weight:400}.creative-services{padding:20px 0}.service-row{padding:65px 0;border-bottom:1px solid #c8c4bd;display:grid;grid-template-columns:26% 1fr;gap:7%}.service-row:last-child{border-bottom:0}.service-index{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:12px;color:#716653}.service-row h2{font-size:clamp(36px,4.4cqw,64px);line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}.service-row p{font-size:18px;line-height:1.75;color:#55534e;max-width:710px;margin:0 0 20px}.log-off{padding:80px 0}.log-off-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.log-off h2{font-size:clamp(70px,8.7cqw,125px);line-height:.97;letter-spacing:-.07em;margin:0}.quiet-line{width:66px;height:5px;background:var(--gold);display:block;margin-top:38px}.log-off h3{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:0 0 25px;font-weight:400}.log-off p{font-size:17px;line-height:1.7;color:#c8c4bd;max-width:500px;margin:0 0 23px}.contact-section{padding:78px 0 88px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-section h1{font-size:clamp(64px,7.1cqw,103px)}.contact-intro .intro-copy{font-size:20px;max-width:480px}.contact-aside{font-size:17px;color:#b9b7b2;line-height:1.6;margin:30px 0}.direct-contact{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:38px}.direct-contact>div:first-child,.direct-contact>div:last-child{grid-column:1/-1}.direct-contact span:not(.arrow){font-size:10px;color:#b9b7b2;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:5px}.direct-contact a{font-size:17px;text-underline-offset:5px;display:inline-block;min-height:36px;overflow-wrap:anywhere}.direct-contact .linkedin-link{font-size:13px;display:inline-flex;align-items:center;gap:15px}.form-panel{border-top:2px solid var(--gold);padding-top:30px}.form-panel h2{font-size:29px;font-weight:400;letter-spacing:-.025em;margin:0 0 36px}.field{margin-bottom:25px}.field label{display:block;font-size:13px;margin-bottom:12px}.field label span{color:#b9b7b2}.field input,.field textarea{appearance:none;border:1px solid #7b7871;background:#222226;border-radius:0;color:var(--chalk);font:inherit;width:100%;padding:15px 13px;min-height:50px}.field textarea{resize:vertical;line-height:1.55}.field input:hover,.field textarea:hover{border-color:#c9a264}.field textarea::placeholder{font-size:14px;color:#aaa69e}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:12px;color:#b9b7b2;line-height:1.7;margin:0 0 27px}.form-note a{text-underline-offset:4px}.form-panel .primary{background:var(--gold)}.form-panel .primary:hover{background:#e2b369}.form-panel .primary:disabled{opacity:.6;cursor:wait}.form-status{font-size:14px;line-height:1.7;margin:20px 0 0;color:var(--chalk);max-width:470px}.form-status:empty{display:none}.form-status[data-state=error]{color:#ffc8a2}.form-status[data-state=success]{border-left:3px solid var(--gold);padding-left:16px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legal-copy{max-width:780px}.legal-copy h2{font-size:27px;letter-spacing:-.035em;margin:35px 0 15px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{font-size:17px;line-height:1.75;color:#55534e}.legal-copy a{overflow-wrap:anywhere}.site-footer .footer-inner{font-size:12px}.footer-credit{font-size:11px}
@container site (min-width:1600px){.hero-art{right:calc((100cqw - 1600px)/2);width:830px}.hero-inner{padding-top:90px}.hero{min-height:700px}}
@container site (max-width:1050px){.contact-grid{gap:7%}.page-intro h1{font-size:8cqw}.editorial-grid{grid-template-columns:24% 1fr;gap:6%}.editorial-grid p.lead{font-size:21px}.editorial-grid p:not(.lead):not(.eyebrow){font-size:16px}.process-rows li{grid-template-columns:6% 32% 1fr;gap:4%}.process-rows h3{font-size:24px}.contact-intro .intro-copy{font-size:18px}.direct-contact{gap:20px 12px}.direct-contact a{font-size:15px}.form-pair{grid-template-columns:1fr;gap:0}.about-grid{gap:6%}.creative-intro-row p{font-size:19px}}
@container site (max-width:720px){.stage{max-width:none}.header-inner{position:relative;flex-wrap:wrap;gap:0}.mobile-menu{min-height:44px;padding-inline:8px;margin-right:-8px}.desktop-nav{display:grid;width:100%;gap:0;padding:7px 0 20px}.js .desktop-nav:not(.is-open){display:none}.desktop-nav a{font-size:19px;min-height:54px;border-bottom:1px solid #ffffff26;margin:0!important;padding:10px 0}.desktop-nav .talk{border-bottom:0;color:var(--gold)}.hero-art{margin-top:-10px}.page-intro,.creative-hero{padding:48px 0}.page-intro h1,.creative-hero h1{font-size:clamp(45px,12.2cqw,82px);margin-bottom:25px}.page-intro .eyebrow,.about-hero .eyebrow,.creative-hero .eyebrow,.contact-section .eyebrow{font-size:10px;margin-bottom:25px}.intro-copy{font-size:18px}.editorial-section,.fit-section,.context-section{padding:48px 0}.editorial-grid{grid-template-columns:1fr;gap:24px}.editorial-grid>.eyebrow{padding:0;margin:0;max-width:none;font-size:10px}.editorial-grid h2,.section-heading h2{font-size:clamp(35px,9.8cqw,57px);margin-bottom:25px}.editorial-grid p.lead{font-size:20px;line-height:1.55}.editorial-grid p:not(.eyebrow){font-size:16px;line-height:1.7}.focus-section>.wrap>.eyebrow{font-size:10px}.process-section{padding:46px 0 26px}.section-heading{display:block;margin-bottom:28px}.section-heading>.eyebrow{font-size:10px}.section-heading h2{width:auto}.process-rows li{grid-template-columns:36px 1fr;gap:13px;padding:25px 0}.process-rows h3{font-size:25px}.process-rows li>div{grid-column:2}.process-rows p{font-size:15px;margin-bottom:15px}.step-no{font-size:13px}.inline-facts{gap:15px 25px;line-height:1.6;font-size:11px}.results-section{padding-bottom:42px}.result-grid{grid-template-columns:1fr;gap:34px}.result-block{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding-top:22px}.result-number{grid-row:1/3;font-size:clamp(125px,34cqw,220px);margin:0 0 12px -5px;align-self:start}.result-block .eyebrow{font-size:10px;align-self:end;margin-bottom:15px}.result-block h2{font-size:29px;line-height:1.08;margin-bottom:15px}.result-block>p:last-child{grid-column:1/-1;font-size:16px;margin-bottom:0;max-width:none}.result-context{display:block;margin-top:32px}.result-context>span{display:block;margin-bottom:14px}.fit-list{margin-top:10px}.fit-list li{font-size:18px;padding:21px 0 21px 31px}.company-list{font-size:21px;gap:17px 27px;padding-block:14px 25px}.editorial-grid .context-note{margin-bottom:0}.about-hero{padding:48px 0 0}.about-grid{grid-template-columns:1fr;gap:30px}.about-hero h1{font-size:clamp(75px,20cqw,130px);margin-bottom:25px}.about-sub{font-size:15px;margin:20px 0 0}.about-portrait img{aspect-ratio:1.12;object-position:50% 25%}.about-portrait figcaption{font-size:9px;padding-bottom:22px}.belief-section{padding:46px 0}.belief-section>.wrap>.eyebrow{font-size:10px}.belief-section blockquote{font-size:clamp(31px,9.4cqw,55px);margin:28px 0}.belief-section blockquote br{display:none}.quote-context{display:block}.quote-context p{font-size:16px}.quote-context span{display:block;margin-top:23px;font-size:10px}.principles article{padding-top:25px;margin-bottom:28px}.principles h2{font-size:30px;margin-bottom:16px}.creative-intro-row{grid-template-columns:40px 1fr;gap:20px;margin-top:30px;align-items:start}.creative-stroke{font-size:44px}.creative-intro-row p{font-size:17px;line-height:1.65}.service-row{padding:40px 0;grid-template-columns:1fr;gap:24px}.service-index{font-size:10px;padding:0}.service-row h2{font-size:clamp(34px,9.5cqw,55px);margin-bottom:25px}.service-row p{font-size:16px}.creative-services{padding:0}.log-off{padding:46px 0}.log-off-grid{grid-template-columns:1fr;gap:37px}.log-off h2{font-size:clamp(74px,21cqw,130px)}.log-off h3{font-size:28px;margin-bottom:20px}.log-off p{font-size:16px}.log-off .eyebrow{font-size:10px}.quiet-line{margin-top:28px;width:45px;height:4px}.contact-section{padding:48px 0}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-section h1{font-size:clamp(65px,18cqw,100px);margin-bottom:25px}.contact-intro .intro-copy{font-size:18px}.contact-aside{font-size:16px;margin:24px 0}.direct-contact{margin-top:28px;gap:16px 22px}.direct-contact a{font-size:16px;min-height:44px;padding-block:5px}.direct-contact>div:first-child a{font-size:18px}.form-panel h2{font-size:27px;margin-bottom:30px}.form-pair{grid-template-columns:1fr;gap:0}.field{margin-bottom:23px}.field input,.field textarea{font-size:16px}.form-panel .primary{min-height:54px}.form-note{font-size:12px}.footer-contact a{min-height:36px;display:flex;align-items:center}.footer-credit a{min-height:36px;display:inline-flex;align-items:center}.legal-copy h2{font-size:25px}.legal-copy p{font-size:16px}}
@container site (max-width:480px){.result-block{grid-template-columns:minmax(0,1fr)}.result-number{grid-row:auto;font-size:clamp(155px,45cqw,210px);margin-bottom:24px}.result-block .eyebrow{margin-bottom:14px}.result-block h2{font-size:37px}.result-block>p:last-child{grid-column:auto;margin-top:8px}}
/* September refinement: clear offer, earlier proof, experienced judgement. */
.header-inner{min-height:116px}.brand-lockup{padding:17px 0;flex-shrink:0}.brand-descriptor{font-size:11px;line-height:1.5;letter-spacing:.005em;color:#c8c4bd;margin:9px 0 0}.brand-descriptor span{color:var(--gold)}
.proof-first{padding:55px 0 58px}.proof-companies{border-top:1px solid #d2cec6;margin-top:35px;padding-top:24px}.proof-company-intro{font-size:13px;line-height:1.6;color:#55534e;margin:0 0 23px}.proof-company-names{display:flex;flex-wrap:wrap;align-items:center;gap:25px 55px;list-style:none;padding:0;margin:0 0 24px;font-size:30px;font-weight:700;letter-spacing:-.035em}.proof-company-note{font-size:11px;line-height:1.6;color:#696762;margin:0;max-width:820px}.proof-first .text-link{margin-top:20px}.proof-first+.personal{padding-top:0}.proof-first+.personal>.wrap{border-top:1px solid #c8c4bd;padding-top:76px}
.method .method-lead{font-size:21px;line-height:1.6;border-left:3px solid var(--gold);padding-left:20px;color:var(--chalk);max-width:470px}.editorial-grid .philosophy-quote{border-left:3px solid var(--gold);padding-left:24px;font-size:28px;line-height:1.45}
.experience-section{padding:80px 0}.experience-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:11%}.experience-grid h2{font-size:clamp(40px,4.6cqw,66px);line-height:1.05;letter-spacing:-.06em;margin:0 0 30px}.experience-intro{font-size:18px;line-height:1.7;color:#55534e;max-width:470px;margin:0 0 28px}.experience-questions{font-size:clamp(24px,2.45cqw,35px);font-weight:700;line-height:1.35;letter-spacing:-.035em;margin:0}.experience-questions span{position:relative;isolation:isolate;display:inline-block}.experience-questions span::after{content:'';position:absolute;left:-.03em;right:-.1em;height:.22em;bottom:.04em;background:var(--gold);z-index:-1;transform:rotate(-1.8deg)}.experience-principles article{border-top:1px solid #b8a989;padding:24px 0 6px;margin-bottom:22px}.experience-principles article:first-child{border-top:3px solid var(--gold)}.experience-principles article:last-child{margin-bottom:0;padding-bottom:0}.experience-principles h3{font-size:25px;line-height:1.22;letter-spacing:-.035em;margin:0 0 14px}.experience-principles p{font-size:17px;line-height:1.7;color:#55534e;margin:0;max-width:590px}
@container site (max-width:900px){.header-inner{position:relative;flex-wrap:wrap;gap:0;min-height:112px}.brand-lockup{padding:16px 0}.brand-descriptor{font-size:10.5px}.mobile-menu{display:block;min-height:44px;padding-inline:8px;margin-right:-8px}.desktop-nav{display:grid;width:100%;gap:0;padding:7px 0 20px}.js .desktop-nav:not(.is-open){display:none}.desktop-nav a{font-size:19px;min-height:54px;border-bottom:1px solid #ffffff26;margin:0!important;padding:10px 0}.desktop-nav .talk{border-bottom:0;color:var(--gold)}.proof-company-names{gap:20px 35px;font-size:27px}.experience-grid{gap:7%}.experience-principles h3{font-size:22px}.experience-principles p{font-size:16px}}
@container site (max-width:720px){.proof-first{padding:39px 0 42px}.proof-first .section-top .eyebrow{font-size:10px;line-height:1.6}.proof-companies{margin-top:7px;padding-top:21px;border-top:0}.proof-company-intro{font-size:13px;margin-bottom:20px}.proof-company-names{font-size:26px;gap:18px 30px;margin-bottom:20px}.proof-company-note{font-size:11px}.proof-first .text-link{margin-top:20px}.proof-first+.personal>.wrap{padding-top:44px}.method .method-lead{font-size:18px;padding-left:16px}.editorial-grid .philosophy-quote{font-size:22px;line-height:1.5;padding-left:18px}.experience-section{padding:46px 0}.experience-grid{grid-template-columns:1fr;gap:35px}.experience-grid .eyebrow{font-size:10px;margin-bottom:22px}.experience-grid h2{font-size:clamp(36px,10.5cqw,60px);margin-bottom:24px}.experience-intro{font-size:16px;margin-bottom:24px}.experience-questions{font-size:clamp(24px,6.8cqw,37px)}.experience-principles article{padding-top:23px;margin-bottom:22px}.experience-principles h3{font-size:23px}.experience-principles p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* A clear way through: etched ink and worn ochre, from the same family as the hero. */
.gatekeeper-section{padding:76px 0}
.gatekeeper-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;align-items:center}
.gatekeeper-copy h2{font-size:clamp(38px,4.4cqw,64px);line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}
.gatekeeper-copy p:not(.eyebrow){font-size:17px;line-height:1.7;color:#c8c4bd;max-width:520px;margin:0 0 22px}
.gatekeeper-copy p.gatekeeper-lead{font-size:24px;line-height:1.45;color:var(--chalk);border-left:3px solid var(--gold);padding-left:20px}
.gatekeeper-copy p:last-child{margin-bottom:0}
.gatekeeper-art{margin:0;min-width:0}
.gatekeeper-art .art-print{mix-blend-mode:lighten}
.gatekeeper-art figcaption{color:#c8c4bd;text-align:center;font-size:12px;line-height:1.6;letter-spacing:.03em;margin-top:14px}
.belief-section .quote-prelude{display:block;max-width:800px;font-size:clamp(23px,2.5cqw,36px);font-weight:400;letter-spacing:-.025em;line-height:1.4;margin-bottom:24px}
.belief-section .quote-main{display:block}
.asking-section blockquote{font-family:inherit;font-size:clamp(36px,4.15cqw,60px);font-weight:700;line-height:1.08;letter-spacing:-.055em;text-wrap:balance;margin:0}
.intro-art-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3%;align-items:center}
.page-intro-illustrated h1{font-size:clamp(52px,6.1cqw,88px)}
.page-intro-illustrated .intro-copy{max-width:550px;font-size:clamp(18px,1.5cqw,22px)}
.opening-art{margin:-28px -10px -12px 0;min-width:0}
.art-print{display:block;width:100%;height:auto}
.opening-art .art-print{mix-blend-mode:lighten}
.opening-art figcaption{text-align:right;margin:-8px 9% 0 0;color:#c8c4bd;font-size:12px;line-height:1.6;letter-spacing:.03em}
.door-detail{width:min(100%,500px);margin:29px 0 0}
.door-detail .art-print{mix-blend-mode:darken;filter:brightness(1.025)}
.chasm-art{max-width:1100px;margin:14px auto 35px}
.chasm-art .art-print{mix-blend-mode:darken;filter:brightness(1.05)}
.print-art.motion-ready.is-drawn .art-print{animation:print-arrives 1.2s cubic-bezier(.2,.65,.3,1) both}
.text-link .arrow,.primary .arrow{transition:transform .25s ease}
.text-link:is(:hover,:focus-visible) .arrow,.primary:is(:hover,:focus-visible) .arrow{transform:translate(3px,-3px)}
.maker-credit{border-top:1px solid #ffffff1c;padding:18px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;line-height:1.6;color:#b9b7b2}
.maker-credit p{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.maker-name{color:var(--chalk);font-size:12px;font-weight:700;letter-spacing:-.01em;text-decoration:none}
a.maker-name:hover{color:var(--gold)}
.maker-sign{width:22px;height:10px;margin-right:3px;align-self:center;flex-shrink:0}
.maker-credit small{font-size:10px;color:#b9b7b2}
@keyframes print-arrives{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@container site (max-width:720px){
  .gatekeeper-section{padding:48px 0}
  .gatekeeper-grid{grid-template-columns:1fr;gap:28px}
  .gatekeeper-copy h2{font-size:clamp(35px,9.8cqw,57px)}
  .gatekeeper-copy .eyebrow{font-size:10px}
  .gatekeeper-copy p:not(.eyebrow){font-size:16px}
  .gatekeeper-copy p.gatekeeper-lead{font-size:21px;padding-left:16px}
  .gatekeeper-art{width:min(100%,500px);margin:0 auto}
  .gatekeeper-art figcaption{font-size:11px;margin-top:5px}
  .belief-section .quote-prelude{font-size:23px;line-height:1.4;margin-bottom:22px}
  .intro-art-grid{grid-template-columns:1fr;gap:26px}
  .page-intro-illustrated h1{font-size:clamp(43px,12.2cqw,68px)}
  .opening-art{width:min(100%,360px);margin:0 auto}
  .opening-art figcaption{font-size:11px;margin-top:-8px}
  .door-detail{width:min(100%,500px);margin-top:24px}
  .chasm-art{margin:4px 0 28px}
  .maker-credit{display:block;padding:19px 0 24px}
  .maker-credit small{display:block;margin:7px 0 0 33px}
}
@container site (max-width:900px){.asking-section blockquote{font-size:clamp(34px,6cqw,48px)}}
@media(prefers-reduced-motion:reduce){
  .print-art .art-print{animation:none!important;opacity:1!important;transform:none!important}
}

/* Shared editorial structure: each label belongs to the content immediately below it. */
.study-art{margin:0;min-width:0}
.study-art .art-print{mix-blend-mode:darken;filter:brightness(1.025)}
.home-conversation{max-width:440px;margin-top:28px}
.opportunity-index{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid #c8c4bd;margin-top:36px;padding-top:14px}
.opportunity-index span{font-size:12px;line-height:1.5;padding:10px 0;color:#625c53}
.opportunity-index span::before{content:'-';color:#986421;margin-right:10px}

/* Four commercial situations, set as a compact illustrated spread. */
.fit-editorial{padding:80px 0 68px}
.fit-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:end;margin-bottom:42px}
.fit-heading .eyebrow{margin-bottom:22px}
.fit-heading h2{font-size:clamp(38px,4.4cqw,64px);letter-spacing:-.055em;line-height:1.08;margin:0}
.fit-intro{font-size:17px;line-height:1.65;color:#55534e;margin:0 0 3px;max-width:37ch}
.situation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6%}
.situation{display:grid;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:min-content 1fr;column-gap:14px;align-items:start;padding:30px 0 32px;border-top:1px solid #bcb5a8;scroll-margin-top:26px}
.situation .eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 18px;color:#746851}
.situation h3{font-size:clamp(25px,2.55cqw,37px);letter-spacing:-.04em;line-height:1.12;margin:0;text-wrap:balance}
.situation .study-art{grid-column:2;grid-row:1/3;align-self:center}
.situation-copy{grid-column:1;font-size:16px;line-height:1.65;color:#55534e;max-width:38ch;margin:18px 0 0}
.account-focus{display:flex;align-items:center;gap:32px;border-top:1px solid #bcb5a8;padding-top:30px;margin-top:6px}
.account-number{font-size:clamp(46px,5.7cqw,82px);line-height:1;letter-spacing:-.055em;margin:0;color:#986421;white-space:nowrap}
.account-focus h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 7px}
.account-focus>div>p{font-size:15px;line-height:1.65;color:#55534e;max-width:640px;margin:0}

/* Gatekeepers: a considered exchange, without a character scene. */
.gatekeeper-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:11%;align-items:start}
.gatekeeper-copy p.gatekeeper-lead{border:0;padding:0}
.access-study{border-top:1px solid #ffffff40;padding-top:24px;margin-top:0}
.access-study>.eyebrow{color:#c8c4bd;font-size:10px;margin-bottom:18px}
.access-study ol{list-style:none;padding:0;margin:0}
.access-study li{display:grid;grid-template-columns:30px 1fr;align-items:baseline;gap:10px;padding:20px 0;border-bottom:1px solid #ffffff26}
.access-study li span{font-size:11px;color:var(--gold)}
.access-study li p{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:clamp(29px,3.1cqw,45px);line-height:1.2;letter-spacing:-.035em;margin:0}
.access-answer{font-size:14px;line-height:1.65;color:#b9b7b2;margin:24px 0 0;padding-left:40px}

/* The invitation is one composition, with the action anchored beside it. */
.contact-close{padding:68px 0}
.closing-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7%}
.closing-copy{max-width:880px}
.closing-copy .eyebrow{font-size:10px;letter-spacing:.19em;margin:0 0 24px}
.closing-copy h2,.closing-copy blockquote{font-size:clamp(38px,4.5cqw,65px);letter-spacing:-.055em;font-weight:700;line-height:1.08;margin:0;text-wrap:balance}
.closing-copy blockquote{max-width:24ch}
.closing-note{font-size:18px;line-height:1.6;max-width:58ch;margin:22px 0 0}
.closing-action{background:var(--ink);color:var(--chalk);min-width:220px;padding:27px 28px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:21px;font-weight:700;text-decoration:none;border:1px solid var(--ink);transition:background .2s,color .2s}
.closing-action .arrow{font-size:30px;transition:transform .2s}
.closing-action:hover{background:#2a2a2c}
.closing-action:hover .arrow{transform:translate(3px,-3px)}
.closing-action:focus-visible{outline-color:var(--ink);outline-offset:6px}

/* A restrained, controllable record of organisations reached. */
.company-ribbon{padding:30px 0 25px;overflow:hidden}
.ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.ribbon-heading>p{font-size:12px;line-height:1.6;color:#c8c4bd;margin:0}
.ribbon-toggle{background:none;color:#c8c4bd;min-height:44px;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.ribbon-toggle[hidden]{display:none}
.ribbon-window{width:100%}
.ribbon-track{width:100%}
.ribbon-names{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 38px;padding:0 5.55cqw;margin:0}
.ribbon-names li{font-size:clamp(23px,2.7cqw,39px);letter-spacing:-.035em;font-weight:700;white-space:nowrap;color:#e2dfd9}
.ribbon-repeat{display:none}
.ribbon-note{font-size:10px;line-height:1.6;color:#a9a59d;margin:25px 0 0}
.company-ribbon.is-animated .ribbon-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.company-ribbon.is-animated .ribbon-track{display:flex;width:max-content;animation:company-drift 48s linear infinite}
.company-ribbon.is-animated .ribbon-names{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;gap:52px;padding:0 52px 0 0}
.company-ribbon.is-animated .ribbon-repeat{display:flex}
.company-ribbon.is-paused .ribbon-track,.company-ribbon:hover .ribbon-track,.company-ribbon:focus-within .ribbon-track{animation-play-state:paused}
@keyframes company-drift{to{transform:translateX(-50%)}}

/* Creative thinking has its own quieter, tactile composition. */
.creative-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5%;align-items:center}
.creative-hero-grid h1{font-size:clamp(51px,6.2cqw,89px)}
.creative-hero-copy{max-width:520px;font-size:20px;line-height:1.65;color:#55534e;margin:30px 0 0}
.creative-study{align-self:center}
.creative-study .art-print{filter:brightness(1.025)}
.creative-services .service-row{grid-template-columns:22% 1fr;gap:7%}
.editorial-grid>.eyebrow,.service-index{padding-top:6px}
.page-intro,.creative-hero,.contact-section,.about-hero{scroll-margin-top:0}
.footer-credit a{display:block}

@container site (max-width:1050px){
 .situation{grid-template-columns:minmax(0,1fr) 37%;gap:0 10px}
 .situation h3{font-size:29px}
 .situation-copy{grid-column:1/-1;max-width:43ch}
 .situation .study-art{grid-row:1}
 .gatekeeper-grid{gap:7%}
 .closing-action{min-width:180px;padding:24px;font-size:19px}
}
@container site (max-width:720px){
 .home-conversation{max-width:360px;margin-top:22px}
 .opportunity-index{margin-top:25px}
 .fit-editorial{padding:48px 0}
 .fit-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
 .fit-heading h2{font-size:clamp(35px,9.8cqw,57px)}
 .fit-heading .eyebrow{font-size:10px}
 .fit-intro{font-size:16px;max-width:40ch}
 .situation-grid{grid-template-columns:1fr}
 .situation{grid-template-columns:minmax(0,1fr) 40%;padding:25px 0 28px;gap:0 12px}
 .situation h3{font-size:28px}
 .situation .eyebrow{font-size:9px;line-height:1.6;margin-bottom:15px}
 .situation-copy{font-size:16px;grid-column:1/-1;margin-top:18px;max-width:none}
 .account-focus{align-items:start;flex-direction:column;gap:17px;margin-top:0;padding-top:26px}
 .account-number{font-size:63px}
 .account-focus h3{font-size:20px}
 .gatekeeper-grid{grid-template-columns:1fr;gap:34px}
 .access-study{padding-top:20px}
 .access-study li{padding:17px 0}
 .access-study li p{font-size:34px}
 .access-answer{padding-left:40px;margin-top:20px}
 .contact-close{padding:46px 0}
 .closing-layout{grid-template-columns:1fr;gap:28px}
 .closing-copy h2,.closing-copy blockquote{font-size:clamp(35px,9.8cqw,54px)}
 .closing-copy .eyebrow{margin-bottom:22px}
 .closing-note{font-size:16px;margin-top:20px}
 .closing-action{min-width:0;width:100%;max-width:330px;font-size:18px;padding:21px 23px}
 .closing-action .arrow{font-size:25px}
 .company-ribbon{padding:22px 0}
 .ribbon-heading{align-items:start;gap:18px;margin-bottom:20px}
 .ribbon-heading>p{font-size:11px;max-width:220px}
 .ribbon-toggle{font-size:10px;padding-top:0;min-height:44px}
 .ribbon-note{font-size:10px;margin-top:21px}
 .ribbon-names li{font-size:27px}
 .creative-hero-grid{grid-template-columns:1fr;gap:30px}
 .creative-hero-grid h1{font-size:clamp(43px,11.8cqw,74px)}
 .creative-hero-copy{font-size:17px;margin-top:26px}
 .creative-study{max-width:500px}
 .creative-services .service-row{grid-template-columns:1fr;gap:22px}
 .editorial-grid>.eyebrow,.service-index{padding-top:0}
}
@media(prefers-reduced-motion:reduce){
 .company-ribbon.is-animated .ribbon-track{width:100%;display:block;animation:none;transform:none}
 .company-ribbon.is-animated .ribbon-names{flex-wrap:wrap;justify-content:center;padding:0 5.55cqw;gap:20px 30px}
 .company-ribbon.is-animated .ribbon-repeat,.ribbon-toggle{display:none}
 .company-ribbon.is-animated .ribbon-window{mask-image:none}
}

/* Editorial chapters: a common margin, ochre rule and purposeful supporting detail. */
.section-kicker{display:flex;align-items:center;gap:12px}
.section-kicker::before{content:'';width:26px;height:2px;background:#a36b22;flex-shrink:0}
.ink-underline{position:relative;isolation:isolate;display:inline-block}
.ink-underline::after{content:'';position:absolute;left:0;right:-.02em;bottom:.035em;height:.12em;background:var(--gold);z-index:-1;transform:rotate(-1deg)}
.background-story,.personal-principles{padding:76px 0}
.story-heading h2,.principles-heading h2,.chapter-copy h2,.judgement-heading h2,.engagement-copy h2{font-size:clamp(40px,4.6cqw,66px);line-height:1.08;letter-spacing:-.055em;margin:0}
.story-heading{margin-bottom:48px}
.story-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:start}
.places-study{margin:0;min-width:0}
.story-map{margin:-20px 0 22px}
.places-study figcaption{border-top:1px solid #bcb5a8;padding-top:21px}
.places-study .eyebrow{font-size:10px;color:#665a46;margin-bottom:16px}
.places-study ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:22px;letter-spacing:-.025em;font-weight:700}
.places-now{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.7;color:#696156;margin:24px 0 0}
.places-now span{width:6px;height:6px;display:inline-block;background:#9a6622;flex-shrink:0;border-radius:50%}
.story-copy p{font-size:18px;line-height:1.75;color:#55534e;margin:0 0 23px}
.story-copy p.story-lead{font-size:24px;line-height:1.5;color:var(--ink);margin-bottom:28px}
.story-copy .text-link{margin-top:9px}
.principles-heading{margin-bottom:42px}
.principles-spread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:start}
.principles-note{padding-top:8px}
.principles-art{margin:0 0 20px}
.margin-note{border-left:2px solid #a36b22;padding-left:20px;font:italic 25px/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0 0 0 24px;max-width:310px}
.principle-notes{list-style:none;padding:0;margin:0}
.principle-notes li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:17px;border-top:1px solid #bcb5a8;padding:27px 0 29px}
.principle-notes li:first-child{border-top:2px solid #a36b22}
.principle-notes li:last-child{padding-bottom:0}
.note-number{font:italic 32px/1.15 Georgia,'Times New Roman',serif;color:#916224}
.principle-notes h3{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}
.principle-notes p{font-size:17px;line-height:1.7;color:#55534e;margin:0}

.access-part{padding:68px 0}
.chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11%;align-items:start}
.chapter-label{display:flex;gap:15px;align-items:center;margin-bottom:26px;font-size:10px}
.chapter-label span{color:#8d5d1e;border-bottom:2px solid #a36b22;padding:0 0 7px;min-width:26px;font-size:13px;letter-spacing:0}
.chapter-copy h2{margin-bottom:27px}
.chapter-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:0 0 23px;color:#55534e;max-width:49ch}
.chapter-copy>p:last-child{margin-bottom:0}
.referral-note{border-top:2px solid #a36b22;padding-top:21px;position:relative}
.quote-mark{font:88px/.7 Georgia,'Times New Roman',serif;color:#a36b22;display:block;height:55px;padding-top:7px}
.referral-note blockquote{font:italic clamp(28px,2.9cqw,41px)/1.32 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;max-width:25ch;text-wrap:pretty}
.note-caption{font-size:12px;line-height:1.7;margin:26px 0 0;color:#665a46}
.access-trust .chapter-label span{color:var(--gold);border-color:var(--gold)}
.access-trust .chapter-copy>p:not(.eyebrow){color:#c8c4bd}
.access-trust .chapter-copy p.chapter-lead{font-size:23px;line-height:1.5;color:var(--chalk)}
.gatekeeper-notes{border-top:2px solid var(--gold);padding-top:23px}
.gatekeeper-notes>.eyebrow{font-size:10px;color:#c8c4bd;margin-bottom:15px}
.gatekeeper-notes ol{list-style:none;margin:0;padding:0}
.gatekeeper-notes li{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid #ffffff26;padding:19px 0;font:italic clamp(27px,2.7cqw,39px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.gatekeeper-notes li span{font:400 16px/1 Arial,sans-serif;color:var(--gold);flex-shrink:0}
.gatekeeper-notes .note-caption{color:#b9b7b2;margin-left:36px;margin-top:24px}
.judgement-section{padding:66px 0}
.judgement-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11%;align-items:end;margin-bottom:38px}
.judgement-heading>p{font-size:18px;line-height:1.65;color:#55534e;margin:0 0 3px;max-width:38ch}
.judgement-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
.judgement-notes article{border-top:2px solid #a36b22;padding-top:22px}
.judgement-notes .eyebrow{font-size:10px;color:#6c583b;margin-bottom:17px}
.judgement-notes h3{font-size:clamp(25px,2.45cqw,34px);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}
.judgement-notes article>p:last-child{font-size:16px;line-height:1.75;color:#55534e;margin:0}

.engagement-section{padding:76px 0}
.engagement-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10%;align-items:start}
.engagement-copy h2{margin-bottom:28px}
.engagement-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#55534e;margin:0 0 23px;max-width:52ch}
.engagement-copy>p.engagement-lead{font-size:22px;line-height:1.5;color:var(--ink)}
.engagement-copy>p:last-child{margin-bottom:0}
.engagement-brief{background:var(--ink);color:var(--chalk);border-top:4px solid var(--gold);padding:33px 34px 26px;position:relative}
.engagement-brief>.eyebrow{font-size:10px;color:#c8c4bd;margin-bottom:14px}
.engagement-duration{font-size:30px;letter-spacing:-.035em;margin:0;display:flex;align-items:baseline;gap:16px;line-height:1}
.engagement-duration span{font-size:clamp(104px,11cqw,150px);font-weight:700;letter-spacing:-.08em;color:var(--gold)}
.brief-intro{font-size:19px;line-height:1.5;margin:18px 0 23px}
.engagement-brief dl{margin:0}
.engagement-brief dl>div{display:grid;grid-template-columns:34% minmax(0,1fr);gap:18px;border-top:1px solid #ffffff2c;padding:17px 0}
.engagement-brief dt{font-size:10px;line-height:1.65;color:#c8c4bd;letter-spacing:.025em;padding-top:2px}
.engagement-brief dd{font-size:13px;line-height:1.6;margin:0}
.brief-foot{font-size:10px;line-height:1.6;color:#c8c4bd;border-top:1px solid #ffffff2c;padding-top:18px;margin:0}
.results-section+.company-ribbon{padding-top:0}
.results-section+.company-ribbon .ribbon-heading{padding-top:25px;border-top:1px solid #ffffff2c}

.creative-services{padding:65px 0}
.creative-services>.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8%}
.creative-services .service-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;gap:0;padding:25px 0 0;border-top:2px solid #a36b22;border-bottom:0}
.creative-services .service-row>div{display:contents}
.creative-services .service-index{padding:0;margin:0 0 23px}
.creative-services .service-row h2{font-size:clamp(29px,3.1cqw,45px);line-height:1.12;margin-bottom:25px}
.creative-services .service-row p{font-size:17px;line-height:1.75;margin-bottom:21px;max-width:49ch}
.creative-services .service-row p:last-child{margin-bottom:0}

@container site (max-width:1050px){
 .story-grid,.principles-spread,.chapter-grid,.judgement-heading,.engagement-grid{gap:7%}
 .story-copy p{font-size:16px}
 .story-copy p.story-lead{font-size:21px}
 .places-study ul{font-size:20px}
 .places-now{font-size:11px}
 .principle-notes li{grid-template-columns:35px minmax(0,1fr);gap:13px}
 .principle-notes h3{font-size:27px}
 .principle-notes p{font-size:16px}
 .margin-note{font-size:23px;margin-left:9px}
 .engagement-brief{padding:26px 25px}
 .engagement-brief dl>div{grid-template-columns:1fr;gap:5px;padding:14px 0}
 .engagement-copy>p.engagement-lead{font-size:20px}
 .chapter-copy>p:not(.eyebrow){font-size:16px}
 .access-trust .chapter-copy p.chapter-lead{font-size:21px}
}
@container site (max-width:720px){
 .background-story,.personal-principles,.access-part,.judgement-section,.engagement-section{padding:48px 0}
 .story-heading h2,.principles-heading h2,.chapter-copy h2,.judgement-heading h2,.engagement-copy h2{font-size:clamp(35px,9.8cqw,54px)}
 .section-kicker{font-size:10px;gap:10px;margin-bottom:24px}
 .section-kicker::before{width:20px}
 .story-heading{margin-bottom:30px}
 .story-grid,.principles-spread,.chapter-grid,.judgement-heading,.engagement-grid{grid-template-columns:1fr;gap:32px}
 .story-map{max-width:380px;margin:-10px auto 9px}
 .places-study figcaption{padding-top:20px}
 .places-study ul{font-size:21px;gap:12px 18px}
 .places-now{margin-top:19px;font-size:11px}
 .story-copy p{font-size:16px;margin-bottom:21px}
 .story-copy p.story-lead{font-size:21px;margin-bottom:23px}
 .story-copy .text-link{margin-top:3px}
 .principles-heading{margin-bottom:27px}
 .principles-spread{gap:28px}
 .principles-note{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;align-items:center;padding-top:0}
 .principles-art{margin:0}
 .margin-note{font-size:21px;margin:0;padding-left:14px}
 .principle-notes li{grid-template-columns:35px minmax(0,1fr);gap:13px;padding:23px 0}
 .principle-notes h3{font-size:27px}
 .note-number{font-size:29px}
 .chapter-label{font-size:9px;margin-bottom:24px}
 .chapter-copy h2{margin-bottom:24px}
 .chapter-copy>p:not(.eyebrow){font-size:16px;margin-bottom:21px}
 .chapter-copy>p:last-child{margin-bottom:0}
 .access-start .chapter-grid{gap:28px}
 .referral-note{padding-top:20px}
 .referral-note blockquote{font-size:29px;max-width:none}
 .quote-mark{font-size:70px;height:44px}
 .note-caption{font-size:11px;margin-top:21px}
 .gatekeeper-notes{padding-top:22px}
 .gatekeeper-notes li{font-size:29px;gap:15px;padding:18px 0}
 .gatekeeper-notes .note-caption{margin-left:31px}
 .judgement-heading{gap:24px;margin-bottom:30px}
 .judgement-heading>p{font-size:16px}
 .judgement-heading>p br{display:none}
 .judgement-notes{grid-template-columns:1fr;gap:27px}
 .judgement-notes article{padding-top:21px}
 .judgement-notes h3{font-size:28px;margin-bottom:17px}
 .judgement-notes h3 br{display:none}
 .judgement-notes .eyebrow{margin-bottom:14px}
 .engagement-copy h2{margin-bottom:24px}
 .engagement-copy h2 br:last-of-type{display:none}
 .engagement-copy>p:not(.eyebrow){font-size:16px;margin-bottom:21px}
 .engagement-copy>p.engagement-lead{font-size:21px}
 .engagement-copy>p:last-child{margin-bottom:0}
 .engagement-brief{padding:26px 25px}
 .engagement-duration{font-size:28px}
 .engagement-duration span{font-size:112px}
 .engagement-brief dl>div{grid-template-columns:35% minmax(0,1fr);gap:14px;padding:16px 0}
 .brief-intro{font-size:18px}
 .brief-foot{font-size:10px}
 .results-section+.company-ribbon .ribbon-heading{padding-top:20px}
 .creative-services{padding:46px 0}
 .creative-services>.wrap{grid-template-columns:1fr;gap:35px}
 .creative-services .service-row{grid-row:auto;grid-template-rows:none;padding-top:23px}
 .creative-services .service-row h2{font-size:clamp(32px,9cqw,48px);margin-bottom:23px}
 .creative-services .service-row p{font-size:16px}
}

/* Keep long introductory words inside the smallest phone layouts. */
@container site (max-width:360px){.page-intro:not(.page-intro-illustrated) h1{font-size:12.2cqw}}

/* Homepage: one voice, a small type scale, and deliberate invitations. */
.site{--label-size:12px;--body-size:18px;--card-size:30px;--heading-size:clamp(40px,4.6cqw,66px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.desktop-nav .navitem.talk{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--gold);color:var(--ink);font-size:15px;font-weight:700;border:1px solid var(--gold);padding:14px 20px;min-height:50px;margin-left:12px;text-decoration:none}
.desktop-nav .navitem.talk:hover{background:#e3ad57;border-color:#e3ad57;color:var(--ink)}
.desktop-nav .navitem.talk[aria-current="page"]{color:var(--ink);border-color:var(--gold)}
.action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:56px;min-width:174px;padding:17px 23px;background:var(--gold);border:1px solid var(--gold);color:var(--ink);font:700 16px/1.3 Arial,Helvetica,sans-serif;text-decoration:none;transition:background .2s,border-color .2s}
.action:hover{background:#e3ad57;border-color:#e3ad57}
.action .arrow{font-size:23px;transition:transform .2s}
.action:hover .arrow{transform:translate(2px,-2px)}
.action-ink{background:var(--ink);border-color:var(--ink);color:var(--chalk)}
.action-ink:hover{background:#353539;border-color:#353539}
.action-outline{background:transparent;border-color:#b8b2a6;color:var(--chalk)}
.action-outline:hover{background:var(--chalk);border-color:var(--chalk);color:var(--ink)}
.homepage .eyebrow{font:700 var(--label-size)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;margin:0 0 24px}
.homepage h2{font-size:var(--heading-size);line-height:1.06;letter-spacing:-.05em;font-weight:700;margin:0}
.homepage .body-copy,.homepage .section-introduction{font-size:var(--body-size);line-height:1.65;color:#56534d}
.homepage .home-hero{min-height:740px}
.home-hero .hero-inner{padding:70px 0 66px}
.home-hero h1{font-size:clamp(60px,6cqw,88px);letter-spacing:-.065em;line-height:1.01;max-width:850px;margin:0 0 30px}
.home-hero h1 span{display:inline}
.home-hero .hero-last{color:var(--gold)}
.home-hero .decision-word{white-space:nowrap}
.home-hero .hero-copy{font-size:var(--body-size);line-height:1.65;width:42%;max-width:510px;margin:0 0 28px;color:#d0cdc7}
.home-hero .credential{font-size:13px;line-height:1.6;letter-spacing:0;margin:25px 0 0;max-width:44%}
.home-hero .hero-art{width:60cqw;max-width:840px;right:-1.5cqw;top:-8px;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 15%,#000 96%,transparent)}
.ribbon-light{background:#fff;color:var(--ink);padding:23px 0 24px}
.ribbon-light .ribbon-heading{margin-bottom:15px}
.ribbon-light .ribbon-heading>p{color:#4f4b43;font-size:12px}
.ribbon-light .ribbon-toggle{color:#4f4b43;font-size:12px}
.ribbon-light .ribbon-names li{color:var(--ink);font-size:clamp(27px,2.5cqw,36px);letter-spacing:-.04em}
.ribbon-light .ribbon-names li:nth-child(odd){color:#a66b1e}
.ribbon-light .ribbon-note{color:#666057;font-size:11px;margin-top:19px}
.home-personal{padding:90px 0}
.home-personal .personal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.home-personal .portrait img{aspect-ratio:1.2;object-position:50% 30%}
.home-personal .portrait figcaption{font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;margin-top:16px;padding-top:14px;color:#56534d}
.home-personal h2{margin-bottom:28px}
.home-personal .body-copy{max-width:480px;margin:0 0 22px}
.home-personal .action{margin-top:7px}
.home-method{background:var(--ink);color:var(--chalk);padding:80px 0}
.home-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:end;margin-bottom:44px}
.method-introduction{max-width:510px}
.method-introduction>p{font-size:22px;line-height:1.55;letter-spacing:-.015em;color:#dedad3;margin:0 0 26px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;list-style:none;padding:0;margin:0}
.process-step{border-top:1px solid #ffffff35;padding-top:24px;display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}
.process-step-label{display:flex;gap:18px;align-items:center;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c5c0b7;margin-bottom:24px}
.process-step-label>span:first-child{color:var(--gold);font-variant-numeric:tabular-nums}
.process-step h3{font-size:var(--card-size);line-height:1.15;letter-spacing:-.04em;margin:0 0 18px}
.process-step>p{font-size:17px;line-height:1.65;color:#c5c0b7;margin:0;max-width:42ch}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #bdb6a9}
.carousel-toolbar>p{font-size:14px;line-height:1.5;margin:0;color:#56534d}
.carousel-controls{display:flex;flex-shrink:0;gap:10px;align-items:center}
.carousel-controls[hidden]{display:none}
.carousel-position{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.05em;white-space:nowrap;color:#56534d;margin-right:12px}
.carousel-controls button{width:48px;height:48px;border:1px solid #928775;background:transparent;color:var(--ink);font-size:24px}
.carousel-controls button:hover:not(:disabled){background:var(--gold);color:var(--ink);border-color:var(--gold)}
.carousel-controls button:disabled{opacity:.3}
.service-track{display:flex;gap:24px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 20px;margin:0;scrollbar-width:thin;scrollbar-color:#ac854a #ddd7cb}
.service-track:focus-visible{outline:2px solid #895c1e;outline-offset:6px}
.service-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;background:#eee8dc;color:var(--ink);border-top:3px solid var(--gold)}
.service-card>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr 1fr;column-gap:7%;width:100%;padding:25px 40px 30px;text-decoration:none}
.service-card>a:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.service-card-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.12em;color:#895c1e;font-variant-numeric:tabular-nums}
.service-card-top .arrow{font-size:23px;line-height:1;transition:transform .2s}
.service-study{grid-column:1;grid-row:2/4;align-self:center;height:255px;margin:12px 0}
.service-study .art-print{height:100%;width:100%;object-fit:contain}
.service-card h3{grid-column:2;align-self:end;font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:0 0 17px}
.service-card p{grid-column:2;font-size:18px;line-height:1.65;color:#56534d;margin:0;max-width:37ch}
.service-card>a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.service-card>a:hover .arrow{transform:translate(3px,-3px)}
.home-opportunities{padding:85px 0 65px;background:var(--chalk)}
.home-opportunities .section-introduction{max-width:480px;margin:0 0 4px}
.home-results-link{border-top:1px solid #bdb6a9;padding-top:27px;margin-top:7px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.home-results-link>span{font-size:17px;line-height:1.5;color:#56534d}
.homepage .home-close{padding:70px 0}
.home-close .closing-copy blockquote{font-size:var(--heading-size);letter-spacing:-.05em;max-width:23ch}
.home-close .closing-note{font-size:var(--body-size)}
.home-close .action{min-width:200px}
.home-close .action:focus-visible{outline-color:var(--ink)}
@container site (max-width:1100px){
 .homepage .home-hero{min-height:660px}
 .home-hero .hero-inner{padding-top:58px}
 .home-hero h1{font-size:6.1cqw}
 .home-hero .hero-art{width:64cqw;right:-3cqw;top:-10px}
 .home-hero .hero-copy{width:45%}
 .service-card>a{padding-inline:24px}
 .process-step h3{font-size:27px}
 .service-card h3{font-size:30px}
}
@container site (max-width:900px){
 .desktop-nav .navitem.talk{margin-top:12px!important;width:max-content;min-width:174px;font-size:16px}
 .homepage .home-hero{min-height:630px}
 .home-hero .hero-art{top:55px}
 .home-section-heading{gap:5%}
 .method-introduction>p{font-size:20px}
 .service-study{height:220px}
 .process-grid{grid-template-columns:1fr;gap:24px}
 .process-step{grid-row:auto;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px}
 .process-step-label{grid-row:1/3;align-self:start;flex-direction:column;align-items:start;gap:10px;margin:0}
 .process-step h3{min-height:0;margin-bottom:14px}
 .process-step>p{grid-column:2;max-width:52ch}
}
@container site (max-width:720px){
 .site{--label-size:11px;--body-size:16px;--card-size:27px;--heading-size:clamp(37px,10.2cqw,60px)}
 .homepage .eyebrow{margin-bottom:20px}
 .homepage .home-hero{min-height:0}
 .home-hero .hero-inner{padding:43px 0 0}
 .home-hero h1{font-size:clamp(35px,11cqw,66px);line-height:1.02;margin-bottom:24px}
 .home-hero .hero-copy{width:100%;max-width:480px;font-size:16px}
 .home-hero .credential{max-width:100%;font-size:12px;margin-top:20px}
 .home-hero .hero-art{display:block;position:relative;width:min(100%,530px);max-width:none;right:auto;top:auto;margin:15px auto 0;mask-image:none}
 .action{font-size:16px;min-height:54px;padding:15px 20px;gap:32px}
 .ribbon-light{padding:18px 0 21px}
 .ribbon-light .ribbon-heading{align-items:start;gap:16px;margin-bottom:15px}
 .ribbon-light .ribbon-heading>p{font-size:11px;max-width:31ch}
 .ribbon-light .ribbon-toggle{font-size:11px;padding:0;min-height:38px}
 .ribbon-light .ribbon-note{font-size:10px;line-height:1.6;margin-top:18px}
 .ribbon-light .ribbon-names li{font-size:28px}
 .home-personal{padding:52px 0}
 .home-personal .personal-grid{grid-template-columns:1fr;gap:32px}
 .home-personal .personal-copy{grid-row:1}
 .home-personal h2{margin-bottom:23px}
 .home-personal .portrait img{aspect-ratio:1.25}
 .home-personal .portrait figcaption{font-size:12px}
 .home-section-heading{grid-template-columns:1fr;gap:26px;margin-bottom:32px}
 .home-method{padding:52px 0}
 .method-introduction>p{font-size:18px;line-height:1.6;margin-bottom:23px}
 .process-step{grid-template-columns:1fr;gap:0}
 .process-step-label{grid-row:auto;flex-direction:row;gap:18px;margin-bottom:18px;font-size:11px}
 .process-step>p{grid-column:auto;font-size:16px}
 .carousel-toolbar{align-items:center;padding:18px 0;gap:15px}
 .carousel-toolbar>p{font-size:12px;max-width:17ch}
 .carousel-controls{gap:8px}
 .carousel-controls button{width:44px;height:44px}
 .carousel-position{font-size:11px;margin-right:0}
 .service-track{gap:16px;padding-bottom:17px}
 .service-card>a{display:flex;flex-direction:column;padding:20px 22px 26px}
 .service-card-top{font-size:11px;letter-spacing:.1em}
 .service-card h3{align-self:auto;font-size:27px}
 .service-card p{font-size:16px}
 .service-study{align-self:stretch;height:175px;margin:10px 0 20px}
 .home-opportunities{padding:52px 0}
 .home-results-link{align-items:start;flex-direction:column;gap:21px;margin-top:0;padding-top:25px}
 .home-results-link>span{font-size:16px;max-width:27ch}
 .homepage .home-close{padding:52px 0}
 .home-close .closing-layout{grid-template-columns:1fr;gap:27px}
 .home-close .action{width:max-content;min-width:174px}
}
@container site (max-width:360px){.service-card h3{min-height:2.3em}}
@media(prefers-reduced-motion:reduce){.service-track{scroll-behavior:auto}.action,.action .arrow,.service-card .arrow{transition:none}}

/* Interior pages share the homepage's type scale and button language. */
.interior-page{--inside-title:clamp(50px,5.8cqw,84px);--inside-heading:clamp(38px,4.4cqw,64px);--inside-card:clamp(27px,2.4cqw,34px);--inside-body:18px;--inside-space:76px}
.interior-page .eyebrow{font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;margin:0 0 24px}
.interior-page h1{font-size:var(--inside-title);line-height:1.04;letter-spacing:-.055em;margin:0 0 28px}
.interior-page h2{font-size:var(--inside-heading);line-height:1.08;letter-spacing:-.045em;margin:0}
.interior-page h3{font-size:var(--inside-card);line-height:1.17;letter-spacing:-.035em;font-weight:700}
.interior-page .inside-lead{font-size:var(--inside-body);line-height:1.65;max-width:49ch;margin:0;color:#56534d}
.interior-page .dark .inside-lead{color:#c8c4bd}
.inside-hero{padding:55px 0}
.inside-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:8%}
.inside-hero .action{margin-top:30px}
.method-hero .opening-art{max-width:430px;justify-self:end;margin:0}
.method-hero .opening-art figcaption{font:400 13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0;color:#c8c4bd;margin:10px 0 0;text-align:center}
.approach-part{padding:var(--inside-space) 0}
.approach-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}
.approach-grid h2{margin-bottom:25px}
.approach-grid>div>p:not(.eyebrow){font-size:var(--inside-body);line-height:1.7;color:#56534d;margin:0 0 22px;max-width:49ch}
.approach-grid>div>p:last-child{margin-bottom:0}
.executive-introduction{margin:0;border-top:3px solid var(--gold);padding:32px 0 0;font:700 clamp(27px,2.55cqw,37px)/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.approach-access .approach-grid>div>p:not(.eyebrow){color:#c8c4bd}
.access-exchange{border-top:3px solid var(--gold);padding-top:27px}
.access-exchange>.eyebrow{color:#c8c4bd}
.access-exchange dl{margin:0}
.access-exchange dl>div{border-bottom:1px solid #ffffff30;padding:18px 0}
.access-exchange dl>div:first-child{padding-top:0}
.access-exchange dt{font-size:var(--inside-card);font-weight:700;letter-spacing:-.035em;line-height:1.2}
.access-exchange dd{margin:10px 0 0;font-size:16px;line-height:1.6;color:#c8c4bd}
.working-scope{background:#eee2c9;padding:var(--inside-space) 0;scroll-margin-top:25px}
.working-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
.working-intro h2{margin-bottom:28px}
.working-term{display:flex;align-items:center;gap:24px;margin:32px 0;border-block:1px solid #c4b596;padding:24px 0}
.term-number{font-size:100px;line-height:1;font-weight:700;letter-spacing:-.07em;color:#96631c}
.working-term strong{font-size:24px;letter-spacing:-.02em}
.working-term p{font-size:16px;line-height:1.65;max-width:34ch;margin:8px 0 0;color:#56534d}
.scope-sheet{background:var(--ink);color:var(--chalk);padding:32px;border-top:4px solid var(--gold)}
.scope-sheet h3{margin:0 0 25px}
.scope-sheet .eyebrow{color:#c8c4bd}
.scope-sheet dl{margin:0}
.scope-sheet dl>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;border-top:1px solid #ffffff30;padding:20px 0}
.scope-sheet dt{font-size:16px;line-height:1.55;font-weight:700}
.scope-sheet dd{margin:0;color:#c8c4bd;font-size:16px;line-height:1.6}
.scope-foot{border-top:1px solid #ffffff30;margin:0;padding-top:20px;color:#c8c4bd;font-size:13px;line-height:1.6}

/* One complete opening panel: the career claim and its label stay together. */
.record-hero{padding:56px 0}
.record-frame{display:grid;gap:36px}
.record-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:10%}
.record-intro h1{font-size:clamp(46px,5.5cqw,80px)}
.record-intro .inside-lead{max-width:47ch}
.career-mark{border-left:1px solid #ffffff30;padding-left:50px}
.career-number{font-size:clamp(140px,17cqw,245px);letter-spacing:-.085em;line-height:.88;font-weight:700;color:var(--gold);margin:0 0 25px}
.career-number span{font-size:.4em;vertical-align:top;position:relative;top:.1em;letter-spacing:-.05em}
.career-mark>p:not(.career-number){font-size:20px;line-height:1.45;margin:0}
.career-rule{display:block;width:50px;height:3px;background:var(--gold);margin:26px 0}
.career-mark>p.career-personal{font-size:16px;line-height:1.6;color:#c8c4bd}
.record-bottom{border-top:1px solid #ffffff30;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.record-bottom>p{font-size:13px;line-height:1.6;color:#c8c4bd;margin:0}
.record-jump{display:inline-flex;align-items:center;gap:28px;text-decoration:none;font-size:16px;font-weight:700;padding:8px 0}
.record-jump span{color:var(--gold);font-size:24px}
.record-jump:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:901px) and (min-height:600px){
 .record-hero{height:calc(100svh - var(--header-height,117px));max-height:820px;min-height:min-content;padding:clamp(26px,4.5svh,55px) 0}
 .record-frame{height:100%;grid-template-rows:minmax(0,1fr) auto;gap:28px}
 .record-intro h1{font-size:clamp(44px,min(5.5cqw,8.6svh),80px);margin-bottom:clamp(16px,2.5svh,28px)}
 .record-intro .eyebrow{margin-bottom:clamp(14px,2.6svh,24px)}
 .career-number{font-size:clamp(130px,min(17cqw,25svh),245px)}
 .record-bottom{padding-top:18px}
}
@media(min-width:901px) and (min-height:600px) and (max-height:700px){
 .record-intro .inside-lead{font-size:16px;max-width:49ch;line-height:1.55}
 .career-mark>p:not(.career-number){font-size:18px}
 .career-mark>p.career-personal{font-size:15px}
 .career-rule{margin:20px 0}
}
.selected-work{padding:var(--inside-space) 0;background:var(--chalk);scroll-margin-top:28px}
.inside-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9%;align-items:end;margin-bottom:42px}
.inside-section-heading>p{font-size:var(--inside-body);line-height:1.65;color:#56534d;margin:0;max-width:42ch}
.engagement-evidence{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.evidence-card{background:var(--ink);color:var(--chalk);border-top:3px solid var(--gold);padding:30px}
.evidence-card>.eyebrow{color:#c8c4bd}
.evidence-outcome{display:flex;align-items:center;gap:30px;margin-bottom:24px}
.evidence-outcome strong{font-size:clamp(90px,9cqw,130px);line-height:.95;letter-spacing:-.075em;color:var(--gold)}
.evidence-outcome h3{margin:0}
.evidence-card>p:last-child{font-size:17px;line-height:1.65;color:#c8c4bd;margin:0;max-width:45ch}
.client-perspective{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:8%;padding:36px 0 0;margin:36px 0 0;border-top:1px solid #bdb6a9;align-items:start}
.client-perspective h3{margin:0 0 12px}
.client-perspective p:not(.eyebrow){font-size:17px;line-height:1.65;color:#56534d;margin:0;max-width:43ch}
.client-perspective .eyebrow{margin-bottom:17px}
.client-quote{margin:0;border-left:3px solid var(--gold);padding-left:28px}
.client-perspective .client-quote p{font-size:clamp(23px,2.05cqw,30px);line-height:1.45;font-weight:700;letter-spacing:-.025em;color:var(--ink);max-width:none}
.interior-page .fit-editorial{background:#eee8dc;padding:var(--inside-space) 0}
.interior-page .fit-heading{gap:8%;grid-template-columns:1.2fr .8fr}
.interior-page .fit-intro{font-size:var(--inside-body);color:#56534d}
.interior-page .situation .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:17px;color:#665b49}
.interior-page .situation-copy{font-size:17px}
.inside-close{background:var(--gold);padding:60px 0}
.inside-close-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8%}
.inside-close h2{max-width:22ch}
.inside-close p{font-size:var(--inside-body);line-height:1.6;margin:23px 0 0;max-width:49ch}

/* Creative: a working studio, expressive type and one distinct personal project. */
.studio-hero{background:var(--chalk);padding:66px 0 0}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3%}
.studio-grid h1 em{color:#96631c}
.studio-grid .inside-lead{max-width:46ch}
.studio-grid .action{margin-top:28px}
.studio-art{margin:0;min-width:0}
.studio-art img{width:100%;height:auto;mix-blend-mode:darken;filter:brightness(1.025)}
.studio-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #bdb6a9;margin-top:50px;padding-block:22px}
.studio-index a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;font-size:16px;font-weight:700;padding-block:8px}
.studio-index a:hover{text-decoration:underline;text-underline-offset:5px}
.studio-index span{font-size:24px;color:#96631c}
.studio-services{padding:var(--inside-space) 0;background:#eee8dc}
.studio-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;scroll-margin-top:30px}
.studio-feature+.studio-feature{margin-top:70px;border-top:1px solid #bdb6a9;padding-top:70px}
.studio-feature-copy h2{margin-bottom:26px}
.studio-feature-copy>p:not(.eyebrow){font-size:var(--inside-body);line-height:1.7;color:#56534d;margin:0 0 22px;max-width:47ch}
.message-print{background:var(--gold);color:var(--ink);padding:36px 42px;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:480px;box-shadow:8px 8px 0 #1a1a1e}
.message-print>span:first-child{font-size:13px;line-height:1.6}
.message-print p{font-size:clamp(90px,11cqw,158px);line-height:.88;letter-spacing:-.08em;font-weight:700;margin:35px 0}
.message-print p span{display:inline-block;border-bottom:5px solid var(--ink);padding-bottom:.09em}
.print-rule{height:1px;display:block;background:var(--ink);width:100%}
.studio-deliverables{margin:28px 0 0}
.studio-deliverables>div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;border-top:1px solid #bdb6a9;padding:16px 0}
.studio-deliverables>div:last-child{padding-bottom:0}
.studio-deliverables dt{font-size:16px;font-weight:700;line-height:1.6}
.studio-deliverables dd{font-size:16px;line-height:1.6;margin:0;color:#56534d}
.studio-feature-copy>p.studio-emphasis{color:var(--ink);border-left:3px solid #96631c;padding-left:22px;margin:28px 0 0;font-weight:700}
.coaching-art .study-art{max-width:490px;margin-inline:auto}
.coaching-art>p{font-size:13px;line-height:1.6;color:#56534d;margin:20px 0 0;padding-top:18px;border-top:1px solid #bdb6a9}
.personal-projects{padding:var(--inside-space) 0;scroll-margin-top:24px}
.personal-projects .inside-section-heading>p{color:#c8c4bd}
.project-preview{margin:0;aspect-ratio:16/9;overflow:hidden;background:#0b0b0c;border:1px solid #ffffff30}
.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top}
.project-feature .project-preview{aspect-ratio:auto}
.project-feature .project-preview img{display:block;height:auto}
.project-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6%;align-items:center;padding:32px 0 42px;border-top:1px solid #ffffff35;scroll-margin-top:24px}
.project-copy .eyebrow{color:var(--gold);margin:0 0 16px}
.project-copy h3{margin:0 0 18px}
.project-copy>p:not(.eyebrow){font-size:var(--inside-body);line-height:1.65;color:#c8c4bd;margin:0 0 26px;max-width:43ch}
.project-copy .action{margin-top:auto;align-self:start;max-width:100%;min-width:0;font-size:15px;padding:15px 18px;gap:24px}
.project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;border-top:1px solid #ffffff35;padding-top:36px}
.project-card{display:flex;flex-direction:column;min-width:0}
.project-card .project-copy{display:flex;flex-direction:column;align-items:start;flex:1;padding-top:28px}

/* About and Contact keep the personal material, with the same hierarchy. */
.interior-page .about-hero{padding-top:52px}
.interior-page .about-grid{align-items:center}
.interior-page .about-hero h1{font-size:var(--inside-title)}
.interior-page .intro-copy,.interior-page .about-sub{font-size:var(--inside-body);line-height:1.65}
.interior-page .about-portrait figcaption{font-size:12px;letter-spacing:0;text-transform:none}
.interior-page .story-copy p,.interior-page .story-copy p.story-lead{font-size:var(--inside-body);line-height:1.7;margin-bottom:23px;color:#56534d}
.interior-page .story-copy p.story-lead{color:var(--ink);font-weight:700}
.interior-page .story-copy .action{margin-top:8px}
.interior-page .places-study .eyebrow{font-size:12px;letter-spacing:.1em}
.interior-page .places-now{font-size:13px}
.interior-page .belief-section blockquote{font-size:var(--inside-heading);line-height:1.12;letter-spacing:-.045em}
.interior-page .belief-section .quote-prelude{font-family:inherit;font-size:var(--inside-card);line-height:1.35;font-weight:700;letter-spacing:-.025em}
.interior-page .quote-context span{font-size:12px;letter-spacing:.1em}
.interior-page .contact-close .closing-action{font:700 16px/1.3 Arial,Helvetica,sans-serif;min-height:56px;min-width:174px;padding:17px 23px;gap:36px}
.interior-page .closing-action .arrow{font-size:23px}
.interior-page .contact-close .closing-copy .eyebrow{font-size:12px;letter-spacing:.12em}
.interior-page .closing-note{font-size:var(--inside-body)}
.interior-page .contact-grid{gap:8%;align-items:start}
.interior-page .form-panel{padding:28px;background:#222226;border-top:3px solid var(--gold)}
.interior-page .form-panel h2{font-size:var(--inside-card);font-weight:700;margin-bottom:28px}
.interior-page .form-panel .action:disabled{opacity:.6}
.interior-page .form-panel form[aria-busy=true] .action{cursor:wait}
.interior-page .field label{font-size:14px}
.interior-page .field input,.interior-page .field textarea{font-size:16px;background:#1a1a1e}
.interior-page .direct-contact span:not(.arrow){font-size:12px;letter-spacing:.1em}
.interior-page .direct-contact .linkedin-link{font-size:16px}
.interior-page .legal-copy h2{font-size:var(--inside-card);margin:32px 0 16px}
.interior-page .legal-copy h2:first-child{margin-top:0}

@container site (max-width:1050px){
 .interior-page{--inside-body:17px;--inside-space:62px}
 .inside-hero-grid,.working-grid,.approach-grid,.record-main,.studio-feature{gap:6%}
 .scope-sheet{padding:25px}
 .scope-sheet dl>div{grid-template-columns:1fr;gap:6px;padding:15px 0}
 .career-mark{padding-left:30px}
 .evidence-card{padding:25px}
 .evidence-outcome{gap:20px}
 .message-print{padding:28px;min-height:420px}
 .studio-deliverables>div{grid-template-columns:1fr;gap:5px}
}
@container site (max-width:720px){
 .interior-page{--inside-title:clamp(39px,11cqw,66px);--inside-heading:clamp(34px,9.5cqw,54px);--inside-card:27px;--inside-body:16px;--inside-space:48px}
 .interior-page .eyebrow{font-size:11px;margin-bottom:21px;letter-spacing:.1em}
 .interior-page h1{margin-bottom:24px}
 .inside-hero{padding:43px 0 32px}
 .inside-hero-grid,.working-grid,.approach-grid,.record-main,.inside-section-heading,.client-perspective,.studio-grid,.studio-feature{grid-template-columns:minmax(0,1fr);gap:32px}
 .method-hero .opening-art{max-width:340px;justify-self:center}
 .executive-introduction{font-size:27px;padding-top:25px}
 .access-exchange{padding-top:23px}
 .access-exchange dd{font-size:16px}
 .working-term{margin:27px 0;gap:20px;padding:22px 0}
 .term-number{font-size:84px}
 .working-term p{font-size:16px}
 .scope-sheet{padding:25px 22px}
 .scope-sheet dl>div{padding:18px 0}
 .scope-sheet h3 br{display:none}
 .record-hero{height:auto;padding:44px 0 30px}
 .record-intro h1{font-size:var(--inside-title)}
 .career-mark{border-left:0;border-top:1px solid #ffffff30;padding:25px 0 0;display:grid;grid-template-columns:auto 1fr;gap:14px 23px;align-items:center}
 .career-number{font-size:100px;margin:0}
 .career-mark>p:not(.career-number){font-size:16px}
 .career-rule{display:none}
 .career-mark>p.career-personal{grid-column:1/-1;font-size:14px;padding-top:8px}
 .career-personal br{display:none}
 .record-bottom{flex-direction:column;align-items:start;gap:12px;padding-top:22px}
 .record-bottom>p{font-size:12px}
 .record-frame{gap:26px}
 .inside-section-heading{gap:23px;margin-bottom:30px}
 .engagement-evidence{grid-template-columns:1fr;gap:24px}
 .evidence-card{padding:25px 22px}
 .evidence-outcome strong{font-size:90px}
 .evidence-outcome h3{font-size:26px}
 .evidence-card>p:last-child,.client-perspective p:not(.eyebrow){font-size:16px}
 .client-perspective{margin-top:30px;padding-top:28px;gap:24px}
 .client-quote{padding-left:20px}
 .client-perspective .client-quote p{font-size:23px}
 .interior-page .fit-heading{grid-template-columns:1fr;gap:23px}
 .interior-page .situation .eyebrow{font-size:11px}
 .interior-page .situation-copy{font-size:16px}
 .inside-close{padding:48px 0}
 .inside-close-grid{grid-template-columns:1fr;gap:27px}
 .inside-close .action{width:max-content;max-width:100%}
 .studio-hero{padding-top:44px}
 .studio-art{max-width:530px;margin-inline:auto}
 .studio-index{grid-template-columns:1fr;gap:0;margin-top:28px;padding-block:8px}
 .studio-index a{font-size:16px;min-height:52px;border-bottom:1px solid #bdb6a9}
 .studio-index a:last-child{border-bottom:0}
 .studio-feature{gap:35px}
 .message-print{min-height:340px;padding:26px 30px;margin-right:8px}
 .message-print p{font-size:clamp(80px,28cqw,110px);margin:30px 0}
 .studio-deliverables>div{grid-template-columns:1fr 1.4fr;gap:18px}
 .studio-feature+.studio-feature{margin-top:44px;padding-top:44px}
 .studio-feature-copy>p.studio-emphasis{padding-left:18px}
 .coaching-art{max-width:450px}
 .coaching-art>p{margin-top:8px;font-size:12px}
 .project-feature,.project-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .project-feature{padding:26px 0 32px;gap:25px}
 .project-grid{padding-top:32px}
 .project-card+.project-card{border-top:1px solid #ffffff35;padding-top:32px}
 .project-card .project-copy{padding-top:24px}
 .project-copy .action{font-size:14px;gap:20px;padding-inline:15px}
 .interior-page .about-hero{padding-top:44px}
 .interior-page .about-sub{margin-bottom:0}
 .interior-page .places-now{font-size:12px}
 .interior-page .contact-close .closing-action{width:max-content;max-width:100%}
 .interior-page .contact-grid{gap:48px}
 .interior-page .form-panel{padding:25px 20px}
 .interior-page .direct-contact{grid-template-columns:1fr}
 .interior-page .direct-contact>div{grid-column:auto}
 .interior-page .form-panel .action{width:100%;gap:18px}
 .interior-page .contact-aside{font-size:16px}
}
@container site (max-width:360px){
 .evidence-outcome{gap:15px}
 .evidence-outcome strong{font-size:76px}
 .evidence-outcome h3{font-size:23px}
 .studio-deliverables>div{grid-template-columns:1fr;gap:4px}
}

/* Creative portfolio: treat each project as a curated case-study panel, not a raw screenshot. */
.personal-projects .inside-section-heading{margin-bottom:0;padding-bottom:44px}
.personal-projects .project-feature,
.personal-projects .project-card{--project-accent:var(--gold);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(44px,7cqw,92px);align-items:center;min-width:0;padding:clamp(58px,6cqw,82px) 0;border-top:1px solid #ffffff2e}
.personal-projects .project-feature{--project-accent:#d48767;padding-top:clamp(52px,5.5cqw,76px)}
.personal-projects .project-grid{display:block;border-top:0;padding-top:0}
.personal-projects .project-grid .project-card:first-child{--project-accent:#c8ff3d}
.personal-projects .project-grid .project-card:last-child{--project-accent:#e7b044}

/* Alternate copy and artwork to give the section editorial rhythm. */
.personal-projects .project-feature .project-copy{grid-column:1;grid-row:1}
.personal-projects .project-feature .project-preview{grid-column:2;grid-row:1}
.personal-projects .project-grid .project-card:first-child .project-preview{grid-column:1;grid-row:1}
.personal-projects .project-grid .project-card:first-child .project-copy{grid-column:2;grid-row:1}
.personal-projects .project-grid .project-card:last-child .project-copy{grid-column:1;grid-row:1}
.personal-projects .project-grid .project-card:last-child .project-preview{grid-column:2;grid-row:1}

/* A restrained browser-frame treatment makes each screen feel presented rather than pasted in. */
.personal-projects .project-preview{position:relative;margin:0 18px 18px 0;aspect-ratio:16/10;min-width:0;padding:34px 12px 12px;overflow:hidden;background:#eee9df;border:1px solid #ffffff30;box-shadow:18px 18px 0 var(--project-accent),0 24px 60px #0007;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}
.personal-projects .project-preview::before{content:"";position:absolute;z-index:3;top:14px;left:15px;width:6px;height:6px;border-radius:50%;background:#8e8a82;box-shadow:12px 0 0 #aaa59c,24px 0 0 #c1bcb3}
.personal-projects .project-preview::after{content:"";position:absolute;z-index:2;top:11px;left:58px;right:14px;height:11px;border:1px solid #1a1a1e24;border-radius:999px;background:#ffffff80}
.personal-projects .project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #1a1a1e1d;transition:transform .45s ease}
.personal-projects .project-feature:hover .project-preview,
.personal-projects .project-card:hover .project-preview{transform:translate(-3px,-3px);box-shadow:21px 21px 0 var(--project-accent),0 28px 66px #0008}
.personal-projects .project-feature:hover .project-preview img,
.personal-projects .project-card:hover .project-preview img{transform:scale(1.012)}

/* Project-specific cropping keeps attention on the strongest part of each homepage. */
.personal-projects #just-log-off .project-preview{aspect-ratio:16/9}
.personal-projects #just-log-off .project-preview img{object-position:left top;transform-origin:left top}
.personal-projects .project-grid .project-card:first-child .project-preview img{object-position:50% 0}
.personal-projects .project-grid .project-card:last-child .project-preview img{object-position:50% 0}

.personal-projects .project-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0}
.personal-projects .project-copy::before{content:"";width:42px;height:3px;background:var(--project-accent);margin:0 0 24px}
.personal-projects .project-copy .eyebrow{color:var(--project-accent);margin:0 0 14px}
.personal-projects .project-copy h3{font-size:clamp(34px,3.65cqw,52px);line-height:1.03;letter-spacing:-.05em;margin:0 0 20px;max-width:12ch}
.personal-projects .project-copy>p:not(.eyebrow){font-size:17px;line-height:1.68;color:#c8c4bd;margin:0 0 28px;max-width:39ch}
.personal-projects .project-copy .action{margin-top:0;min-width:0;max-width:100%;padding:15px 18px;gap:24px;border-color:#ffffff45;transition:border-color .2s ease,color .2s ease,background .2s ease}
.personal-projects .project-copy .action:hover{border-color:var(--project-accent);color:var(--project-accent);background:#ffffff05}

@container site (max-width:1050px){
 .personal-projects .project-feature,.personal-projects .project-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5cqw}
 .personal-projects .project-preview{margin-right:14px;box-shadow:14px 14px 0 var(--project-accent),0 20px 50px #0006}
 .personal-projects .project-feature:hover .project-preview,.personal-projects .project-card:hover .project-preview{box-shadow:17px 17px 0 var(--project-accent),0 24px 56px #0007}
}

@container site (max-width:720px){
 .personal-projects .inside-section-heading{padding-bottom:28px}
 .personal-projects .project-feature,.personal-projects .project-card{grid-template-columns:minmax(0,1fr);gap:27px;padding:42px 0}
 .personal-projects .project-feature .project-copy,
 .personal-projects .project-grid .project-card:first-child .project-copy,
 .personal-projects .project-grid .project-card:last-child .project-copy{grid-column:1;grid-row:1}
 .personal-projects .project-feature .project-preview,
 .personal-projects .project-grid .project-card:first-child .project-preview,
 .personal-projects .project-grid .project-card:last-child .project-preview{grid-column:1;grid-row:2}
 .personal-projects .project-preview{aspect-ratio:4/3;margin:0 10px 10px 0;padding:30px 9px 9px;box-shadow:10px 10px 0 var(--project-accent),0 18px 42px #0006}
 .personal-projects .project-preview::before{top:12px;left:12px;width:5px;height:5px;box-shadow:10px 0 0 #aaa59c,20px 0 0 #c1bcb3}
 .personal-projects .project-preview::after{top:9px;left:48px;right:11px;height:10px}
 .personal-projects .project-feature:hover .project-preview,.personal-projects .project-card:hover .project-preview{transform:none;box-shadow:10px 10px 0 var(--project-accent),0 18px 42px #0006}
 .personal-projects .project-feature:hover .project-preview img,.personal-projects .project-card:hover .project-preview img{transform:none}
 .personal-projects .project-copy::before{width:34px;margin-bottom:20px}
 .personal-projects .project-copy h3{font-size:clamp(32px,10cqw,44px);max-width:none;margin-bottom:16px}
 .personal-projects .project-copy>p:not(.eyebrow){font-size:16px;margin-bottom:24px}
 .personal-projects .project-copy .action{font-size:14px;gap:20px;padding-inline:15px}
}

@media(prefers-reduced-motion:reduce){
 .personal-projects .project-preview,.personal-projects .project-preview img{transition:none}
 .personal-projects .project-feature:hover .project-preview,.personal-projects .project-card:hover .project-preview{transform:none}
 .personal-projects .project-feature:hover .project-preview img,.personal-projects .project-card:hover .project-preview img{transform:none}
}

.brand-logo-link{display:inline-flex;align-items:center;text-decoration:none;line-height:0}.brand-logo{display:block;width:auto;max-width:none}.brand-logo-header{height:62px}.brand-logo-footer{height:54px;margin-bottom:12px}.site-footer .brand-logo-link+span{display:block}@container site (max-width:720px){.brand-logo-header{height:52px}.brand-logo-footer{height:50px}}