/* DHARAN SHETTY / STUDIO 03
   Editorial scale, a quiet palette, and motion that follows the narrative. */
:root{--paper:#eeefec;--paper-2:#e5e8e2;--ink:#151b18;--muted:#626b64;--line:rgba(21,27,24,.17);--night:#111513;--cream:#e9ecdf;--gold:#d3ac69;--ease:cubic-bezier(.2,.75,.18,1);--page-progress:0;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-weight:400;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;overflow-x:hidden}body.modal-open,body:has(dialog:modal){overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a,input,summary{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #8b9d61}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.34}button{border:0;background:none}img,svg,canvas{display:block}img{max-width:100%}h1,h2,h3,p{margin:0}em{font-style:normal}::selection{background:#c8d1b9;color:#121814}input::-webkit-search-cancel-button{cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-70px;z-index:200;background:#111;color:white;padding:15px 20px;border-radius:5px}.skip-link:focus{top:15px}
.section-pad{padding-left:4.2vw;padding-right:4.2vw}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.13em;line-height:1.5;font-weight:500;display:flex;gap:8px;align-items:center;text-transform:uppercase}.eyebrow-dot{height:5px;width:5px;border-radius:50%;background:currentColor;display:block;flex-shrink:0}.arrow-icon{flex-shrink:0}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:14px;border-bottom:1px solid currentColor;padding:12px 0}.text-link .arrow-icon{transition:transform .4s var(--ease)}.text-link:hover .arrow-icon{transform:translate(3px,-3px)}.icon-button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.055);flex-shrink:0}.button-light,.button-dark{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 23px;border-radius:40px;min-height:55px;font-size:13px;transition:background .3s,transform .3s var(--ease)}.button-light{background:var(--cream);color:#171d18}.button-dark{background:var(--ink);color:var(--paper)}.button-light:hover,.button-dark:hover{transform:translateY(-3px);background:#cbd6b4;color:#111}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid var(--line);padding:7px 10px;border-radius:25px}.page-progress{position:fixed;left:0;bottom:0;height:2px;width:100%;transform:scaleX(var(--page-progress));transform-origin:left;background:#8b9c71;z-index:90;pointer-events:none}
/* Header: thin and quiet, never a large opaque UI bar. */
.site-header{position:fixed;top:24px;left:4.2vw;right:4.2vw;z-index:50;display:flex;align-items:center;justify-content:space-between;height:58px;transition:color .3s;color:var(--ink);pointer-events:none}.site-header>*{pointer-events:auto}.identity{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;object-fit:contain;flex-shrink:0}.on-dark .brand-mark{filter:brightness(1.12)}.identity-name{font-size:11px;line-height:1.25;letter-spacing:-.01em}.desktop-nav{display:flex;gap:5px;background:rgba(224,228,222,.72);backdrop-filter:blur(18px);border:1px solid rgba(120,130,120,.12);padding:5px;border-radius:30px;position:absolute;left:50%;transform:translateX(-50%)}.desktop-nav a{font-size:12px;position:relative;min-height:37px;padding:11px 22px;border-radius:25px;transition:background .3s}.desktop-nav a.active{background:#fff}.desktop-nav a:hover{background:rgba(255,255,255,.65)}.header-actions{display:flex;align-items:center;gap:13px}.contact-pill{display:flex;gap:25px;align-items:center;min-height:46px;padding:13px 19px;background:var(--ink);color:var(--paper);font-size:12px;border-radius:32px;transition:background .25s,transform .3s}.contact-pill svg{width:16px;height:16px}.contact-pill:hover{background:#394632;transform:translateY(-2px)}.menu-button{width:46px;height:46px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(120,130,120,.25);backdrop-filter:blur(15px);background:rgba(234,237,230,.5)}.menu-button span{width:15px;height:1px;background:currentColor;transition:width .3s}.menu-button:hover span:first-child{width:21px}.site-header.on-dark{color:var(--paper)}.on-dark .desktop-nav{background:rgba(26,32,29,.8);border-color:rgba(255,255,255,.15)}.on-dark .desktop-nav a.active,.on-dark .desktop-nav a:hover{background:#384039}.on-dark .contact-pill{background:var(--cream);color:var(--ink)}.on-dark .menu-button{background:rgba(30,38,32,.6);border-color:rgba(255,255,255,.25)}
/* Opening scene */
.hero{height:100svh;min-height:860px;max-height:1180px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 46%,#d5ddd1 0,transparent 43%),var(--paper);--hero-progress:0}.hero-grain{position:absolute;inset:0;opacity:.035;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-meta{position:absolute;top:128px;left:4.2vw;right:4.2vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#5c675e;z-index:5}.hero-meta span:last-child{display:flex;align-items:center;gap:9px}.hero-meta i{display:block;width:5px;height:5px;border-radius:50%;background:#637955}.hero-copy{position:relative;padding:23.4vh 0 0 4.2vw;width:63%;z-index:5;pointer-events:none;transform:translateY(calc(var(--hero-progress)*-55px));opacity:calc(1 - var(--hero-progress)*.55)}.hero-copy a{pointer-events:auto}.hero-copy>.eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(88px,9.35vw,160px);line-height:.9;letter-spacing:-.079em;font-weight:500;position:relative}.hero h1 span{display:block}.hero h1 em{color:#7a8779}.hero-copy>p{font-size:16px;line-height:1.5;margin-top:29px;color:#526052;letter-spacing:-.025em}.round-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;margin-top:24px}.round-link-icon{width:47px;height:47px;border:1px solid #8b9687;border-radius:50%;display:grid;place-items:center;transition:background .35s,transform .4s}.round-link-icon svg{width:19px;transform:rotate(90deg)}.round-link:hover .round-link-icon{background:#d5deca;transform:rotate(45deg)}.hero-art{position:absolute;right:1vw;top:13%;width:54%;height:82%;perspective:1200px;isolation:isolate;transform:translateY(calc(var(--hero-progress)*65px))}.studio{position:relative;overflow:visible}.studio canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .6s}.studio.is-fallback canvas{opacity:0}.studio-fallback{position:absolute;inset:18%;border-radius:50%;border:35px solid transparent;background:linear-gradient(35deg,#28333a,#f3f4ef 28%,#101919 48%,#c2cac8 62%,#444b4a) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;transform:rotate(-30deg) scaleX(.8);opacity:.9}.is-ready .studio-fallback{display:none}.hero-sculpture{position:absolute;left:-15%;top:-11%;width:116%;height:110%;z-index:1}.hero-portrait{position:absolute;width:66%;max-width:610px;right:1%;bottom:-27%;z-index:2;mask-image:linear-gradient(#000 77%,transparent 98%);transform-origin:50% 100%}.hero-portrait img{animation:portrait-enter 1.7s var(--ease) both;width:100%;height:auto;filter:saturate(.63) contrast(1.04);display:block}.hero-orbit{position:absolute;left:9%;top:7%;width:77%;height:79%;border:1px solid rgba(86,103,82,.18);border-radius:50%;transform:rotate(-22deg);z-index:0}.orbit-two{transform:rotate(24deg) scale(.86,1.08);border-color:rgba(86,103,82,.12)}.orbit-one:before{content:'';position:absolute;top:17%;left:5%;width:6px;height:6px;background:#8a9884;border-radius:50%}.art-coordinate{position:absolute;right:0;top:29%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.12em;color:#73806e}.portrait-caption{position:absolute;z-index:3;bottom:5%;right:3%;display:flex;gap:11px;align-items:flex-start;font-size:7px;line-height:1.7;letter-spacing:.12em;color:#53644e}.portrait-caption strong{display:block;font-size:15px;font-weight:400;color:#172219;letter-spacing:-.02em;margin-top:7px}.caption-line{width:31px;height:1px;background:#677860;margin-top:5px}.hero-footer{position:absolute;bottom:0;left:4.2vw;right:4.2vw;height:69px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em;z-index:6}.hero-footer>div{display:flex;gap:27px;color:#5d675d}.down-arrow{display:inline-block;font-size:17px;margin-left:15px;animation:arrow-drop 2.5s infinite}.hero-page-number{color:#626f5e}.hero-copy .eyebrow,.hero h1 span,.hero-copy>p,.round-link{animation:text-enter 1.2s var(--ease) both}.hero h1 span:nth-child(1){animation-delay:.07s}.hero h1 span:nth-child(2){animation-delay:.16s}.hero h1 span:nth-child(3){animation-delay:.24s}.hero-copy>p{animation-delay:.34s}.round-link{animation-delay:.41s}
/* A statement, then a credible career narrative. */
.experience-section{background:var(--paper)}.statement-block{padding-top:140px;padding-bottom:115px;border-bottom:1px solid var(--line)}.statement-block h2{font-weight:400;font-size:clamp(45px,5.5vw,86px);line-height:1.09;letter-spacing:-.065em;max-width:1180px;margin:53px 0 38px}.statement-word{opacity:var(--word-opacity,.2);transition:opacity .15s linear}.statement-bottom{display:flex;align-items:flex-start;justify-content:space-between;margin-top:55px}.small-star{font-size:64px;line-height:1;display:block;animation:slow-rotate 45s linear infinite}.statement-bottom p{max-width:530px;font-size:17px;line-height:1.7;color:var(--muted);letter-spacing:-.02em}.career-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;padding-top:125px;padding-bottom:120px;align-items:start}.career-summary{position:sticky;top:135px}.career-summary h2{font-size:clamp(43px,4.8vw,73px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:25px 0 0}.career-summary h2 em{color:#7d897b}.career-years{display:flex;align-items:center;gap:22px;margin-top:49px}.career-years strong{font-size:102px;font-weight:400;letter-spacing:-.095em;line-height:1}.career-years strong span{font-size:57px;vertical-align:top;line-height:1.25;letter-spacing:0}.career-years>span{font-size:8px;line-height:1.8;letter-spacing:.1em}.career-summary .text-link{margin-top:36px}.career-item{border-top:1px solid var(--line)}.career-item:last-child{border-bottom:1px solid var(--line)}.career-trigger{width:100%;display:flex;gap:20px;text-align:left;padding:31px 0;align-items:flex-start}.career-index{font-size:10px;color:#6c7868;line-height:2;width:25px;flex-shrink:0}.career-company{flex:1}.career-company>span:first-child{font-size:9px;letter-spacing:.075em;text-transform:uppercase;color:var(--muted)}.career-company h3{font-size:clamp(21px,2.18vw,35px);letter-spacing:-.045em;line-height:1.1;font-weight:400;margin:11px 0 9px}.career-role{font-size:11px;color:var(--muted);line-height:1.6;display:block}.expand-mark{border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:20px;line-height:1;margin-top:5px;transition:background .3s,transform .4s;flex-shrink:0}.career-trigger:hover .expand-mark{background:#d1dac9;transform:rotate(90deg)}.career-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease),opacity .4s;opacity:0}.career-fold>div{overflow:hidden}.expanded .career-fold{grid-template-rows:1fr;opacity:1}.career-content{padding:0 0 35px 45px}.career-description{font-size:15px;line-height:1.65;margin-bottom:22px;max-width:49ch}.career-content ul{padding:0;list-style:none;margin:0}.career-content li{font-size:12px;line-height:1.7;color:#5b665a;position:relative;padding-left:15px;margin-bottom:13px}.career-content li:before{content:'—';position:absolute;left:0;color:#8a9684}.career-note{font-size:10px;line-height:1.65;margin:23px 0;color:#3a4837;border-left:2px solid #8a9979;padding-left:12px}.credentials{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:38px;padding-bottom:38px;font-size:14px}.credentials>span{font-size:8px;letter-spacing:.12em;color:#626d5e}.credentials>div>span{display:block;font-size:10px;color:var(--muted);margin-top:7px}
/* Selected work. Native scroll drives a camera-like horizontal sequence. */
.work-section{background:var(--night);color:var(--paper)}.work-intro{min-height:690px;padding-top:132px;padding-bottom:37px;display:flex;flex-direction:column}.work-intro>.eyebrow{color:#99a38e}.work-intro h2{font-size:clamp(60px,7vw,112px);font-weight:400;line-height:1.05;letter-spacing:-.066em;margin-top:48px}.work-intro h2 em{color:#84927b}.work-intro>div:nth-child(2){position:relative}.work-intro p{font-size:14px;line-height:1.65;color:#99a48f;margin:30px 0 72px auto;width:max-content;max-width:100%}.work-intro-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #36402f;padding-top:24px;font-size:8px;letter-spacing:.13em;margin-top:auto}.work-intro-bottom span span{font-size:19px;margin-left:16px}.work-scroll{height:360svh;--work-progress:0;background:#111513}.work-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.work-track{height:100%;width:300%;display:flex;transform:translate3d(calc(var(--work-shift,0)*-1px),0,0);will-change:transform}.project-panel{position:relative;flex:0 0 calc(100% / 3);width:calc(100% / 3);height:100%;background:#111513;padding:110px 4.2vw 114px;overflow:hidden}.project-panel-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;height:100%;align-items:center;max-width:1750px;margin:auto}.project-copy{position:relative;z-index:3}.project-kicker{display:flex;flex-direction:column;gap:13px;letter-spacing:.1em;font-size:8px;color:#a6ae9d;margin-bottom:34px}.project-kicker>span:first-child{color:#798972}.project-copy h3{font-size:clamp(40px,4.55vw,78px);line-height:1.06;letter-spacing:-.065em;font-weight:400}.project-copy h3 span{display:block}.project-copy h3 span:nth-child(2){color:#9eaf8b}.project-copy>p{font-size:14px;line-height:1.8;max-width:45ch;margin-top:28px;color:#abb4a3}.project-actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.project-story-link{font-size:11px;padding:12px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid #697561}.project-story-link span{font-size:18px}.project-stack{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #34402d;padding-top:23px;margin-top:38px;font-size:8px;line-height:1.6;letter-spacing:.025em;color:#85977a}.project-visual{height:100%;max-height:600px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.meticulis-art{width:100%;aspect-ratio:1;max-height:600px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.meticulis-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 46%,#514631 0,rgba(61,49,28,.4) 31%,transparent 65%);opacity:.6;z-index:-1}.meticulis-image{width:71%;padding:25px;background:#000;box-shadow:0 35px 60px rgba(0,0,0,.42);transform:perspective(1200px) rotateY(-10deg) rotateX(5deg);transition:transform .9s var(--ease);border:1px solid #524124}.meticulis-art:hover .meticulis-image{transform:perspective(1200px) rotateY(-2deg) rotateX(0deg) translateY(-6px)}.meticulis-image img{width:100%;height:auto}.brand-orbit{position:absolute;width:88%;height:88%;border:1px solid #8d713f;border-radius:50%;opacity:.28;transform:rotate(-25deg) scaleX(.79);z-index:-1}.brand-orbit-2{transform:rotate(31deg) scaleX(.68);opacity:.2}.brand-orbit-3{transform:rotate(82deg) scaleX(.78);opacity:.12}.brand-orbit-1:before{content:'';position:absolute;left:4%;top:26%;width:7px;height:7px;border-radius:50%;background:#d9b771;box-shadow:0 0 20px #d9b771}.meticulis-art-label{position:absolute;right:3%;bottom:4%;color:#a58b60;font-size:8px;line-height:1.9;letter-spacing:.14em}.project-loadstrike{background:radial-gradient(ellipse at 81% 46%,#35261d,transparent 47%),#151513}.project-loadstrike .project-copy h3 span:nth-child(2){color:#d1a06e}.project-loadstrike .project-stack{border-color:#51402e;color:#bc9871}.project-loadstrike .project-kicker>span:first-child{color:#b98a58}.project-loadstrike .project-copy>p{color:#bfb4a7}.transaction-art{position:relative;width:100%;max-width:630px;aspect-ratio:1.2;isolation:isolate}.transaction-label{position:absolute;top:0;left:6%;display:flex;align-items:center;gap:9px;color:#c5a988;font-size:8px;letter-spacing:.13em}.transaction-label .connection-dot{background:#e4ab6d}.transaction-art:before{content:'';position:absolute;inset:4% 12%;border-radius:50%;background:radial-gradient(ellipse,#78502b66,transparent 70%);z-index:-1}.transaction-paths{position:absolute;width:115%;height:100%;left:-7.5%;top:0;overflow:visible}.transaction-core{width:230px;height:230px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#1a211f;box-shadow:0 15px 45px #0009,0 0 55px #c87f2540;overflow:hidden}.transaction-core img{width:86%;height:86%;border-radius:50%;object-fit:cover}.core-rim{position:absolute;inset:0;border:3px solid transparent;border-radius:50%;background:conic-gradient(from 0deg,#e1be78,#6a4123,#d8aa65,#352318,#f6dc96,#6a4123,#e1be78) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:slow-rotate 24s linear infinite}.transaction-packet{offset-path:path('M -20 189 C 170 79,470 407,665 220');animation:packet-travel 5s linear infinite;filter:drop-shadow(0 0 8px #ffb548)}.packet-two{animation-delay:-2.5s;animation-duration:6s}.transaction-nodes{position:absolute;top:71%;left:3%;right:3%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#c9a986}.transaction-caption{position:absolute;left:6%;right:6%;bottom:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #62472b;padding-top:17px;font-size:11px;line-height:1.8;color:#b7a793}.transaction-caption strong{font-weight:400;color:#e6dac8}.transaction-caption button{width:40px;height:40px;border:1px solid #71512e;border-radius:50%;font-size:23px;color:#dabc94}.transaction-caption button:hover{background:#49301b}.project-orchestrator{background:radial-gradient(ellipse at 78% 48%,#263232,transparent 45%),#101615}.project-orchestrator .project-copy h3 span:nth-child(2){color:#9abbb5}.project-orchestrator .project-stack{color:#91b2aa;border-color:#36524a}.pipeline-demo{width:100%;max-width:570px;background:linear-gradient(125deg,#25342ee0,#14231eef);border:1px solid #53675b;box-shadow:0 40px 90px #0005;border-radius:10px;transform:perspective(1300px) rotateY(-8deg) rotateX(3deg);transition:transform .8s var(--ease);overflow:hidden}.pipeline-demo:hover{transform:perspective(1300px) rotateY(-1deg) rotateX(0deg)}.window-top{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#8fa397;border-bottom:1px solid #475d4c}.window-top>div{display:flex;gap:5px}.window-top i{width:5px;height:5px;border-radius:50%;background:#657b6b}.connection-dot{width:5px;height:5px;display:block;border-radius:50%;background:#adc9a5}.pipeline-message{margin:26px 26px 18px;display:flex;gap:15px;align-items:flex-start}.slack-mark{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;background:#394d3f;border:1px solid #60755f;border-radius:10px;font-size:31px;font-weight:400;color:#cdd8bc}.pipeline-message>div:nth-child(2){flex:1}.pipeline-message span{font-size:8px;color:#9db3a2}.pipeline-message p{font-size:25px;line-height:1.25;letter-spacing:-.04em;margin-top:10px;color:#e3e9d8}.pipeline-message>.message-arrow{color:#b9c9ad;font-size:22px}.pipeline-stages{padding:13px 26px 6px}.pipeline-row{display:flex;align-items:center;gap:18px;border-top:1px solid #40543f;padding:14px 0;transition:opacity .4s,transform .4s}.pipeline-row>span:first-child{font-size:8px;color:#a8b49d;width:25px;height:25px;border:1px solid #59734d;border-radius:50%;display:grid;place-items:center;transition:background .3s}.pipeline-row>div{flex:1}.pipeline-row strong{font-size:12px;font-weight:400;color:#dae4ce;display:block}.pipeline-row small{font-size:9px;display:block;margin-top:4px;color:#8caa91}.stage-light{width:5px;height:5px;display:block;background:#435942;border-radius:50%}.pipeline-row.current .stage-light{background:#d9ed8d;box-shadow:0 0 10px #c7db7c;animation:status-glow 1s infinite}.pipeline-row.complete>span:first-child{background:#bfd08f;color:#233324}.pipeline-row.complete .stage-light{background:#bfd08f}.pipeline-controls{margin:13px 26px 24px}.pipeline-controls>button{width:100%;background:#c2cfae;color:#253224;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;min-height:45px;font-size:11px}.pipeline-controls>button svg{width:17px}.pipeline-controls>span{display:block;text-align:center;font-size:8px;margin-top:13px;color:#8c9f85}.work-navigation{position:absolute;bottom:0;left:4.2vw;right:4.2vw;height:79px;display:flex;align-items:center;gap:35px;border-top:1px solid #45513d;background:linear-gradient(transparent,#11151388);z-index:5}.work-nav-label{font-size:8px;color:#8d9d80;letter-spacing:.1em}.work-navigation>div:nth-child(2){display:flex;gap:27px}.work-navigation>div:nth-child(2)>button{font-size:10px;color:#97a78b;display:flex;align-items:center;gap:10px;padding:15px 0;min-height:44px}.work-navigation>div:nth-child(2)>button span{font-size:8px;color:#718265}.work-navigation>div:nth-child(2)>button.active{color:#e8eedb}.work-navigation>div:nth-child(2)>button.active span{color:#d3dfb7}.work-arrow-buttons{display:flex;gap:10px;margin-left:auto}.work-arrow-buttons>button{width:34px;min-height:44px;font-size:20px}.work-progress-line{position:absolute;left:0;top:-1px;height:1px;width:100%;background:#c6d4ad;transform-origin:left;transform:scaleX(var(--work-progress));pointer-events:none}.work-scroll.stacked{height:auto}.stacked .work-sticky{height:auto;position:relative;min-height:0}.stacked .work-track{width:100%;height:auto;display:block;transform:none!important}.stacked .project-panel{width:100%;min-height:740px;height:auto;padding-top:100px;padding-bottom:100px}.stacked .project-panel-inner{min-height:520px}
/* Lab: an editorial index, rather than a wall of cards. */
.lab-section{padding-top:130px;padding-bottom:90px;background:var(--paper)}.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:34px 0 72px}.lab-heading h2{font-weight:400;font-size:clamp(52px,6.4vw,102px);letter-spacing:-.065em;line-height:1.02}.lab-heading h2 em{color:#7c8976}.lab-heading>div{padding-bottom:7px}.lab-heading p{font-size:15px;line-height:1.7;color:#5e6c57}.lab-heading>div>span{font-size:7px;letter-spacing:.12em;color:#6d7b64;margin-top:27px;display:block}.lab-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:0 0 18px;border-bottom:1px solid #9da794}.filter-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter-buttons button{font-size:10px;min-height:40px;padding:12px 18px;border-radius:30px;color:#69755f;transition:background .3s}.filter-buttons button.active{background:var(--ink);color:var(--paper)}.filter-buttons button:hover:not(.active){background:#d6ddcc}.filter-buttons sup{font-size:8px;margin-left:5px}.project-search{position:relative;max-width:200px;width:100%}.project-search input{width:100%;border:0;border-radius:0;border-bottom:1px solid #adb5a5;min-height:42px;background:transparent;font-size:11px;padding:10px 32px 10px 0;color:var(--ink)}.project-search input::placeholder{color:#6a7863}.project-search>span:last-child{position:absolute;right:4px;top:4px;font-size:28px;color:#67775d;pointer-events:none}.lab-row{width:100%;display:grid;grid-template-columns:35px 1fr 186px 40px;align-items:center;gap:25px;padding:32px 0;border-bottom:1px solid var(--line);text-align:left;position:relative;transition:padding .45s var(--ease),background .45s}.lab-row:hover{padding-left:18px;padding-right:18px;background:#e0e5d9}.lab-index{font-size:9px;align-self:start;padding-top:8px;color:#79866f}.lab-row h3{font-size:clamp(23px,2.55vw,38px);line-height:1.2;font-weight:400;letter-spacing:-.045em}.lab-row p{font-size:12px;line-height:1.6;color:#64725b;margin-top:10px;max-width:67ch}.project-status{font-size:8px;line-height:1.6;letter-spacing:.015em;color:#57654f;justify-self:start;border:1px solid #bcc6b0;border-radius:20px;padding:6px 10px}.lab-row-arrow{width:38px;height:38px;border:1px solid #b3c0a6;border-radius:50%;display:grid;place-items:center;transition:background .4s,transform .4s}.lab-row-arrow svg{width:17px}.lab-row:hover .lab-row-arrow{background:#26351f;color:#e6eedd;transform:rotate(45deg)}.lab-note{font-size:10px;line-height:1.65;color:#66745b;margin-top:25px;max-width:70ch}.empty-results{padding:65px 0}.empty-results h3{font-size:22px;font-weight:400}.empty-results .text-link{margin-top:20px}
/* Toolkit and technical vocabulary. */
.toolkit-section{position:relative;padding-top:100px;padding-bottom:170px;display:grid;grid-template-columns:1fr 1.15fr;gap:9%;background:#e1e6db;border-top:1px solid #b7c2ab;overflow:hidden}.toolkit-heading h2{font-size:clamp(40px,4.8vw,75px);line-height:1.05;letter-spacing:-.06em;font-weight:400;margin-top:30px}.toolkit-heading h2 em{color:#76876c}.toolkit-heading>p{font-size:13px;color:#5e7053;line-height:1.75;max-width:35ch;margin-top:25px}.toolkit-list{border-top:1px solid #a8b79b}.toolkit-list details{border-bottom:1px solid #b9c5af}.toolkit-list summary{list-style:none;display:flex;gap:17px;align-items:flex-start;cursor:pointer;padding:20px 0;font-size:15px;line-height:1.5;letter-spacing:-.02em}.toolkit-list summary::-webkit-details-marker{display:none}.tool-number{font-size:8px;line-height:2.7;color:#6d805f;width:20px;flex-shrink:0}.toolkit-list summary>span:nth-child(2){flex:1}.toolkit-list small{font-size:9px;color:#6e8060;display:block;margin-top:3px;letter-spacing:0}.tool-plus{font-size:21px;color:#667d56;line-height:1.3;margin-right:4px;transition:transform .3s}.toolkit-list details[open] .tool-plus{transform:rotate(45deg)}.toolkit-list details>p{padding:0 15px 23px 37px;font-size:12px;color:#546b46;line-height:1.8;max-width:65ch}.skills-marquee{position:absolute;left:0;bottom:20px;width:100%;overflow:hidden;border-top:1px solid #bcc8b1;padding-top:20px;white-space:nowrap;color:#768768;font-size:clamp(28px,3.4vw,54px);letter-spacing:-.04em;line-height:1.2;pointer-events:none}.skills-marquee>div{display:flex;width:max-content;animation:marquee 45s linear infinite}.skills-marquee span{flex-shrink:0}.skills-marquee i{font-style:normal;font-size:.6em;margin:0 25px;vertical-align:middle;color:#a3b292}
/* Final invitation, with a second real-time studio scene. */
.contact-section{position:relative;background:#121815;color:#eef1e8;padding-top:110px;padding-bottom:35px;overflow:hidden;isolation:isolate}.contact-section>.eyebrow{color:#a1af96;position:relative;z-index:2}.contact-content{position:relative;z-index:2;margin-top:55px;pointer-events:none}.contact-content a{pointer-events:auto}.contact-content h2{font-size:clamp(66px,8.4vw,137px);letter-spacing:-.075em;font-weight:400;line-height:.98}.contact-content h2 em{color:#99b48b}.contact-content>p{font-size:14px;line-height:1.7;color:#a6b59b;margin-top:35px}.contact-email{display:inline-flex;align-items:center;gap:55px;font-size:28px;letter-spacing:-.03em;border-bottom:1px solid #adb99a;padding-bottom:10px;margin-top:33px}.contact-email svg{width:29px;height:29px;transition:transform .4s}.contact-email:hover svg{transform:translate(6px,-6px)}.contact-sculpture{position:absolute;right:-5%;top:3%;width:65%;height:77%;z-index:0;opacity:.86;transform:rotate(-19deg)}.contact-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 71% 43%,#33443466,transparent 50%);z-index:-1}.contact-links{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:95px;border-top:1px solid #47593b;border-bottom:1px solid #47593b}.contact-links>a,.contact-links>button{padding:28px 10px 28px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px;border-right:1px solid #3e5132;margin-right:27px;transition:color .3s}.contact-links>:last-child{border-right:0;margin-right:0}.contact-links svg{width:18px;height:18px;margin-right:17px}.contact-links>a:hover,.contact-links>button:hover{color:#b2d688}.footer-bottom{display:flex;align-items:flex-end;gap:50px;margin-top:42px;position:relative;z-index:2}.footer-signature{font-size:23px;letter-spacing:-.045em}.footer-signature>span{display:block;font-size:7px;letter-spacing:.08em;margin-top:10px;color:#9aaa8d}.footer-bottom>div{font-size:7px;letter-spacing:.08em;line-height:1.8;color:#97a88a}.footer-bottom>div>span{display:block}.back-top{margin-left:auto;width:40px;height:40px;border:1px solid #5d7150;border-radius:50%;display:grid;place-items:center;font-size:21px}
/* Accessible native dialogs: keyboard focus containment and Escape support. */
dialog{padding:0;border:0;color:var(--ink);background:var(--paper);max-width:100%;max-height:100%;overscroll-behavior:contain}dialog::backdrop{background:#0b100caa;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-enter .45s var(--ease)}.navigation-dialog{position:fixed;inset:14px;width:calc(100% - 28px);height:calc(100svh - 28px);border-radius:12px;padding:32px 4vw;overflow:auto}.menu-top{display:flex;align-items:center;justify-content:space-between}.menu-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:10%;margin-top:8vh;align-items:end}.menu-layout nav{margin-top:28px}.menu-layout nav a{display:flex;align-items:center;gap:22px;font-size:clamp(31px,4.2vw,66px);letter-spacing:-.06em;padding:13px 0;line-height:1.2;border-bottom:1px solid #bec7b6}.menu-layout nav a>span{font-size:9px;letter-spacing:0;width:15px}.menu-layout nav a svg{width:30px;height:30px;margin-left:auto;transition:transform .3s}.menu-layout nav a:hover svg{transform:translate(4px,-4px)}.menu-layout aside>p{font-size:25px;line-height:1.35;letter-spacing:-.025em}.menu-layout aside>a{font-size:12px;display:flex;gap:40px;align-items:center;margin:44px 0 20px}.menu-bottom{display:flex;justify-content:space-between;margin-top:60px;padding:23px 0 0;border-top:1px solid #bdc9b1;font-size:8px;letter-spacing:.1em;color:#5f7053}.detail-dialog{width:min(1010px,calc(100vw - 50px));max-height:calc(100svh - 50px);border-radius:12px;overflow:auto}.detail-dialog-inner{padding:40px 55px 50px}.detail-top{display:flex;gap:25px;align-items:center;justify-content:space-between}.detail-top>.eyebrow{color:#708063}.detail-dialog h2{font-size:clamp(35px,5.8vw,79px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:45px 0 25px}.detail-summary{font-size:22px;line-height:1.45;letter-spacing:-.03em;max-width:52ch;color:#4e6340}.detail-body{border-top:1px solid #adbd9f;margin-top:36px;padding-top:32px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px}.detail-body h3{font-size:8px;letter-spacing:.14em;font-weight:400;color:#62754f;margin-bottom:15px}.detail-body p,.detail-body li{font-size:13px;line-height:1.85;color:#506544}.detail-body ul{padding-left:16px;margin:0}.detail-body li{padding-left:4px;margin-bottom:10px}.detail-tags{margin-top:30px}.detail-note{font-size:11px;line-height:1.7;border-top:1px solid #bfceb2;padding-top:20px;margin-top:30px;color:#526947}.detail-dialog .button-dark{margin-top:25px}.story-dialog{width:min(710px,calc(100vw - 40px));padding:30px 42px 35px;border-radius:10px;max-height:calc(100svh - 40px);overflow:auto}.story-top{display:flex;gap:20px;justify-content:space-between;align-items:center}.story-number{font-size:90px;letter-spacing:-.08em;line-height:1;margin-top:30px;color:#708164}.story-number>span{font-size:15px;letter-spacing:-.02em;margin-left:15px;color:#9aa98d}.story-dialog h2{font-size:44px;line-height:1.05;font-weight:400;letter-spacing:-.055em;margin-top:25px}.story-transcript{font-size:20px;line-height:1.7;color:#4b6340;letter-spacing:-.02em;margin-top:25px}.story-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bacbad;padding-top:18px;margin-top:32px}.story-navigation>button{height:44px;width:44px;border-radius:50%;border:1px solid #a9bf98;font-size:21px}.story-navigation>div{display:flex;gap:8px}.story-navigation>div>button{min-width:30px;min-height:44px;position:relative}.story-navigation>div>button:after{content:'';position:absolute;top:20px;left:10px;width:6px;height:6px;border-radius:50%;background:#b9c8ac}.story-navigation>div>button.active:after{background:#415c33}.story-audio{display:flex;align-items:center;gap:17px;margin-top:25px}.story-audio>span{font-size:9px;color:#596e4c}.waveform{display:flex;gap:3px;height:18px;align-items:center}.waveform i{width:2px;height:10px;background:currentColor}.waveform i:nth-child(2n){height:17px}.waveform i:nth-child(3){height:7px}
/* Motion is an enhancement, never a prerequisite for content. */
.app-ready [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.app-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes text-enter{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes portrait-enter{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
@keyframes slow-rotate{to{rotate:360deg}}@keyframes packet-travel{to{offset-distance:100%}}@keyframes status-glow{50%{opacity:.3}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes arrow-drop{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Laptop / tablet */
@media(min-width:1700px){.hero-copy{padding-top:24vh}.hero-portrait{right:7%}.hero-art{right:2%;width:49%}.project-copy>p{font-size:17px}.project-stack{font-size:10px}.project-kicker{font-size:10px}}
@media(max-height:820px) and (min-width:901px){.hero{min-height:800px}.hero-copy{padding-top:200px}.hero h1{font-size:min(9.35vw,120px)}.hero-meta{top:115px}.project-panel{padding-top:100px;padding-bottom:97px}.project-kicker{margin-bottom:23px}.project-copy>p{margin-top:20px;font-size:13px}.project-actions{margin-top:22px}.project-stack{margin-top:25px}.pipeline-row{padding:11px 0}.pipeline-message{margin-top:19px}.pipeline-message p{font-size:21px}.pipeline-stages{padding-top:5px}.window-top{height:40px}.work-sticky{min-height:660px}.project-copy h3{font-size:clamp(40px,4.2vw,65px)}}
@media(max-width:1100px){.hero-copy{width:66%}.hero h1{font-size:9.6vw}.hero-art{width:56%;right:-4%;top:16%}.hero-portrait{width:71%;right:0;bottom:-13%}.portrait-caption{right:12%;bottom:2%}.hero-footer>div{gap:15px;font-size:7px}.career-layout{grid-template-columns:.85fr 1.3fr;gap:6%}.career-content{padding-left:33px}.career-trigger{gap:9px}.project-panel-inner{gap:3%;grid-template-columns:1fr 1.06fr}.project-kicker{font-size:7px}.project-copy h3{font-size:4.6vw}.project-copy>p{font-size:13px}.project-stack{font-size:7px;gap:9px}.button-light{font-size:11px;padding:16px 19px;gap:20px}.project-actions{gap:15px}.pipeline-message{margin-left:19px;margin-right:19px}.pipeline-stages{padding-left:19px;padding-right:19px}.pipeline-controls{margin-left:19px;margin-right:19px}.transaction-core{width:180px;height:180px}.transaction-art{aspect-ratio:1.04}.lab-row{grid-template-columns:25px 1fr 150px 37px;gap:18px}.lab-heading>div>span{font-size:6px}.lab-heading{gap:25px}.credentials{gap:20px;font-size:12px}}
/* A separate mobile composition, not a scaled-down desktop. */
@media(max-width:900px){
 html{scroll-padding-top:92px}.section-pad{padding-left:6vw;padding-right:6vw}.site-header{top:20px;left:6vw;right:6vw}.desktop-nav{display:none}.identity-name{font-size:10px}.contact-pill{padding:12px 17px;font-size:11px;gap:18px}.header-actions{gap:9px}.hero{height:auto;min-height:0;max-height:none;padding-bottom:68px}.hero-meta{top:117px;left:6vw;right:6vw;font-size:7px;letter-spacing:.06em}.hero-copy{width:100%;padding:185px 6vw 0;transform:none!important;opacity:1!important}.hero-copy>.eyebrow{margin-bottom:23px;font-size:8px}.hero h1{font-size:clamp(78px,12.5vw,110px);line-height:.94;letter-spacing:-.075em}.hero-copy>p{font-size:15px;margin-top:25px}.round-link{margin-top:20px}.hero-art{position:relative;right:auto;top:auto;width:78%;height:550px;margin:-190px -8% 0 auto;transform:none!important}.hero-sculpture{left:-10%;top:-15%;width:120%;height:120%}.hero-portrait{width:72%;max-width:430px;right:8%;bottom:-11%;mask-image:linear-gradient(#000 80%,transparent 97%)}.art-coordinate{right:11%}.portrait-caption{right:17%;bottom:1%}.hero-footer{left:6vw;right:6vw;font-size:7px;height:68px}.hero-footer>div{display:none}.hero-page-number{display:block}.hero-orbit{top:10%}.statement-block{padding-top:95px;padding-bottom:80px}.statement-block h2{font-size:clamp(38px,7.3vw,68px);max-width:760px;margin:36px 0}.statement-bottom{gap:35px;margin-top:36px}.statement-bottom p{font-size:15px;max-width:480px}.small-star{font-size:49px}.career-layout{display:block;padding-top:90px;padding-bottom:80px}.career-summary{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.career-summary>.eyebrow{grid-column:1/-1}.career-summary h2{font-size:58px;margin-top:30px;grid-column:1}.career-summary h2 br:nth-child(2){display:none}.career-years{margin:0 0 5px auto;gap:16px;grid-column:2;grid-row:2}.career-years strong{font-size:84px}.career-summary .text-link{grid-column:1/-1;justify-self:start;margin-top:25px}.career-company h3{font-size:30px}.career-role{font-size:12px}.career-trigger{padding:29px 0;gap:15px}.career-content{padding-left:40px}.career-content li{font-size:13px}.career-description{font-size:16px;max-width:58ch}.career-note{font-size:11px}.credentials{grid-template-columns:repeat(3,1fr);gap:25px;padding-top:31px;padding-bottom:36px}.credentials>span{grid-column:1/-1}.credentials>div{font-size:13px}.work-intro{padding-top:95px;min-height:560px}.work-intro h2{font-size:clamp(50px,8vw,76px);margin-top:38px}.work-intro p{font-size:13px;margin-top:32px;margin-bottom:58px}.work-intro-bottom{font-size:7px}.work-scroll{height:auto}.work-sticky{position:relative;height:auto;min-height:0}.work-track{height:auto;width:100%;display:block;transform:none!important}.project-panel,.stacked .project-panel{height:auto;width:100%;min-height:0;padding:72px 6vw 58px;border-top:1px solid #364332}.project-panel-inner,.stacked .project-panel-inner{display:flex;flex-direction:column;gap:45px;min-height:0}.project-copy{width:100%}.project-kicker{flex-direction:row;justify-content:space-between;gap:16px;font-size:7px;margin-bottom:30px}.project-copy h3{font-size:clamp(44px,7.6vw,67px)}.project-copy>p{font-size:15px;max-width:54ch;line-height:1.75;margin-top:25px}.project-actions{margin-top:29px;gap:24px}.button-light{font-size:12px;padding:17px 23px}.project-stack{margin-top:29px;padding-top:20px;font-size:8px;gap:19px}.project-visual{width:100%;max-width:570px;height:auto;min-height:350px;max-height:none}.meticulis-art{width:90%;max-height:none}.meticulis-image{width:66%}.meticulis-art-label{font-size:7px}.transaction-art{width:100%;aspect-ratio:1.25;max-width:600px}.transaction-core{width:230px;height:230px}.transaction-label{font-size:8px}.transaction-nodes{font-size:8px}.transaction-caption{font-size:11px}.pipeline-demo{transform:none}.pipeline-message{margin:25px}.pipeline-message p{font-size:29px}.pipeline-stages{padding:10px 25px}.pipeline-row{padding:15px 0}.pipeline-row strong{font-size:13px}.pipeline-row small{font-size:10px}.pipeline-controls{margin:14px 25px 27px}.pipeline-controls>button{font-size:12px}.window-top{font-size:8px}.work-navigation{display:none}.lab-section{padding-top:90px;padding-bottom:75px}.lab-heading{margin:30px 0 48px;display:block}.lab-heading h2{font-size:clamp(48px,8vw,72px)}.lab-heading>div{margin-top:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.lab-heading p{font-size:14px}.lab-heading>div>span{max-width:140px;line-height:1.6;font-size:7px;margin-top:0}.lab-controls{gap:15px;flex-wrap:wrap}.filter-buttons{gap:2px}.filter-buttons button{font-size:9px;padding:12px 14px}.project-search{max-width:180px;margin-left:auto}.lab-row{grid-template-columns:22px 1fr 37px;gap:16px;padding:27px 0}.lab-row h3{font-size:28px}.lab-row p{font-size:12px}.project-status{grid-column:2;grid-row:2;margin-top:-5px;font-size:8px}.lab-row-arrow{grid-column:3;grid-row:1}.lab-row:hover{padding-left:8px;padding-right:8px}.toolkit-section{padding-top:80px;display:block;padding-bottom:150px}.toolkit-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:end}.toolkit-heading>.eyebrow{grid-column:1/-1}.toolkit-heading h2{font-size:55px;margin-top:25px}.toolkit-heading p{font-size:13px;margin-bottom:3px;margin-top:0}.toolkit-list{margin-top:42px}.toolkit-list summary{font-size:17px;padding:23px 0}.toolkit-list small{font-size:10px}.toolkit-list details>p{font-size:13px}.skills-marquee{font-size:40px}.contact-section{padding-top:87px;padding-bottom:29px}.contact-content h2{font-size:clamp(65px,10vw,96px)}.contact-sculpture{right:-30%;top:18%;width:97%;height:60%;opacity:.39}.contact-content{margin-top:43px}.contact-content>p{font-size:14px}.contact-links{grid-template-columns:1fr 1fr;margin-top:65px}.contact-links>a,.contact-links>button{margin-right:0;padding:25px 16px 25px 0}.contact-links>:nth-child(2n){border-right:0;padding-left:20px}.contact-links>:nth-child(-n+2){border-bottom:1px solid #405633}.footer-bottom{flex-wrap:wrap;gap:27px;align-items:center;margin-top:35px}.footer-signature{font-size:24px;width:45%}.footer-bottom>div{font-size:7px}.menu-layout{grid-template-columns:1fr;gap:35px;margin-top:50px}.menu-layout nav a{font-size:clamp(33px,6vw,55px);padding:15px 0}.menu-layout aside{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;align-items:center}.menu-layout aside>p{display:none}.menu-layout aside>a{margin:0}.menu-bottom{margin-top:35px}.navigation-dialog{padding:25px 5vw}.detail-dialog-inner{padding:28px 32px 35px}.detail-dialog h2{font-size:52px;margin-top:35px}.detail-summary{font-size:21px}.detail-body{gap:28px}.detail-body p,.detail-body li{font-size:12px}
}
@media(max-width:600px){
 .site-header{top:15px;height:50px}.identity{gap:13px}.identity-name{font-size:9px}.contact-pill{min-height:41px;padding:11px 15px;gap:14px;font-size:10px}.contact-pill svg{width:14px;height:14px}.menu-button{width:41px;height:41px}.hero-meta{top:101px;font-size:6px;letter-spacing:.075em}.hero-meta span:first-child{max-width:175px;line-height:1.8}.hero-meta span:last-child{align-items:flex-start;padding-top:3px;font-size:6px;gap:5px}.hero-meta i{margin-top:1px;width:4px;height:4px}.hero-copy{padding-top:160px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.105em;margin-bottom:24px}.hero h1{font-size:clamp(61px,15.2vw,87px);line-height:.96;letter-spacing:-.068em}.hero-copy>p{font-size:13px;line-height:1.6;margin-top:24px}.round-link{font-size:11px;margin-top:19px;gap:12px}.round-link-icon{width:42px;height:42px}.hero-art{width:100%;height:460px;max-height:none;margin:0 0 -5px}.hero-sculpture{width:131%;height:122%;left:-21%;top:-15%}.hero-portrait{width:78%;max-width:350px;right:6%;bottom:-12%}.hero-orbit{top:4%;width:75%;height:83%;left:11%}.art-coordinate{right:7%;top:29%;font-size:6px}.portrait-caption{bottom:4%;right:10%;font-size:6px}.portrait-caption strong{font-size:14px;margin-top:4px}.caption-line{width:20px}.hero-footer{height:60px;font-size:6px}.hero{padding-bottom:60px}.down-arrow{font-size:15px}.statement-block{padding-top:77px;padding-bottom:64px}.statement-block>.eyebrow{font-size:8px}.statement-block h2{font-size:39px;line-height:1.13;letter-spacing:-.055em;margin-top:34px}.statement-bottom{gap:21px;margin-top:33px}.small-star{font-size:36px}.statement-bottom p{font-size:12px;line-height:1.85;max-width:260px}.career-layout{padding-top:65px;padding-bottom:65px}.career-summary{display:block;margin-bottom:39px}.career-summary>.eyebrow{font-size:8px}.career-summary h2{font-size:50px;line-height:1.01;margin-top:23px}.career-summary h2 br:nth-child(2){display:block}.career-years{margin:24px 0 0;gap:19px}.career-years strong{font-size:77px}.career-years strong>span{font-size:43px}.career-years>span{font-size:7px}.career-summary .text-link{font-size:12px;margin-top:22px}.career-trigger{gap:9px;padding:26px 0}.career-index{font-size:8px;width:22px;padding-top:3px}.career-company>span:first-child{font-size:8px}.career-company h3{font-size:25px;margin:9px 0 8px}.career-role{font-size:10px;max-width:26ch}.expand-mark{width:26px;height:26px;font-size:18px;flex-shrink:0}.career-content{padding-left:31px;padding-bottom:29px}.career-description{font-size:13px;line-height:1.8;margin-bottom:18px}.career-content li{font-size:11px;line-height:1.8;margin-bottom:13px}.career-note{font-size:9px;line-height:1.8}.tags span{font-size:8px;padding:6px 8px}.credentials{gap:24px 15px;font-size:10px;grid-template-columns:1fr 1fr}.credentials>div{font-size:12px;line-height:1.3}.credentials>div>span{font-size:8px;line-height:1.5}.credentials>span{font-size:7px}.credentials>div:last-child{grid-column:1/-1}.work-intro{padding-top:78px;padding-bottom:28px;min-height:500px}.work-intro>.eyebrow{font-size:7px}.work-intro h2{font-size:47px;line-height:1.1;margin-top:34px;letter-spacing:-.057em}.work-intro p{font-size:12px;margin:30px 0 45px 0}.work-intro-bottom{font-size:6px;gap:20px;padding-top:20px}.work-intro-bottom>span:last-child{display:flex;align-items:center;gap:9px}.work-intro-bottom span span{font-size:15px;margin:0}.project-panel,.stacked .project-panel{padding-top:56px;padding-bottom:49px}.project-panel-inner,.stacked .project-panel-inner{gap:27px}.project-kicker{display:block;font-size:7px;line-height:1.8;margin-bottom:25px}.project-kicker span{display:block}.project-kicker span+span{margin-top:9px}.project-copy h3{font-size:43px;letter-spacing:-.06em;line-height:1.05}.project-copy>p{font-size:12px;line-height:1.85;margin-top:23px}.project-actions{gap:20px;margin-top:25px}.button-light{font-size:10px;min-height:49px;padding:15px 17px;gap:20px}.project-story-link{font-size:10px;gap:13px}.project-stack{margin-top:27px;font-size:7px;gap:10px 13px;line-height:1.7;padding-top:18px}.project-visual{min-height:300px}.meticulis-art{width:105%;aspect-ratio:1.1}.meticulis-image{width:73%;padding:18px}.meticulis-art-label{right:1%;bottom:2%;font-size:6px}.brand-orbit{width:91%;height:99%}.transaction-art{aspect-ratio:1.05;width:100%;height:auto;min-height:310px;margin-top:13px}.transaction-label{font-size:6px;left:0}.transaction-core{width:180px;height:180px;top:45%}.transaction-nodes{font-size:6px;left:0;right:0;top:73%}.transaction-caption{left:0;right:0;font-size:9px;padding-top:13px;bottom:-4px}.transaction-caption>button{width:33px;height:33px;font-size:20px}.transaction-paths{height:100%;width:127%;left:-13%;top:0}.pipeline-demo{margin-top:7px}.window-top{font-size:6px;padding:0 16px;height:38px}.pipeline-message{margin:23px 17px 13px;gap:12px}.slack-mark{width:33px;height:33px;border-radius:8px;font-size:27px}.pipeline-message span{font-size:7px}.pipeline-message p{font-size:23px}.pipeline-message>.message-arrow{font-size:18px}.pipeline-stages{padding:8px 17px 0}.pipeline-row{padding:13px 0;gap:14px}.pipeline-row strong{font-size:12px}.pipeline-row small{font-size:8px}.pipeline-controls{margin:17px 17px 23px}.pipeline-controls>button{font-size:10px;min-height:42px}.pipeline-controls>span{font-size:7px;line-height:1.6}.lab-section{padding-top:75px;padding-bottom:62px}.lab-section>.eyebrow{font-size:8px}.lab-heading{margin:30px 0 35px}.lab-heading h2{font-size:46px;letter-spacing:-.06em}.lab-heading>div{display:block;margin-top:24px}.lab-heading p{font-size:12px}.lab-heading>div>span{font-size:6px;margin-top:17px;max-width:none}.lab-controls{align-items:flex-start;gap:10px;display:block;padding-bottom:15px}.filter-buttons{gap:1px}.filter-buttons button{font-size:8px;padding:11px 10px;min-height:38px}.filter-buttons sup{font-size:6px;margin-left:3px}.project-search{display:block;max-width:none;width:100%;margin-top:11px}.project-search input{font-size:10px;min-height:39px}.project-search>span:last-child{font-size:23px;top:5px}.lab-row{grid-template-columns:16px 1fr 32px;gap:11px;padding-top:23px;padding-bottom:23px}.lab-index{font-size:7px;padding-top:6px}.lab-row h3{font-size:24px;line-height:1.12;letter-spacing:-.045em}.lab-row p{font-size:10px;line-height:1.8;margin-top:10px}.lab-row-arrow{width:30px;height:30px}.lab-row-arrow svg{width:14px;height:14px}.project-status{font-size:7px;padding:5px 8px;max-width:100%;margin-top:-1px}.lab-note{font-size:9px;line-height:1.8;margin-top:23px}.toolkit-section{padding-top:65px;padding-bottom:132px}.toolkit-heading{display:block}.toolkit-heading>.eyebrow{font-size:8px}.toolkit-heading h2{font-size:47px;margin-top:26px}.toolkit-heading>p{font-size:12px;max-width:35ch;margin-top:24px}.toolkit-list{margin-top:36px}.toolkit-list summary{font-size:14px;gap:10px;padding:20px 0}.tool-number{font-size:7px;width:20px}.toolkit-list small{font-size:8px;margin-top:5px}.toolkit-list details>p{font-size:11px;line-height:1.85;padding-left:30px}.tool-plus{font-size:18px}.skills-marquee{font-size:33px;bottom:24px;padding-top:22px}.skills-marquee i{margin:0 18px}.contact-section{padding-top:72px;padding-bottom:25px}.contact-section>.eyebrow{font-size:7px}.contact-content{margin-top:40px}.contact-content h2{font-size:clamp(52px,13.5vw,78px);line-height:1.01;letter-spacing:-.065em}.contact-content>p{font-size:12px;margin-top:28px}.contact-email{font-size:24px;gap:50px;margin-top:29px}.contact-email svg{width:24px;height:24px}.contact-sculpture{width:138%;height:50%;top:15%;right:-58%;opacity:.26}.contact-links{margin-top:53px}.contact-links>a,.contact-links>button{font-size:10px;padding-top:21px;padding-bottom:21px;gap:10px}.contact-links svg{width:13px;height:13px;margin-right:7px}.contact-links>:nth-child(2n){padding-left:16px}.footer-bottom{gap:26px 14px;align-items:center}.footer-signature{font-size:20px;width:100%}.footer-signature>span{font-size:6px}.footer-bottom>div{font-size:6px;line-height:1.85;flex:1}.back-top{width:34px;height:34px;font-size:17px}.navigation-dialog{inset:8px;width:calc(100% - 16px);height:calc(100svh - 16px);padding:22px 5vw}.menu-layout{margin-top:42px;gap:30px}.menu-layout>.eyebrow{font-size:8px}.menu-layout nav a{font-size:32px;gap:12px;padding:15px 0}.menu-layout nav a span{font-size:8px}.menu-layout nav a svg{width:23px;height:23px}.menu-layout aside{gap:17px;align-items:flex-start}.menu-layout aside>a{font-size:11px;gap:20px;min-height:44px}.menu-bottom{font-size:6px;gap:25px;line-height:1.8;margin-top:28px}.detail-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:9px}.detail-dialog-inner{padding:20px 23px 30px}.detail-top{gap:20px}.detail-top>.eyebrow{font-size:7px;max-width:220px}.icon-button{width:40px;height:40px}.detail-dialog h2{font-size:42px;margin:28px 0 20px}.detail-summary{font-size:18px;line-height:1.6}.detail-body{display:block;margin-top:25px;padding-top:24px}.detail-body>div+div{margin-top:28px}.detail-body p,.detail-body li{font-size:12px;line-height:1.85}.detail-body h3{font-size:7px;margin-bottom:12px}.detail-tags{margin-top:23px}.detail-note{font-size:10px;line-height:1.8}.detail-dialog .button-dark{font-size:11px;min-height:49px}.story-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);padding:21px 25px 25px}.story-top>.eyebrow{font-size:7px}.story-number{font-size:75px;margin-top:23px}.story-dialog h2{font-size:37px;margin-top:21px}.story-transcript{font-size:17px;line-height:1.7;margin-top:20px}.story-audio{flex-wrap:wrap}.story-audio .button-dark{font-size:11px;min-height:47px}
}
@media(max-width:355px){.identity-name{display:none}.hero h1{font-size:56px}.hero-meta>span:last-child{font-size:5px}.project-copy h3{font-size:37px}.work-intro h2{font-size:41px}.statement-block h2{font-size:34px}.lab-heading h2{font-size:41px}.career-company h3{font-size:22px}.hero-art{height:420px}.hero-portrait{width:84%;right:2%}.filter-buttons button{font-size:7px;padding:10px 9px}.contact-content h2{font-size:46px}.project-status{font-size:6px}.menu-layout nav a{font-size:28px}}
/* One setting stops every animated layer and removes pinned scenes. */
@media print{.site-header,.studio,.hero-grain,.hero-art,.hero-footer,.page-progress,.menu-button,.skills-marquee,.work-navigation,.transaction-art,.meticulis-art,.pipeline-demo,.round-link,dialog,.back-top,.filter-buttons,.project-search,.project-actions,.contact-links{display:none!important}html,body{background:white!important;color:black!important;overflow:visible!important}*,*:before,*:after{animation:none!important;transition:none!important}section,footer{background:white!important;color:black!important;break-inside:auto!important}.hero{height:auto;min-height:0;max-height:none;padding:20px}.hero-meta{position:static;margin-top:0}.hero-copy{padding:35px 0;width:100%;transform:none!important;opacity:1!important}.hero h1{font-size:60px}.hero-copy>.eyebrow{display:none}.statement-block,.career-layout,.work-intro,.lab-section,.toolkit-section,.contact-section{padding:30px 20px}.statement-block h2{font-size:32px}.statement-word{opacity:1!important}.career-layout{display:block}.career-summary{position:static}.career-summary h2,.work-intro h2,.lab-heading h2,.toolkit-heading h2,.contact-content h2{font-size:38px}.career-fold{grid-template-rows:1fr!important;opacity:1!important}.career-content{display:block!important}.career-item{break-inside:avoid}.career-content p,.career-content li,.project-copy p{color:black!important}.career-years{margin-top:20px}.work-scroll,.work-sticky,.work-track{height:auto!important;width:100%!important;position:static!important;display:block!important;transform:none!important;overflow:visible!important}.work-intro{min-height:0}.project-panel,.stacked .project-panel{width:100%!important;height:auto!important;min-height:0!important;position:static!important;padding:30px 20px;break-inside:avoid}.project-panel-inner{display:block!important;min-height:0!important}.project-copy h3{font-size:35px}.project-copy h3 span{color:black!important}.project-visual{display:none}.lab-row{grid-template-columns:25px 1fr 150px;break-inside:avoid}.lab-row-arrow{display:none}.lab-row h3{font-size:25px}.lab-row p,.project-status{color:black}.toolkit-section{display:block}.toolkit-list details>p{display:block}.contact-content{margin:20px 0}.contact-sculpture{display:none}.contact-links{margin-top:30px}.contact-content p,.contact-content h2 em{color:black}.footer-bottom{margin-top:20px}.credentials{padding:30px 20px}.app-ready [data-reveal]{opacity:1!important;transform:none!important}.eyebrow{color:black!important}}
/* A local, alpha-channel film of the same authored 3D scene is used when WebGL
   is disabled. It is not a different illustration and contains no human avatar. */
.studio-poster,.studio-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.studio-film{opacity:0}.film-ready .studio-film{opacity:1}.film-ready .studio-poster{opacity:0}.is-ready .studio-poster,.is-ready .studio-film{display:none}.studio-poster{filter:drop-shadow(0 35px 25px rgba(38,49,36,.08))}.portrait-caption{display:none}
@media(min-width:1101px){.hero-portrait{width:62%;right:4%;bottom:-8%}.hero-sculpture{left:-17%;top:-15%;width:116%;height:114%}}
@media print{.studio-poster,.studio-film{display:none!important}}
/* The desktop opening holds for one deliberate camera transition. */
@media(min-width:901px){
 .hero{height:175svh;min-height:1450px;max-height:none;overflow:clip}.hero-stage{height:100svh;min-height:800px;max-height:1180px;position:sticky;top:0;overflow:hidden}.hero-copy{transform:translateY(calc(var(--hero-progress)*-85px));opacity:clamp(0,calc(1 - var(--hero-progress)*1.8),1)}.hero-art{transform:translate3d(calc(var(--hero-progress)*-20vw),0,0) scale(calc(1 + var(--hero-progress)*.35));transform-origin:center}.hero-portrait{opacity:clamp(0,calc(1 - var(--hero-progress)*2.1),1)}.hero-meta{opacity:clamp(0,calc(1 - var(--hero-progress)*2),1)}.hero-transition-line{display:block;position:absolute;left:0;right:0;text-align:center;bottom:125px;font-size:10px;letter-spacing:.19em;color:#4c5d44;opacity:clamp(0,calc(var(--hero-progress)*3 - 1.9),1);pointer-events:none;z-index:3}
}
@media(max-width:900px){.hero-stage{position:relative}.hero-transition-line{display:none}}
@media print{.hero-stage{position:static!important;height:auto!important;min-height:0!important}.hero-transition-line{display:none!important}}
/* Keep navigation readable at chapter boundaries, including when old scene
   captions pass behind the fixed header. */
.site-header:before{content:"";position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:100vw;height:118px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#eeefec 0%,rgba(238,239,236,.97) 62%,rgba(238,239,236,0) 100%)}
.site-header.on-dark:before{background:linear-gradient(to bottom,#111513 0%,rgba(17,21,19,.97) 62%,rgba(17,21,19,0) 100%)}
@media(max-width:600px){.site-header:before{top:-16px;height:98px}.project-search input{font-size:16px}}
/* STUDIO 04 — the face belongs to the person, motion belongs to the story. */
.avatar-anchor{position:absolute;left:58%;top:124px;width:38%;height:calc(100% - 190px);pointer-events:none}
.journey-actor{position:fixed;z-index:12;pointer-events:none;isolation:isolate;contain:layout;}.avatar-render{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.avatar-render canvas,.avatar-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.avatar-render canvas{opacity:0}.avatar-render canvas.active{opacity:1}.avatar-render.is-ready:not([data-renderer="poster"]) .avatar-poster{opacity:0}.avatar-poster{transition:opacity .35s}.avatar-error{position:absolute;left:10%;bottom:0;font-size:9px;line-height:1.5;background:#eeefecdd;padding:5px 8px;border-radius:6px}.actor-ground{position:absolute;bottom:1.5%;left:30%;right:29%;height:3%;background:radial-gradient(ellipse,#17221b40,transparent 70%);filter:blur(8px);z-index:-1;transform:scaleX(1.5)}
.hero-narration{pointer-events:auto;display:flex;align-items:center;gap:12px;margin-top:20px;font-size:12px;color:#37452f;min-height:38px}.hero-narration>.mini-wave{letter-spacing:2px;font-size:17px;color:#667e4c}.hero-narration:hover{color:#16200e}.portrait-caption{display:none}.hero-sculpture{opacity:.65}
/* Voice controls remain separate from the illustration and do not capture scroll. */
.narration-invite{position:fixed;z-index:44;bottom:22px;right:22px;display:flex;align-items:center;gap:12px;padding:13px 19px;border-radius:28px;min-height:48px;background:#172017ed;color:#e7edde;border:1px solid #687b5860;box-shadow:0 8px 30px #0002;backdrop-filter:blur(12px);font-size:12px}.narration-invite:hover{background:#34472a}.invite-dot{width:5px;height:5px;border-radius:50%;background:#bccfa4}.narration-dock{position:fixed;z-index:44;right:20px;bottom:20px;width:auto;padding:0;background:#152016f2;color:#e7eddf;border:1px solid #6b825680;border-radius:28px;backdrop-filter:blur(20px);box-shadow:0 15px 50px #0003}.narration-dock-top{display:flex;gap:12px;align-items:center}.narration-play{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border:1px solid #95ac7855;background:#c4d7b3;color:#182413;border-radius:50%;font-size:16px}.play-symbol{font-size:14px;margin-left:2px}.pause-symbol{font-size:24px}.narration-current{min-width:0;flex:1}.narration-current>button{font-size:12px;padding:0;display:flex;gap:12px;align-items:center;text-align:left;line-height:1.4}.narration-current>button>span{color:#a8c08e}.narration-current>span{font-size:10px;line-height:1.5;color:#a6b99a;display:block;margin-top:4px}.voice-mute{font-size:10px;white-space:nowrap;min-height:36px;padding:5px}.voice-close{width:30px;height:38px;display:grid;place-items:center;flex-shrink:0}.voice-close svg{width:15px;height:15px}.narration-timeline{display:flex;align-items:center;gap:8px;margin:8px 0 0 54px;font-variant-numeric:tabular-nums;font-size:9px;color:#b1c0a6}.narration-timeline input,.story-seek input{min-width:10px;flex:1;width:100%;accent-color:#a9c088;height:22px;cursor:pointer}.narration-timeline>button{font-size:19px;width:30px;height:30px;color:#d0dcc4}.live-caption{font-size:11px;line-height:1.6;margin:8px 2px 4px;border-top:1px solid #73896b40;padding-top:9px;color:#ced9c4}.voice-download{margin:10px 0 0 54px}.voice-download>div{height:3px;border-radius:3px;background:#8b9f7625;overflow:hidden}.voice-download i{display:block;height:100%;background:#b1c98e;transition:width .3s}.voice-download p{font-size:9px;margin-top:7px;color:#a7b99a}.voice-spinner{width:17px;height:17px;border:2px solid #26371f40;border-top-color:#26371f;border-radius:50%;animation:voice-spin .8s linear infinite}.narration-dock-error{font-size:11px;line-height:1.6;margin-top:10px;padding-top:9px;border-top:1px solid #79896460}.narration-dock-error button{margin:7px 15px 2px 0;text-decoration:underline;min-height:30px}.neural-story{width:min(760px,calc(100vw - 30px))}.neural-story .story-number{font-size:66px;margin-top:22px}.neural-story h2{font-size:38px;margin-top:17px}.neural-story .story-transcript{font-size:18px;line-height:1.7;margin-top:20px}.voice-settings{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid #bfccb4;border-bottom:1px solid #bfccb4;margin-top:25px}.voice-settings>label:first-child{font-size:10px;color:#596c4b;display:flex;flex-direction:column;gap:8px;flex:1}.voice-settings select{border:1px solid #aebb9f;border-radius:8px;background:#f0f2ec;color:#23311c;font:inherit;font-size:12px;padding:10px 12px;max-width:100%;min-height:43px}.follow-setting{display:flex;gap:10px;align-items:center;font-size:12px}.follow-setting input{accent-color:#5a733e;width:18px;height:18px;flex-shrink:0}.follow-setting small{display:block;font-size:9px;line-height:1.55;margin-top:4px;color:#627354;max-width:155px}.voice-consent{margin-top:21px}.voice-consent>p{font-size:12px;line-height:1.8;color:#546747}.voice-consent>p strong{font-weight:500;color:#26391c}.voice-consent>.button-dark{margin-top:18px;gap:18px;font-size:12px}.story-audio-panel{margin-top:22px}.story-audio-panel>div:first-child{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.story-secondary{font-size:12px;min-height:44px}.story-audio-panel>p{font-size:11px;line-height:1.7;color:#60744d;margin-top:12px}.story-audio-panel progress{width:100%;height:4px;accent-color:#738a58;display:block;margin-top:12px}.story-seek{display:flex;align-items:center;gap:10px;font-size:10px;font-variant-numeric:tabular-nums;margin-top:14px}.voice-error{color:#813e2a!important;background:#ebded6;padding:12px 15px;border-radius:8px}.voice-notes{border-top:1px solid #bfccb4;margin-top:21px;padding-top:12px}.voice-notes>summary{font-size:11px;padding:9px 0;cursor:pointer}.voice-notes>p{font-size:11px;color:#667756;line-height:1.8;margin-top:12px}.voice-notes>div{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;font-size:11px}.voice-notes button{text-decoration:underline;min-height:36px}.contact-section{padding-bottom:160px}
@keyframes voice-spin{to{transform:rotate(360deg)}}
@media(min-width:901px) and (max-height:800px){.avatar-anchor{top:136px;height:590px}.hero-narration{margin-top:10px}}
@media(max-width:900px){.avatar-anchor{left:51%;top:270px;width:49%;height:590px}.hero-narration{position:relative;z-index:15}.journey-actor{z-index:11}.narration-dock{left:auto;right:14px;bottom:14px;width:auto;padding:0;border-radius:28px}}
@media(max-width:600px){.hero{min-height:1080px;height:1080px;max-height:none}.hero-stage{min-height:1080px;height:1080px}.hero-copy{padding-top:174px}.hero-copy>p{margin-top:21px}.hero-narration{font-size:11px;gap:9px;margin-top:9px}.hero-narration>.mini-wave{font-size:14px}.hero-art{top:485px;left:0;right:0;width:100%;height:530px}.hero-sculpture{opacity:.5;left:-15%;width:125%;height:90%;top:0}.avatar-anchor{top:512px;left:10%;width:80%;height:480px}.hero-footer{height:42px}.hero-footer>span:first-child{font-size:6px}.narration-invite{right:12px;bottom:16px;padding:11px 14px;font-size:10px;gap:8px;min-height:43px}.narration-invite .waveform{height:14px}.narration-dock{left:auto;right:14px;bottom:14px;width:auto;padding:0;border-radius:28px}.narration-dock-top{gap:7px}.narration-play{width:33px;height:33px}.narration-current>button{font-size:10px;gap:5px}.narration-current>span{font-size:8px;margin-top:3px;max-width:145px}.voice-close{width:21px;height:33px}.voice-mute{font-size:8px;padding:3px}.narration-timeline{margin-left:0;gap:5px;font-size:8px}.narration-timeline>button{width:20px}.voice-download{margin-left:0}.voice-download>p{font-size:8px;line-height:1.6}.live-caption{font-size:10px;line-height:1.65;margin-top:6px}.neural-story{padding:21px 23px}.neural-story h2{font-size:33px}.neural-story .story-transcript{font-size:16px;line-height:1.65}.voice-settings{gap:14px;align-items:flex-start;flex-direction:column;padding:17px 0;margin-top:20px}.voice-settings>label:first-child{width:100%;font-size:10px}.voice-settings select{font-size:16px;width:100%;min-height:44px}.follow-setting small{max-width:none;font-size:9px}.voice-consent>p{font-size:11px;line-height:1.8}.voice-consent>.button-dark{font-size:11px;gap:14px}.story-audio-panel .button-dark{font-size:11px;gap:15px}.story-secondary{font-size:10px}.voice-notes>p{font-size:10px}.story-navigation{margin-top:22px}.contact-section{padding-bottom:175px}}
@media(max-width:360px){.hero-narration{font-size:10px}.hero h1{font-size:56px}.narration-dock{left:auto;right:14px;bottom:14px;width:auto;padding:0;border-radius:28px}.voice-mute{display:none}.narration-current>button{font-size:9px}}
@media print{.journey-actor,.hero-narration,.narration-dock,.narration-invite,.avatar-anchor{display:none!important}.contact-section{padding-bottom:25px!important}}

#footer-end{position:absolute;bottom:0;left:0;width:1px;height:1px}

.narration-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:88px;font-size:12px}.narration-toggle>span{font-size:16px}.narration-pause{padding:12px 18px}.narration-error{max-width:230px;padding:0 18px 12px;font-size:11px;line-height:1.6}.narration-loading{display:block;padding:0 18px 12px;font-size:11px;color:#cbdac2}

/* Numbered mastheads make chapter changes visible before the expressive headlines. */
.section-masthead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:82px;padding:18px 0;border-top:2px solid currentColor;border-bottom:1px solid var(--line);position:relative;z-index:2}
.section-masthead>.eyebrow{flex:1 1 250px;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.1em;color:var(--ink);gap:14px}
.section-masthead .eyebrow-dot{display:none}.section-masthead .eyebrow>span:not(.eyebrow-dot){display:grid;place-items:center;flex-shrink:0;width:48px;min-height:34px;background:#d6dfcd;color:#30432b;font-size:12px;letter-spacing:.02em}
[data-tone="dark"] .section-masthead{border-top-color:#aabc96;border-bottom-color:#56634d}
[data-tone="dark"] .section-masthead>.eyebrow{color:#eef1e8}[data-tone="dark"] .section-masthead .eyebrow>span{background:#34432d;color:#d2e0be}
.experience-section{background:#e8ece4;border-top:1px solid #bec8b5}.lab-section{border-top:1px solid #bac5b0}.toolkit-section{border-top:2px solid #a4b598;column-gap:9%;row-gap:42px}.toolkit-section>.section-masthead{grid-column:1/-1}.toolkit-heading h2{margin-top:0}
.statement-block h2,.career-summary h2,.work-intro h2,.lab-heading h2,.toolkit-heading h2,.contact-content h2{font-weight:500}
.statement-word{opacity:max(.45,var(--word-opacity,.2))}.career-summary h2 em,.lab-heading h2 em,.toolkit-heading h2 em{color:#526a45}.work-intro h2 em{color:#a6ba93}
.hero-copy>.eyebrow{font-size:12px;font-weight:700;color:#3c5235}.hero-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px;pointer-events:auto}.hero-audio-controls .hero-narration{margin-top:0}
.chapter-play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid #708564;border-radius:24px;color:#304b24;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:auto;transition:background .25s,color .25s}
.chapter-play:hover{background:#d7e2cb}.chapter-play>span{font-size:13px}[data-tone="dark"] .chapter-play{border-color:#829b70;color:#d9e6cb}[data-tone="dark"] .chapter-play:hover{background:#34472a}
@media(max-width:900px){.toolkit-section>.section-masthead{margin-bottom:36px}.section-masthead>.eyebrow{font-size:13px}}
@media(max-width:600px){.section-masthead{min-height:74px;padding:16px 0;gap:12px}.section-masthead>.eyebrow{font-size:12px;letter-spacing:.075em;gap:11px}.section-masthead .eyebrow>span{width:39px;min-height:30px;font-size:10px}.hero-copy>.eyebrow{font-size:10px}.hero-audio-controls{margin-top:12px;gap:10px}.chapter-play{font-size:11px;padding:10px 14px}.toolkit-heading h2{margin-top:0}}
@media print{.chapter-play{display:none!important}.section-masthead{border-color:black;color:black}.section-masthead>.eyebrow{color:black!important}.section-masthead .eyebrow>span{background:none;color:black}}

@media(max-width:600px){.brand-mark{width:40px;height:40px}}