:root{--peach:#f7c5a5;--paper:#f2eee5;--ink:#23251f;--orange:#f85b32;--muted:#626359;--line:#23251f33;--display:'Bricolage Grotesque',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}i{font-family:Georgia,serif;font-weight:400}::selection{background:var(--orange);color:white}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:0}.draft-bar{padding:9px 4%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:20px;font:9px monospace;letter-spacing:1px}.draft-bar a{text-decoration:underline;text-underline-offset:3px}header{height:110px;background:var(--peach);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px}.logo{font:bold 42px var(--display);letter-spacing:-3px;line-height:1}.logo>span{font:10px var(--body);vertical-align:top;letter-spacing:0;margin-left:4px}.logo small{font:8px monospace;letter-spacing:1.2px;display:block;margin-top:10px}nav{display:flex;gap:32px;font-size:12px}nav sup{font:8px monospace;top:-7px;position:relative}.contact-pill{border:1px solid var(--ink);border-radius:100px;padding:13px 18px;font-size:11px;display:flex;gap:30px;transition:background .2s,color .2s}.contact-pill:hover{background:var(--ink);color:var(--paper)}.hero{background:var(--peach);padding:50px 4% 0;min-height:760px;position:relative;overflow:hidden}.hero-kicker{font:9px monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:10px;margin-bottom:28px}.signal{height:6px;width:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f85b321a}h1{font-size:clamp(72px,9.1cqw,148px);letter-spacing:-.075em;line-height:.86;max-width:800px;position:relative;z-index:2;pointer-events:none}.line{display:block;overflow:hidden;padding:5px 0 10px;margin-bottom:-8px}.line>span{display:block;animation:enter 1s cubic-bezier(.2,.7,.1,1) both}.line:nth-child(2)>span{animation-delay:.12s}.line:nth-child(3)>span{animation-delay:.24s}h1 i{letter-spacing:-.085em;color:#b23a20}.hero-reel{position:absolute;width:43%;height:480px;right:4%;top:70px;perspective:1200px}.mini-post{position:absolute;background:var(--ink);border:7px solid var(--ink);border-radius:15px;width:52%;height:360px;box-shadow:0 20px 30px #3c1d1825;overflow:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.mini-post img{width:100%;height:calc(100% - 28px);object-fit:cover}.post-top{height:28px;font:7px monospace;letter-spacing:.6px;color:var(--paper);display:flex;justify-content:space-between;padding:6px 2px}.post-one{left:7%;top:15px;transform:translate(var(--px,0px),var(--py,0px)) rotate(-12deg);z-index:1}.post-two{right:0;top:70px;transform:translate(calc(var(--px,0px) * -.6),calc(var(--py,0px) * -.6)) rotate(11deg);z-index:2}.post-two img{object-position:53% center}.post-one:hover{transform:rotate(-4deg) translateY(-10px);z-index:3}.post-two:hover{transform:rotate(3deg) translateY(-10px)}.post-label{position:absolute;bottom:19px;left:13px;color:white;font:8px monospace;letter-spacing:1px}.post-label em{font:italic 23px Georgia,serif;letter-spacing:-1px}.post-play{position:absolute;inset:50% auto auto 45%;background:#ffffffb0;color:var(--ink);border-radius:50%;height:35px;width:35px;display:grid;place-content:center;font-size:11px}.note{position:absolute;bottom:10px;left:12%;z-index:4;color:#a33a23;font:italic 28px Georgia,serif;transform:rotate(-10deg);line-height:1.05}.note>span{position:absolute;font:50px var(--display);left:-50px;top:-30px}.note u{text-underline-offset:5px}.hero-bottom{margin-top:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;position:relative;z-index:3;padding-bottom:40px}.intro{display:flex;gap:20px;max-width:360px}.intro p{font-size:13px;line-height:1.7;max-width:285px}.intro-arrow{font-size:35px;line-height:1}.circle-link{border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:35px;padding:0 0 12px;font:9px monospace;letter-spacing:1px}.circle-link b{font:30px var(--body)}.location{font:8px/1.8 monospace;letter-spacing:1px}.hero-baseline{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:17px 0;font:8px monospace;letter-spacing:1px}.proof{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px 7%;background:var(--orange);color:#201f19}.proof>p{font:10px/1.6 monospace;letter-spacing:.7px}.proof small{display:block;font:9px/1.6 var(--body);margin-top:10px;opacity:.8}.proof-stat strong{font:800 100px/.9 var(--display);letter-spacing:-7px}.proof-stat strong span{font-weight:400}.proof-stat>span{display:block;font:7px monospace;letter-spacing:1.4px;margin-top:13px}.work{padding:105px 4% 40px}.section-top{display:grid;grid-template-columns:.8fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:65px}.section-top>span,.eyebrow{font:9px/1.5 monospace;letter-spacing:1px}.section-top h2{font-size:clamp(45px,5.4vw,84px);letter-spacing:-4px;line-height:.98}.section-top>p{font-size:12px;line-height:1.8;padding-top:6px}.case-layout{display:grid;grid-template-columns:1fr 2fr;gap:55px}.case-rail{position:sticky;top:55px;align-self:start;max-width:280px}.case-rail>span{font:8px monospace;letter-spacing:1px}.case-rail h3{font-size:32px;line-height:1.1;letter-spacing:-1.3px;margin:32px 0 22px}.case-rail p{color:var(--muted);font-size:12px;line-height:1.85}.rail-line{height:2px;background:var(--orange);width:40px;margin:30px 0}.case-rail>a{font-size:11px}.case{position:sticky;top:30px;background:var(--paper);margin-bottom:65px;box-shadow:0 -15px 25px #f2eee5}.case-visual{position:relative;height:470px;overflow:hidden;background:#10181c}.case-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.8}.travel-case .case-visual>img{object-fit:cover;object-position:center 65%}.visual-type{position:absolute;left:28px;top:30px;font:800 84px/.85 var(--display);color:#f7f0df;letter-spacing:-5px;pointer-events:none}.visual-type i{font-size:.95em}.case-visual button{position:absolute;bottom:25px;right:25px;border:1px solid #ffffff8a;background:#ffffff14;backdrop-filter:blur(8px);border-radius:50%;width:90px;height:90px;color:white;font:8px monospace;transition:background .3s,transform .3s}.case-visual button:hover{background:var(--orange);transform:rotate(-8deg)}.case-index{position:absolute;bottom:35px;left:28px;color:white;font:8px monospace;letter-spacing:1px}.case-info{padding:24px 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.case-info>div>span{font:7px monospace;letter-spacing:1px}.case-info h3{font-size:29px;line-height:1.08;letter-spacing:-1px;margin-top:10px}.case-info>p{font-size:11px;color:var(--muted);line-height:1.8}.case-facts{grid-column:1/-1;display:flex;gap:20px;border-block:1px solid var(--line);padding:12px 0}.case-info .case-facts span{font:7px monospace;letter-spacing:.7px}.diary-case .case-visual{background:#e03a72}.diary-case .case-visual img{object-position:center;opacity:.8}.diary-case .visual-type{font-size:70px}.event-art{padding:35px;background:#b8c0a4;min-height:430px;position:relative}.event-art>span,.event-art>p{font:9px monospace;letter-spacing:1px}.event-art h3{font-size:80px;line-height:.94;letter-spacing:-5px;margin-top:35px}.event-art h3 span{position:absolute;right:35px;bottom:100px}.event-art>p{margin-top:25px;font-size:8px}.event-art>a{display:inline-block;border-bottom:1px solid var(--ink);font-size:11px;margin-top:25px;padding-bottom:7px}.work-note{font-size:9px;color:var(--muted);margin-left:36%;line-height:1.7}.approach{background:var(--ink);color:var(--paper);padding:95px 4%}.approach .section-top{grid-template-columns:.8fr 2fr 1fr}.approach h2 i{color:var(--peach)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.service{border-top:1px solid #f2eee555;padding-top:21px}.service>span{font:8px monospace;color:var(--peach);letter-spacing:1px}.service h3{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:25px 0 20px}.service p{font-size:12px;line-height:1.8;color:#c2c3b8;max-width:295px}.service ul{list-style:none;padding:0;margin:30px 0}.service li{border-top:1px solid #f2eee51f;padding:12px 0;font-size:11px}.service li:before{content:'↳';color:var(--peach);margin-right:12px}.service small{font:7px monospace;letter-spacing:1px;color:#c2c3b8}.person{padding:110px 10%;display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center}.portrait-wrap{position:relative;background:#d8c4b5;transform:rotate(-3deg);padding:13px 13px 36px}.portrait-wrap img{width:100%;filter:grayscale(1);mix-blend-mode:multiply}.portrait-wrap>span{display:block;font:8px monospace;letter-spacing:1px;margin-top:18px}.person h2{font-size:55px;letter-spacing:-3px;line-height:1.04;margin:22px 0}.person-copy>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:20px}.experience{border-top:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:75px 1fr;gap:6px 15px}.experience span{font:8px monospace;padding-top:5px}.experience strong{font-size:12px;font-weight:600}.experience small{grid-column:2;font-size:10px;color:var(--muted)}.contact{padding:70px 4% 35px;background:var(--peach);overflow:hidden}.contact>.eyebrow{display:block;margin-bottom:30px}.contact>a{display:block;font:800 clamp(65px,14cqw,215px)/.86 var(--display);letter-spacing:-.075em}.contact>a>span{display:block}.contact>a>span+span{display:flex;justify-content:space-between}.contact>a i{color:#b23a20}.contact>a b{font:300 180px/.7 var(--body);transition:transform .35s}.contact>a:hover b{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.contact-bottom p{font-size:10px;line-height:1.7}.contact-bottom a{font:8px monospace;padding-top:5px}footer{padding:23px 4%;display:flex;justify-content:space-between;gap:20px;font:8px monospace;letter-spacing:.8px}.reveal{opacity:1;transform:none}.has-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.1,1)}.has-motion .reveal.seen{opacity:1;transform:none}.has-motion .service:nth-child(2){transition-delay:.12s}.has-motion .service:nth-child(3){transition-delay:.24s}dialog{border:0;width:min(900px,94vw);background:var(--paper);padding:22px;max-height:92dvh}dialog::backdrop{background:#171915c9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.dialog-top h2{font-size:25px;letter-spacing:-1px}.dialog-top button{height:40px;width:40px;background:transparent;border:1px solid var(--line)}#player{height:65dvh;background:#171915}iframe{width:100%;height:100%;border:0}dialog>p{font-size:11px;margin-top:16px}dialog>p>a{text-decoration:underline}body:has(dialog[open]){overflow:hidden}@keyframes enter{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}

@media(max-width:1000px){nav{gap:17px}.hero{min-height:720px}h1{font-size:10vw;max-width:600px}.hero-reel{width:42%;top:125px}.mini-post{height:300px;width:58%}.post-one{left:-2%}.note{font-size:22px;bottom:40px}.hero-bottom{margin-top:70px}.location{font-size:7px}.section-top{grid-template-columns:.7fr 1.6fr 1fr;gap:20px}.section-top h2{font-size:52px;letter-spacing:-2.5px}.case-layout{gap:35px}.visual-type{font-size:64px}.diary-case .visual-type{font-size:52px}.case-visual{height:430px}.service-grid{gap:25px}.service h3{font-size:26px}.person{gap:50px;padding-inline:6%}.person h2{font-size:43px}.proof-stat strong{font-size:80px}.contact>a b{font-size:130px}}
@media(max-width:680px){.draft-bar{font-size:7px}.draft-bar>span{display:none}header{height:90px;padding-inline:6%}nav{display:none}.logo{font-size:35px}.contact-pill{font-size:10px;gap:17px}.hero{padding:30px 6% 0;min-height:0}.hero-kicker{font-size:7px;letter-spacing:.6px;line-height:1.5;max-width:300px}h1{font-size:clamp(56px,12.3vw,83px);max-width:100%;letter-spacing:-4px}.hero-reel{position:relative;right:auto;top:auto;width:88%;height:345px;margin:35px auto 0}.mini-post{height:270px;width:54%}.post-one{left:0;top:0}.post-two{top:35px;right:0}.post-top{font-size:5px}.post-label{font-size:6px;left:8px}.post-label em{font-size:17px}.note{bottom:0;left:18%;font-size:22px}.note>span{font-size:35px;left:-35px;top:-10px}.hero-bottom{margin:32px 0 0;flex-wrap:wrap;padding-bottom:28px;gap:22px}.intro{max-width:100%;gap:14px}.intro p{font-size:12px;max-width:300px}.location{font-size:7px}.circle-link{font-size:8px;gap:20px}.hero-baseline{font-size:6px;line-height:1.5;gap:15px}.hero-baseline span{max-width:145px}.proof{padding:35px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px}.proof>p{font-size:8px}.proof-stat strong{font-size:75px;letter-spacing:-5px}.proof-stat>span{font-size:6px;line-height:1.5;max-width:150px}.proof>p:last-child{grid-column:1/-1}.proof small{margin-top:5px}.work{padding:60px 6% 40px}.section-top,.approach .section-top{grid-template-columns:1fr;margin-bottom:35px;gap:20px}.section-top>span{font-size:8px}.section-top h2{font-size:49px;letter-spacing:-3px}.section-top>p{font-size:12px}.section-top>p br{display:none}.case-layout{grid-template-columns:1fr;gap:30px}.case-rail{position:static;max-width:none;display:none}.case{position:static;margin-bottom:35px;box-shadow:none}.case-visual{height:420px}.visual-type{font-size:65px;left:20px;top:25px}.diary-case .visual-type{font-size:51px}.case-visual button{width:75px;height:75px;bottom:20px;right:20px;font-size:7px}.case-index{left:20px;bottom:25px}.case-info{grid-template-columns:1fr;gap:15px;padding-top:20px}.case-info h3{font-size:28px}.case-info>p{font-size:12px}.case-facts{gap:15px;flex-wrap:wrap}.case-info .case-facts span{font-size:7px}.event-art{min-height:390px;padding:25px}.event-art h3{font-size:65px;letter-spacing:-4px}.event-art h3 span{right:25px;font-size:50px}.event-art>p{font-size:7px}.work-note{margin:0;font-size:8px}.approach{padding:60px 6%}.service-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.service h3{font-size:31px}.service p{max-width:none}.service ul{margin-bottom:20px}.person{padding:65px 6%;grid-template-columns:1fr;gap:50px}.portrait-wrap{width:80%;margin:auto}.person h2{font-size:48px}.person-copy>p{font-size:13px}.contact{padding:55px 6% 30px}.contact>.eyebrow{font-size:7px;letter-spacing:.6px}.contact>a{font-size:clamp(60px,15vw,100px);letter-spacing:-4px}.contact>a b{font-size:75px}.contact-bottom{flex-direction:column;gap:15px;margin-top:40px}.contact-bottom p{overflow-wrap:anywhere}.contact-bottom a{align-self:flex-end}footer{padding:20px 6%;font-size:7px;flex-wrap:wrap;gap:12px}.dialog-top h2{font-size:21px}dialog{padding:17px}#player{height:60dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.has-motion .reveal{opacity:1;transform:none}.case{position:static}.mini-post{will-change:auto}}

.hero-bottom{margin-top:70px}.hero-bottom .location{align-self:flex-end;margin-bottom:0}@media(min-width:681px){.hero-reel{height:430px}.mini-post{height:330px}.hero-bottom .location{max-width:180px;text-align:right}.hero-bottom{padding-top:12px}}@media(max-width:680px){.hero-reel{height:320px}.hero-bottom{margin-top:30px}.hero-bottom .location{max-width:none;text-align:left}}

/* Preserve the original square portrait at every grid width. */
.portrait-wrap img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.cv-button{display:inline-flex;align-items:center;gap:20px;border:1px solid var(--ink);padding:14px 18px;margin:2px 0 28px;font-size:12px;transition:background .2s,color .2s}
.cv-button:hover{background:var(--ink);color:var(--paper)}
.cv-button>small{font:8px monospace;opacity:.8}
.case:focus-within{z-index:5}
@media(prefers-reduced-motion:reduce){.cv-button{transition:none}}

.contact-details{font-style:normal;display:grid;gap:20px}.contact-details>div{display:grid;gap:7px}.contact-details span{font:8px monospace;letter-spacing:1.2px}.contact-bottom .contact-details a{font:14px/1.5 var(--body);padding:0;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.contact-details a:hover{color:#9c321c}

/* Keep the composition consistent on large desktop and ultrawide displays. */
html{background:#e2dcd1}body{max-width:1440px;margin-inline:auto;container-type:inline-size;box-shadow:0 0 0 1px #23251f12}
.person{max-width:1120px;margin-inline:auto;padding:100px 48px;grid-template-columns:280px minmax(0,1fr);gap:80px;align-items:start}
.portrait-wrap,.has-motion .portrait-wrap,.has-motion .portrait-wrap.seen{width:100%;padding:0;background:none;transform:none;text-align:center}
.portrait-wrap img{width:240px;height:auto;margin:0 auto;border-radius:50%;border:8px solid var(--peach);outline:1px solid #23251f30;filter:none;mix-blend-mode:normal;object-fit:cover}
.portrait-wrap h3{font-size:27px;letter-spacing:-1px;line-height:1.05;margin-top:25px}.portrait-wrap>span{font:8px/1.8 monospace;letter-spacing:1px;margin-top:12px}.portrait-wrap .profile-location{font:10px/1.6 var(--body);color:var(--muted);margin-top:14px}
.person h2{margin-top:18px;font-size:54px}.person-copy>p{font-size:14px;line-height:1.8}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.experience{grid-template-columns:1fr;gap:8px;padding:15px 0 0}.experience small{grid-column:1}.experience span{padding:0}.person .cv-button{margin:0}
@media(max-width:1000px){.person{padding:80px 6%;grid-template-columns:220px minmax(0,1fr);gap:50px}.portrait-wrap img{width:200px}.person h2{font-size:45px}}
@media(max-width:680px){.person{padding:65px 6%;grid-template-columns:1fr;gap:38px}.portrait-wrap{max-width:280px;margin:auto}.portrait-wrap img{width:180px}.portrait-wrap h3{font-size:25px}.person h2{font-size:46px}.experience-grid{gap:18px}.experience strong{font-size:11px}.person-copy>p{font-size:13px}}

/* Small, purposeful interactions across the social desk. */
@media(min-width:681px) and (max-width:1100px){.hero{min-height:0}.hero h1{max-width:none;font-size:clamp(72px,10cqw,110px)}.hero-reel{position:relative;right:auto;top:auto;width:66%;height:390px;margin:45px auto 0}.hero .mini-post{height:320px;width:54%}.hero .post-one{left:0;top:0}.hero .post-two{top:45px;right:0}.hero-bottom{margin-top:35px}}
@media(min-width:1101px) and (max-width:1280px){.hero-bottom{margin-top:105px}}
.story-index{display:grid;gap:0;margin-top:30px;font:10px var(--body)}.story-index a{display:grid;grid-template-columns:24px 1fr 14px;gap:10px;border-top:1px solid var(--line);padding:17px 0;align-items:center;transition:color .2s,padding .2s}.story-index a span{font:8px monospace;color:var(--muted)}.story-index a b{font:15px var(--body);transition:transform .2s}.story-index a:hover,.story-index a[aria-current="true"]{color:#a63118;padding-left:7px}.story-index a:hover b{transform:translate(3px,-3px)}.story-meter{height:2px;background:var(--line);margin:8px 0 25px;overflow:hidden}.story-meter>span{display:block;height:100%;width:33.333%;background:var(--orange);transition:width .5s ease}
.service{transition:border-color .3s,transform .3s}.service:hover{border-color:var(--peach);transform:translateY(-6px)}.service h3{transition:color .3s}.service:hover h3{color:var(--peach)}
.workflow-lab{border-top:1px solid #f2eee540;margin-top:35px;padding-top:50px;display:grid;grid-template-columns:1fr 1.65fr;gap:60px;align-items:center}.lab-intro h3{font-size:34px;letter-spacing:-1.5px;line-height:1.1;margin:18px 0}.lab-intro>p{font-size:12px;line-height:1.7;color:#c2c3b8;max-width:275px}.lab-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.lab-tabs button{border:1px solid #f2eee560;border-radius:30px;padding:11px 15px;background:transparent;color:var(--paper);font-size:10px;transition:background .2s,color .2s,transform .2s}.lab-tabs button[aria-selected="true"]{background:var(--peach);border-color:var(--peach);color:var(--ink)}.lab-tabs button:hover{transform:translateY(-3px)}.workflow-preview{background:var(--paper);color:var(--ink);padding:32px;min-height:280px;border-radius:3px;overflow:hidden;outline-offset:5px}.preview-label{font:7px/1.6 monospace;letter-spacing:1px}.workflow-preview h4{font:700 29px/1.1 var(--display);letter-spacing:-1px;margin:18px 0 28px}.preview-days{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preview-days>div{border-top:2px solid var(--orange);padding-top:12px;display:grid;gap:9px;align-content:start}.preview-days span{font:8px monospace}.preview-days b{font-size:12px}.preview-days small{font-size:9px;line-height:1.5;color:var(--muted)}.preview-note{font:8px/1.5 monospace;color:var(--muted);margin-top:24px!important}.preview-composition{background:var(--orange);padding:20px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.preview-composition strong{font:800 37px/.95 var(--display);letter-spacing:-1.8px}.preview-composition>span{font-size:36px}.preview-messages{display:grid;gap:12px;font-size:11px;line-height:1.5}.preview-messages>p{border:1px solid var(--line);padding:12px 16px;max-width:90%}.preview-messages>p+ p{background:var(--peach);margin-left:12%;border:0}.preview-messages small{display:block;font:7px monospace;letter-spacing:.7px;margin-bottom:6px}
.toolkit{margin-top:28px}.toolkit>.eyebrow{font-size:7px}.tool-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.tool-tabs button{background:transparent;border:1px solid var(--line);padding:10px 13px;font-size:10px;display:flex;gap:12px;align-items:center;transition:background .2s,transform .2s}.tool-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tool-tabs button:hover{transform:translateY(-2px)}.tool-tabs button span{font-size:13px}.tool-note{font-size:11px!important;line-height:1.7;min-height:38px;margin-top:13px!important;color:var(--muted)}
@media(max-width:1000px){.workflow-lab{gap:30px;grid-template-columns:1fr 1.5fr}.workflow-preview{padding:25px}.preview-days{gap:10px}.preview-composition strong{font-size:32px}}
@media(max-width:680px){.workflow-lab{grid-template-columns:1fr;gap:30px;margin-top:15px;padding-top:40px}.lab-intro h3{font-size:32px}.lab-intro>p{max-width:100%}.workflow-preview{padding:22px;min-height:300px}.workflow-preview h4{font-size:27px}.preview-days{gap:10px}.preview-days b{font-size:11px}.preview-days small{font-size:9px}.preview-composition{padding:22px 16px}.preview-composition strong{font-size:32px}.preview-composition>span{font-size:26px}.lab-tabs button{padding:12px 16px}.tool-tabs{gap:6px}.tool-tabs button{padding:11px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.service:hover{transform:none}.story-index a,.story-index a b,.story-meter>span,.tool-tabs button,.lab-tabs button{transition:none}}

/* Readable body copy and supporting text, including narrow mobile layouts. */
:root{--muted:#505247}
@media(max-width:480px){.proof{grid-template-columns:1fr}.proof>p:last-child{grid-column:auto}.proof-stat{display:flex;align-items:center;gap:20px}.proof-stat>span{margin-top:0;max-width:140px;min-width:0}}
body{font-size:16px}.intro{max-width:400px}.intro p{max-width:340px}.intro p,.person-copy>p,.case-info>p,.service p,.lab-intro>p{font-size:16px;line-height:1.75}.case-rail>p{font-size:15px;line-height:1.7}.case-rail>a{font-size:14px}.case-rail h3{line-height:1.15}.logo small{font-size:10px;line-height:1.5}header nav{font-size:14px}.contact-pill{font-size:14px;padding:14px 19px}.hero-kicker{font-size:12px;line-height:1.6;letter-spacing:.7px;align-items:baseline}.hero-kicker .signal{flex-shrink:0}.location{font-size:11px;line-height:1.7}.hero-baseline{font-size:11px;line-height:1.6}.circle-link{font-size:12px;line-height:1.5}.proof>p,.proof small{font-size:13px;line-height:1.6}.proof small{opacity:1}.proof-stat>span{font-size:11px;line-height:1.6;letter-spacing:.6px}.section-top>span,.eyebrow,.case-rail>span{font-size:12px;line-height:1.6;letter-spacing:.7px}.section-top>p{font-size:15px;line-height:1.7}.case-info>div>span,.case-index,.case-info .case-facts span{font-size:12px;line-height:1.5;letter-spacing:.4px}.case-info>div>span{display:block}.case-facts{flex-wrap:wrap;gap:12px 20px}.case-visual button{font-size:12px;line-height:1.4}.event-art>span,.event-art>p{font-size:12px;line-height:1.6;letter-spacing:.5px}.event-art>a{font-size:15px;line-height:1.5}.work-note{font-size:13px;line-height:1.7;color:#505247}.service>span,.service small{font-size:12px;line-height:1.6;letter-spacing:.5px}.service li{font-size:15px;line-height:1.6;padding:14px 0}.service h3{line-height:1.2}.lab-tabs button{font-size:14px;line-height:1.4;padding:12px 16px;min-height:44px}.workflow-preview{min-height:330px}.preview-label{font-size:11px;line-height:1.6;letter-spacing:.4px}.preview-days span{font-size:12px}.preview-days b{font-size:15px;line-height:1.4}.preview-days small{font-size:13px;line-height:1.55}.preview-note{font-size:12px;line-height:1.6}.preview-messages{font-size:15px;line-height:1.6}.preview-messages small{font-size:11px;line-height:1.5;letter-spacing:.4px}.portrait-wrap>span{font-size:11px;line-height:1.8;letter-spacing:.5px}.portrait-wrap .profile-location{font-size:13px;line-height:1.6}.toolkit>.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.5px}.tool-tabs button{font-size:14px;line-height:1.4;min-height:44px;padding:11px 14px}.tool-note{font-size:14px!important;line-height:1.7;min-height:48px}.experience span{font-size:12px;line-height:1.5}.experience strong{font-size:15px;line-height:1.5}.experience small{font-size:13px;line-height:1.6}.cv-button{font-size:16px;line-height:1.5;max-width:100%;gap:14px;padding:15px 18px}.cv-button>small{font-size:12px;line-height:1.5;opacity:1}.contact-bottom p{font-size:15px;line-height:1.7}.contact-details span{font-size:12px;line-height:1.5}.contact-bottom .contact-details a{font-size:16px;line-height:1.6}.contact-bottom>a{font-size:12px;line-height:1.5;padding-block:12px}footer{font-size:11px;line-height:1.6;letter-spacing:.4px;align-items:center}footer>a{font-size:13px;line-height:1.5;padding-block:10px}dialog>p{font-size:14px;line-height:1.6}.story-index a{font-size:14px;line-height:1.5}.story-index a span{font-size:12px}
@media(max-width:1100px){.hero-bottom{flex-wrap:wrap;gap:28px}.intro{flex:1 1 320px}.location{flex:0 1 auto}header nav{display:none}}
@media(max-width:680px){.intro{flex-basis:100%;max-width:none}.intro p{font-size:16px;max-width:none}.hero-kicker{font-size:11px;max-width:none}.hero-baseline{font-size:11px;gap:20px}.hero-baseline span{max-width:48%}.location{font-size:11px}.circle-link{font-size:12px;gap:18px}.proof{gap:25px 20px}.proof>p,.proof small{font-size:13px}.proof-stat>span{font-size:11px;max-width:none}.section-top>span,.contact>.eyebrow{font-size:12px;line-height:1.6}.section-top>p{font-size:15px}.case-info>p,.person-copy>p{font-size:16px;line-height:1.75}.case-info .case-facts span{font-size:12px}.case-visual button{width:90px;height:90px;font-size:12px}.case-index{font-size:12px}.event-art>p{font-size:12px}.event-art{min-height:440px}.work-note{font-size:13px}.service p{font-size:16px;max-width:none}.service li{font-size:15px}.service small{font-size:12px}.lab-intro>p{font-size:16px;max-width:none}.lab-tabs{gap:8px}.lab-tabs button{font-size:14px;padding:12px 16px}.workflow-preview{min-height:430px}.workflow-preview h4{font-size:28px;line-height:1.2}.preview-days{grid-template-columns:1fr;gap:15px}.preview-days>div{grid-template-columns:38px minmax(0,1fr);gap:5px 12px}.preview-days span{grid-row:1/3;font-size:12px}.preview-days b{font-size:15px}.preview-days small{grid-column:2;font-size:13px}.preview-note{font-size:12px}.preview-messages{font-size:15px}.tool-tabs{gap:8px}.tool-tabs button{font-size:14px;padding:11px 14px}.tool-note{font-size:14px!important;min-height:48px}.experience-grid{grid-template-columns:1fr;gap:20px}.experience strong{font-size:15px}.experience small{font-size:13px}.cv-button{width:100%;flex-wrap:wrap;justify-content:space-between;gap:8px 12px}.cv-button>small{flex-basis:100%;font-size:12px}.contact-bottom p{font-size:15px}.contact-bottom a{font-size:12px}.contact-bottom .contact-details a{font-size:16px}footer{font-size:11px;line-height:1.7;gap:10px 20px}footer>a{font-size:13px}.contact-pill{font-size:13px}.portrait-wrap>span{font-size:11px}.portrait-wrap .profile-location{font-size:13px}}

/* Full-width section color bands with the approved content composition inside. */
html{background:var(--paper)}body{max-width:none;margin:0;container-type:normal;box-shadow:none}
.site-band{width:100%;background:var(--paper)}
.band-header,.band-hero,.band-contact{background:var(--peach)}
.band-proof{background:var(--orange)}.band-approach{background:var(--ink)}
.section-shell{width:100%;max-width:1440px;margin-inline:auto;container-type:inline-size}