:root{--paper:#f5f3eb;--ink:#293a30;--green:#697d54;--line:#d8ddcd;--muted:#7a8171}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a6b786;outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.6px;display:inline-flex;gap:5px;align-items:center}.wordmark span{font-size:25px;color:#84966b}nav{display:flex;gap:35px;font-size:12px}.location{font-size:8px;letter-spacing:1.3px;color:var(--muted)}main{max-width:1320px;margin:auto;padding:0 35px}.intro{padding:64px 0 42px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#819b5e;margin-right:7px}h1{font-size:clamp(48px,6.2vw,88px);font-weight:500;line-height:1.03;letter-spacing:-4.8px;margin:26px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}p{font-size:14px;color:var(--muted);line-height:1.85}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-bottom p{margin:0}.text-link{font-size:12px;background:none;border:0;padding:10px 0;color:var(--ink);border-bottom:1px solid var(--ink);display:inline-block}.text-link span{margin-left:25px}.studio-wrap{border:1px solid #d8ddce;border-radius:12px;overflow:hidden;background:#e4e9db}.studio-top,.studio-bottom{padding:19px 25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.studio-top{border-bottom:1px solid #73826816}.studio-sub{color:#7d896f;font-size:8px}#studio{height:560px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#eaf0df,#d7e0cd)}canvas{display:block;width:100%;height:100%;touch-action:pan-y}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:4;background:#e2e8d8;font:italic 25px Georgia}#loading small{font:11px Arial;margin-top:15px;color:var(--muted)}.studio-bottom{border-top:1px solid #73826816;letter-spacing:.3px;color:#69775e}.studio-bottom button{background:none;border:0;color:inherit;font-size:10px;margin-left:16px}.scene-caption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px;color:#4d6044;background:#f8f8efdf;border:1px solid #ffffff8c;padding:10px 17px;border-radius:30px;pointer-events:none;text-align:center;min-width:240px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hotspot{position:absolute;transform:translate(-50%,-100%);border:1px solid #fff9;background:#f9faf0ee;border-radius:20px;padding:7px 11px;color:#3a4e35;font-size:9px;box-shadow:0 3px 15px #31422312;pointer-events:auto;white-space:nowrap}.hotspot:before{content:'+';padding-right:6px;color:#748d56}.hotspot:hover{background:#354b35;color:white}.destinations{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:10px}.destinations button{padding:24px 15px;text-align:left;border:0;background:none;color:var(--ink);font-size:12px;border-right:1px solid var(--line)}.destinations button:first-child{padding-left:0}.destinations button:last-child{border-right:0}.destinations span{font:10px Georgia;color:#89977b;margin-right:10px}.destinations small{display:block;font-size:10px;color:var(--muted);margin:9px 0 0 24px}.section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end}.section h2,dialog h2{font-size:43px;line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin:13px 0}.count{font-family:Georgia;font-size:23px;font-style:italic;color:#8d9b7a}.section-intro{font-size:12px;margin-bottom:28px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px}.slot-art{height:170px;background:#e8ebde;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #dde2d2;border-radius:5px}.slot:nth-child(3n+2) .slot-art{background:#e2e6d6}.slot:nth-child(3n) .slot-art{background:#ece8da}.slot-art:before{content:'';width:74px;height:45px;border:1px solid #aab69a;border-radius:14px 14px 24px 24px;transform:rotate(-15deg)}.slot-art:after{content:'+';position:absolute;font-size:20px;font-weight:300;color:#92a17f;transform:translate(-15px,-3px) rotate(-15deg)}.slot-art span{position:absolute;right:12px;bottom:11px;font:italic 28px Georgia;color:#a5af95}.slot h3{font-size:13px;font-weight:500;margin:14px 0 6px}.slot p{font-size:10px;margin:0}.slot-art>.eyebrow{position:absolute;top:12px;left:12px;font-size:7px;color:#7d896e}.selection-note{display:flex;align-items:center;gap:20px;margin-top:35px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.selection-note>span{font-size:32px;color:#889968}.selection-note p{font-size:12px;margin:0;color:#55684c}.selection-note small{color:var(--muted);font-size:10px}.selection-note button{margin-left:auto}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.about h2{font-size:60px}.large{font-size:19px;line-height:1.65;color:#4a5d44}.about-copy>p:first-child{margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.skills span{padding:8px 11px;border:1px solid var(--line);border-radius:4px;font-size:10px;color:#627053}.experience{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.experience h3{font-size:19px;font-weight:500;margin:10px 0}.experience p{font-size:12px}.pending{font-size:11px;color:#939987;line-height:1.7}.contact{border-top:1px solid var(--line);padding-bottom:70px}.contact h2{font-size:65px}.contact p{max-width:410px}.contact-links{display:flex;gap:50px;margin-top:35px}.contact-links>span,.contact-links>a{font-size:13px}.contact-links small{display:block;font-size:9px;color:#969e89;margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-top:1px solid var(--line);font-size:9px;color:#7c8870;gap:20px}footer button{background:none;border:0;color:inherit;font-size:10px}dialog{max-width:1120px;width:94%;max-height:91vh;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:35px}dialog::backdrop{background:#213322bc;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.close{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;font-size:22px;background:none;color:var(--ink)}.catalog-tools{display:flex;justify-content:space-between;gap:20px;margin:25px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);border-radius:20px;padding:9px 14px;font-size:11px;color:var(--ink)}.filters button.active{background:var(--ink);color:white}input{background:#fff7;border:1px solid var(--line);padding:10px 13px;border-radius:5px;font-size:12px;min-width:180px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{background:#e8ebdf;border:1px solid #dde2d2;border-radius:5px;padding:22px;min-height:190px;text-align:left;color:var(--ink)}.catalog-card .eyebrow{font-size:8px;color:#82916f}.catalog-card h3{font-weight:500;font-size:18px;letter-spacing:-.5px;margin:25px 0 10px}.catalog-card p{font-size:11px;line-height:1.6}.catalog-card:hover{background:#dde5d0}.empty{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed var(--line)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.detail-columns h3{font-size:13px;font-weight:500}.media-pending{background:#e6eadd;padding:30px;border-radius:6px}.media-pending>span{font:40px Georgia;color:#889b6b}.media-pending p{font-size:12px}#project-links a{display:inline-block;border-bottom:1px solid;padding:8px 0;margin:5px 15px 0 0;font-size:12px}#credits{max-width:620px}@media(min-width:1500px){#studio{height:620px}}@media(max-width:900px){.location{display:none}.featured-grid{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.destinations{grid-template-columns:1fr 1fr}.destinations button{border-bottom:1px solid var(--line)}.destinations button:nth-child(2){border-right:0}.destinations button:nth-child(3){padding-left:0}#studio{height:470px}.catalog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:0 20px}header{padding:22px 20px}nav{gap:20px}.intro{padding-top:43px}h1{font-size:49px;letter-spacing:-2.8px}.intro-bottom{display:block}.intro-bottom .text-link{margin-top:15px}.desktop{display:none}.eyebrow{font-size:8px;letter-spacing:1.3px}.studio-top,.studio-bottom{padding:15px}.studio-sub{display:none}#studio{height:390px}.studio-bottom{align-items:start;gap:10px;font-size:8px}.studio-bottom button{font-size:8px;margin-left:8px}.hotspot{font-size:8px;padding:6px 8px}.scene-caption{font-size:9px;bottom:10px;width:85%}.section{padding:50px 0}.section h2,dialog h2{font-size:32px}.section-heading{gap:10px}.section-heading>.text-link{font-size:10px;white-space:nowrap}.slot-art{height:135px}.selection-note{flex-wrap:wrap;gap:15px}.selection-note button{margin-left:0}.about{grid-template-columns:1fr;gap:25px}.about h2,.contact h2{font-size:48px}.contact-links{gap:35px}footer{flex-wrap:wrap}footer>span:nth-child(3){display:none}dialog{padding:22px}.catalog-tools{flex-direction:column}.catalog-grid{grid-template-columns:1fr}.detail-columns{grid-template-columns:1fr;gap:20px}.catalog-card{min-height:150px}.catalog-card h3{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Evening studio palette: soft contrast, warm type and earthy material colors. */
:root{--paper:#202a26;--ink:#e1dfd0;--green:#adba91;--line:#3d4940;--muted:#a2ab9a}
.wordmark span{color:#b6c193}.status-dot{background:#a3b47d}.location{color:#a0ad99}.studio-wrap{background:#263b35;border-color:#435146}#studio{background:radial-gradient(ellipse at center,#526258 0%,#30423a 62%,#24352f 100%)}.studio-top,.studio-bottom{background:#25352e;color:#b9c2a9;border-color:#52634844}.studio-sub{color:#8d9f8b}#loading{background:#2c3b32;color:#ddd9c5}.hotspot{background:#25362ef0;color:#d9dfc6;border-color:#82947566;box-shadow:0 4px 18px #0003}.hotspot:hover{background:#bdc79b;color:#263b2b}.hotspot:before{color:#c4a572}.scene-caption{background:#23332ded;color:#d1d8be;border-color:#87977944}.slot-art{background:#34453b;border-color:#465341}.slot:nth-child(3n+2) .slot-art{background:#3d4639}.slot:nth-child(3n) .slot-art{background:#4d4436}.slot-art:before{border-color:#82916d}.slot-art span{color:#8b9878}.slot .eyebrow{color:#a3af93}.selection-note p{color:#b6c3a3}.selection-note small{color:var(--muted)}.large{color:#c5ceba}.skills span{color:#b6c3a3}.filters button.active{background:#b7c49a;color:#25362b;border-color:#b7c49a}input{background:#2b382e;color:var(--ink)}.catalog-card{background:#2e3e33;border-color:#4a5843}.catalog-card:hover{background:#3c503b}.catalog-card .eyebrow{color:#abbc91}.media-pending{background:#304033}.contact-links small{color:#929f87}footer{color:#a4b093}

.hotspot{transform:none;z-index:2}.label-leader{position:absolute;height:1px;background:#bdc9aa70;transform-origin:0 50%;pointer-events:none;z-index:1}.time-modes{display:flex;gap:3px;border:1px solid #7c8b6a66;border-radius:20px;padding:3px}.time-modes button{border:0;background:none;color:#9dae96;padding:7px 12px;border-radius:16px;font-size:10px}.time-modes button[aria-pressed="true"]{background:#bcc7a1;color:#263b2b}
html[data-time="morning"]{--paper:#b5bbaa;--ink:#273c31;--green:#486047;--line:#909e87;--muted:#4e614f}html[data-time="morning"] #studio{background:radial-gradient(ellipse at center,#b1c1ad,#839a86)}html[data-time="morning"] .studio-top,html[data-time="morning"] .studio-bottom{background:#81957d;color:#243b2b}html[data-time="morning"] .time-modes button{color:#2c422f}html[data-time="morning"] .time-modes button[aria-pressed="true"]{background:#d1d7ba}html[data-time="morning"] .large{color:#344f3b}html[data-time="morning"] .skills span{color:#37513b}html[data-time="morning"] .slot h3,html[data-time="morning"] .catalog-card h3{color:var(--ink)}html[data-time="morning"] .catalog-card,html[data-time="morning"] .media-pending{background:#a6b49b}html[data-time="morning"] .selection-note p{color:#354e38}html[data-time="morning"] footer{color:#435c43}html[data-time="morning"] input{background:#bcc6ac;color:#263b2b}html[data-time="morning"] .slot p{color:#4e614f}html[data-time="morning"] .catalog-card .eyebrow{color:#435a3d}html[data-time="morning"] .pending,html[data-time="morning"] .contact-links small{color:#53674c}
@media(max-width:600px){.time-modes button{font-size:9px;padding:6px 9px}.studio-top{gap:8px}}

.project-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:24px;padding-bottom:12px}.project-tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;border-radius:22px;font-size:12px}.project-tabs button[aria-selected="true"]{background:#b7c49a;color:#25362b}.detail-columns[hidden],#project-showcase[hidden]{display:none}#project-showcase{margin-top:25px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-heading h3{font-weight:500}#demo-stage{min-height:220px;border:1px solid var(--line);border-radius:7px;padding:24px;background:#293d31}.demo-pending{max-width:520px;margin:15px auto;text-align:center}.demo-pending>span{font:40px Georgia;color:#adbc8b}.demo-pending h3{color:#d7dfc8;font-weight:500}.demo-pending p{color:#a8b89d;font-size:12px}#demo-stage iframe{width:100%;height:520px;border:0;border-radius:5px;background:#1d2b24}#demo-stage video{width:100%;max-height:520px}.primary-demo{background:#b7c49a;color:#25362b;border:0;padding:16px 24px;border-radius:5px}.replay-inspector{border-top:1px solid var(--line);margin-top:24px}.replay-inspector input{width:100%;padding:0;margin:15px 0}.replay-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.time-modes{align-items:center}#sky-phase{font-size:9px;padding:0 7px;color:#a9b99d;min-width:57px}html[data-time="morning"] #sky-phase{color:#29432f}
body,header,.studio-top,.studio-bottom,.section,.slot-art,.contact,.catalog-card,dialog,.skills span,.time-modes button{transition:background-color 2.8s ease,color 2.8s ease,border-color 2.8s ease}#studio{transition:background 2.8s ease}#studio::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#b1c1ad,#839a86);opacity:var(--day-blend,0);pointer-events:none;z-index:-1}#studio{background:#24352f!important}html[data-time="morning"] .time-modes{border-color:#5b735766}@media(max-width:600px){#sky-phase{display:none}.demo-heading{align-items:start;flex-direction:column;gap:0}#demo-stage{padding:15px}#demo-stage iframe{height:380px}}@media(prefers-reduced-motion:reduce){body,header,.studio-top,.studio-bottom,.section,.slot-art,.contact,.catalog-card,dialog,.skills span,.time-modes button{transition:none}}

.slot{border:0;background:none;padding:0;text-align:left;color:var(--ink)}.slot:hover .slot-art{border-color:#a8b989}.slot-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.has-cover .slot-art:before,.has-cover .slot-art:after{display:none}.slot-art .eyebrow{z-index:1;background:#243a2bd9;border-radius:3px;padding:4px 6px;color:#e0e7d2}.catalog-cover{display:block;width:calc(100% + 44px);height:155px;object-fit:cover;margin:-22px -22px 18px;border-radius:5px 5px 0 0}.catalog-card{overflow:hidden}.catalog-card h3{margin-top:17px}#project-cover{width:100%;max-height:230px;object-fit:contain;border-radius:5px}#project-cover[hidden]{display:none}.demo-screenshot{width:100%;max-height:480px;object-fit:contain;display:block}.demo-screenshot+.text-link,#demo-stage video+.text-link{margin-top:16px}.experience-entry{margin-top:22px;padding-bottom:12px;border-bottom:1px solid var(--line)}.experience-entry h3{font-size:16px}.experience-entry .eyebrow{font-size:8px;color:var(--muted)}.contact-links{flex-wrap:wrap}.contact-links a{overflow-wrap:anywhere}@media(max-width:600px){.catalog-cover{height:170px}}

/* Local font pairing and compact portfolio layout. */
@font-face{font-family:Inter;src:url('./assets/fonts/inter.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('./assets/fonts/plus-jakarta-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--font-body:Inter,system-ui,sans-serif;--font-heading:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
body,input,button,textarea{font-family:var(--font-body)}h1,h2,h3,h4,.wordmark,.career-title{font-family:var(--font-heading)}h1{font-weight:600;letter-spacing:-.055em;line-height:1.08}.section h2,dialog h2{font-weight:600;letter-spacing:-.04em}em{font-family:inherit;font-style:normal;font-weight:inherit}.count,.slot-art span,.destinations span,.media-pending>span,.demo-pending>span{font-family:var(--font-heading);font-style:normal}#loading{font:500 22px var(--font-heading)}#loading small{font:400 11px var(--font-body)}.eyebrow{font-weight:500;letter-spacing:1.1px}.slot h3{font-size:14px;font-weight:600;line-height:1.5}.slot p{font-size:11px;line-height:1.7}#featured{row-gap:32px}.about{grid-template-columns:1fr 1.15fr;column-gap:64px;row-gap:32px;align-items:start}.about h2{font-size:clamp(38px,4vw,54px);line-height:1.15}.about-copy .large{font-size:18px;line-height:1.65}.about-copy>p{font-size:13px;line-height:1.8}.about-copy .skills{margin:18px 0 12px;gap:6px}.about-copy .skills span{padding:6px 9px}.career-overview{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:28px}.career-column>.eyebrow{margin-bottom:14px}#experience-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}#education-list{display:grid;gap:10px}.experience-entry{margin:0;padding:0;border:1px solid var(--line);border-radius:5px;align-self:start;overflow:hidden}.experience-entry summary{cursor:pointer;list-style:none;position:relative;padding:15px 34px 15px 15px;min-height:86px;display:flex;flex-direction:column;justify-content:center;gap:7px}.experience-entry summary::-webkit-details-marker{display:none}.experience-entry summary:after{content:'+';position:absolute;right:14px;top:17px;color:var(--muted)}.experience-entry[open] summary:after{content:'−'}.experience-entry summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.career-title{font-size:12px;font-weight:600;line-height:1.5}.career-period{font-family:var(--font-body);font-size:10px;line-height:1.5;color:var(--muted)}.experience-entry>p{font-size:11px;line-height:1.8;margin:0;padding:0 15px 15px;color:var(--muted)}.contact h2{font-size:clamp(38px,5vw,64px)}
@media(max-width:900px){.about{column-gap:30px}.career-overview{grid-template-columns:1fr 1fr;gap:20px}#experience-list{grid-template-columns:1fr}.experience-entry summary{min-height:74px}}
@media(max-width:600px){h1{font-size:clamp(39px,10vw,49px);letter-spacing:-.05em}.about{grid-template-columns:1fr;gap:22px}.career-overview{grid-template-columns:1fr;gap:24px;padding-top:24px}.about h2,.contact h2{font-size:40px}.experience-entry summary{min-height:72px}#featured{gap:26px 14px}}

/* Tight section rhythm and unmistakable career hierarchy. */
#projects{padding-top:42px;padding-bottom:24px}#about{padding-top:34px;padding-bottom:48px}.selection-note{margin-top:24px;padding:18px 0}.section-heading h2{margin-top:8px}.section-intro{margin-bottom:22px}#featured{row-gap:25px}.career-overview{gap:26px;padding-top:25px}.career-column{background:#29372f;border:1px solid #526048;border-radius:8px;padding:22px}.career-section-title{display:flex;flex-direction:column;gap:7px;font-size:23px;letter-spacing:-.6px;font-weight:650;line-height:1.3;margin:0 0 22px;color:#e8ebdb}.career-section-title>span{font-family:var(--font-body);font-size:10px;letter-spacing:.2px;font-weight:400;color:#a2af96}.career-title{font-size:12px;font-weight:600}.career-period{font-size:10px;color:#bec8b0}.experience-entry{background:#243128;border-color:#46563e}.experience-entry summary{min-height:87px}.resume-download{display:inline-flex;align-items:center;gap:34px;padding:13px 16px;border-radius:5px;background:#b8c69c;color:#24382a;font-size:12px;font-weight:600;margin-top:10px}.resume-download span{font-size:9px;letter-spacing:.7px;font-weight:500}.resume-download:hover{background:#ced7b6}
html[data-time="morning"]{--paper:#d8d1c3;--ink:#303a32;--green:#596b4d;--line:#aeb39e;--muted:#586250}html[data-time="morning"] #studio::before{background:radial-gradient(ellipse at center,#d4cfbc,#aeb9a5)}html[data-time="morning"] .studio-top,html[data-time="morning"] .studio-bottom{background:#bbc2ad;color:#344531}html[data-time="morning"] .slot-art{background:#b9c1a9;border-color:#a3ae93}html[data-time="morning"] .slot:nth-child(3n+2) .slot-art{background:#c3bea9}html[data-time="morning"] .slot:nth-child(3n) .slot-art{background:#c9bca6}html[data-time="morning"] .catalog-card,html[data-time="morning"] .media-pending{background:#c7c8b6}html[data-time="morning"] .career-column{background:#e3dece;border-color:#a4af97}html[data-time="morning"] .career-section-title{color:#334530}html[data-time="morning"] .career-section-title>span{color:#62705a}html[data-time="morning"] .experience-entry{background:#d2d3c2;border-color:#b8bfa8}html[data-time="morning"] .career-period{color:#53644a}
@media(max-width:900px){.career-column{padding:18px}.career-section-title{font-size:21px}}
@media(max-width:600px){#projects{padding-top:30px;padding-bottom:20px}#about{padding-top:28px;padding-bottom:35px}.selection-note{padding:16px 0;margin-top:20px}.career-column{padding:18px}.career-overview{gap:16px}.career-section-title{font-size:22px}.experience-entry summary{min-height:74px}}
#featured>.slot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}#featured .slot-art{flex-shrink:0}#featured .slot h3{min-height:21px}

/* Center navigation independently of the brand and location text. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:28px;padding-top:20px;padding-bottom:20px}.wordmark{justify-self:start;gap:10px}.wordmark .brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#e2dfd1;flex-shrink:0}.brand-icon img{display:block;width:38px;height:38px;object-fit:contain}header nav{justify-self:center}.location{display:inline-flex;align-items:center;justify-self:end;font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.5;color:var(--ink);white-space:nowrap}.location .status-dot{width:5px;height:5px;margin-right:8px;background:var(--green)}.intro{padding-top:30px}.intro h1{margin-top:18px}
@media(max-width:900px){header{column-gap:18px}.location{font-size:9px;letter-spacing:.5px}header nav{gap:24px}}
@media(max-width:700px){header{grid-template-columns:1fr auto;row-gap:14px;padding:17px 20px 15px}header nav{justify-self:end;gap:20px}.location{grid-column:1/-1;justify-self:start;font-size:9px;letter-spacing:.8px}.intro{padding-top:24px}.intro h1{margin-top:16px}.wordmark{font-size:25px}.wordmark .brand-icon{width:30px;height:30px}.brand-icon img{width:34px;height:34px}}

.selection-note>.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:11px;background:#e2dfd1}.selection-note>.brand-icon img{display:block;width:50px;height:50px;object-fit:contain}#studio::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 14%,#adc9e12b 0%,#86abd610 27%,transparent 60%);opacity:calc(1 - var(--day-blend,0))}

/* A personal portrait replaces the introductory About headline. */
.about-identity h2{font-size:28px;line-height:1.2;margin:9px 0 18px;letter-spacing:-.8px}.about-portrait{max-width:365px;height:320px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#71806b38,transparent 72%);border-bottom:1px solid var(--line)}.about-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-copy{padding-top:30px}@media(max-width:600px){.about-portrait{height:290px;max-width:340px;margin:0 auto}.about-identity h2{font-size:27px}.about-copy{padding-top:0}}

/* Keep project artwork complete, with metadata above the image. */
#featured .has-cover .slot-art{height:auto;aspect-ratio:1.4;background:#1c2822}#featured .has-cover .slot-art>img{inset:36px 0 0;width:100%;height:calc(100% - 36px);object-fit:contain;object-position:center}#featured .has-cover .slot-art>.eyebrow{position:absolute;left:10px;top:9px;max-width:calc(100% - 46px);margin:0;padding:0;background:none}#featured .has-cover .slot-art>span{top:9px;right:10px;bottom:auto;font-size:12px;line-height:16px;color:var(--ink)}html[data-time="morning"] #featured .has-cover .slot-art{background:#bdc4b2}html[data-time="morning"] #featured .has-cover .slot-art>.eyebrow{color:#344531}.catalog-cover{object-fit:contain;background:#1c2822}

/* Give artwork the full preview area; place captions outside the image. */
#featured .has-cover .slot-art{aspect-ratio:16/9;height:auto;width:100%}#featured .has-cover .slot-art>img{inset:0;width:100%;height:100%;object-fit:contain}.project-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;color:var(--muted)}.project-card-meta .eyebrow{font-size:8px;letter-spacing:.8px}.project-card-meta>span{font-size:10px}#featured .has-cover h3{margin-top:7px}.about-portrait{max-width:320px;height:auto;aspect-ratio:1;border:1px solid var(--line);border-radius:16px;background:none}.about-portrait img{object-position:center;object-fit:contain}@media(max-width:600px){.about-portrait{max-width:290px;height:auto}}

.about-identity>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.about-identity>.about-portrait{margin-top:18px}

/* Share one fluid page grid, including on wide desktop screens. */
header,main,footer{width:min(90%,1600px);max-width:none;margin-left:auto;margin-right:auto}header{padding:22px 0}main{padding:0}footer{padding:30px 0}.intro-bottom>p{max-width:640px}.about-copy{max-width:680px}
/* The studio belongs to the page; retain light dividers around its controls. */
.studio-wrap{background:transparent;border:0;border-radius:0;overflow:visible}.studio-top,.studio-bottom{padding-left:0;padding-right:0;background:transparent!important;color:var(--muted);border-color:var(--line)}#studio{background:transparent!important}#studio::before{background:radial-gradient(ellipse at 50% 50%,#c9d1b22b 0%,transparent 70%)!important}#studio::after{mask-image:radial-gradient(ellipse at center,#000 25%,transparent 74%)}.studio-top{border-top:1px solid var(--line)}.project-card-meta>.eyebrow{position:static;inset:auto}
@media(max-width:900px){header,main,footer{width:calc(100% - 48px)}}@media(max-width:600px){header,main,footer{width:calc(100% - 40px)}header{padding:17px 0 15px}main{padding:0}.studio-top,.studio-bottom{padding:15px 0}.intro-bottom>p{max-width:none}footer{padding:24px 0}}

#loading{background:transparent}

/* A fluid shell for desktops, tablets, portrait phones and rotated devices. */
header,main,footer{width:calc(100% - clamp(40px,6vw,144px));max-width:none}h1{max-width:1150px}.section-intro{max-width:760px}.intro-bottom>p{max-width:640px}#studio{height:clamp(560px,70svh,940px);min-height:0}.studio-top{gap:16px}.studio-top>span{flex-shrink:0}#featured{grid-template-columns:repeat(4,minmax(0,1fr))}.slot,.career-column,.about-copy{min-width:0}.slot h3,.slot p{overflow-wrap:anywhere}.about{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.contact-links{flex-wrap:wrap}
@media(min-width:1600px){#featured .slot-art{height:auto;aspect-ratio:16/9}}
@media(max-width:1100px){header{grid-template-columns:1fr auto;row-gap:12px}header nav{justify-self:end}.location{grid-column:1/-1;justify-self:start}#featured{grid-template-columns:repeat(2,minmax(0,1fr))}.career-overview{grid-template-columns:1fr 1fr}#experience-list{grid-template-columns:1fr}.about{column-gap:32px}#studio{height:clamp(500px,68svh,800px)}}
@media(max-width:700px){.about{grid-template-columns:1fr;gap:24px}.about-copy{padding-top:0}.about-portrait{margin-left:auto;margin-right:auto}.career-overview{grid-template-columns:1fr}.studio-top{flex-wrap:wrap}.time-modes{margin-left:auto}#studio{height:clamp(360px,90vw,560px)}.studio-bottom{flex-wrap:wrap;gap:12px}.studio-bottom>div{margin-left:auto}.hotspot{font-size:8px;padding:7px 8px}.destinations button{min-height:72px}.about-identity>.about-portrait{margin-top:16px}}
@media(max-width:420px){header nav{gap:15px;font-size:11px}.wordmark{font-size:24px}.intro .eyebrow{max-width:280px}h1{font-size:clamp(34px,10.4vw,44px)}#featured{gap:24px 12px}.slot h3{font-size:13px}.slot p{font-size:11px}.project-card-meta .eyebrow{font-size:7px;letter-spacing:.4px}.section-heading{flex-wrap:wrap;align-items:center}.section h2{font-size:30px}.studio-top>span{font-size:8px}.scene-caption{font-size:9px;min-width:0;width:calc(100% - 24px)}footer{gap:16px}}
@media(max-height:600px) and (orientation:landscape){#studio{height:clamp(380px,85svh,520px)}}

/* Let the introduction and room share one compact composition. */
.hero{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(24px,3vw,60px);align-items:center;padding:28px 0 18px}.hero>.intro{padding:24px 0;min-width:0}.hero h1{font-size:clamp(42px,4vw,76px);line-height:1.08;margin:22px 0 24px;max-width:100%;letter-spacing:-.055em}.hero .intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero .intro-bottom p{max-width:440px;font-size:14px}.hero .desktop{display:none}.hero>.studio-wrap{min-width:0}.hero .studio-top{border-top:0;font-size:8px;letter-spacing:.6px;padding-top:10px;padding-bottom:12px}.hero #studio{height:clamp(440px,38vw,660px)}.hero .studio-bottom{font-size:8px;padding-top:13px;padding-bottom:13px;gap:8px}.hero .studio-bottom button{font-size:9px;margin-left:12px}.hero .time-modes{flex-shrink:0}.destinations{margin-top:0}.destinations button{padding-top:18px;padding-bottom:18px}
#about{grid-template-columns:minmax(240px,360px) minmax(0,1fr);column-gap:clamp(32px,4vw,76px)}.about-copy{max-width:760px}.about-portrait{max-width:320px}.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:48px;align-items:center;padding-top:46px;padding-bottom:52px}.contact-copy{min-width:0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0;justify-self:center}.contact-links a{font-size:15px;padding-bottom:8px;border-bottom:1px solid var(--line)}
@media(min-width:1800px){.hero{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.hero #studio{height:680px}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:0;padding-top:12px}.hero>.intro{padding:18px 0 24px}.hero h1{font-size:clamp(44px,7vw,72px);max-width:900px}.hero .intro-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.hero .intro-bottom p{max-width:560px}.hero #studio{height:clamp(440px,65vw,660px)}.hero .studio-top{border-top:1px solid var(--line)}#about{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);column-gap:32px}.contact{gap:28px}.contact-links{justify-self:start}}
@media(max-width:700px){.hero h1{font-size:clamp(38px,9vw,56px);line-height:1.1}.hero .intro-bottom{flex-direction:column;align-items:flex-start;gap:8px}.hero #studio{height:clamp(320px,92vw,460px)}.hero .studio-top{flex-wrap:wrap;gap:12px}.hero .studio-bottom{flex-wrap:wrap}.hero .studio-bottom>div{margin-left:auto}#about{grid-template-columns:1fr;gap:24px}.about-portrait{margin-left:0;margin-right:0}.contact{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:36px}.contact-links{gap:18px}.contact-links a{font-size:13px}.hero .time-modes{margin-left:auto}.destinations button{padding:18px 10px}.hero .scene-caption{bottom:10px;padding:8px 10px}}

/* Botanical editorial details: quiet linework, paper grain, and readable type. */
:root{--muted:#b0b8a7;--ornament-opacity:.22}html[data-time="morning"]{--muted:#586250;--ornament-opacity:.35}body{isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('./assets/ornaments/grain.svg') repeat;opacity:.055}main{position:relative}.hero,#projects,#about,#contact{position:relative;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-1;inset:-20px 0 0 20%;pointer-events:none;background:url('./assets/ornaments/contours.svg') center/100% 100% no-repeat;opacity:.09;mask-image:linear-gradient(to right,transparent,#000 50%,transparent)}.hero>.intro{position:relative;isolation:isolate}.hero>.intro::after{content:'';position:absolute;right:0;bottom:-25px;width:150px;height:205px;background:url('./assets/ornaments/botanical.svg') center/contain no-repeat;opacity:var(--ornament-opacity);z-index:-1;pointer-events:none;transform:rotate(16deg)}#projects::before{content:'';position:absolute;right:0;top:0;width:360px;height:115px;background:url('./assets/ornaments/workflow.svg') center/contain no-repeat;opacity:.16;z-index:-1;pointer-events:none}.about-identity{position:relative;isolation:isolate}.about-identity::before{content:'';position:absolute;left:24px;top:38px;width:300px;height:320px;border:1px solid #a5b49355;border-radius:46% 54% 45% 55% / 58% 36% 64% 42%;transform:rotate(-12deg);z-index:-1;pointer-events:none}.about-identity::after{content:'';position:absolute;left:235px;top:36px;width:160px;height:230px;background:url('./assets/ornaments/botanical.svg') center/contain no-repeat;opacity:.48;z-index:-1;pointer-events:none;transform:rotate(12deg)}.about-portrait{position:relative;box-shadow:0 15px 40px #101b161c}#contact::after{content:'';position:absolute;right:2%;bottom:24px;width:190px;height:260px;background:url('./assets/ornaments/botanical.svg') center/contain no-repeat;opacity:var(--ornament-opacity);z-index:-1;pointer-events:none;transform:rotate(-18deg)}#contact::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 70%,#b7c89c0a,transparent 65%)}
p{font-size:16px;line-height:1.8}header nav{font-size:14px;gap:32px}.location{font-size:11px}.eyebrow{font-size:11px;letter-spacing:1.2px}.hero .intro-bottom p{font-size:17px;line-height:1.85;max-width:480px}.hero .intro>.eyebrow{font-size:10px;line-height:1.8;letter-spacing:1px;max-width:470px}.text-link{font-size:14px}.section h2,dialog h2{font-size:clamp(34px,3vw,48px)}.section-intro{font-size:16px;max-width:790px}.count{font-size:25px}#featured{gap:34px 24px}#featured .slot h3{font-size:19px;line-height:1.4;margin-top:15px;font-weight:600;min-height:27px}#featured .slot p{font-size:15px;line-height:1.75}.slot-art>.eyebrow{font-size:9px;letter-spacing:.8px;max-width:calc(100% - 24px)}.project-card-meta .eyebrow{font-size:10px;letter-spacing:.8px}.project-card-meta>span{font-size:11px}.project-card-meta{margin-top:13px}#featured .has-cover h3{margin-top:8px}.slot[data-kind="agents"] .slot-art{background-color:#2a3c32;background-image:radial-gradient(ellipse at 50% 55%,#adbd8e12,transparent 75%)}.slot[data-kind="agents"]:nth-child(2) .slot-art{background-color:#313b32}.slot[data-kind="agents"]:nth-child(3) .slot-art{background-color:#3b3c30}.slot[data-kind="agents"] .slot-art::before{content:'';position:absolute;inset:20px 0 0;width:100%;height:calc(100% - 20px);border:0;border-radius:0;transform:none;background:url('./assets/ornaments/workflow.svg') center/90% auto no-repeat;opacity:.82}.slot[data-kind="agents"] .slot-art::after{display:none}.slot[data-project="pending"] .slot-art::before{opacity:.4}.slot[data-kind="agents"] .slot-art>span{font-size:23px;bottom:10px;right:13px}.selection-note p{font-size:15px;line-height:1.7}.selection-note small{font-size:13px}.selection-note{gap:20px;padding:22px 0}.about-copy .large{font-size:22px;line-height:1.65}.about-copy>p{font-size:16px;line-height:1.85}.about-copy .skills span{font-size:12px;padding:8px 11px}.resume-download{font-size:14px;padding:15px 19px}.resume-download span{font-size:11px}.career-section-title{font-size:25px}.career-section-title>span{font-size:12px}.career-title{font-size:15px;line-height:1.5}.career-period{font-size:12px}.experience-entry summary{padding:18px 36px 18px 17px;min-height:104px;gap:8px}.experience-entry>p{font-size:14px}.career-column{padding:25px}.destinations button{font-size:14px}.destinations small{font-size:12px;line-height:1.5}.destinations span{font-size:11px}.contact-copy>p{font-size:17px;max-width:530px}.contact-links a{font-size:17px}.hero .studio-top{font-size:10px}.hero .studio-bottom,.hero .studio-bottom button{font-size:10px}.time-modes button{font-size:11px}#loading small{font-size:13px}footer{font-size:11px}footer button{font-size:12px}
html[data-time="morning"] .slot[data-kind="agents"] .slot-art{background-color:#5c6e58}html[data-time="morning"] .slot[data-kind="agents"]:nth-child(2) .slot-art{background-color:#66715b}html[data-time="morning"] .slot[data-kind="agents"]:nth-child(3) .slot-art{background-color:#73725c}html[data-time="morning"] .slot[data-kind="agents"] .slot-art>.eyebrow{color:#eff2df}html[data-time="morning"] .slot[data-kind="agents"] .slot-art>span{color:#e4ead1}
@media(max-width:1100px){#featured{gap:32px 22px}.hero>.intro::after{right:8%;width:120px;height:165px;opacity:.16}.hero .studio-top{gap:12px}.hero .studio-bottom{flex-wrap:wrap;gap:12px}.hero .studio-bottom>div{margin-left:auto}.about-identity::after{left:auto;right:-6px;width:110px;opacity:.32}.about-identity::before{width:calc(100% - 20px);max-width:280px;height:290px;left:12px}.about-copy .large{font-size:20px}.hero .intro-bottom .text-link{white-space:nowrap}}
@media(max-width:700px){header nav{font-size:12px;gap:20px}.location{font-size:10px}.hero .intro-bottom p{font-size:16px}.hero .intro>.eyebrow{font-size:9px}.hero>.intro::after{right:0;bottom:0;width:100px;height:140px;opacity:.14}.hero::before{opacity:.06}#projects::before{width:190px;height:80px;opacity:.13}#featured .slot h3{font-size:17px;min-height:24px}#featured .slot p{font-size:14px;line-height:1.65}#featured{gap:28px 16px}.project-card-meta .eyebrow{font-size:9px}.slot-art>.eyebrow{font-size:8px;line-height:1.5}.slot[data-kind="agents"] .slot-art::before{background-size:105% auto}.about-identity::after{left:230px;right:auto;width:110px;top:40px}.about-identity::before{width:270px;height:290px}.selection-note{flex-wrap:wrap;gap:14px}.selection-note p{font-size:14px;flex:1;min-width:180px}.selection-note small{font-size:12px}.selection-note button{margin-left:0}.about-copy .large{font-size:20px}.about-copy>p{font-size:16px}.career-title{font-size:14px}.career-section-title{font-size:24px}.career-column{padding:20px}.experience-entry summary{min-height:90px}.contact-copy>p{font-size:16px}#contact::after{width:130px;height:180px;opacity:.16;right:0}.contact-links a{font-size:15px}.destinations button{font-size:13px}.destinations small{font-size:11px}.hero .studio-top{font-size:9px}.hero .studio-bottom,.hero .studio-bottom button{font-size:9px}.text-link{font-size:13px}}
@media(max-width:420px){header nav{font-size:11px;gap:13px}#featured{gap:25px 12px}.project-card-meta .eyebrow{font-size:8px;letter-spacing:.3px}#featured .slot h3{font-size:16px}#featured .slot p{font-size:13px}.about-identity::after{left:215px;width:100px}.section-intro{font-size:15px}.hero .studio-top{gap:10px}.hero .studio-top>span{font-size:8px}}
@media(max-width:700px){.about-identity::after{left:auto;right:0}.about-identity::before{max-width:calc(100% - 24px)}#contact::after{right:18px;transform:rotate(-8deg)}}
@media(max-width:700px){.about-identity::after{right:14px}}

/* Raise the hero copy to remove the empty band above its opening line. */
.hero{align-items:start;padding-top:12px}.hero>.intro{padding-top:28px}.hero>.studio-wrap{padding-top:0}.hero #studio{height:clamp(420px,34vw,620px)}
/* Two fields of practice, with the original portrait as their shared center. */
#about{display:block;padding-top:44px}.identity-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.identity-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.95fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,76px);max-width:1540px;margin:0 auto 38px;padding:28px 0 12px}.identity-domain{min-width:0;position:relative;z-index:1}.identity-domain h3{font-size:clamp(30px,3vw,54px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:17px 0 20px}.identity-domain h3 em{color:#bac89f}.identity-ai h3 em{color:#b2c6bd}.identity-domain>p{font-size:16px;line-height:1.8;max-width:340px;margin:0 0 19px}.identity-domain .eyebrow{font-size:10px;letter-spacing:1.3px}.domain-skills{display:flex;flex-wrap:wrap;gap:7px 12px;max-width:350px;margin-bottom:20px}.domain-skills span{font-size:11px;line-height:1.8;color:var(--muted)}.domain-skills span:not(:last-child)::after{content:'·';margin-left:12px;color:var(--green)}.identity-domain .text-link{font-size:13px}.identity-portrait{margin:0;position:relative;isolation:isolate;min-width:0}.portrait-stage{position:relative;max-width:380px;margin:auto;padding:16px;border:1px solid #a7b99a52;border-radius:48% 48% 24% 24% / 36% 36% 20% 20%;background:linear-gradient(90deg,#a9bd8820 0 50%,#99bbbe17 50% 100%)}.portrait-stage img{display:block;width:100%;height:auto;border-radius:46% 46% 20% 20% / 32% 32% 18% 18%}.portrait-seam{position:absolute;top:-12px;bottom:-12px;left:50%;width:1px;background:linear-gradient(transparent,#b3c59a66 20%,#b3c59a66 80%,transparent);z-index:-1}.identity-portrait::before{content:'';position:absolute;left:-43px;top:17%;width:145px;height:220px;background:url('./assets/ornaments/botanical.svg') center/contain no-repeat;opacity:.47;z-index:-1;transform:rotate(-13deg)}.identity-portrait::after{content:'';position:absolute;right:-65px;top:16%;width:185px;height:200px;background:url('./assets/ornaments/workflow.svg') center/contain no-repeat;opacity:.48;z-index:-1;transform:rotate(-90deg)}.identity-portrait figcaption{font-size:10px;letter-spacing:1.5px;text-align:center;line-height:1.8;margin-top:23px;color:var(--ink)}.identity-portrait figcaption span{display:block;font-size:12px;font-family:var(--font-heading);letter-spacing:0;color:var(--muted);margin-top:5px}.identity-bio{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:26px 0 0;border-top:1px solid var(--line);margin:0}.identity-bio>div{max-width:850px}.identity-bio .large{font-size:22px;margin:0 0 12px}.identity-bio p{font-size:15px;line-height:1.8;margin:0}.identity-bio>.resume-download{flex-shrink:0;margin:0}.career-overview{margin-top:32px}.identity-ai{padding-left:5px}html[data-time="morning"] .identity-domain h3 em{color:#536b46}html[data-time="morning"] .identity-ai h3 em{color:#3e6561}
@media(min-width:1800px){.hero>.intro{padding-top:28px}.hero #studio{height:620px}}
@media(max-width:1100px){.hero>.intro{padding-top:18px}.hero #studio{height:clamp(420px,62vw,620px)}.identity-split{gap:25px;grid-template-columns:minmax(0,1fr) minmax(210px,.9fr) minmax(0,1fr)}.identity-domain h3{font-size:clamp(29px,3.7vw,40px)}.identity-domain>p{font-size:15px}.identity-domain .eyebrow{font-size:8px}.portrait-stage{padding:10px}.identity-portrait::before{left:-20px;width:100px;opacity:.3}.identity-portrait::after{right:-20px;width:120px;opacity:.3}.identity-bio{align-items:flex-start;gap:26px}.identity-bio>div{max-width:680px}.identity-bio .large{font-size:20px}.identity-bio>.resume-download{gap:15px;font-size:12px}}
@media(max-width:700px){.hero #studio{height:clamp(320px,92vw,460px)}#about{padding-top:30px}.identity-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px;padding:8px 0 0;margin-bottom:28px}.identity-portrait{grid-column:1/-1;grid-row:1;width:min(100%,290px);justify-self:center}.identity-domain{align-self:start}.identity-domain h3{font-size:clamp(25px,5vw,34px);line-height:1.12;overflow-wrap:anywhere;margin:12px 0 15px}.identity-domain>p{font-size:14px;line-height:1.75}.identity-ai{padding-left:0}.identity-domain .eyebrow{font-size:8px;line-height:1.8;letter-spacing:.6px}.identity-domain .text-link{font-size:11px;text-align:left;line-height:1.6}.domain-skills{gap:5px 9px;margin-bottom:15px}.domain-skills span{font-size:10px}.domain-skills span:not(:last-child)::after{margin-left:9px}.identity-portrait::before{left:-14px;width:100px}.identity-portrait::after{right:-14px;width:120px}.identity-bio{display:block;padding-top:23px}.identity-bio>.resume-download{margin-top:20px}.identity-bio .large{font-size:20px}.identity-bio p{font-size:15px}.identity-portrait figcaption{font-size:9px}.identity-portrait figcaption span{font-size:12px}.career-overview{margin-top:27px}}
@media(max-width:360px){.identity-split{gap:24px 15px}.identity-domain h3{font-size:24px}.identity-domain>p{font-size:13px}.identity-domain .text-link{font-size:10px}.identity-domain .eyebrow{font-size:7px}.identity-portrait{width:240px}}

@media(max-width:700px){.identity-portrait::before{left:0;width:90px;height:180px}.identity-portrait::after{right:28px;width:100px;height:160px}}
/* Two portrait modes reveal across the same registered photograph. */
.identity-split{--portrait-split:50%;--portrait-shift:0px;min-height:440px}
.identity-mode{font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:0;padding:0;cursor:pointer}
.identity-mode em{font-style:normal}
.identity-mode:focus-visible,.portrait-hit:focus-visible,.identity-reset:focus-visible{outline:2px solid var(--green);outline-offset:7px}
.identity-domain{transition:opacity .65s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.identity-portrait{transform:translateX(var(--portrait-shift));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.portrait-stage{aspect-ratio:1;padding:0;overflow:hidden;border-radius:46% 46% 20% 20% / 32% 32% 18% 18%;background:#26392f;isolation:isolate}
.portrait-layer{position:absolute;inset:0;transition:clip-path .8s cubic-bezier(.2,.7,.2,1)}
.portrait-layer img{width:100%;height:100%;object-fit:cover;border-radius:0}
.portrait-games{clip-path:inset(0 calc(100% - var(--portrait-split)) 0 0);z-index:1}
.portrait-games img{filter:saturate(.76) sepia(.08)}
.portrait-ai{clip-path:inset(0 0 0 var(--portrait-split));z-index:2}
.portrait-ai img{filter:grayscale(1) contrast(1.02) brightness(.97)}
.portrait-seam{top:0;bottom:0;left:var(--portrait-split);z-index:3;background:#e0e7da55;transition:left .8s cubic-bezier(.2,.7,.2,1),opacity .4s}
.portrait-hit{position:absolute;top:0;bottom:0;width:50%;z-index:4;border:0;padding:0;background:transparent;cursor:pointer;border-radius:0}
.portrait-hit-games{left:0}.portrait-hit-ai{right:0}
.portrait-hit:focus-visible{outline-offset:-7px;border-radius:24px}
.identity-portrait::before,.identity-portrait::after{transition:opacity .7s,transform .8s;pointer-events:none}
.identity-portrait figcaption{min-height:51px;margin-top:24px}
.identity-reset{display:block;margin:8px auto 0;padding:5px 9px;background:transparent;border:0;border-bottom:1px solid var(--line);font:11px var(--font-body);color:var(--muted);cursor:pointer}
.identity-hint{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:10px;letter-spacing:.2px}
.identity-split[data-mode="games"]{--portrait-split:100%;--portrait-shift:30px}
.identity-split[data-mode="ai"]{--portrait-split:0%;--portrait-shift:-30px}
.identity-split[data-mode="games"] .identity-ai{opacity:0;transform:translateX(22px);pointer-events:none}
.identity-split[data-mode="ai"] .identity-games{opacity:0;transform:translateX(-22px);pointer-events:none}
.identity-split[data-mode="games"] .identity-portrait::after,.identity-split[data-mode="ai"] .identity-portrait::before{opacity:0}
.identity-split[data-mode="games"] .identity-portrait::before,.identity-split[data-mode="ai"] .identity-portrait::after{opacity:.7}
.identity-split:not([data-mode="split"]) .portrait-seam{opacity:0}
@media(max-width:1100px){.identity-split[data-mode="games"]{--portrait-shift:8px}.identity-split[data-mode="ai"]{--portrait-shift:-8px}.identity-domain h3{font-size:clamp(26px,3.5vw,40px)}}
@media(max-width:700px){
 .identity-split{min-height:0;--portrait-shift:0px!important;gap:26px 20px}
 .identity-domain{transition:opacity .45s}
 .identity-split[data-mode="games"] .identity-ai,.identity-split[data-mode="ai"] .identity-games{opacity:1;transform:none;pointer-events:auto}
 .identity-split[data-mode="games"] .identity-ai>:not(h3),.identity-split[data-mode="ai"] .identity-games>:not(h3){opacity:0;pointer-events:none}
 .identity-split[data-mode="games"] .identity-ai h3,.identity-split[data-mode="ai"] .identity-games h3{opacity:.4}
 .identity-domain>:not(h3),.identity-domain h3{transition:opacity .5s}
 .identity-domain h3{font-size:clamp(23px,5.1vw,33px)}
 .identity-mode{line-height:1.18}
 .identity-hint{font-size:10px}
}
@media(max-width:360px){.identity-domain h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.identity-domain,.identity-portrait,.portrait-layer,.portrait-seam,.identity-portrait::before,.identity-portrait::after,.identity-domain>:not(h3),.identity-domain h3{transition:none}}

@media(max-width:360px){.identity-domain h3{font-size:19px}}

/* Supplied transparent portraits: preserve their colors and full silhouettes. */
.identity-split{grid-template-columns:minmax(0,1fr) minmax(260px,1.08fr) minmax(0,1fr);padding-top:12px}
.portrait-stage{max-width:440px;border:0;border-radius:0;background:transparent;overflow:visible}
.portrait-layer img{object-fit:contain;filter:none;border-radius:0}
.portrait-layer{overflow:hidden}
.portrait-seam{top:12%;bottom:0;background:linear-gradient(transparent,#c8d3bf55 25%,#c8d3bf55 75%,transparent)}
.identity-portrait::before{left:-32px;top:37%}
.identity-portrait::after{right:-35px;top:39%}
@media(max-width:1100px){.identity-split{grid-template-columns:minmax(0,1fr) minmax(220px,1.05fr) minmax(0,1fr);gap:22px}.identity-portrait::before{left:-12px}.identity-portrait::after{right:-12px}}
@media(max-width:700px){.identity-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 20px}.identity-portrait{width:min(100%,330px)}.identity-portrait::before{left:0}.identity-portrait::after{right:28px}}
@media(max-width:360px){.identity-portrait{width:260px}}

/* Keep live studio updates available to screen readers without visual helper copy. */
.studio-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}

.identity-portrait figcaption{min-height:0}
/* Contact links sit above the location while the main navigation stays centered. */
header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:26px;padding-top:16px;padding-bottom:16px}
.header-contact{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
.header-socials{display:flex;align-items:center;gap:8px}
.header-socials a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--ink);opacity:.82;border-radius:6px;transition:color .2s,background .2s,opacity .2s}
.header-socials a:hover{opacity:1;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--green)}
.header-socials a[hidden]{display:none}.header-socials svg{display:block;width:18px;height:18px}
header .location{display:flex;grid-column:auto;justify-self:auto;font-size:9px;letter-spacing:1px;line-height:1.4;color:var(--muted)}
header nav{justify-self:center}
/* Morning gets darker botanical ink with a soft fade toward the reading area. */
:root{--botanical-art:url('./assets/ornaments/botanical.svg');--contour-art:url('./assets/ornaments/contours.svg');--workflow-art:url('./assets/ornaments/workflow.svg')}
.hero>.intro::after,#contact::after,.identity-portrait::before{background-image:var(--botanical-art)}
.hero::before{background-image:var(--contour-art)}
#projects::before,.identity-portrait::after{background-image:var(--workflow-art)}
html[data-time="morning"]{--botanical-art:url('./assets/ornaments/botanical-morning.svg');--contour-art:url('./assets/ornaments/contours-morning.svg');--workflow-art:url('./assets/ornaments/workflow-morning.svg');--ornament-opacity:.55}
html[data-time="morning"] .hero>.intro::after{opacity:.55;mask-image:linear-gradient(120deg,transparent 0%,#000 48%,#000 100%)}
html[data-time="morning"] #contact::after{opacity:.5;mask-image:linear-gradient(90deg,transparent,#000 35%)}
html[data-time="morning"] .hero::before{opacity:.16}
html[data-time="morning"] #projects::before{opacity:.3}
@media(max-width:1100px){header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:18px;row-gap:0}header nav{gap:24px}.header-contact{grid-column:auto}header .location{font-size:8px;letter-spacing:.6px}}
@media(max-width:700px){header{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:14px;padding:14px 0}.wordmark{grid-column:1;grid-row:1}.header-contact{grid-column:2;grid-row:1;gap:4px}header nav{grid-column:1/-1;grid-row:2;justify-self:center;gap:30px}.header-socials{gap:5px}.header-socials a{width:30px;height:28px}.header-socials svg{width:17px;height:17px}header .location{font-size:8px;letter-spacing:.5px}.hero>.intro::after{width:110px;height:155px}html[data-time="morning"] .hero>.intro::after{opacity:.44}html[data-time="morning"] #contact::after{opacity:.4}html[data-time="morning"] .hero::before{opacity:.11}}
@media(max-width:360px){header .location{font-size:7px;letter-spacing:.35px}.header-socials a{width:27px;height:27px}.wordmark{font-size:23px;gap:7px}}
/* The studio is a focusable play space; touch controls replace keys on phones. */
#studio canvas:focus-visible{outline:2px solid #a9bd88;outline-offset:-4px;border-radius:8px}
.studio-input{position:absolute;left:16px;bottom:14px;z-index:5;pointer-events:none}
.keyboard-keys{display:grid;justify-items:center;gap:3px;opacity:0;transition:opacity .2s}
.keyboard-keys>span{display:flex;gap:3px}
.keyboard-keys kbd{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--paper) 88%,transparent);font:10px var(--font-body);color:var(--muted)}
#studio:hover .keyboard-keys,#studio:focus-within .keyboard-keys{opacity:.85}
.studio-dpad{display:none;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:4px;pointer-events:auto}
.studio-dpad button{display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:17px;touch-action:none;user-select:none;-webkit-user-select:none}
.studio-dpad button[data-move="KeyW"]{grid-column:2;grid-row:1}.studio-dpad button[data-move="KeyA"]{grid-column:1;grid-row:2}.studio-dpad button[data-move="KeyS"]{grid-column:2;grid-row:2}.studio-dpad button[data-move="KeyD"]{grid-column:3;grid-row:2}
.studio-dpad button.pressed{background:var(--green);color:var(--paper)}
@media(pointer:coarse),(max-width:700px){.keyboard-keys{display:none}.studio-dpad{display:grid}.studio-input{left:12px;bottom:12px}}
.hotspot:disabled{opacity:.55;cursor:wait}
.hero #studio{height:clamp(460px,37vw,660px)}
@media(min-width:1800px){.hero #studio{height:660px}}
@media(max-width:1100px){.hero #studio{height:clamp(460px,66vw,660px)}}
@media(max-width:700px){.hero #studio{height:clamp(360px,100vw,500px)}}
@media(prefers-reduced-motion:reduce){.keyboard-keys{transition:none}}
/* Let the studio expand sideways into the hero, keeping a compact canvas height. */
@media(min-width:1101px){.hero{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:clamp(18px,2vw,36px)}.hero h1{font-size:clamp(40px,3.55vw,68px)}.hero .intro-bottom p{font-size:16px}.hero #studio{height:clamp(420px,31vw,560px)}}
#studio canvas:focus,#studio canvas:focus-visible{outline:none;border-radius:0}
.studio-input{left:auto;right:16px;bottom:14px}
.keyboard-keys{opacity:.85}
@media(max-width:1100px){.hero #studio{height:clamp(420px,57vw,560px)}}
@media(pointer:coarse),(max-width:700px){.studio-input{left:auto;right:12px;bottom:12px}}
@media(max-width:700px){.hero #studio{height:clamp(320px,92vw,440px)}}
/* A shared grid places the headline in front of the studio rather than beside it. */
.hero>.intro h1{margin-top:0}
@media(min-width:1101px){
 .hero{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:center}
 .hero>.intro{grid-column:1/8;grid-row:1;z-index:3;align-self:center;padding:26px 0 36px;pointer-events:none}
 .hero>.studio-wrap{grid-column:3/-1;grid-row:1;position:relative;z-index:1;align-self:start}
 .hero h1{font-size:clamp(50px,4.5vw,86px);line-height:1.07;max-width:100%;letter-spacing:-.055em;margin:0 0 26px;text-shadow:0 2px 22px var(--paper)}
 .hero .intro-bottom{gap:22px}
 .hero .intro-bottom p{max-width:420px;font-size:16px;line-height:1.85;text-shadow:0 1px 12px var(--paper)}
 .hero .intro-bottom .text-link{pointer-events:auto}
 .hero>.intro::before{content:'';position:absolute;inset:-15px -15px -15px -8px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 96%,transparent) 0%,color-mix(in srgb,var(--paper) 86%,transparent) 37%,color-mix(in srgb,var(--paper) 34%,transparent) 72%,transparent 100%)}
 .hero>.intro::after{right:30%;bottom:-2px;opacity:.13}
 html[data-time="morning"] .hero>.intro::after{opacity:.3}
}
@media(max-width:1100px){.hero>.intro{padding-top:18px}.hero>.intro h1{margin-top:0}.hero .intro-bottom p{max-width:560px}}
/* The studio heading spans the whole hero, independently of the canvas layer. */
.hero>.studio-top{grid-column:1/-1;grid-row:1;position:relative;z-index:4;padding:8px 0 14px;border-bottom:1px solid var(--line);margin-bottom:8px;min-width:0}
@media(min-width:1101px){.hero>.intro,.hero>.studio-wrap{grid-row:2}.hero>.studio-top{grid-row:1}.hero #studio{height:clamp(500px,38vw,680px)}}
@media(max-width:1100px){.hero>.studio-top{grid-column:1;grid-row:auto}.hero>.intro,.hero>.studio-wrap{grid-column:1;grid-row:auto}.hero #studio{height:clamp(480px,66vw,650px)}}
@media(max-width:700px){.hero>.studio-top{flex-wrap:wrap;gap:10px}.hero #studio{height:clamp(390px,112vw,500px)}}

/* Shift the desktop studio toward the right edge while keeping its full frame visible. */
@media(min-width:1101px){.hero>.studio-wrap{grid-column:5/-1}}

/* A small extra shift keeps the studio toward the right without cropping its canvas. */
@media(min-width:1101px){.hero>.studio-wrap{grid-column:5/-1;transform:translateX(clamp(18px,2vw,36px));width:calc(100% - clamp(18px,2vw,36px))}}

/* Lift both hero layers together and reduce their shared row height. */
@media(min-width:1101px){.hero>.intro,.hero>.studio-wrap{margin-top:calc(-1 * clamp(18px,1.5vw,28px))}}

/* Move the studio farther into the existing outer margin without reducing its size. */
@media(min-width:1101px){.hero>.studio-wrap{transform:translateX(clamp(38px,3.5vw,64px))}}

/* Keep the headline on the page background during the entire sky cycle. */
.hero>.intro::before{content:none}
.hero h1{color:var(--ink)}
.hero h1,.hero .intro-bottom p{text-shadow:none}
.hero h1,.hero h1 em,.hero .intro-bottom p,.hero .intro-bottom .text-link{transition:color 2.8s ease,border-color 2.8s ease}
@media(prefers-reduced-motion:reduce){.hero h1,.hero h1 em,.hero .intro-bottom p,.hero .intro-bottom .text-link{transition:none}}