/* Color follows the editorial sections; the page foundations remain white and black. */
:root{--blue:#335f90;--green:#426c60;--muted:#526370;--border:#d5e0e8;--gallery-blue:#e6eff9;--gallery-green:#e9f2ee;--section-blue:#eef4fa;--section-green:#edf4f0;--action:#bdd4ee;--hover:#a8c7e8;--field-blue:123,165,211;--field-green:128,176,160;--surface-shadow:0 16px 50px -30px #274b7040}
:root[data-theme=dark]{--blue:#9bbbe3;--green:#8ebbad;--text:#edf2f7;--muted:#a6b3c3;--border:#263644;--gallery-blue:#111e2e;--gallery-green:#122522;--section-blue:#0b1521;--section-green:#0c1c1a;--action:#27476c;--hover:#355d89;--field-blue:47,83,130;--field-green:35,88,76;--surface-shadow:0 20px 60px -28px #000b}
body{isolation:isolate}.header{position:relative;z-index:30}.nav{border-bottom-color:var(--border)}
.intro{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);padding-block:clamp(32px,4vw,58px)}
.intro:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,transparent 4%,rgba(var(--field-blue),.28) 40%,rgba(var(--field-green),.16) 70%,transparent 96%);background-size:180% 180%;animation:field-drift 18s ease-in-out infinite alternate;mask-image:linear-gradient(transparent,#000 20%,#000 72%,transparent);pointer-events:none}
.intro:after{content:'';position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue) 35%,var(--green) 70%,transparent);opacity:.3;pointer-events:none}
.home-name{background:linear-gradient(110deg,var(--text) 24%,var(--blue) 56%,var(--text) 86%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:type-light 16s ease-in-out infinite alternate}
.positioning h2 span{color:var(--blue)}.intro .mono{letter-spacing:1.1px}
.tint,.blue-tint{position:relative;background:linear-gradient(115deg,var(--section-blue),var(--section-blue) 60%,var(--section-green));border-block:1px solid var(--border)}
.section h2{max-width:24ch}.section .marker:before{width:34px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:1}
.media,.portfolio-cover{background:linear-gradient(140deg,var(--gallery-blue),var(--section-blue) 56%,var(--gallery-green));box-shadow:var(--surface-shadow)}
.media.sage{background:linear-gradient(135deg,var(--gallery-green),var(--section-green) 65%,var(--gallery-blue))}
.tile>.media{background-size:170% 170%;animation:field-drift 20s ease-in-out infinite alternate}
.tile:nth-child(even)>.media{animation-delay:-9s}.tile>.portfolio-cover{background-size:160% 160%;animation:field-drift 22s ease-in-out infinite alternate}
.tile-info{border-bottom:1px solid var(--border);padding-bottom:18px}.tile .mono{transition:color .3s}.tile:hover .mono{color:var(--green)}
.work-index{padding-top:10px}.category-links a{padding:6px 11px;border:1px solid var(--border);border-radius:50px;background:var(--section-blue);transition:background .25s,color .25s}.category-links a:hover{background:var(--action);color:var(--text);text-decoration:none}
.discipline-row{isolation:isolate;position:relative;border-bottom:1px solid var(--border);overflow:hidden}.discipline-row:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--section-blue),var(--section-green));opacity:0;transform:translateX(-20px);transition:opacity .4s,transform .6s var(--ease-out)}.discipline-row:hover:before{opacity:1;transform:none}.discipline{padding-inline:clamp(0px,1.4vw,20px)}
.home-playground{padding:26px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(110deg,var(--section-blue),var(--section-green));box-shadow:var(--surface-shadow)}
.cta{position:relative;background:linear-gradient(115deg,rgba(var(--field-blue),.14),rgba(var(--field-green),.08));overflow:hidden}.cta .rule{border-color:var(--border)}.cta h2{max-width:22ch}.cta .button{align-self:center}
.button{box-shadow:inset 0 1px 0 #ffffff20,0 6px 20px -12px rgba(var(--field-blue),.5)}
.website-screen>a,.screen-scroll,.embed-shell,.project-browser,.project-live{box-shadow:var(--surface-shadow)}
.website-points>div,.decision-grid>div{border-top:2px solid var(--border);padding-top:18px}.website-points>div:nth-child(2){border-color:var(--green)}.website-points>div:first-child,.website-points>div:last-child{border-color:var(--blue)}
.footer{background:var(--bg)}.footer-row{border-top-color:var(--border)}
.reading-progress{position:fixed;z-index:100;left:0;right:0;top:0;height:3px;transform:scaleX(var(--read-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--green));pointer-events:none}
@keyframes field-drift{from{background-position:5% 20%}to{background-position:95% 80%}}
@keyframes type-light{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes preview-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(hover:hover) and (pointer:fine){
 .tile>.portfolio-cover .cover-phone,.tile>.portfolio-cover .cover-detail{animation:preview-breathe 7s ease-in-out infinite}
 .tile:nth-child(even)>.portfolio-cover .cover-detail{animation-delay:-3s}
 .tile:hover>.portfolio-cover .cover-phone,.tile:hover>.portfolio-cover .cover-detail{animation-play-state:paused}
 .tile .media,.tile>.portfolio-cover{position:relative}
 .tile .media:before,.tile>.portfolio-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--field-blue),.2),transparent 75%);opacity:0;transition:opacity .4s;pointer-events:none}
 .tile:hover .media:before,.tile:hover>.portfolio-cover:before{opacity:1}
 .tile:hover{transform:translateY(-7px)}.tile:hover>.portfolio-cover,.tile:hover .media{border-color:var(--blue);box-shadow:0 24px 42px -26px rgba(var(--field-blue),.5)}
}
@media(max-width:700px){.intro{padding-block:28px 34px}.home-playground{padding:22px}.category-links{gap:8px}.category-links a{padding:5px 9px}.cta .button{align-self:flex-start}.reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.intro:before,.home-name,.tile>.media,.tile>.portfolio-cover,.cover-phone,.cover-detail{animation:none!important}.reading-progress{display:none}.discipline-row:before{transform:none}}
@media(forced-colors:active){.home-name{background:none;color:CanvasText}.intro:before{display:none}}
/* Quieter color direction: neutral sections and stationary, restrained accents. */
:root{--blue:#42658b;--green:#496f5f;--text:#101318;--muted:#53616d;--border:#dce3e8;--gallery-blue:#edf2f7;--gallery-green:#eff4f0;--section-blue:#f7f9fb;--section-green:#f7f9f8;--action:#c4d7ec;--hover:#adc7e4;--field-blue:66,101,139;--field-green:73,111,95;--surface-shadow:0 12px 32px -26px #273e5528}
:root[data-theme=dark]{--blue:#9aafc5;--green:#a0b4aa;--text:#f2f3f4;--muted:#abb3bc;--border:#282d33;--gallery-blue:#13191f;--gallery-green:#151c19;--section-blue:#0c0e11;--section-green:#0d100f;--action:#293b4d;--hover:#354c62;--field-blue:87,109,133;--field-green:81,107,95;--surface-shadow:0 12px 32px -26px #0009}
.intro:before{animation:none;background:linear-gradient(115deg,transparent 12%,rgba(var(--field-blue),.065) 52%,transparent 90%);background-size:100% 100%}.intro:after{opacity:.13;background:var(--border)}
.home-name{animation:none;background:none;color:var(--text)}
.tint,.blue-tint{background:var(--section-blue);border-block-color:transparent}
.media,.portfolio-cover,.tile>.media,.tile>.portfolio-cover{animation:none;background:var(--gallery-blue);background-size:auto}.media.sage{background:var(--gallery-green)}
.home-playground{background:var(--section-blue);box-shadow:none}.cta{background:var(--bg)}
.category-links a{background:transparent}.website-points>div:nth-child(n){border-color:var(--border)}
.discipline-row:before{background:var(--section-blue)}
@media(hover:hover) and (pointer:fine){.tile .media:before,.tile>.portfolio-cover:before{display:none}}