*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ea;color:#173c32;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c6cdc1}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,6vw,78px);line-height:1.06;letter-spacing:-3px;margin-bottom:26px}h2{font-size:32px;line-height:1.2;letter-spacing:-1px}h3{font-size:24px;line-height:1.2}p{max-width:690px}.eyebrow{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:2px}.muted{color:#607065}.hero{padding:70px 0 60px}.hero p{font-size:20px}.button{display:inline-block;background:#173c32;color:#fff;padding:12px 22px;text-decoration:none;border-radius:3px;margin-right:16px}.intro{max-width:800px}.section{padding:48px 0;border-top:1px solid #c6cdc1}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{border:1px solid #c6cdc1;padding:28px;background:#fffdf7}.project p{font-size:15px}.tag{display:inline-block;font-size:12px;border:1px solid #c6cdc1;padding:3px 9px;margin-bottom:20px}.number{font-size:46px;line-height:1;font-weight:bold;margin:20px 0 10px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:14px}.timeline h3{font-size:18px}.contact{background:#173c32;color:#f4f2ea;padding:36px}.prototype-note{background:#e3e8bd;color:#173c32;padding:12px 32px;font-size:13px;text-align:center}.switcher{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#151d1a;color:#fff;padding:12px 16px;border-radius:40px;box-shadow:0 6px 30px #0003;z-index:5;white-space:nowrap;font-size:13px}.switcher button{border:1px solid #73827a;border-radius:50%;background:none;color:white;font-size:20px;width:36px;height:36px;cursor:pointer}.layout-note{font-size:13px;background:#e8eada;border-left:3px solid #87945c;padding:16px;margin:24px 0}.row{display:grid;grid-template-columns:70px 1.5fr 1fr;gap:24px;border-top:1px solid #c6cdc1;padding:30px 0}.row h3{margin-bottom:10px}.row p{margin-bottom:0}.row .index{font-size:26px}.compact-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:50px 0}.compact-hero h1{font-size:56px}.decision{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid #c6cdc1;padding:30px 0;gap:50px}.decision h3{font-size:30px}.decision small{display:block;margin-top:15px}.evidence-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding:65px 0}.evidence-hero aside{background:#dbe4a9;padding:30px;align-self:start}.evidence-hero aside h2{font-size:24px}footer{padding-bottom:130px;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #d97550;outline-offset:5px}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}nav{gap:12px}.hero{padding:44px 0}h1{letter-spacing:-2px}.projects,.timeline,.compact-hero,.evidence-hero,.decision{grid-template-columns:1fr;gap:20px}.row{grid-template-columns:35px 1fr;gap:14px}.row .row-evidence{grid-column:2}.compact-hero h1{font-size:42px}.switcher{max-width:95vw;gap:10px;font-size:11px}.section{padding:34px 0}}


