:root{--paper:#f7f6f2;--surface:#fffefa;--ink:#25232a;--muted:#6d6972;--line:#d9d5de;--accent:#76569c;--tint:#ede7f5;--heading:Georgia,serif;--ui:Manrope,Arial,sans-serif;font-family:var(--ui);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:150px}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--tint)}h1,h2,h3,h4,p,figure{margin:0}button{border:0;background:none}h1,h2,h3{font-family:var(--heading);font-weight:400}em{font-style:italic;color:var(--accent)}.wrap{width:min(1450px,calc(100% - 112px));margin-inline:auto}.kicker{font:600 10px/1.6 var(--ui);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.skip{position:fixed;z-index:200;left:20px;top:10px;padding:14px;background:var(--surface);transform:translateY(-150%)}.skip:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--paper);padding:15px 20px;border:1px solid var(--ink);font-size:12px;line-height:1.4}.button:hover{background:var(--accent);border-color:var(--accent)}.inline-link{font-size:12px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:5px;display:inline-block}.lang-switch{display:flex;gap:10px}.lang-switch button{padding:9px 1px;font-size:10px;color:var(--muted)}.lang-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.cv-links{display:flex;gap:12px}.cv-links a{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:13px 18px;border:1px solid var(--line);font-size:11px;background:var(--surface)}.cv-links a:hover{border-color:var(--accent)}.cv-links span{font-size:20px;color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:10px;color:var(--muted);line-height:1.6}.design-switcher{position:sticky;top:0;height:38px;padding:0 30px;z-index:100;background:#222126;color:#f6f4fa;display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:20px}.design-switcher>div{display:flex;gap:5px}.design-switcher>div>a{padding:4px 9px;color:#afacb6}.design-switcher>div>a[aria-current]{background:#f6f4fa;color:#222126}.portfolio-header{position:sticky;top:38px;z-index:60;height:86px;display:flex;gap:36px;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:14px;font-weight:600;line-height:1.5}.brand small{display:block;font-size:9px;font-weight:400;color:var(--muted);letter-spacing:.04em}.main-nav{display:flex;gap:31px;font-size:12px;margin-left:auto}.main-nav a:hover{color:var(--accent)}.menu-toggle{display:none}.hero{padding-top:75px;padding-bottom:85px}.hero h1{font-size:clamp(70px,6.9vw,115px);line-height:1.02;letter-spacing:-.065em;margin-top:23px}.hero-period{color:var(--accent)}.role{font-size:26px;margin-top:24px;letter-spacing:-.035em}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:470px;margin-top:23px}.hero-links{display:flex;gap:24px;align-items:center;margin-top:33px}.hero-links>a:not(.button){font-size:11px;border-bottom:1px solid var(--line);padding:12px 0}.hero-article{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:50px;min-height:700px}.hero-figure{background:var(--surface);padding:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.figure-label{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.08em;color:var(--muted);padding:9px 4px 18px}.hero-figure figcaption{font-size:10px;line-height:1.8;color:var(--muted);padding:15px 4px 6px;border-top:1px solid var(--line)}.hero-figure figcaption a{color:var(--accent);white-space:nowrap}.section-heading{display:grid;grid-template-columns:.4fr 1fr .6fr;gap:35px;align-items:end;border-top:1px solid var(--line);padding-top:26px;margin-bottom:52px}.section-heading>.kicker{align-self:start}.section-heading h2{font-size:clamp(38px,3.5vw,60px);line-height:1.15;letter-spacing:-.04em}.section-heading>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:325px}.work{padding-top:30px;padding-bottom:95px}.work-grid{display:flex;flex-direction:column;gap:48px}.work-item{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding-bottom:48px;border-bottom:1px solid var(--line);align-items:center}.work-visual{display:block;background:var(--surface);padding:17px;border:1px solid var(--line);transition:border-color .2s}.work-visual:hover{border-color:var(--accent)}.work-visual .architecture{max-height:390px}.work-open{display:block;font-size:10px;text-align:right;color:var(--accent);margin:10px 4px 4px}.work-copy h3{font-size:36px;line-height:1.15;letter-spacing:-.035em;margin-top:18px;max-width:460px}.work-copy>p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:23px;max-width:450px}.work-copy .tags{margin-top:22px}.work-copy .inline-link{margin-top:28px}.resume{padding:35px 0 110px}.resume-intro{font-size:20px;line-height:1.8;max-width:760px;margin:0 0 54px auto;color:var(--muted)}.experience-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:44px 0;border-top:1px solid var(--line)}.experience-row h3{font-size:47px;letter-spacing:-.055em;margin-top:20px}.experience-row>div>p:not(.kicker){font-size:12px;color:var(--muted);margin-top:15px;line-height:1.8;max-width:260px}.experience-row h4{font-size:23px;line-height:1.5;font-weight:500;letter-spacing:-.025em;max-width:580px}.experience-row ul{margin:25px 0 0;padding-left:18px;color:var(--muted)}.experience-row li{font-size:13px;line-height:1.85;margin-top:15px;padding-left:5px}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:35px;margin-top:30px;border-top:1px solid var(--line)}.skills h4{font-size:12px;font-weight:600}.skills p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px}.education{display:flex;justify-content:space-between;gap:60px;padding:36px 0;margin-top:42px;border-top:1px solid var(--line)}.education p{font-size:13px;line-height:1.9;color:var(--muted)}.education strong{color:var(--ink);font-weight:500}.notes{padding-bottom:120px}.note-item{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.note-item>span{color:var(--accent);font-size:12px}.note-item small{font-size:9px;letter-spacing:.07em;color:var(--muted)}.note-item h3{font-size:30px;letter-spacing:-.03em;margin-top:11px}.note-item>b{font-size:27px;font-weight:400}.contact{border-top:1px solid var(--line);padding:38px 0 30px}.contact>div{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:45px 0 70px}.contact h2{font-size:64px;line-height:1.1;letter-spacing:-.05em}.contact-actions{display:flex;flex-direction:column;gap:25px;align-items:start;padding-top:15px}.contact-actions>a{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:9px}.public-note{font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;max-width:100%}.back{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:54px}.project-heading{padding-top:45px}.project-heading-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:100px}.project-heading h1{font-size:clamp(50px,5.3vw,92px);line-height:1.08;letter-spacing:-.045em;max-width:900px;margin-top:20px}.project-summary{font-size:19px;line-height:1.75;color:var(--muted);max-width:700px;margin-top:28px}.project-owner{padding-top:40px;align-self:end}.project-owner>p{font-size:9px;letter-spacing:.12em;color:var(--muted)}.project-owner>strong{display:block;font-size:14px;font-weight:500;line-height:1.8;margin-top:17px}.project-owner>small{display:block;font-size:11px;color:var(--muted);margin-top:15px}.project-owner .tags{margin-top:25px}.project-problem{display:grid;grid-template-columns:.4fr 1fr;gap:80px;border-top:1px solid var(--line);margin-top:65px;padding:35px 0 70px}.project-problem p{font-size:18px;line-height:1.8;max-width:870px;color:var(--muted)}.story-intro{display:grid;grid-template-columns:.55fr 1.3fr;gap:20px 50px;padding:35px 0 50px;border-top:1px solid var(--line)}.story-intro h2{font-size:31px;line-height:1.4;letter-spacing:-.03em}.story-intro>p:last-child{grid-column:2;font-size:13px;line-height:1.8;color:var(--muted);max-width:650px}.scrolly{display:grid;grid-template-columns:360px minmax(0,1fr);gap:45px;align-items:start;position:relative}.pinned-figure{grid-column:2;grid-row:1;position:sticky;top:146px;background:var(--surface);border:1px solid var(--line);padding:17px;min-width:0;z-index:5}.story-steps{grid-column:1;grid-row:1;padding:0 0 20vh}.story-step{min-height:76vh;padding:80px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line)}.step-number{font-size:12px;color:var(--accent);letter-spacing:.08em}.story-step h3{font-size:33px;line-height:1.2;letter-spacing:-.03em;margin-top:20px}.story-step>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px}.my-work{padding:20px 0 0 18px;border-left:2px solid var(--line);margin-top:35px}.my-work>span{font-size:8px;letter-spacing:.1em;color:var(--accent)}.my-work>p{font-size:13px;line-height:1.85;margin-top:11px}.story-step.is-active .my-work{border-color:var(--accent)}.diagram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.08em;color:var(--muted);padding:0 3px 18px}.diagram-toolbar>span{white-space:nowrap}.diagram-toolbar b{margin-left:18px;font-size:9px;font-weight:400;color:var(--accent)}.diagram-toolbar>div{display:flex;gap:16px}.diagram-toolbar button{font-size:10px;border-bottom:1px solid var(--line);padding:5px 0;letter-spacing:0}.diagram-toolbar button[aria-pressed=true]{color:var(--accent)}.diagram-viewport{min-width:0}.architecture{width:100%;height:auto;display:block;overflow:visible;font-family:var(--ui)}.diagram-viewport>.diagram-scene{max-height:calc(100svh - 340px)}.diagram-group rect{fill:var(--diagram-group,#f6f4f8);stroke:var(--diagram-border,#c9c2d0);stroke-width:1;stroke-dasharray:5 5}.diagram-group text{fill:var(--diagram-caption,#766d81);font-size:12px;letter-spacing:1.3px}.diagram-node{opacity:.28;transition:opacity .3s}.diagram-node.is-active{opacity:1}.diagram-node[role=button]{cursor:pointer}.diagram-node .node-shape{fill:var(--node-fill,#f7e9d4);stroke:var(--node-stroke,#9a805e);stroke-width:1.4}.diagram-node[data-tone=data]{--node-fill:#e8eff7;--node-stroke:#6e87a4}.diagram-node[data-tone=model]{--node-fill:#e6def2;--node-stroke:#8b6aab}.diagram-node[data-tone=store]{--node-fill:#e5eee1;--node-stroke:#7c9570}.diagram-node[data-tone=evaluation]{--node-fill:#fff0d4;--node-stroke:#ae905d}.diagram-node[data-tone=output]{--node-fill:#dcece8;--node-stroke:#6e9b8e}.node-detail{stroke:var(--node-stroke,#9a805e);stroke-width:1;fill:none;opacity:.55}.node-title{font-size:17px;font-weight:600;fill:var(--node-ink,#302d36);letter-spacing:-.3px}.node-sub{font-size:12px;fill:var(--node-muted,#665e70)}.diagram-node[role=button]:hover .node-shape{stroke:var(--accent);stroke-width:3}.diagram-node:focus-visible{outline:none}.diagram-node:focus-visible .node-shape{stroke:var(--accent);stroke-width:4}.diagram-edge{opacity:.2;transition:opacity .3s}.diagram-edge.is-active{opacity:1}.diagram-edge path{stroke:var(--diagram-arrow,#3d3847);stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}.diagram-edge.is-active path{stroke-width:2.2}.diagram-edge.is-secondary path{stroke-dasharray:5 5}.diagram-edge text{font-size:11px;fill:var(--diagram-caption,#766d81);paint-order:stroke;stroke:var(--surface);stroke-width:5;stroke-linejoin:round}.figure-key{display:flex;gap:18px;flex-wrap:wrap;padding:16px 5px 8px;font-size:8px;color:var(--muted)}.figure-key span{display:flex;align-items:center;gap:6px}.figure-key span:before{content:'';width:8px;height:8px;background:#e8eff7;border:1px solid #6e87a4}.figure-key [data-tone=model]:before{background:#e6def2;border-color:#8b6aab}.figure-key [data-tone=store]:before{background:#e5eee1;border-color:#7c9570}.figure-key [data-tone=evaluation]:before{background:#fff0d4;border-color:#ae905d}.stage-nav{display:flex;gap:13px;margin-top:17px;padding:0 4px}.stage-nav button{flex:1;position:relative;padding:8px 0 11px;text-align:left;font-size:10px;color:var(--muted)}.stage-nav i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}.stage-nav button[aria-current]{color:var(--accent)}.stage-nav button[aria-current] i{background:var(--accent)}.active-figure-caption{font-size:12px;line-height:1.6;padding:17px 4px 2px;min-height:42px}.case-result{padding:55px 0 100px;border-top:1px solid var(--line)}.case-result h2{font-size:38px;line-height:1.5;letter-spacing:-.025em;max-width:1040px;margin-top:30px}.case-result>div{display:grid;grid-template-columns:.4fr 1fr;gap:80px;margin-top:50px;border-top:1px solid var(--line);padding-top:30px}.case-result>div>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.case-result>div>p{font-size:19px;line-height:1.8;color:var(--muted);max-width:700px}.case-result>.button{margin-top:45px}.article-page{max-width:1100px;padding:45px 0 100px}.article-page h1{font-size:72px;line-height:1.12;letter-spacing:-.04em;margin-top:28px}.article-by{font-size:12px;color:var(--muted);margin:26px 0 65px}.article-text{max-width:720px;margin-inline:auto}.article-text p{font-size:16px;line-height:1.9;color:var(--muted);margin:20px 0}.article-text .article-intro{font-size:23px;color:var(--ink)}.article-text h2{font-size:32px;margin:42px 0 22px}.article-text .formula{padding:25px;border-left:3px solid var(--accent);background:var(--tint);font-size:17px;line-height:1.8;margin:30px 0}.article-text a{color:var(--accent);text-decoration:underline}.article-page>.button{margin-top:40px}.atlas-index{display:none}.workspace-tabs{display:flex;position:sticky;top:124px;z-index:59;gap:0;border-bottom:1px solid var(--line);background:var(--paper);padding-left:35px}.workspace-tabs a{padding:14px 25px;border-right:1px solid var(--line);font-size:11px}.project-map{display:flex;flex-direction:column;gap:29px}.project-map section{display:grid;grid-template-columns:105px 1fr;gap:26px}.project-map h3{font:500 10px/1.8 var(--ui);color:var(--accent);padding-top:14px}.project-map section>div{border-left:1px solid var(--line);padding-left:22px}.project-map a{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.project-map small{font-size:9px;color:var(--muted)}.project-map b{margin-left:auto;font-size:18px;font-weight:400}.project-map a:hover{color:var(--accent)}
/* Alternate layouts share the same reviewed architecture, not decorative assets. */
[data-design=atlas]{--paper:#f4f5f7;--surface:#fff;--ink:#243346;--muted:#64758b;--accent:#31569c;--tint:#e4ecf8;--line:#d7dee7;--heading:Manrope,Arial,sans-serif}
body[data-design=atlas] .wrap{width:calc(100% - 304px);max-width:1350px;margin-left:260px;margin-right:44px}body[data-design=atlas] .portfolio-header{padding-left:260px;height:74px}body[data-design=atlas] .portfolio-header>.brand{display:none}body[data-design=atlas] .atlas-index{position:fixed;z-index:65;left:0;top:38px;bottom:0;width:218px;display:flex;flex-direction:column;background:#25374d;color:#e5eaf1;padding:35px 22px;border-right:1px solid #30465f}body[data-design=atlas] .atlas-index>a:first-child{font-size:52px;letter-spacing:-.08em;line-height:1;display:block;border:0;padding:0;margin-bottom:45px}body[data-design=atlas] .atlas-index>a:first-child>span{display:block;font-size:11px;letter-spacing:0;line-height:2.5;color:#c0cfdf}body[data-design=atlas] .atlas-index>.kicker{font-size:8px;color:#a6b8cd;margin-bottom:18px}body[data-design=atlas] .atlas-index>a:not(:first-child){font-size:10px;line-height:1.65;padding:13px 0;border-bottom:1px solid #3e4f64;display:flex;gap:10px}body[data-design=atlas] .atlas-index>a>small{font-size:8px;color:#a8bcd4}body[data-design=atlas] .atlas-index>div{margin-top:auto;padding-top:22px}body[data-design=atlas] .atlas-index .cv-links{gap:8px}body[data-design=atlas] .atlas-index .cv-links a{background:none;color:white;border-color:#4d617a;font-size:8px;padding:9px;gap:8px}body[data-design=atlas] .atlas-index .cv-links span{color:#cfdbeb}.hero-atlas{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:75px 0 95px}.hero-atlas h1{font-size:clamp(53px,5vw,92px);font-weight:500}.atlas-hero-map>.kicker{margin-bottom:32px}body[data-design=atlas] .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}body[data-design=atlas] .work-item{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding:0 0 32px}body[data-design=atlas] .work-copy h3{font-size:25px;line-height:1.3}body[data-design=atlas] .work-copy .kicker{font-size:8px}body[data-design=atlas] .work-copy>p{font-size:12px;margin-top:15px}body[data-design=atlas] .work-copy .inline-link{font-size:10px}body[data-design=atlas] .section-heading{grid-template-columns:1fr 1.8fr}body[data-design=atlas] .section-heading>p,body[data-design=atlas] .section-heading>.cv-links{grid-column:2}body[data-design=atlas] .section-heading h2{font-size:42px;font-weight:500}body[data-design=atlas] .project-heading-grid{grid-template-columns:1fr;gap:25px}body[data-design=atlas] .project-owner{padding-top:15px}body[data-design=atlas] .project-owner>strong,body[data-design=atlas] .project-owner>small{display:inline-block;margin-right:25px}body[data-design=atlas] .scrolly{grid-template-columns:minmax(0,1fr) 290px;gap:28px}body[data-design=atlas] .pinned-figure{grid-column:1;top:135px}body[data-design=atlas] .story-steps{grid-column:2}body[data-design=atlas] .story-step h3{font-size:26px;font-weight:500}body[data-design=atlas] .story-step>p{font-size:13px}body[data-design=atlas] .project-heading h1{font-size:62px;font-weight:500}
[data-design=workbench]{--paper:#171c23;--surface:#1e252f;--ink:#eef3ef;--muted:#9baab2;--line:#36414b;--accent:#a8d4b2;--tint:#293d33;--heading:Manrope,Arial,sans-serif;--diagram-group:#222d36;--diagram-border:#536471;--diagram-caption:#b3c2cf;--diagram-arrow:#bfd3cc;--node-ink:#e2eee8;--node-muted:#b3c5bf}
body[data-design=workbench] .design-switcher{background:#0e1317}body[data-design=workbench] .wrap{width:calc(100% - 72px)}body[data-design=workbench] .portfolio-header{padding:0 36px}body[data-design=workbench] .button{background:var(--accent);color:#15231b;border-color:var(--accent)}.hero-workbench{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;padding-top:60px;align-items:center}.hero-workbench h1{font-size:clamp(60px,5.5vw,92px);font-weight:500}.workspace-overview{border:1px solid var(--line);background:var(--surface);padding:20px}.workspace-overview>div:first-child{display:flex;justify-content:space-between;gap:30px;font-size:10px}.workspace-state{border-top:1px solid var(--line);padding:20px 5px 0}.workspace-state>span{font-size:11px;color:var(--accent)}.workspace-state p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:9px}[data-design=workbench] .diagram-node{--node-fill:#393830;--node-stroke:#938b61}[data-design=workbench] .diagram-node[data-tone=data]{--node-fill:#293847;--node-stroke:#6d8ea8}[data-design=workbench] .diagram-node[data-tone=model]{--node-fill:#3a314b;--node-stroke:#a68fc3}[data-design=workbench] .diagram-node[data-tone=store]{--node-fill:#2b4037;--node-stroke:#85aa92}[data-design=workbench] .diagram-node[data-tone=evaluation]{--node-fill:#423d2c;--node-stroke:#ae9a64}[data-design=workbench] .diagram-node[data-tone=output]{--node-fill:#29413e;--node-stroke:#7eb4a9}body[data-design=workbench] .work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}body[data-design=workbench] .work-item{display:block;border:1px solid var(--line);padding:0}body[data-design=workbench] .work-visual{border:0;border-bottom:1px solid var(--line);padding:18px}body[data-design=workbench] .work-copy{padding:25px}body[data-design=workbench] .work-copy h3{font-size:25px;font-weight:500}body[data-design=workbench] .work-copy .kicker{font-size:8px}body[data-design=workbench] .work-copy>p{font-size:13px}body[data-design=workbench] .work-copy .inline-link{display:none}body[data-design=workbench] .section-heading h2{font-weight:500}body[data-design=workbench] .project-heading-grid{grid-template-columns:1.3fr .7fr;gap:60px}body[data-design=workbench] .project-heading h1{font-size:64px;font-weight:500}body[data-design=workbench] .scrolly{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:30px}body[data-design=workbench] .pinned-figure{grid-column:1;top:187px}body[data-design=workbench] .story-steps{grid-column:2}body[data-design=workbench] .story-step{padding:50px 25px;min-height:85vh}body[data-design=workbench] .story-step h3{font-size:30px;font-weight:500}body[data-design=workbench] .my-work{background:var(--surface);padding:20px;border:1px solid var(--line)}body[data-design=workbench] .diagram-viewport>.diagram-scene{max-height:calc(100svh - 375px)}body[data-design=workbench] .experience-row{border:1px solid var(--line);padding:35px;margin-bottom:20px}body[data-design=workbench] .experience-row h3{font-size:38px}body[data-design=workbench] .skills{border:1px solid var(--line);padding:30px}body[data-design=workbench] .skills>div+div{border-left:1px solid var(--line);padding-left:24px}
[data-design=dossier]{--paper:#fff;--surface:#fafaf8;--ink:#191919;--muted:#656363;--line:#d8d5d1;--accent:#c9422d;--tint:#f9e7e1;--heading:Manrope,Arial,sans-serif}.hero-dossier{position:relative;padding-top:58px;padding-bottom:65px;display:grid;grid-template-columns:1.45fr .55fr;align-items:end}.hero-dossier h1{font-size:clamp(80px,11.5vw,175px);font-weight:650;letter-spacing:-.09em;line-height:.93;margin-top:37px}.hero-dossier .role{font-size:32px;font-weight:500}.hero-dossier .hero-description{font-size:14px;max-width:570px}.dossier-stamp{position:absolute;right:0;top:57px;font-size:11px;line-height:1.7;text-align:right}.dossier-lead{display:flex;flex-direction:column;align-items:end;gap:24px}.dossier-lead>span{font-size:120px;font-weight:350;letter-spacing:-.09em;line-height:1;color:var(--accent)}.dossier-lead>p{text-align:right;font-size:14px;line-height:1.7}.dossier-lead>a{font-size:60px;font-weight:300}.hero-dossier .hero-links{margin-top:28px}body[data-design=dossier] .section-heading{grid-template-columns:.4fr 1.3fr .6fr;border-top:2px solid var(--ink)}body[data-design=dossier] .section-heading h2{font-weight:600;letter-spacing:-.06em;font-size:52px}body[data-design=dossier] .work-item{grid-template-columns:.75fr 1.35fr;gap:50px;direction:rtl}body[data-design=dossier] .work-item>*{direction:ltr}body[data-design=dossier] .work-copy h3{font-size:32px;font-weight:550}body[data-design=dossier] .work-copy .kicker{color:var(--accent)}body[data-design=dossier] .work-visual{border:0;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}body[data-design=dossier] .project-heading h1{font-weight:650;letter-spacing:-.07em;font-size:85px}body[data-design=dossier] .scrolly{display:block}body[data-design=dossier] .pinned-figure{top:130px;padding:14px 35px;border-left:0;border-right:0;background:var(--paper)}body[data-design=dossier] .diagram-viewport>.diagram-scene{height:43svh;max-height:470px;width:100%}body[data-design=dossier] .figure-key{display:none}body[data-design=dossier] .stage-nav{position:absolute;left:40px;top:66px;bottom:70px;display:flex;flex-direction:column;width:32px;gap:8px}body[data-design=dossier] .stage-nav button{flex:1}body[data-design=dossier] .active-figure-caption{text-align:center;padding-top:7px;min-height:26px}body[data-design=dossier] .story-steps{padding:40px 0 20vh}body[data-design=dossier] .story-step{display:grid;grid-template-columns:55px 1.1fr 1fr;align-content:center;align-items:start;gap:25px 35px;min-height:70vh;padding:60px 0}body[data-design=dossier] .story-step h3{font-size:36px;font-weight:550;margin:0;grid-column:2}body[data-design=dossier] .step-number{font-size:32px;font-weight:500;letter-spacing:-.05em}body[data-design=dossier] .story-step>p{grid-column:3;grid-row:1 / span 2;margin:0;font-size:16px}body[data-design=dossier] .my-work{grid-column:2;margin:0;padding-top:0}body[data-design=dossier] .experience-row h3{font-family:var(--ui);font-weight:650;font-size:65px;letter-spacing:-.07em}body[data-design=dossier] .experience-row>div>.kicker{color:var(--accent)}body[data-design=dossier] .contact h2{font-weight:650;font-size:78px}
[data-design=sequence]{--paper:#f3f6fb;--surface:#fff;--ink:#243246;--muted:#66758a;--line:#d6deea;--accent:#305ec5;--tint:#e6ecf8;--heading:Manrope,Arial,sans-serif}.hero-sequence{text-align:center;padding-top:72px}.hero-sequence h1{font-size:104px;font-weight:450;letter-spacing:-.075em;line-height:.97}.hero-sequence .hero-description{margin-inline:auto;max-width:590px;font-size:16px}.hero-sequence .hero-links{justify-content:center}.hero-sequence .role{font-size:27px}.hero-sequence .hero-figure{max-width:1100px;margin:32px auto 0;padding:25px 40px;border:1px solid var(--line);text-align:left;box-shadow:0 20px 60px #45659709}.hero-sequence .hero-figure>.architecture{max-height:500px}.sequence-opening{font-size:25px;letter-spacing:-.035em;margin-top:85px}body[data-design=sequence] .main-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:90;background:#fffefef2;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:36px;padding:17px 32px;gap:30px;box-shadow:0 4px 25px #2432460b;white-space:nowrap}body[data-design=sequence] .section-heading{display:block;text-align:center;padding:40px 0 0;margin-bottom:50px}body[data-design=sequence] .section-heading h2{font-size:54px;line-height:1.12;font-weight:450;letter-spacing:-.05em;margin-top:28px}body[data-design=sequence] .section-heading>p{margin:24px auto 0;max-width:490px;font-size:14px}body[data-design=sequence] .section-heading>.cv-links{justify-content:center;margin-top:27px}body[data-design=sequence] .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px}body[data-design=sequence] .work-item{display:block;padding-bottom:30px}body[data-design=sequence] .work-visual{border-radius:14px;padding:23px}body[data-design=sequence] .work-copy{text-align:center;padding-top:24px}body[data-design=sequence] .work-copy h3{margin-inline:auto;font-size:28px;font-weight:500}body[data-design=sequence] .work-copy>p{margin-inline:auto;font-size:13px}body[data-design=sequence] .work-copy .tags{justify-content:center}body[data-design=sequence] .work-copy .kicker{font-size:8px}body[data-design=sequence] .project-heading-grid{display:block;text-align:center}body[data-design=sequence] .project-heading h1{font-size:75px;font-weight:450;margin-inline:auto;letter-spacing:-.06em}body[data-design=sequence] .project-summary{margin-inline:auto;max-width:780px}body[data-design=sequence] .project-owner{max-width:660px;margin-inline:auto;padding-top:25px}body[data-design=sequence] .project-owner .tags{justify-content:center}body[data-design=sequence] .story-intro{text-align:center;display:block}body[data-design=sequence] .story-intro h2{margin-top:20px;font-size:35px}body[data-design=sequence] .story-intro>p:last-child{margin:20px auto 0}body[data-design=sequence] .scrolly{display:block}body[data-design=sequence] .pinned-figure{top:128px;background:var(--paper);border:0;padding:0 40px}body[data-design=sequence] .diagram-viewport{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px}body[data-design=sequence] .diagram-viewport>.diagram-scene{height:43svh;max-height:465px}body[data-design=sequence] .figure-key{display:none}body[data-design=sequence] .stage-nav{max-width:500px;margin:15px auto 0;gap:25px}body[data-design=sequence] .active-figure-caption{text-align:center;padding-top:12px}body[data-design=sequence] .story-steps{padding-top:30px}body[data-design=sequence] .story-step{max-width:850px;margin-inline:auto;text-align:center;min-height:78vh;padding:80px 50px;border:0}body[data-design=sequence] .story-step h3{font-size:38px;letter-spacing:-.05em;font-weight:450}body[data-design=sequence] .story-step>p{font-size:17px}body[data-design=sequence] .my-work{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;max-width:600px;margin:25px auto 0}body[data-design=sequence] .case-result{text-align:center}body[data-design=sequence] .case-result h2{margin-inline:auto;font-size:36px}body[data-design=sequence] .case-result>div{display:block}body[data-design=sequence] .case-result>div>p{margin:20px auto 0}body[data-design=sequence] .public-note{padding-bottom:80px}
/* Comparison surface */
body[data-design=gallery]{--paper:#f8f7f4;--ink:#27252d;--accent:#73589b;--surface:#fff;--heading:Georgia,serif}.gallery-page{width:min(1400px,calc(100% - 100px));margin-inline:auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.gallery-header a span{font-size:10px;font-weight:400;color:var(--muted);margin-left:18px}.gallery-intro{padding:75px 0 65px;max-width:1000px}.gallery-intro h1{font-family:Georgia,serif;font-size:68px;line-height:1.1;letter-spacing:-.045em;margin-top:24px}.gallery-intro>p:last-child{font-size:15px;line-height:1.9;max-width:740px;color:var(--muted);margin-top:30px}.gallery-list{display:flex;flex-direction:column;gap:65px}.design-choice{display:grid;grid-template-columns:.64fr 1.36fr;gap:60px;padding:35px 0 65px;border-top:1px solid var(--line);align-items:center}.choice-number{font-size:12px;color:var(--accent)}.choice-copy h2{font-size:49px;letter-spacing:-.04em;margin-top:20px}.choice-copy h3{font:500 17px/1.65 var(--ui);letter-spacing:-.025em;margin-top:19px}.choice-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px}.choice-copy .button{margin-top:29px}.choice-case{display:block;font-size:11px;color:var(--accent);margin-top:21px}.design-preview{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:25px;min-height:435px;box-shadow:0 15px 40px #20153307;overflow:hidden}.preview-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:7px;letter-spacing:.1em}.preview-top>b{font-weight:600}.preview-top>span{color:var(--muted)}.preview-body{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:15px;min-height:325px}.preview-title{font:400 39px/1.08 var(--heading);letter-spacing:-.055em}.preview-role{display:block;font:400 12px/1.8 var(--ui);letter-spacing:0;margin-top:16px}.preview-bottom{border-top:1px solid var(--line);padding-top:17px;font-size:9px;display:flex;justify-content:space-between;gap:20px}.design-preview[data-design=atlas]{border-left:100px solid #25374d;padding-left:22px}.design-preview[data-design=atlas] .preview-body{display:flex;flex-direction:column;align-items:stretch;padding-top:25px}.design-preview[data-design=atlas] .preview-title{font-size:23px}.design-preview[data-design=atlas] .preview-title br{display:none}.design-preview[data-design=atlas] .preview-role{margin-top:8px}.design-preview[data-design=atlas] .preview-diagram{max-width:390px;margin-left:auto}.design-preview[data-design=workbench] .preview-body{display:flex;flex-direction:column;align-items:stretch;padding-top:25px}.design-preview[data-design=workbench] .preview-title{font-size:20px;letter-spacing:-.04em}.design-preview[data-design=workbench] .preview-role{font-size:8px;margin-top:8px}.design-preview[data-design=workbench] .preview-diagram{width:90%;margin:0 auto 20px}.design-preview[data-design=dossier] .preview-title{font-weight:650;font-size:58px;line-height:.98;letter-spacing:-.08em}.design-preview[data-design=dossier] .preview-title small{font-size:6px;font-weight:500;letter-spacing:.12em;display:block;color:var(--accent);margin-bottom:20px}.design-preview[data-design=dossier] .preview-body{grid-template-columns:1fr 1fr}.design-preview[data-design=sequence] .preview-body{display:flex;flex-direction:column;text-align:center;padding:25px 0;gap:10px}.design-preview[data-design=sequence] .preview-title{font-size:30px}.design-preview[data-design=sequence] .preview-role{margin-top:8px;font-size:10px}.design-preview[data-design=sequence] .preview-diagram{width:85%;max-height:230px;overflow:hidden}.gallery-foot{font-size:14px;line-height:1.9;max-width:730px;color:var(--muted);padding:0 0 65px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:min(1500px,95vw);max-height:94svh;padding:30px}dialog::backdrop{background:#15192399;backdrop-filter:blur(5px)}.dialog-close{display:block;margin:0 0 15px auto;font-size:12px;padding:10px;border:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}.dialog-content{overflow:auto}.dialog-content h2{font-size:27px;margin-bottom:20px}.dialog-content .architecture{min-width:1000px;max-height:none}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.portfolio-header{padding:0 32px}.hero-article{gap:30px;grid-template-columns:.85fr 1.15fr}.hero h1{font-size:77px}.hero-description{font-size:14px}.hero-links{gap:17px;flex-wrap:wrap}.scrolly{grid-template-columns:290px minmax(0,1fr);gap:27px}.story-step h3{font-size:29px}.project-heading-grid{gap:50px}.work-item{gap:38px}.section-heading{gap:20px}.gallery-page{width:calc(100% - 64px)}.design-choice{gap:35px;grid-template-columns:.72fr 1.28fr}.design-preview{padding:20px}.preview-title{font-size:30px}.design-preview[data-design=dossier] .preview-title{font-size:42px}.hero-atlas{gap:35px;grid-template-columns:1fr}.atlas-hero-map{margin-top:20px}.project-map{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-map section{display:block}.project-map section>div{padding-left:15px;margin-top:16px}.project-map a{font-size:11px;gap:10px}body[data-design=atlas] .scrolly{grid-template-columns:1fr;display:block}body[data-design=atlas] .pinned-figure{top:128px}body[data-design=atlas] .diagram-viewport>.diagram-scene{height:40svh}body[data-design=atlas] .story-steps{padding-top:25px}body[data-design=atlas] .story-step{min-height:66vh;padding:60px 25px;max-width:750px}body[data-design=workbench] .project-heading h1{font-size:52px}body[data-design=workbench] .scrolly{grid-template-columns:1.4fr 1fr}.hero-dossier h1{font-size:120px}.hero-sequence h1{font-size:100px}}
@media(max-width:760px){:root{scroll-padding-top:120px}.wrap,.gallery-page{width:calc(100% - 40px)}.design-switcher{height:36px;padding:0 15px;font-size:8px;gap:10px}.design-switcher>span{display:none}.design-switcher>div{gap:1px}.design-switcher>div>a{padding:5px 8px}.portfolio-header{height:72px;top:36px;padding:0 20px;gap:20px}.brand{font-size:12px}.brand small{font-size:8px}.portfolio-header .lang-switch{margin-left:auto}.menu-toggle{display:block;font-size:20px;padding:8px 0 8px 7px}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:24px;font-size:15px}.menu-open .main-nav{display:flex}.hero{padding:45px 0 60px;min-height:0}.hero h1{font-size:66px;margin-top:22px;line-height:1.04}.hero .kicker{font-size:9px}.role{font-size:22px;margin-top:18px}.hero-description{font-size:14px;line-height:1.85;margin-top:21px}.hero-links{gap:21px;flex-wrap:wrap;margin-top:24px}.hero-links .button{font-size:11px;padding:14px 17px}.hero-links>a:not(.button){font-size:11px}.hero-article{display:flex;flex-direction:column;gap:45px;align-items:stretch}.hero-figure{padding:12px}.figure-label{font-size:6px;gap:10px;padding-bottom:10px}.hero-figure figcaption{font-size:9px}.section-heading{display:block;padding-top:22px;margin-bottom:35px}.section-heading h2{font-size:39px;margin-top:22px;line-height:1.15}.section-heading>p{font-size:13px;margin-top:22px;max-width:100%}.section-heading>.cv-links{margin-top:25px}.work{padding-top:20px;padding-bottom:55px}.work-grid{gap:35px}.work-item{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-bottom:32px}.work-visual{padding:12px}.work-copy .kicker{font-size:8px}.work-copy h3{font-size:29px;margin-top:13px}.work-copy>p{font-size:13px;margin-top:16px}.work-copy .tags{margin-top:17px}.work-copy .inline-link{font-size:10px;margin-top:22px}.resume{padding:20px 0 55px}.resume-intro{font-size:17px;margin-bottom:35px}.experience-row{grid-template-columns:1fr;gap:27px;padding:30px 0}.experience-row h3{font-size:41px;margin-top:14px}.experience-row h4{font-size:20px;line-height:1.6}.experience-row li{font-size:13px;line-height:1.85}.skills{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:15px;padding-top:25px}.skills h4{font-size:11px}.skills p{font-size:11px;margin-top:11px}.education{display:block;margin-top:30px;padding:25px 0}.education>p+p{margin-top:19px}.education p{font-size:12px}.notes{padding-bottom:65px}.note-item{grid-template-columns:23px 1fr 22px;gap:15px;padding:24px 0}.note-item h3{font-size:24px;line-height:1.3}.note-item small{font-size:7px}.note-item>span{font-size:9px}.note-item>b{font-size:23px}.contact{padding:25px 0}.contact>div{grid-template-columns:1fr;gap:15px;padding:29px 0 42px}.contact h2{font-size:48px;line-height:1.1}.contact-actions{gap:23px}.contact-actions>a{font-size:16px}.public-note{font-size:9px}.back{font-size:10px;margin-bottom:30px}.project-heading{padding-top:32px}.project-heading-grid{display:block}.project-heading h1{font-size:44px;line-height:1.15;margin-top:17px}.project-summary{font-size:16px;line-height:1.8;margin-top:20px}.project-owner{padding-top:24px}.project-owner>strong{font-size:12px;margin-top:12px}.project-owner>small{font-size:10px;margin-top:12px}.project-owner .tags{margin-top:20px;font-size:9px}.project-problem{display:block;margin-top:33px;padding:23px 0 40px}.project-problem p{font-size:15px;margin-top:19px}.story-intro{display:block;padding:23px 0 30px}.story-intro h2{font-size:25px;line-height:1.4;margin-top:18px}.story-intro>p:last-child{font-size:12px;margin-top:16px}.scrolly{display:block}.pinned-figure{top:113px;padding:10px;margin-inline:-10px;background:var(--surface)}.diagram-toolbar{font-size:7px;padding:0 3px 7px}.diagram-toolbar b{font-size:7px;margin-left:9px}.diagram-toolbar>div{gap:13px}.diagram-toolbar button{font-size:8px}.diagram-viewport>.diagram-scene{width:100%;height:auto;max-height:31svh}.figure-key{font-size:6px;padding:8px 3px 0;gap:10px}.figure-key span:before{width:6px;height:6px}.stage-nav{margin-top:6px;gap:12px}.stage-nav button{font-size:8px;padding:5px 0 7px}.active-figure-caption{font-size:10px;line-height:1.6;padding:9px 3px 0;min-height:26px}.story-steps{padding-top:24px;padding-bottom:12vh}.story-step{min-height:68vh;padding:65px 9px 35px;justify-content:center}.step-number{font-size:10px}.story-step h3{font-size:28px;margin-top:14px}.story-step>p{font-size:14px;line-height:1.8;margin-top:20px}.my-work{padding:12px 0 0 15px;margin-top:26px}.my-work>p{font-size:12px}.case-result{padding:35px 0 60px}.case-result h2{font-size:27px;line-height:1.55;margin-top:20px}.case-result>div{display:block;margin-top:28px;padding-top:24px}.case-result>div>p{font-size:16px;margin-top:18px}.case-result>.button{margin-top:30px}.article-page{padding:32px 0 60px}.article-page h1{font-size:44px;line-height:1.2;margin-top:20px}.article-by{font-size:10px;margin:20px 0 38px}.article-text .article-intro{font-size:19px}.article-text p{font-size:14px;line-height:1.9}.article-text h2{font-size:28px;line-height:1.3}.article-text .formula{font-size:14px;padding:20px}.gallery-header{padding:23px 0;font-size:12px}.gallery-header a span{display:none}.gallery-intro{padding:43px 0 42px}.gallery-intro h1{font-size:43px;line-height:1.12;margin-top:20px}.gallery-intro>p:last-child{font-size:13px;margin-top:24px}.gallery-list{gap:30px}.design-choice{display:flex;flex-direction:column;gap:28px;padding:29px 0 35px;align-items:stretch}.choice-copy h2{font-size:39px;margin-top:13px}.choice-copy h3{font-size:16px;line-height:1.65;margin-top:14px}.choice-copy p{font-size:12px;margin-top:10px}.choice-copy .button{margin-top:22px;font-size:11px}.choice-case{font-size:10px;margin-top:17px}.design-preview{padding:16px;min-height:270px}.preview-body{min-height:215px;gap:12px;grid-template-columns:.9fr 1.1fr}.preview-title{font-size:24px}.preview-role{font-size:9px;margin-top:12px}.preview-top{font-size:5px;gap:10px;padding-bottom:12px}.preview-bottom{font-size:7px;padding-top:12px}.design-preview[data-design=atlas]{border-left-width:45px;padding-left:13px}.design-preview[data-design=atlas] .preview-title{font-size:19px}.design-preview[data-design=workbench] .preview-title{font-size:18px}.design-preview[data-design=dossier] .preview-title{font-size:32px}.design-preview[data-design=sequence] .preview-title{font-size:25px}.design-preview[data-design=sequence] .preview-diagram{max-height:170px}.gallery-foot{font-size:12px;padding-bottom:40px}body[data-design=atlas] .atlas-index{display:none}body[data-design=atlas] .wrap{width:calc(100% - 40px);margin-inline:auto}body[data-design=atlas] .portfolio-header{padding:0 20px;height:72px}body[data-design=atlas] .portfolio-header>.brand{display:block}.hero-atlas{display:block;padding:45px 0 60px}.hero-atlas h1{font-size:59px}.atlas-hero-map{margin-top:42px}.project-map{display:flex;gap:24px}.project-map section{display:grid;grid-template-columns:76px 1fr;gap:13px}.project-map section>div{margin:0;padding-left:14px}.project-map a{font-size:11px}.project-map h3{font-size:9px}.atlas-hero-map>.kicker{font-size:8px;margin-bottom:20px}body[data-design=atlas] .work-grid{display:block}body[data-design=atlas] .work-item{margin-bottom:32px}body[data-design=atlas] .section-heading h2{font-size:36px}body[data-design=atlas] .project-heading h1{font-size:40px}body[data-design=atlas] .project-owner>strong,body[data-design=atlas] .project-owner>small{display:block}body[data-design=atlas] .pinned-figure{top:113px}body[data-design=atlas] .diagram-viewport>.diagram-scene{height:auto;max-height:31svh}body[data-design=atlas] .story-step{min-height:70vh;padding:65px 10px 35px}body[data-design=atlas] .story-step h3{font-size:25px}body[data-design=workbench] .wrap{width:calc(100% - 36px)}body[data-design=workbench] .portfolio-header{padding:0 18px}.workspace-tabs{top:108px;padding-left:0;overflow:auto;scrollbar-width:none}.workspace-tabs a{padding:12px 17px;font-size:10px;white-space:nowrap}.hero-workbench{display:block;padding-top:35px}.hero-workbench h1{font-size:59px}.workspace-overview{padding:13px;margin-top:37px}.workspace-state p{font-size:11px}body[data-design=workbench] .work-grid{display:block}body[data-design=workbench] .work-item{margin-bottom:28px}body[data-design=workbench] .work-copy{padding:21px}body[data-design=workbench] .section-heading h2{font-size:36px}body[data-design=workbench] .project-heading-grid{display:block}body[data-design=workbench] .project-heading h1{font-size:39px}body[data-design=workbench] .scrolly{display:block}body[data-design=workbench] .pinned-figure{top:154px}body[data-design=workbench] .diagram-viewport>.diagram-scene{max-height:27svh}body[data-design=workbench] .story-step{min-height:72vh;padding:60px 10px 35px}body[data-design=workbench] .story-step h3{font-size:26px}body[data-design=workbench] .experience-row{padding:23px}body[data-design=workbench] .skills{padding:21px;grid-template-columns:1fr}body[data-design=workbench] .skills>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:19px}.hero-dossier{display:block;padding-top:45px}.hero-dossier h1{font-size:72px;line-height:.97;margin-top:34px}.hero-dossier .role{font-size:25px}.dossier-stamp{top:44px;font-size:8px}.dossier-lead{display:grid;grid-template-columns:80px 1fr 32px;align-items:center;gap:22px;margin-top:40px}.dossier-lead>span{font-size:68px}.dossier-lead>p{text-align:left;font-size:12px}.dossier-lead>a{font-size:40px}.hero-dossier .hero-description{font-size:13px}body[data-design=dossier] .work-item{display:flex;direction:ltr;gap:24px}body[data-design=dossier] .section-heading{display:block}body[data-design=dossier] .section-heading h2{font-size:39px}body[data-design=dossier] .work-copy h3{font-size:28px}body[data-design=dossier] .project-heading h1{font-size:44px}body[data-design=dossier] .pinned-figure{top:112px;padding:10px;background:var(--paper)}body[data-design=dossier] .diagram-viewport>.diagram-scene{height:auto;max-height:30svh}body[data-design=dossier] .stage-nav{position:relative;inset:auto;width:auto;display:flex;flex-direction:row;margin-top:9px}body[data-design=dossier] .story-step{display:block;min-height:70vh;padding:65px 8px 35px}body[data-design=dossier] .step-number{font-size:20px}body[data-design=dossier] .story-step h3{font-size:28px;margin-top:17px}body[data-design=dossier] .story-step>p{font-size:14px;margin-top:20px}body[data-design=dossier] .my-work{margin-top:24px;padding-top:12px}body[data-design=dossier] .experience-row h3{font-size:50px}body[data-design=dossier] .contact h2{font-size:51px}.hero-sequence{padding-top:44px}.hero-sequence h1{font-size:65px}.hero-sequence .hero-description{font-size:14px}.hero-sequence .hero-links{gap:22px}.hero-sequence .hero-figure{padding:12px;margin-top:26px}.sequence-opening{font-size:21px;line-height:1.5;margin-top:55px}body[data-design=sequence] .main-nav{display:flex;bottom:12px;top:auto;right:auto;padding:14px 20px;gap:20px;font-size:10px;flex-direction:row;border-radius:30px}body[data-design=sequence] .menu-toggle{display:none}body[data-design=sequence] .section-heading h2{font-size:38px}body[data-design=sequence] .work-grid{display:block}body[data-design=sequence] .work-item{margin-bottom:33px}body[data-design=sequence] .work-copy h3{font-size:27px}body[data-design=sequence] .project-heading h1{font-size:42px}body[data-design=sequence] .project-summary{font-size:15px}body[data-design=sequence] .story-intro h2{font-size:26px}body[data-design=sequence] .pinned-figure{top:111px;padding:0 3px}body[data-design=sequence] .diagram-viewport{padding:6px;border-radius:7px}body[data-design=sequence] .diagram-viewport>.diagram-scene{height:auto;max-height:30svh}body[data-design=sequence] .active-figure-caption{font-size:10px;padding-top:8px}body[data-design=sequence] .story-step{padding:65px 8px 40px;min-height:73vh}body[data-design=sequence] .story-step h3{font-size:29px}body[data-design=sequence] .story-step>p{font-size:14px}body[data-design=sequence] .case-result h2{font-size:26px}dialog{padding:15px;width:97vw}.dialog-content h2{font-size:22px}.dialog-content .architecture{min-width:1000px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Focus the diagram camera on the current operation; keep the canvas steady. */
.diagram-viewport{overflow:hidden}.diagram-viewport>.diagram-scene{height:clamp(270px,calc(100svh - 345px),560px);max-height:none;overflow:hidden}.node-title{font-size:20px}.node-sub{font-size:13px}.diagram-node{opacity:.19}.diagram-edge{opacity:.15}.diagram-node.is-active,.diagram-edge.is-active{opacity:1}.diagram-toolbar button{font-size:11px}.diagram-toolbar button[aria-pressed=true]{border-color:var(--accent)}
body[data-design=atlas] .diagram-viewport>.diagram-scene,body[data-design=workbench] .diagram-viewport>.diagram-scene,body[data-design=dossier] .diagram-viewport>.diagram-scene,body[data-design=sequence] .diagram-viewport>.diagram-scene{height:clamp(260px,calc(100svh - 340px),540px);max-height:none}
@media(max-width:1200px){body[data-design=atlas] .diagram-viewport>.diagram-scene{height:34svh}body[data-design=dossier] .diagram-viewport>.diagram-scene,body[data-design=sequence] .diagram-viewport>.diagram-scene{height:34svh}}
@media(max-width:760px){.diagram-viewport>.diagram-scene,body[data-design=atlas] .diagram-viewport>.diagram-scene,body[data-design=dossier] .diagram-viewport>.diagram-scene,body[data-design=sequence] .diagram-viewport>.diagram-scene{height:27svh;max-height:none}body[data-design=workbench] .diagram-viewport>.diagram-scene{height:24svh;max-height:none}.figure-key{display:none}.diagram-toolbar button{font-size:9px}.story-step,.story-step.is-active{justify-content:flex-start;padding-top:52px}.story-step h3{scroll-margin-top:65svh}.active-figure-caption{min-height:39px}.pinned-figure{box-shadow:0 10px 0 var(--paper)}}

.node-title{font-size:18px}.node-sub{font-size:12px}

body{background:var(--paper);color:var(--ink)}

@media(min-width:761px){body[data-design=dossier] .diagram-viewport>.diagram-scene,body[data-design=sequence] .diagram-viewport>.diagram-scene{height:34svh;max-height:400px}}
@media(max-width:760px){.diagram-viewport>.diagram-scene,body[data-design=atlas] .diagram-viewport>.diagram-scene,body[data-design=dossier] .diagram-viewport>.diagram-scene,body[data-design=sequence] .diagram-viewport>.diagram-scene{height:32svh}body[data-design=workbench] .diagram-viewport>.diagram-scene{height:29svh}}
@media(min-width:761px){
 body[data-design=article] .diagram-viewport>.diagram-scene{height:clamp(240px,calc(100svh - 380px),525px)}
 body[data-design=atlas] .diagram-viewport>.diagram-scene{height:clamp(240px,calc(100svh - 375px),520px)}
 body[data-design=workbench] .diagram-viewport>.diagram-scene{height:clamp(220px,calc(100svh - 445px),465px)}
 body[data-design=sequence] .main-nav{position:static;transform:none;left:auto;bottom:auto;right:auto;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;font-size:12px;gap:31px}
}
@media(max-width:760px){
 body[data-design=sequence] .menu-toggle{display:block}
 body[data-design=sequence] .main-nav{display:none;position:absolute;top:71px;bottom:auto;left:0;right:0;transform:none;border-radius:0;padding:24px;background:var(--paper);border:0;border-bottom:1px solid var(--line);box-shadow:none;flex-direction:column;gap:24px;font-size:15px}
 body[data-design=sequence].menu-open .main-nav{display:flex}
}