:root{--ink:#202921;--paper:#f7f5ef;--line:#d8dbd2;--accent:#295746;--muted:#667065}body{background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;line-height:1.65}header,main,footer{max-width:1280px;padding-left:60px;padding-right:60px}header{height:100px;border-color:var(--line)}header strong{font-size:19px;letter-spacing:-.7px}header strong .muted{display:none}header nav{gap:32px}header nav a:last-child{border:1px solid var(--line);padding:8px 18px;border-radius:99px;margin-top:-8px}.prototype-note{background:transparent;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:8px;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}h1{font-weight:500;font-size:clamp(50px,6.2vw,86px);letter-spacing:-4px}h2{font-size:40px;letter-spacing:-1.7px;font-weight:500}h3{font-weight:500}.eyebrow{letter-spacing:1.7px;font-size:11px}.button{border-radius:99px;font-size:14px;padding:14px 24px;background:var(--accent)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:80px 0 90px}.hero-grid h1{font-family:Georgia,serif;font-weight:400;line-height:1.05}.hero-grid h1 em{font-weight:400;color:var(--accent)}.hero-grid .intro>p{font-size:18px;max-width:540px;color:var(--muted)}.availability{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:32px}.availability:before{content:'';height:7px;width:7px;background:#488660;border-radius:50%}.cta-row{margin-top:30px;display:flex;align-items:center;gap:12px}.text-link{text-decoration:none;border-bottom:1px solid var(--line);font-size:14px}.hero-object{height:440px;background:#e7e9df;position:relative;padding:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.hero-object:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #b5bbaa;border-radius:50%;transform:translate(70px,-70px)}.hero-object:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #b5bbaa;border-radius:50%;transform:translate(-60px,90px)}.process-paper{background:#fffdf8;position:relative;z-index:1;width:300px;box-shadow:0 24px 60px #293b2520;transform:rotate(-5deg);padding:30px}.process-paper .paper-top{font-size:10px;display:flex;justify-content:space-between;border-bottom:1px solid #d7dacd;padding-bottom:15px;margin-bottom:22px;letter-spacing:1px}.process-step{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e3e5dc;padding:17px 0}.process-step span{font-family:Georgia,serif;font-size:24px;color:#8a9380}.process-step strong{font-size:16px;font-weight:500}.paper-bottom{font-size:11px;margin-top:25px;color:#798573}.object-label{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:2px;z-index:2}.section{border-color:var(--line);padding:64px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:13px;color:var(--muted);max-width:230px}.projects{gap:24px}.project{padding:0;border:0;background:transparent}.project-content{padding:24px 2px}.project .tag{border:0;padding:0;font-size:11px;color:var(--muted);margin-bottom:13px}.project h3{font-size:26px;letter-spacing:-.8px;margin-bottom:12px}.project .number{font-size:15px!important;line-height:1.4;margin:20px 0 10px}.project .muted{font-size:12px}.project details{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.project summary{font-size:13px;cursor:pointer}.art{height:245px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#dee4d8}.art-caption{position:absolute;bottom:10px;left:14px;font-size:9px;letter-spacing:1px;color:#526253}.art .mock-window{width:82%;background:#fffdfa;box-shadow:0 14px 30px #28362320;transform:rotate(-4deg);border-radius:6px;padding:16px;font-size:10px}.mock-header{display:flex;justify-content:space-between;border-bottom:1px solid #dfe4db;padding-bottom:10px;margin-bottom:15px;font-weight:600}.mock-table{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2px}.mock-table span{padding:8px;background:#edf0e7;color:#536050}.mock-table span.warn{background:#f7dfb2;color:#694c1b}.mock-table span.crop{font-family:Georgia,serif;font-size:17px;background:#e3dfd5;color:#403a31}.art.club{background:#e5ded5}.chat{width:78%;transform:rotate(4deg);background:#f7f6ef;padding:17px;border-radius:9px;box-shadow:0 12px 30px #38241719;font-size:11px}.bubble{padding:12px;background:#dce6cf;border-radius:0 9px 9px 9px;margin:12px 0}.bubble.white{background:#fff}.bubble strong{display:block}.chat-line{display:flex;justify-content:space-between;border-bottom:1px solid #d5dec9;padding:5px 0}.art.fitness{background:#e2ddf0}.phone{width:142px;background:#fff;border:5px solid #2e3530;border-radius:23px;padding:18px 11px 15px;transform:rotate(-8deg);box-shadow:0 16px 35px #34284530;font-size:10px}.phone .ring{width:73px;height:73px;border:7px solid #dce3c8;border-top-color:#4d6650;border-right-color:#4d6650;border-radius:50%;margin:14px auto;display:grid;place-content:center;font-size:19px}.phone .mini-button{background:#344c3b;color:#fff;padding:8px;text-align:center;border-radius:6px;margin-top:12px}.phone .mini-row{margin-top:10px;border-bottom:1px solid #e1e5dc;padding-bottom:6px}.side-note{position:absolute;right:18px;top:45px;background:#fdfbf6;padding:11px;font-size:10px;transform:rotate(8deg);box-shadow:0 8px 20px #34284515}.timeline{gap:45px}.timeline>div{border-top:2px solid var(--ink);padding-top:22px}.timeline p{color:var(--muted)}.additional-row{display:flex;justify-content:space-between;gap:40px}.additional-row p{max-width:640px;font-size:15px;color:var(--muted)}.contact{background:var(--accent);padding:50px;border-radius:4px}.contact h2{font-family:Georgia,serif;font-size:48px;max-width:650px}.contact p{color:#d6e1d8}.contact a{font-size:15px}.layout-note{display:none}.switcher{background:#fff;color:#24352b;border:1px solid #d4dbd2;padding:8px 10px;gap:12px;box-shadow:0 8px 35px #162b1b25}.switcher button{color:#24352b;border:0;background:#edf0e8;width:32px;height:32px}.options{display:flex;gap:4px}.options button{width:auto;height:auto;border-radius:30px;padding:10px 15px;font-size:12px}.options button[aria-pressed=true]{background:#273e30;color:white}.index-hero{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;padding:70px 0 55px}.index-hero h1{font-size:76px;font-weight:600}.index-hero .aside{align-self:end;border-left:2px solid var(--ink);padding-left:25px;font-size:15px;color:var(--muted)}.index-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:11px;letter-spacing:1px;padding:15px 0}.index-project{display:grid;grid-template-columns:42px 1.2fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.index-project .art{height:220px;grid-column:2}.index-project .index{align-self:start;padding-top:12px;font-family:monospace;font-size:13px}.index-project .project-content{padding:0}.index-project .tag{font-size:10px;border:0;padding:0;color:var(--muted)}.index-project h3{font-size:34px;letter-spacing:-1.2px;margin-bottom:12px}.index-project .evidence{display:inline-block;border-radius:99px;background:#eeeedd;padding:5px 12px;font-size:12px;font-weight:600;margin-bottom:12px}.index-project .muted{font-size:12px}.index-project summary{font-size:13px;cursor:pointer}.index-project details{margin-top:20px}.studio-hero{padding:75px 0 60px;text-align:center}.studio-hero h1{font-size:88px;font-weight:500;max-width:940px;margin:20px auto}.studio-hero h1 span{color:#b6cd7d}.studio-hero>p{margin:25px auto;max-width:550px;color:var(--muted);font-size:18px}.studio-hero .availability{justify-content:center}.studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.studio-card{background:#1c2320;border:1px solid #343e36;border-radius:18px;overflow:hidden}.studio-card:first-child{grid-row:span 2}.studio-card .project-content{padding:28px}.studio-card .art{height:240px;border-radius:0;opacity:.94}.studio-card:first-child .art{height:380px}.studio-card h3{font-size:29px;margin-bottom:14px}.studio-card .tag{border-color:#485548;font-size:10px;color:#b6cd7d}.studio-card .metric{font-size:20px;color:#b6cd7d}.studio-card summary{cursor:pointer;font-size:13px}.studio-card details{border-top:1px solid #343e36;padding-top:16px;margin-top:20px}body[data-variant=B]{--paper:#fbfbfa;--ink:#19232b;--accent:#284a9b;--line:#dddfe4;--muted:#64707c}body[data-variant=B] .contact{border-radius:0}body[data-variant=B] .contact h2{font-family:inherit;font-weight:600}body[data-variant=C]{--paper:#111814;--ink:#f0f1e7;--accent:#b6cd7d;--line:#344037;--muted:#a1b0a1}body[data-variant=C] .button{color:#14201a}body[data-variant=C] .contact{background:#b6cd7d;color:#17231b;border-radius:18px}body[data-variant=C] .contact p{color:#394b32}body[data-variant=C] .timeline>div{border-color:#b6cd7d}body[data-variant=C] .tag{border-color:#4c5a47}body[data-variant=C] .additional-row .tag{color:#b6cd7d}footer{font-size:12px;color:var(--muted);padding-top:35px;padding-bottom:120px}#variant-label{font-size:11px;min-width:110px;text-align:center}
@media(max-width:900px){header,main,footer{padding-left:28px;padding-right:28px}.hero-grid{gap:30px}.hero-object{height:350px;padding:20px}.hero-grid h1{font-size:60px}.projects{grid-template-columns:1fr}.project{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project .art{height:100%;min-height:245px}.studio-hero h1{font-size:64px}.index-hero h1{font-size:60px}.index-project{grid-template-columns:30px 1fr 1.2fr;gap:18px}}
@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}header{height:80px}header nav{gap:15px}header nav a{font-size:12px}header nav a:last-child{padding:5px 10px;margin-top:-4px}header strong{font-size:16px}.prototype-note{font-size:9px}.hero-grid,.index-hero{grid-template-columns:1fr;padding:44px 0;gap:30px}.hero-grid h1{font-size:55px}.hero-object{height:330px}.availability{margin-bottom:24px}.project{display:block}.project-content{padding-top:23px}.project .art{height:240px}.section-heading{display:block}.section-heading p{max-width:none;margin-top:16px}h2{font-size:31px}.timeline{grid-template-columns:1fr}.additional-row{display:block}.contact{padding:28px}.contact h2{font-size:36px}.index-hero h1{font-size:55px}.index-project{grid-template-columns:25px 1fr}.index-project .project-content{grid-column:2}.index-project .art{height:230px}.studio-hero{padding:45px 0}.studio-hero h1{font-size:54px;letter-spacing:-2.5px}.studio-grid{grid-template-columns:1fr}.studio-card:first-child .art{height:260px}.studio-card .project-content{padding:24px}.switcher{gap:5px;bottom:12px}.options button{padding:9px 10px;font-size:11px}#variant-label{display:none}.section{padding:44px 0}}
.art{color:#263629}
body[data-variant=D]{--paper:#f7f5ef;--ink:#202921;--accent:#295746;--line:#d8dbd2;--muted:#667065}.hybrid-work{padding-bottom:80px}.hybrid-work .index-line{padding-top:0}.hybrid-work .index-project{padding:42px 0;grid-template-columns:42px 1.2fr 1fr;gap:35px}.hybrid-work .index-project .art{height:275px;border-radius:4px}.hybrid-work .index-project .evidence{background:#e8ecd9;color:#294c35}.experience-band{background:#111814;color:#f0f1e7;box-shadow:0 0 0 100vmax #111814;clip-path:inset(0 -100vmax)}.experience-band .section{border:0;padding:70px 0 76px}.experience-band .timeline>div{border-color:#b6cd7d}.experience-band .timeline p{color:#a1b0a1}.experience-band h2{margin-bottom:44px}.experience-band .eyebrow{color:#d8e5bc}.hybrid-contact{margin-bottom:10px}body[data-variant=D] .additional-row{border:0;padding-top:60px;padding-bottom:60px}@media(max-width:900px){.hybrid-work .index-project{grid-template-columns:30px 1fr 1.2fr;gap:20px}}@media(max-width:600px){.hybrid-work{padding-bottom:45px}.hybrid-work .index-project{grid-template-columns:25px 1fr;gap:14px;padding:30px 0}.hybrid-work .index-project .art{height:230px}.experience-band .section{padding:44px 0 50px}.experience-band h2{margin-bottom:30px}.switcher #previous,.switcher #next{display:none}.options button{padding:9px 10px}.switcher{max-width:calc(100vw - 20px)}}
body[data-variant=D]{--paper:#101012;--ink:#f5f3f2;--accent:#ef4b4b;--line:#333337;--muted:#aaa7ac}body[data-variant=D] .availability:before{background:#ef4b4b}body[data-variant=D] .hero-grid h1 em{color:#ff6060}body[data-variant=D] .hero-object{background:#202023}body[data-variant=D] .hero-object:before,body[data-variant=D] .hero-object:after{border-color:#494044}body[data-variant=D] .process-paper{background:#2a2527;color:#f5f0ee;box-shadow:0 24px 60px #0006}body[data-variant=D] .paper-top,body[data-variant=D] .process-step{border-color:#494044}body[data-variant=D] .process-step span{color:#ff7777}body[data-variant=D] .paper-bottom{color:#c2afb4}body[data-variant=D] .object-label{color:#e5b5b7}body[data-variant=D] .button{color:white}body[data-variant=D] .art{background:#262428;color:#ece8e6}body[data-variant=D] .art.club{background:#302326}body[data-variant=D] .art.fitness{background:#2b252d}body[data-variant=D] .mock-window,body[data-variant=D] .chat{background:#29272a;color:#f4eeee;box-shadow:0 14px 30px #0004}body[data-variant=D] .mock-header{border-color:#4a4145}body[data-variant=D] .mock-table span{background:#373236;color:#dfd5d6}body[data-variant=D] .mock-table span.warn{background:#652e35;color:#ffc3c7}body[data-variant=D] .mock-table span.crop{background:#443b3e;color:#f7eeee}body[data-variant=D] .bubble{background:#443036;color:#ffe2e4}body[data-variant=D] .bubble.white{background:#373033;color:#eee4e4}body[data-variant=D] .chat-line{border-color:#60424a}body[data-variant=D] .phone{background:#252225;border-color:#665157;color:#f8eeee}body[data-variant=D] .phone .ring{border-color:#4c373d;border-top-color:#ef4b4b;border-right-color:#ef4b4b}body[data-variant=D] .phone .mini-row{border-color:#594149}body[data-variant=D] .phone .mini-button{background:#bd343e}body[data-variant=D] .side-note{background:#483238;color:#ffdee2}body[data-variant=D] .art-caption{color:#cfb7be}body[data-variant=D] .hybrid-work .index-project .evidence{background:#3e2328;color:#ffb5bc}body[data-variant=D] .experience-band{background:#1a171a;box-shadow:0 0 0 100vmax #1a171a;color:#f5f3f2}body[data-variant=D] .experience-band .timeline>div{border-color:#ef4b4b}body[data-variant=D] .experience-band .timeline p{color:#b6aeb3}body[data-variant=D] .experience-band .eyebrow{color:#ff9696}body[data-variant=D] .contact{background:#252023;color:#f5f3f2;border:1px solid #634044;border-radius:4px}body[data-variant=D] .contact .eyebrow,body[data-variant=D] .contact a{color:#ff9090}body[data-variant=D] .contact p{color:#bfb4ba}body[data-variant=D] .switcher{background:#242124;color:#f5eeee;border-color:#594047;box-shadow:0 8px 35px #0005}body[data-variant=D] .switcher button{background:#383035;color:#f1e6e8}body[data-variant=D] .options button[aria-pressed=true]{background:#ce3540;color:white}body[data-variant=D] a:focus-visible,body[data-variant=D] button:focus-visible{outline-color:#ff7777}
body[data-variant=D] .button{background:#c9323e}body[data-variant=D] .options button[aria-pressed=true]{background:#c9323e}
/* D refinement: deliberate contrast, larger editorial project rows, restrained red. */
body[data-variant=D]{--paper:#0d0e10;--ink:#f5f3ef;--line:#2b2d31;--muted:#a3a5ab;--accent:#f15d60}body[data-variant=D] header{height:94px}body[data-variant=D] header strong{display:flex;gap:14px;align-items:center;font-size:17px;letter-spacing:-.3px}body[data-variant=D] header strong:before{content:'cn.';display:grid;place-items:center;border:1px solid #494c53;border-radius:10px;width:42px;height:42px;font-size:20px;font-family:Georgia,serif;color:#ff7779}body[data-variant=D] header nav a{color:#c7c8cd}body[data-variant=D] header nav a:hover{color:#fff}body[data-variant=D] .hero-grid{grid-template-columns:1.28fr 1fr;gap:52px;padding:64px 0 56px}body[data-variant=D] .hero-grid h1{font-size:clamp(58px,5.8vw,80px);letter-spacing:-3px;line-height:1.08;margin-bottom:26px}body[data-variant=D] .hero-grid h1 em{color:#ff7779}body[data-variant=D] .hero-grid .intro>p{font-size:17px;line-height:1.8;max-width:480px}body[data-variant=D] .availability{display:inline-flex;border:1px solid #383b40;border-radius:99px;padding:7px 12px;background:#17181b;margin-bottom:28px;font-size:11px}body[data-variant=D] .availability:before{background:#ff7779;width:6px;height:6px}body[data-variant=D] .button{background:#c83743;border-radius:7px;padding:14px 21px;margin-right:6px;font-weight:600;box-shadow:0 3px 0 #0003}body[data-variant=D] .button:hover{background:#dc4652}body[data-variant=D] .cta-row{gap:20px;margin-top:28px}body[data-variant=D] .hero-object{height:420px;background:#181a1e;border:1px solid #303239;border-radius:14px;box-shadow:inset 0 1px #ffffff05}body[data-variant=D] .hero-object:before,body[data-variant=D] .hero-object:after{border-color:#35373d}body[data-variant=D] .process-paper{width:310px;background:#efede8;color:#262526;transform:rotate(-4deg);padding:28px 27px;box-shadow:12px 18px 0 #0002,0 26px 40px #0004;border-top:4px solid #ca4249}body[data-variant=D] .paper-top{border-color:#d0ceca;color:#686164;font-size:9px;margin-bottom:15px}body[data-variant=D] .process-step{border-color:#d7d3d0;padding:18px 0}body[data-variant=D] .process-step span{color:#b13a43;font-size:25px}body[data-variant=D] .process-step strong{font-size:14px;color:#282527}body[data-variant=D] .paper-bottom{color:#777075;font-size:10px}body[data-variant=D] .object-label{color:#9e9fa7;font-size:9px;letter-spacing:1.4px;left:0;right:0;text-align:center;bottom:17px}.d-meta{display:flex;gap:24px;align-items:center;font-size:12px;color:#9c9fa6;margin:10px 0 65px}.d-meta span+span{border-left:1px solid #3a3c41;padding-left:24px}.d-work-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #36383e;padding-top:28px;margin-bottom:8px}.d-work-head h2{font-size:35px;font-weight:500;margin-bottom:0;letter-spacing:-1.2px}.d-work-head .eyebrow{color:#a1a5ad;margin-bottom:12px}.d-work-head>p{max-width:230px;font-size:13px;color:#92959e;margin-bottom:0}body[data-variant=D] .hybrid-work .index-project{grid-template-columns:28px 1.18fr 1fr;gap:32px;padding:48px 0;align-items:center}body[data-variant=D] .hybrid-work .index-project .index{color:#ff7779;font-size:11px;letter-spacing:1px}body[data-variant=D] .hybrid-work .index-project .art{height:325px;border:1px solid #34363c;background:#1b1d22;border-radius:10px}body[data-variant=D] .hybrid-work .art.club{background:#202023}body[data-variant=D] .hybrid-work .art.fitness{background:#1e1c22}body[data-variant=D] .mock-window{background:#f0ede7;color:#29282a;width:80%;padding:20px;border-radius:6px;transform:rotate(-3deg);box-shadow:0 24px 35px #0004;font-size:11px}body[data-variant=D] .mock-header{border-color:#d3d0c9;color:#555056}body[data-variant=D] .mock-table span{background:#e0e1dc;color:#3d4643;padding:10px}body[data-variant=D] .mock-table span.crop{background:#d9d5cf;color:#3a3336}body[data-variant=D] .mock-table span.warn{background:#f3d0cc;color:#92383b}body[data-variant=D] .chat{background:#efede8;color:#343236;padding:20px;width:76%;transform:rotate(3deg)}body[data-variant=D] .bubble{background:#dce3d9;color:#354334}body[data-variant=D] .bubble.white{background:#fffdf8;color:#5c5559}body[data-variant=D] .chat-line{border-color:#bcc6b8}body[data-variant=D] .phone{background:#f2f0ea;color:#33393a;border:6px solid #53505a;width:158px;padding:20px 13px 18px;transform:rotate(-5deg);box-shadow:0 22px 30px #0004}body[data-variant=D] .phone .ring{border-color:#dce2d4;border-top-color:#537b62;border-right-color:#537b62;color:#364d3d}body[data-variant=D] .phone .mini-row{border-color:#d5d9cf}body[data-variant=D] .phone .mini-button{background:#45644d}body[data-variant=D] .side-note{background:#e7e0cf;color:#695d44;right:25px;top:62px;transform:rotate(7deg)}body[data-variant=D] .art-caption{background:#1b1d22;color:#a8a8b0;padding:6px 10px;border-radius:3px;left:12px;bottom:10px;font-size:8px;letter-spacing:.7px}body[data-variant=D] .index-project .tag{color:#b9bcc4;font-size:11px;margin-bottom:14px;letter-spacing:.1px}body[data-variant=D] .index-project h3{font-size:34px;margin-bottom:14px;letter-spacing:-1px}body[data-variant=D] .index-project .project-content>p{font-size:15px;line-height:1.75;color:#b8bac1;margin-bottom:21px}.d-outcome{display:flex;gap:10px;align-items:baseline;border-top:1px solid #34363b;padding-top:18px;margin-bottom:20px}.d-outcome strong{font-size:25px;font-weight:500;letter-spacing:-.7px;color:#f0efeb}.d-outcome span{font-size:12px;color:#9ea3aa}body[data-variant=D] .index-project details{border-top:1px solid #34363b;padding-top:15px;margin-top:15px}body[data-variant=D] .index-project summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#f2eded;font-size:13px;cursor:pointer}body[data-variant=D] .index-project summary::-webkit-details-marker{display:none}.d-toggle{display:grid;place-items:center;width:28px;height:28px;background:#29242a;color:#ff9a9c;border-radius:50%;font-size:17px;transition:transform .2s}details[open] .d-toggle{transform:rotate(45deg)}.d-case-detail{padding-top:18px;font-size:14px;line-height:1.8;color:#b6b7be}.d-case-detail strong{display:block;color:#efeeee;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin-top:17px;margin-bottom:5px}.d-case-detail p{margin-bottom:10px}.d-case-detail .evidence-note{font-size:11px;color:#92959e;border-top:1px solid #35373c;padding-top:14px;margin-top:18px}body[data-variant=D] .experience-band{background:#17181c;box-shadow:0 0 0 100vmax #17181c}body[data-variant=D] .experience-band .section{padding:68px 0 74px}body[data-variant=D] .experience-band .eyebrow{color:#a8aab2}body[data-variant=D] .experience-band h2{font-size:36px;margin-bottom:40px}body[data-variant=D] .experience-band .timeline>div{border-color:#b83f49;padding-top:20px}body[data-variant=D] .timeline h3{font-size:18px;margin-bottom:14px}body[data-variant=D] .experience-band .timeline p{color:#9fa2ab;line-height:1.8;font-size:13px}body[data-variant=D] .additional-row{padding:55px 0;align-items:center}body[data-variant=D] .additional-row h3{font-size:25px;margin-bottom:10px}body[data-variant=D] .additional-row .tag{color:#a1a4ad;border-color:#3b3c44;border-radius:4px;font-size:10px}body[data-variant=D] .additional-row p{font-size:14px;max-width:580px}.d-contact{padding:50px 0 35px;border-top:1px solid #373940}.d-contact .eyebrow{color:#ff7779}.d-contact h2{font-family:Georgia,serif;font-size:56px;font-weight:400;letter-spacing:-2px;max-width:700px;margin-bottom:20px}.d-contact p{color:#9fa2ac;font-size:15px;max-width:480px}.d-contact-links{display:flex;gap:20px;align-items:center;margin-top:26px}.d-contact-links>a{font-size:14px;color:#eceaeb;text-decoration:none}.d-contact-links .button{color:white}body[data-variant=D] footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #2a2d32;padding-top:25px;font-size:11px;line-height:1.7}.d-contact h2 em{font-weight:400;color:#ff7779}body[data-variant=D] .switcher{background:#1d1f23;border-color:#45474d;border-radius:12px;padding:6px;box-shadow:0 8px 25px #0005}body[data-variant=D] .switcher button{border-radius:7px;background:#292b31}.prototype-note{font-size:9px;padding:6px;letter-spacing:.6px}@media(hover:hover){body[data-variant=D] .index-project .art .mock-window,body[data-variant=D] .index-project .art .chat,body[data-variant=D] .index-project .art .phone{transition:transform .25s}body[data-variant=D] .index-project:hover .mock-window,body[data-variant=D] .index-project:hover .chat,body[data-variant=D] .index-project:hover .phone{transform:rotate(0)}}
@media(max-width:900px){body[data-variant=D] .hero-grid{grid-template-columns:1.15fr 1fr;gap:30px}body[data-variant=D] .hero-grid h1{font-size:59px}body[data-variant=D] .hero-object{height:375px;padding:23px}body[data-variant=D] .process-paper{width:265px;padding:24px 20px}body[data-variant=D] .process-step strong{font-size:12px}body[data-variant=D] .hybrid-work .index-project{gap:20px;grid-template-columns:24px 1.1fr 1fr}body[data-variant=D] .hybrid-work .index-project .art{height:300px}body[data-variant=D] .index-project h3{font-size:28px}.d-work-head h2{font-size:30px}.d-meta{gap:16px;font-size:11px}.d-meta span+span{padding-left:16px}}
@media(max-width:650px){body[data-variant=D] header{height:77px}body[data-variant=D] header strong{font-size:14px;gap:8px}body[data-variant=D] header strong:before{height:32px;width:32px;font-size:17px}body[data-variant=D] header nav{gap:12px}body[data-variant=D] header nav a{font-size:11px}body[data-variant=D] .hero-grid{grid-template-columns:1fr;gap:30px;padding:40px 0 28px}body[data-variant=D] .hero-grid h1{font-size:clamp(43px,11.6vw,62px);letter-spacing:-1.8px}body[data-variant=D] .hero-grid .intro>p{font-size:15px;line-height:1.8}body[data-variant=D] .availability{margin-bottom:24px}body[data-variant=D] .hero-object{height:325px}body[data-variant=D] .process-paper{width:270px}body[data-variant=D] .process-step strong{font-size:13px}.d-meta{flex-wrap:wrap;gap:8px 14px;line-height:1.7;margin-bottom:40px}.d-meta span+span{padding-left:14px}.d-meta span:last-child{padding-left:0;border:0}.d-work-head{display:block;padding-top:25px}.d-work-head h2{font-size:30px}.d-work-head>p{margin-top:12px;max-width:none;font-size:12px}body[data-variant=D] .hybrid-work .index-project{grid-template-columns:1fr;gap:22px;padding:30px 0}body[data-variant=D] .hybrid-work .index-project .index{display:none}body[data-variant=D] .hybrid-work .index-project .art{grid-column:1;height:270px}body[data-variant=D] .hybrid-work .index-project .project-content{grid-column:1}body[data-variant=D] .index-project h3{font-size:30px}body[data-variant=D] .index-project .project-content>p{font-size:14px}body[data-variant=D] .experience-band .section{padding:43px 0 48px}body[data-variant=D] .experience-band h2{font-size:30px;letter-spacing:-1px}body[data-variant=D] .timeline{grid-template-columns:1fr;gap:28px}body[data-variant=D] .additional-row{padding:40px 0;display:block}.d-contact{padding:38px 0 30px}.d-contact h2{font-size:43px;letter-spacing:-1px}.d-contact-links{gap:15px;flex-wrap:wrap}body[data-variant=D] footer{display:block;font-size:10px;padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-variant=D] *{transition:none!important}}
body[data-variant=D] .object-label{display:none}

/* Local D design study. All styles scoped to the fourth option. */
body[data-variant=D] header{position:sticky;top:0;z-index:4;background:#0d0e10f5;backdrop-filter:blur(12px);height:83px}
body[data-variant=D] #work,body[data-variant=D] #experience,body[data-variant=D] #contact{scroll-margin-top:105px}
body[data-variant=D] .d-hero{padding:50px 0 68px;gap:65px;grid-template-columns:1.24fr 1fr}
body[data-variant=D] .d-personal-kicker{font-size:10px!important;letter-spacing:1.5px;color:#8d9099!important;margin:0 0 20px}
body[data-variant=D] .d-hero h1{font-size:clamp(58px,5.5vw,77px);line-height:1.07;letter-spacing:-2.8px}
body[data-variant=D] .d-hero .intro>p:not(.d-personal-kicker):not(.d-location){font-size:17px;max-width:480px;line-height:1.85;color:#b1b2b9}
body[data-variant=D] .availability{margin-bottom:24px}
body[data-variant=D] .d-location{margin-top:25px;margin-bottom:0;font-size:11px!important;color:#868993!important}
body[data-variant=D] .d-hero .cta-row{gap:24px}
body[data-variant=D] .d-hero .button{display:flex;gap:32px;align-items:center}
body[data-variant=D] .d-fieldnote{height:450px;background:#18191d;overflow:visible;border-radius:12px;padding:32px}
body[data-variant=D] .d-fieldnote:before,body[data-variant=D] .d-fieldnote:after{width:250px;height:250px;pointer-events:none}
body[data-variant=D] .process-paper{width:100%;max-width:334px;padding:25px 26px;transform:rotate(-3deg);border-top:3px solid #c44850;box-shadow:8px 12px 0 #0003,0 26px 40px #0004}
.d-note-title{font-family:Georgia,serif;font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:17px 0;color:#373134}
body[data-variant=D] .process-step{gap:13px;padding:13px 0;align-items:start}
body[data-variant=D] .process-step span{font-size:21px;line-height:1.4}
body[data-variant=D] .process-step strong{font-size:12px;display:block;margin-bottom:4px}
body[data-variant=D] .process-step small{font-size:10px;color:#7c7375;line-height:1.5;display:block}
.d-note-link{margin-top:17px;display:flex;justify-content:space-between;width:100%;color:#a33540;background:none;border:0;padding:0;font-size:10px;cursor:pointer;text-align:left;min-height:24px;align-items:center}
.d-note-link:hover{text-decoration:underline}
.d-fieldnote-caption{position:absolute;right:15px;bottom:8px;color:#757985;font-family:monospace;font-size:8px;letter-spacing:1px}
.d-work-head{padding-top:34px;padding-bottom:10px;margin-bottom:0}
.d-work-head h2{font-family:Georgia,serif;font-size:38px}
.d-work-head>p{font-size:12px;line-height:1.8;color:#8e929c}
.d-project{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;border-bottom:1px solid #2b2e35;padding:50px 0 55px;align-items:center}
.d-project-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#9396a2;margin-bottom:15px}
.d-project-label>span{font-size:9px;letter-spacing:.3px;text-transform:none;color:#777d8a}
.d-project-info .tag{font-size:10px;letter-spacing:.5px;border:0;padding:0;margin-bottom:13px;color:#b4b6c0}
.d-project-info h3{font-size:32px;letter-spacing:-.8px;line-height:1.2;margin-bottom:16px;font-weight:500}
.d-project-subtitle{font-size:17px;line-height:1.65;color:#afb3bd;margin-bottom:23px;max-width:370px}
.d-project-decision{padding-left:14px;border-left:2px solid #cb4d58;margin-bottom:25px}
.d-project-decision>span{font-size:8px;letter-spacing:1.6px;color:#9095a3}
.d-project-decision>p{font-size:13px;line-height:1.5;margin:6px 0 0;color:#e1dde0;max-width:320px}
.d-project-metric{border-top:1px solid #31333c;padding-top:18px;margin-bottom:23px;display:flex;gap:12px;align-items:baseline}
.d-project-metric>strong{font-size:26px;line-height:1.25;letter-spacing:-1px;font-weight:500;white-space:nowrap}
.d-project-metric>span{font-size:10px;color:#9298a5;line-height:1.6;max-width:175px}
.d-case-button{padding:10px 0;font-family:inherit;border:0;background:transparent;color:#ededf0;font-size:12px;display:flex;gap:35px;align-items:center;cursor:pointer;min-height:44px}
.d-case-button span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #4e3a41;background:#221b20;border-radius:50%;color:#f28892;transition:transform .2s}
.d-case-button:hover span{transform:translate(2px,-2px);background:#3e222b}
.d-visual-caption{font-size:8px;color:#888d99;margin-top:10px;letter-spacing:.3px}
.d-scene{position:relative;height:330px;background:#ebebe6;color:#3c4241;border:12px solid #202328;outline:1px solid #313640;outline-offset:-1px;border-radius:8px;overflow:hidden}
.d-app-chrome{display:flex;align-items:center;gap:9px;padding:14px 17px;font-size:10px;border-bottom:1px solid #d2d7d0;background:#f2f3ed}
.d-app-symbol{width:21px;height:21px;border:1px solid #acb5aa;display:grid;place-items:center;border-radius:4px;font-family:Georgia,serif;font-size:13px;color:#4d6151}
.d-app-chrome strong{font-size:10px;font-weight:600}
.d-chrome-meta{margin-left:auto;font-size:8px;color:#838b81}
.d-small-label{font-size:8px;letter-spacing:1px;color:#848c83}
.d-review-scene{display:grid;grid-template-columns:.85fr 1.3fr;gap:22px;padding:32px 23px}
.d-source-crop{height:90px;display:grid;place-items:center;margin:14px 0 8px;font-family:Georgia,serif;font-size:32px;letter-spacing:4px;background:#dedbd4;color:#625b4e;transform:rotate(-1deg);border:1px solid #d3d0c7;text-shadow:1px 0 #605a4b33}
.d-source>span{font-size:8px;color:#8d9186}
.d-read-value,.d-correct-value{margin:11px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;background:#e0e3dc;border:1px solid #c9d1c4;border-radius:3px;font-family:monospace;font-size:14px}
.d-read-value{background:#f0dbd3;border-color:#ddc3b9;color:#7a5550}
.d-read-value>span{font-family:'Segoe UI',Arial,sans-serif;font-size:8px;white-space:nowrap}
.d-correct-value>span{font-size:12px;color:#47774f}
.d-scene-status{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;font-size:8px;padding:12px 17px;background:#e0e5dc;border-top:1px solid #cdd7c6;color:#69785f;gap:10px}
.d-scene-status i{display:inline-block;width:5px;height:5px;background:#b8605d;border-radius:50%;margin-right:5px}
.club-scene{background:#e6e9e1}
.d-roster{margin:22px 20px 0;padding:0 15px;border-radius:5px;background:#f4f5f0;border:1px solid #d7ddd1}
.d-roster .d-small-label{padding:13px 0;border-bottom:1px solid #dce0d6}
.d-roster>div:not(:first-child){display:flex;justify-content:space-between;padding:11px 0;align-items:center;font-size:11px;border-bottom:1px solid #e0e4db}
.d-roster>div:last-child{border-bottom:0}
.d-filled{color:#687d5e;font-size:9px}
.d-filled b{font-weight:400;padding-left:8px}
.d-open{font-size:8px;background:#efdfd1;color:#846953;padding:3px 10px;border-radius:3px}
.d-club-note{display:flex;gap:12px;padding:15px 22px;align-items:start;font-size:8px;color:#708267}
.d-club-note>span{font-size:19px;line-height:1.1}
.d-club-note p{margin:0;line-height:1.8}
.d-club-note strong{font-weight:400;color:#85907f;font-size:8px}
.thrive-scene{background:#dfdce4;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-color:#242329}
.d-thrive-copy{max-width:180px;align-self:start;padding-top:35px}
.d-thrive-copy .d-small-label{color:#8a8395;font-size:8px}
.d-thrive-copy h4{font-family:Georgia,serif;font-size:24px;line-height:1.2;letter-spacing:-.5px;font-weight:400;color:#565367;margin:20px 0 13px}
.d-thrive-copy>span{font-size:9px;color:#8a8295}
.d-thrive-phone{width:147px;background:#f9f7f2;border:5px solid #6c6675;border-radius:20px;padding:15px 12px;transform:rotate(5deg);box-shadow:9px 13px 0 #52485f15;color:#4a5847;flex-shrink:0}
.d-phone-top{font-size:9px;display:flex;justify-content:space-between;align-items:center}
.d-phone-top>span{font-size:7px;color:#a1a298}
.d-movement{height:120px;background:#e9eadd;border-radius:8px;margin:13px 0 10px}
.d-movement svg{width:100%;height:100%}
.d-move-title{font-size:11px;font-weight:600}
.d-move-sub{font-size:8px;color:#8e9584}
.d-workout-button{font-size:8px;color:#faf8f1;background:#697e5b;border-radius:4px;padding:8px 10px;margin-top:13px;text-align:center}
body[data-variant=D] .experience-band .section{padding:63px 0 67px}
body[data-variant=D] .experience-band h2{font-size:35px}
.d-exploration{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center;padding:45px 0;border-bottom:1px solid #32353c}
.d-exploration .eyebrow{font-size:9px;color:#878c98;margin-bottom:13px}
.d-exploration h3{font-size:23px;margin-bottom:7px}
.d-exploration div>span{font-size:10px;color:#858b99}
.d-exploration p{margin:0;color:#9ba1ae;font-size:13px;line-height:1.9;max-width:430px}
.d-exploration-mark{display:none}
body[data-variant=D] .d-contact{padding:52px 0 40px;border-top:0}
body[data-variant=D] .d-contact .eyebrow{color:#eb777d;font-size:9px}
body[data-variant=D] .d-contact h2{font-size:63px;line-height:1.08;margin-top:24px;margin-bottom:28px}
.d-contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}
.d-contact-bottom>p{font-size:13px;color:#989daa;line-height:1.9;max-width:400px;margin-bottom:0}
body[data-variant=D] .d-contact-links{margin-top:0;gap:22px}
.d-email{display:inline-block;margin-top:25px;font-size:11px;color:#858b97;text-decoration:none;border-bottom:1px solid #41404a;padding-bottom:3px}
.d-email:hover{color:#f6f3ef}
.d-case-dialog{width:min(950px,calc(100vw - 40px));max-height:calc(100dvh - 60px);padding:0;background:#131519;color:#ecebef;border:1px solid #464951;border-radius:12px;box-shadow:0 24px 120px #0009;overscroll-behavior:contain;scrollbar-color:#464750 #17191c}
.d-case-dialog::backdrop{background:#03040ac9;backdrop-filter:blur(6px)}
body:has(.d-case-dialog[open]){overflow:hidden}
.d-dialog-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#131519fa;padding:14px 30px;border-bottom:1px solid #333741;font-size:9px;letter-spacing:1.2px;color:#a0a5b1}
.d-close{width:34px;height:34px;border:1px solid #42454e;border-radius:50%;background:#20232a;color:#ecebf0;font-size:23px;cursor:pointer;font-weight:300}
.d-close:hover{background:#49242c}
.d-dialog-head{padding:36px 38px 27px;border-bottom:1px solid #333741}
.d-dialog-head .eyebrow{color:#e08890;font-size:9px}
.d-dialog-head h2{font-family:Georgia,serif;font-size:43px;letter-spacing:-1px;margin:12px 0 15px}
.d-dialog-head>p:last-child{color:#a5aab6;font-size:15px;margin-bottom:0}
.d-dialog-body{display:grid;grid-template-columns:190px 1fr;gap:40px;padding:30px 38px 45px}
.d-dialog-body aside{font-size:11px;color:#959bab}
.d-dialog-body aside>div{border-bottom:1px solid #353944;padding:5px 0 14px;margin-bottom:14px}
.d-dialog-body aside span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#7e8699}
.d-dialog-body aside p{margin-top:6px;margin-bottom:0;line-height:1.7}
.d-dialog-story>section{margin-bottom:32px}
.d-dialog-story section>span{font-size:9px;color:#f28c94;letter-spacing:1.4px}
.d-dialog-story section>p{font-size:14px;line-height:1.9;color:#bfc2cc;margin-top:13px}
.d-dialog-choice{margin-top:17px;padding-left:16px;border-left:1px solid #51404b}
.d-dialog-choice h3{font-size:16px;line-height:1.5;margin:0 0 7px;letter-spacing:0}
.d-dialog-choice p{font-size:12px;color:#a2a8b7;line-height:1.9;margin:0}
.d-dialog-limit{padding:16px;background:#202128;border:1px solid #393842;border-radius:6px;margin-top:20px}
.d-dialog-limit strong{font-size:10px;font-weight:500;color:#ccb8c0}
.d-dialog-limit p{font-size:11px;color:#9fa4b2;line-height:1.8;margin:8px 0 0}
body[data-variant=D] button:focus-visible{outline:2px solid #f1a1a6;outline-offset:4px}
@media(max-width:1050px){
 body[data-variant=D] .d-hero{gap:40px;grid-template-columns:1.2fr 1fr}
 body[data-variant=D] .d-hero h1{font-size:62px}
 body[data-variant=D] .d-fieldnote{padding:25px;height:410px}
 body[data-variant=D] .d-note-title{font-size:22px}
 .d-project{gap:35px;grid-template-columns:1.2fr 1fr}
 .d-scene{height:300px}
 .d-review-scene{padding:30px 16px;gap:14px}
 .thrive-scene{padding:15px}
 .d-thrive-copy h4{font-size:21px}
 .d-thrive-phone{width:130px;padding:12px 9px}
 .d-movement{height:100px}
}
@media(max-width:800px){
 body[data-variant=D] .d-hero h1{font-size:53px}
 body[data-variant=D] .d-hero{gap:28px}
 body[data-variant=D] .d-fieldnote{padding:18px;height:405px}
 body[data-variant=D] .process-paper{padding:22px 18px}
 body[data-variant=D] .process-step strong{font-size:11px}
 body[data-variant=D] .process-step small{font-size:9px}
 .d-project{gap:24px}
 .d-project-info h3{font-size:28px}
 .d-project-subtitle{font-size:15px}
 .d-scene{height:285px;border-width:9px}
 .d-app-chrome{padding:12px 10px;gap:7px}
 .d-chrome-meta{display:none}
 .d-read-value>span{display:none}
 .d-scene-status>span:last-child{display:none}
 .d-review-scene{padding:25px 12px;gap:10px}
 .d-source-crop{font-size:25px;letter-spacing:1px}
 .d-source>.d-small-label{font-size:6px}
 .d-roster{margin:18px 10px 0}
 .d-club-note{padding:14px 15px}
 .d-thrive-copy{display:none}
 .thrive-scene{justify-content:center;padding:13px}
 .d-thrive-phone{width:143px}
 .d-dialog-body{grid-template-columns:160px 1fr;gap:24px;padding:27px}
}
@media(max-width:650px){
 body[data-variant=D] header{height:73px}
 body[data-variant=D] header nav a:last-child{padding:5px 9px}
 body[data-variant=D] #work,body[data-variant=D] #experience,body[data-variant=D] #contact{scroll-margin-top:88px}
 body[data-variant=D] .d-hero{grid-template-columns:1fr;padding:34px 0 45px;gap:30px}
 body[data-variant=D] .d-hero h1{font-size:clamp(43px,11.6vw,61px)}
 body[data-variant=D] .d-hero .intro>p:not(.d-personal-kicker):not(.d-location){font-size:15px;max-width:none}
 body[data-variant=D] .d-personal-kicker{font-size:8px!important;margin-bottom:17px}
 body[data-variant=D] .d-fieldnote{height:auto;min-height:388px;padding:28px 25px;overflow:hidden}
 body[data-variant=D] .process-paper{max-width:300px;padding:23px;width:100%}
 body[data-variant=D] .process-step strong{font-size:12px}
 body[data-variant=D] .process-step small{font-size:10px}
 .d-fieldnote-caption{font-size:7px;bottom:7px}
 .d-project{grid-template-columns:1fr;gap:22px;padding:33px 0 35px}
 .d-project-info{grid-row:1}
 .d-project-info h3{font-size:29px;max-width:320px}
 .d-project-subtitle{font-size:16px;margin-bottom:17px;max-width:none}
 .d-project-decision{margin-bottom:19px}
 .d-project-metric{margin-bottom:14px}
 .d-case-button{width:100%;justify-content:space-between}
 .d-project-label{display:none}
 .d-project-visual{grid-row:2}
 .d-scene{height:295px;border-width:10px}
 .d-app-chrome{padding:13px 14px}
 .d-review-scene{padding:25px 16px;gap:17px}
 .d-source>.d-small-label{font-size:7px}
 .d-source-crop{font-size:28px;letter-spacing:2px}
 .d-read-value>span{display:inline;font-size:7px}
 .d-read-value,.d-correct-value{font-size:13px;padding:9px 7px}
 .d-roster{margin:20px 15px 0}
 .d-club-note{padding:15px 18px}
 .d-thrive-copy{display:block;padding-top:28px;max-width:135px}
 .d-thrive-copy h4{font-size:21px}
 .d-thrive-copy>span{font-size:8px}
 .thrive-scene{justify-content:space-between;padding:15px 18px}
 .d-thrive-phone{width:133px;padding:13px 9px}
 .d-movement{height:105px}
 .d-work-head h2{font-size:32px}
 .d-exploration{grid-template-columns:1fr;gap:20px;padding:35px 0}
 .d-exploration p{grid-column:1;grid-row:2;font-size:12px}
 .d-exploration-mark{grid-column:2;grid-row:1}
 body[data-variant=D] .d-contact{padding:37px 0 30px}
 body[data-variant=D] .d-contact h2{font-size:48px}
 .d-contact-bottom{display:block}
 .d-contact-bottom>p{font-size:12px;max-width:none;margin-bottom:23px}
 body[data-variant=D] .d-contact-links{justify-content:flex-start}
 body[data-variant=D] .switcher .options{display:none}
 body[data-variant=D] .switcher #previous,body[data-variant=D] .switcher #next{display:block;font-size:17px;width:32px;height:30px}
 body[data-variant=D] .switcher #variant-label{display:block;font-size:9px;min-width:115px}
 body[data-variant=D] .switcher{padding:5px;bottom:10px;gap:10px}
 .d-case-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:9px}
 .d-dialog-top{padding:10px 18px;font-size:8px}
 .d-close{width:38px;height:38px}
 .d-dialog-head{padding:26px 22px}
 .d-dialog-head h2{font-size:33px;line-height:1.15}
 .d-dialog-head>p:last-child{font-size:13px}
 .d-dialog-body{grid-template-columns:1fr;gap:15px;padding:22px}
 .d-dialog-body aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .d-dialog-story section>p{font-size:13px}
}
@media(max-width:370px){body[data-variant=D] header nav{gap:8px}body[data-variant=D] header strong{font-size:12px}.d-thrive-copy{display:none}.thrive-scene{justify-content:center}.d-read-value>span{display:none}body[data-variant=D] .d-fieldnote{padding:23px 16px}}
@media(prefers-reduced-motion:reduce){.d-case-button span{transition:none}}

/* Production finishing rules. */
body[data-variant=D] footer{padding-bottom:38px}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:#f5f3ef;color:#202125;padding:12px 20px;border-radius:4px}
.skip-link:focus{transform:translateY(0)}
header .home-link{text-decoration:none}
body[data-variant=D] .d-close{width:44px;height:44px}
body[data-variant=D] .d-note-link{min-height:32px}
.case-noscript{margin:40px 0;padding:25px;border:1px solid #373940}
@media(max-width:650px){body[data-variant=D] footer{padding-bottom:32px}}