@font-face{font-family:Manrope;src:url('assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#09090b;--paper:#efeee7;--surface:#09090b;--pink:#f4cbd5;--muted:#a5a49e;--line:#efeee729;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}body[data-phase=welcome],body[data-phase=entering]{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}em{font-family:Instrument,Georgia,serif;font-weight:400}::selection{background:var(--pink);color:var(--ink)}.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:-80px;z-index:1000;background:var(--pink);color:var(--ink);padding:14px 22px}.skip-link:focus{top:20px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.small-note{font-size:10px;color:var(--muted)}
#particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#particle-fallback{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--fallback-opacity,1);transition:opacity .4s}#particle-fallback svg{position:absolute;left:31%;top:24%;width:66%;height:66%;overflow:visible;fill:none;stroke:var(--pink);stroke-linecap:round}.fallback-glow{stroke-width:15;opacity:.30;filter:url(#particle-soft-glow)}.fallback-points{stroke-width:3;stroke-dasharray:.01 6;opacity:.8}.fallback-points-offset{stroke-width:1;stroke-dasharray:.01 9;stroke-dashoffset:3;transform:translate(0px,3px);opacity:.4}body[data-webgl=true] #particle-fallback{visibility:hidden}body[data-phase=welcome] #particle-canvas,body[data-phase=welcome] #particle-fallback{visibility:hidden}
.site-header{position:fixed;z-index:40;top:0;left:0;width:100%;height:104px;padding:20px 5.7%;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:opacity .45s,background .45s,transform .65s var(--ease);background:linear-gradient(#09090bd9,#09090b00);pointer-events:none}.site-header>*{pointer-events:auto}.brand{width:110px;height:62px;display:grid;place-items:center;overflow:hidden;flex:none}.brand img{width:110px;height:auto;filter:brightness(0) invert(.94) sepia(.08);mix-blend-mode:screen}.header-note{font-size:10px;position:absolute;left:29%;top:47px;color:#a4a49e}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px}.site-header nav a{min-height:44px;display:flex;align-items:center;gap:7px}.nav-count{font-size:8px;position:relative;top:-5px;opacity:.55}.nav-contact{border-bottom:1px solid #efeee78c;height:40px;min-height:40px!important;gap:25px!important}.site-header nav a:hover{color:var(--pink)}body[data-phase=welcome] .site-header{opacity:0;visibility:hidden}body[data-phase=entering] .site-header{animation:header-arrive 1.15s .05s var(--ease) both}body[data-phase=welcome] #studio{visibility:hidden}body[data-scrolled=true] .site-header{background:#09090bf0;backdrop-filter:blur(12px)}#studio{position:relative;z-index:3;overflow:clip}#particle-story{height:600svh;position:relative;outline:none}.particle-stage{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}
#hero-copy{position:absolute;left:6%;top:16%;width:69%;z-index:4;opacity:var(--hero-opacity,1);transform:translateY(var(--hero-y,0px));pointer-events:none}.hero-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#c6c5bc}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px #f4cbd550;display:inline-block;flex:none}#hero-title{font-weight:400}.hero-brand{display:block;font-size:clamp(105px,13.6vw,235px);font-weight:450;letter-spacing:-.085em;line-height:.9}.hero-tagline{display:block;font-size:clamp(36px,4.1vw,73px);font-weight:400;letter-spacing:-.06em;line-height:1.12;margin-top:25px}.hero-tagline em{color:var(--pink);letter-spacing:-.018em;margin-left:.05em}#hero-aside{position:absolute;z-index:4;left:6%;right:6%;bottom:13%;display:flex;align-items:end;justify-content:space-between;gap:30px;opacity:var(--hero-opacity,1);transform:translateY(var(--hero-y,0px))}.hero-service{font-size:12px;line-height:1.85;color:#c3c2bb;max-width:350px}.underlined-action{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid #efeee799;padding:10px 0;min-height:44px;font-size:11px;line-height:1.4}.underlined-action span{font-size:23px;transition:transform .4s var(--ease),color .4s}.underlined-action:hover{border-color:var(--pink);color:var(--pink)}.underlined-action:hover span{transform:translate(3px,3px)}#explore-work{min-width:190px;padding-bottom:13px}.flow-hint{position:absolute;z-index:4;left:6%;right:6%;bottom:4%;font-size:9px;display:flex;justify-content:space-between;gap:20px;opacity:var(--hero-opacity,1);color:#9f9e98}.flow-hint>span:last-child{display:flex;align-items:center;gap:28px;color:#c0bfb7}.flow-hint>span:last-child>span{font-size:18px}
[data-arrive]{will-change:translate,opacity,filter}body[data-phase=entering] [data-arrive=left]{animation:arrive-left 1.4s .12s var(--ease) both}body[data-phase=entering] [data-arrive=right]{animation:arrive-right 1.35s .24s var(--ease) both}body[data-phase=entering] [data-arrive=top]{animation:arrive-top 1.25s .03s var(--ease) both}body[data-phase=entering] [data-arrive=bottom]{animation:arrive-bottom 1.3s .38s var(--ease) both}body[data-phase=entering] .hero-tagline{animation-delay:.26s}body[data-phase=entering] .flow-hint{animation-delay:.45s}
@keyframes header-arrive{from{opacity:0;transform:translateY(-65px)}to{opacity:1;transform:none}}@keyframes arrive-left{from{opacity:0;translate:-48vw 0;filter:blur(9px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes arrive-right{from{opacity:0;translate:50vw 0;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes arrive-top{from{opacity:0;translate:0 -28vh;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes arrive-bottom{from{opacity:0;translate:0 34vh;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}

/* Scroll moves one continuous stage through three separate, fully readable concepts. */
.journey-work{position:absolute;inset:0;outline:none;z-index:5;pointer-events:none}.journey-project{position:absolute;inset:0;opacity:var(--project-opacity,0);pointer-events:none;perspective:1800px}.journey-project:not([inert]){pointer-events:auto}.journey-layer{position:absolute;inset:0;transform:translate3d(var(--project-x,0px),var(--project-y,0px),0) scale(var(--project-scale,1)) rotateY(var(--project-ry,0deg));transform-origin:center;will-change:transform,opacity}.project-copy{position:absolute;left:6.2%;top:51.5%;width:29%;transform:translateY(-50%);z-index:3}.project-folio{font-size:9px;letter-spacing:.075em;color:#b7a4ac;text-transform:uppercase;line-height:1.7;display:flex;align-items:center;gap:20px}.project-folio>span{color:var(--pink);font-size:12px;letter-spacing:-.025em}.project-name{font-size:clamp(42px,5.05vw,86px);font-weight:400;letter-spacing:-.07em;line-height:1.02;margin:26px 0 23px}.project-name>span{display:block}.project-name em{color:var(--pink);letter-spacing:-.03em}.project-intro{font-size:clamp(11px,.94vw,15px);line-height:1.85;color:#c0b8b9;max-width:350px}.concept-label{font-size:8px;text-transform:uppercase;letter-spacing:.07em;line-height:1.6;color:#9f939b;margin-top:27px}.live-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #efeee74d;font-size:10px;min-height:44px;margin-top:10px}.live-link>span{font-size:19px}.live-link:hover{color:var(--pink);border-color:var(--pink)}.project-visual{position:absolute;left:39%;top:53%;width:56%;transform:translateY(-50%);z-index:2}.project-preview{position:relative;display:block;width:100%;background:transparent;overflow:visible;transform-origin:center}.project-image{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;opacity:var(--cover-opacity,1);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20625%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22edge%22%20x%3D%22-2%25%22%20y%3D%22-2%25%22%20width%3D%22104%25%22%20height%3D%22104%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.068%20.092%22%20numOctaves%3D%222%22%20seed%3D%2218%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2210%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.9%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%22994%22%20height%3D%22619%22%20fill%3D%22white%22%20filter%3D%22url(%23edge)%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(to right,transparent,#000 var(--edge-softness),#000 calc(100% - var(--edge-softness)),transparent),linear-gradient(to bottom,transparent,#000 var(--edge-softness),#000 calc(100% - var(--edge-softness)),transparent);mask-composite:intersect,intersect;mask-size:100% 100%;mask-repeat:no-repeat;--edge-softness:calc(22px + var(--cover-dissolve,0)*38px)}.project-preview:focus-visible{outline-offset:8px}.preview-cue{position:absolute;left:22px;right:22px;top:calc(100% + 10px);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#c5b3bc;opacity:var(--copy-progress,0);pointer-events:none}.preview-cue>span{font-size:17px}.is-reverse .project-copy{left:69%;width:26%}.is-reverse .project-visual{left:5%;width:58%}.project-electrical .project-name{font-size:clamp(39px,4.75vw,79px)}
.project-copy [data-from]{--arrive-x:0px;--arrive-y:0px;opacity:var(--copy-progress,0);translate:calc((1 - var(--copy-progress,0))*var(--arrive-x)) calc((1 - var(--copy-progress,0))*var(--arrive-y));filter:blur(calc((1 - var(--copy-progress,0))*5px));will-change:translate,opacity,filter}.project-copy [data-from=left]{--arrive-x:-240px}.project-copy [data-from=right]{--arrive-x:240px}.project-copy [data-from=top]{--arrive-y:-180px}.project-copy [data-from=bottom]{--arrive-y:180px}
.journey-chapters{position:absolute;left:6.2%;right:5.3%;bottom:4%;display:flex;align-items:center;gap:26px;font-size:9px;color:#c9b7bf;opacity:var(--journey-opacity,0);pointer-events:none}.chapter-context{font-size:8px;letter-spacing:.07em;text-transform:uppercase;min-width:175px;color:#a18f99}.chapter-count{font-size:10px;letter-spacing:.035em}.chapter-count #journey-current{font-size:13px;color:var(--paper)}.chapter-slash{padding:0 7px;color:#77606d}.chapter-line{height:1px;background:#f4cbd522;flex:1;position:relative;overflow:hidden}.chapter-line>span{position:absolute;inset:0;background:var(--pink);opacity:.65;transform:scaleX(var(--journey-progress,0));transform-origin:left}.chapter-next{font-size:8px;letter-spacing:.04em;min-width:92px;text-align:right}
[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.about-section{position:relative;z-index:6;background:var(--ink);padding:110px 6% 92px;border-top:1px solid #f4cbd525;outline:none;scroll-margin-top:100px}.about-section>.eyebrow{color:#ac929d}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:48px}.about-content h2{font-size:clamp(40px,4.5vw,72px);font-weight:400;letter-spacing:-.065em;line-height:1.13}.about-content h2 em{color:var(--pink)}.about-copy{font-size:13px;line-height:1.9;max-width:480px;color:#b6adb0}.about-copy .about-intro{font-size:24px;margin-bottom:25px;color:var(--paper)}.about-copy p{margin-bottom:20px}.service-line{display:flex;gap:11px 21px;flex-wrap:wrap;padding-top:19px;border-top:1px solid var(--line);font-size:9px;color:#d2bec7}.work-disclosure{position:relative;z-index:6;background:var(--ink);font-size:9px;line-height:1.8;color:#9f8e96;padding:0 6% 50px;margin:0}.contact-section{position:relative;z-index:6;background:var(--ink);padding:94px 6% 22px;display:grid;grid-template-columns:1.05fr 1fr;gap:0 13%;outline:none;border-top:1px solid #f4cbd520;scroll-margin-top:95px}.contact-heading>.eyebrow{color:#b797a7}.contact-heading h2{font-size:clamp(66px,8vw,128px);font-weight:400;letter-spacing:-.07em;line-height:.98;margin-top:36px}.contact-heading h2 em{color:var(--pink);letter-spacing:-.03em}.contact-copy{align-self:end;padding-bottom:8px;color:#bfb2b8}.contact-copy>p{font-size:13px;line-height:1.8}.contact-email{display:flex;justify-content:space-between;gap:15px;align-items:center;white-space:nowrap;font-size:clamp(12px,1.25vw,18px);padding:24px 0 15px;border-bottom:1px solid #ab8798;margin-top:17px;color:var(--paper)}.contact-email span{font-size:25px}.contact-email:hover{color:var(--pink)}.footer-line{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a08894;border-top:1px solid #f4cbd526;margin-top:100px;padding-top:21px;align-items:center}.footer-line button{font-size:10px;min-height:44px;display:flex;gap:20px;align-items:center}.footer-line button span{font-size:17px}
.project-dialog{border:0;padding:0;background:#111013;color:var(--paper);width:min(1160px,94vw);max-width:none;max-height:92svh;overflow:auto;box-shadow:0 30px 120px #0009;transform-origin:top left}.project-dialog[open]{display:block}.project-dialog::backdrop{background:#0c0d0bcc;backdrop-filter:blur(9px)}.dialog-close{position:absolute;z-index:5;right:20px;top:17px;background:#111013e8;padding:8px 15px;min-height:44px;display:flex;align-items:center;gap:24px;font-size:11px;border:1px solid #efeee757}.dialog-close>span{font-size:23px}.detail-visual{background:#17151a;width:100%;overflow:hidden}.detail-visual>img{width:100%;height:auto;max-height:48svh;object-fit:contain;object-position:top}.detail-copy{display:grid;grid-template-columns:1fr 1.18fr;gap:16px 10%;padding:42px 5% 46px}.detail-copy>.eyebrow{grid-column:1;font-size:9px}.detail-copy h2{grid-column:1;grid-row:2;font-weight:400;font-size:clamp(32px,3.5vw,54px);letter-spacing:-.055em;line-height:1.05}.detail-copy>p:not(.eyebrow):not(.honest-note){grid-column:2;grid-row:1/3;font-size:13px;line-height:1.8;color:#c3beb6;align-self:start}.detail-copy dl{grid-column:2;grid-row:3;font-size:11px;line-height:1.7;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-copy dl>div{padding:13px 0;border-top:1px solid var(--line)}.detail-copy dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#b1a99f;margin-bottom:5px}.detail-copy dd{margin:0}.honest-note{grid-column:2;font-size:10px;line-height:1.7;color:#a49d93;margin:0}.solid-action{grid-column:1;grid-row:3;align-self:start;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--paper);color:var(--ink);font-size:12px;min-height:49px}.solid-action:hover{background:var(--pink)}.solid-action span{font-size:21px}.no-js{position:fixed;inset:0;z-index:200;background:var(--ink);padding:12vh 8vw;font-size:18px;line-height:1.8}.no-js a{text-decoration:underline}
/* The approved original PNG mark, SVG crop and expression system. */
.welcome{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#131413;color:var(--paper);outline:none!important;overflow:hidden}.welcome[hidden]{display:none}.welcome-content{display:flex;flex-direction:column;align-items:center;transform:translateY(-1.5vh);width:100%;padding:30px 22px}.welcome-logo{--glyph-width:clamp(210px,21vw,290px);width:calc(var(--glyph-width)*1.795);display:flex;flex-direction:column;align-items:center;gap:calc(var(--glyph-width)*.044)}.logo-face{display:block;width:var(--glyph-width);height:auto;overflow:visible}.logo-wordmark{display:block;width:100%;height:auto;animation:wordmark-unfold 1.25s .75s var(--ease) both}.logo-reveal-mask{transform-box:fill-box;transform-origin:center bottom;animation:logo-unfold 1.85s var(--ease) both}.logo-reveal-mask.second{animation-delay:.13s}.logo-reveal-mask.curve{animation-delay:.24s;animation-duration:1.95s}.logo-eyes{animation:eyes-awake .45s 1.2s ease both}.eye-pupil{transform:translate(0px,0px)}.welcome-invitation{margin-top:45px;display:flex;flex-direction:column;align-items:center;gap:16px;animation:invite-arrive .85s 1.15s var(--ease) both}.welcome-invitation h1{margin:0;font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.015em;color:#c8c9c0}.studio-invite{display:flex;align-items:center;width:166px;min-height:64px;justify-content:center;gap:13px;padding:12px 24px;border:1px solid rgba(239,238,231,.68);border-radius:999px;background:transparent;color:var(--paper);font-size:24px;font-weight:400;line-height:1;transition:background-color .36s var(--ease),color .36s ease,border-color .36s ease,transform .2s ease}.studio-invite span{font-size:27px;line-height:1;color:inherit;transition:transform .36s var(--ease),color .36s ease}.studio-invite:hover,.studio-invite:focus-visible{background:#fff;color:#131413;border-color:#fff}.studio-invite:hover span,.studio-invite:focus-visible span{color:inherit;transform:translate(2px,2px)}.studio-invite:active{transform:translateY(1px)}.welcome.is-entering,.welcome.welcome-leaving{opacity:0;transition:opacity .55s ease;pointer-events:none}.welcome.is-entering .welcome-invitation,.welcome.welcome-leaving .welcome-invitation{transform:translateY(-8px);transition:transform .4s}.welcome.is-entering .logo-eyes,.welcome.welcome-leaving .logo-eyes{opacity:0;animation:none;transition:opacity .12s}
@keyframes logo-unfold{from{transform:scaleY(.035)}to{transform:scaleY(1)}}@keyframes wordmark-unfold{from{opacity:0;clip-path:inset(0 49.8% 0 49.8%)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes eyes-awake{from{opacity:0}to{opacity:1}}@keyframes invite-arrive{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.eye-look{transform-box:fill-box;transform-origin:center;transform:scale(var(--eye-wide,1),var(--eye-tall,1));opacity:1;transition:transform .22s var(--ease),opacity .18s ease}.eye-smile{opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .22s var(--ease)}.eye-brow{opacity:0;transform-box:fill-box;transform-origin:center;transform:translateY(var(--brow-lift,0px)) rotate(var(--brow-angle,0deg));transition:opacity .2s ease,transform .22s var(--ease)}.welcome[data-emotion=curious] .eye{--eye-wide:.97;--eye-tall:1.14;--brow-lift:-1px}.welcome[data-emotion=curious] .eye-brow{opacity:.8}.welcome[data-emotion=curious] .eye.left{--brow-angle:-6deg}.welcome[data-emotion=curious] .eye.right{--brow-angle:6deg}.welcome[data-emotion=left] .eye,.welcome[data-emotion=right] .eye{--eye-wide:.94;--eye-tall:.86}.welcome[data-emotion=left] .eye.left,.welcome[data-emotion=right] .eye.right{--eye-tall:1.05;--brow-lift:-2px}.welcome[data-emotion=left] .eye.right,.welcome[data-emotion=right] .eye.left{--eye-tall:.8}.welcome[data-emotion=left] .eye-brow,.welcome[data-emotion=right] .eye-brow{opacity:.6}.welcome[data-emotion=left] .eye.left{--brow-angle:-6deg}.welcome[data-emotion=right] .eye.right{--brow-angle:6deg}.welcome[data-emotion=expectant] .eye{--eye-wide:1.05;--eye-tall:.92;--brow-lift:-.5px}.welcome[data-emotion=expectant] .eye-brow{opacity:.5}.welcome[data-emotion=happy] .eye-look{opacity:0;transform:scale(1,.18)}.welcome[data-emotion=happy] .eye-smile{opacity:1;transform:translateY(-2px)}.welcome[data-emotion=happy] .eye{--brow-lift:-2px}.welcome[data-emotion=happy] .eye-brow{opacity:.5}.welcome[data-emotion=happy] .eye.left{--brow-angle:-5deg}.welcome[data-emotion=happy] .eye.right{--brow-angle:5deg}


@media(min-width:1800px){.hero-service{font-size:15px}.flow-hint{font-size:11px}.site-header nav{font-size:14px}.header-note{font-size:12px}.eyebrow{font-size:12px}.project-folio{font-size:11px}.concept-label{font-size:10px}.live-link{font-size:12px}.preview-cue{font-size:10px}.project-name{margin-bottom:30px}}
@media(max-width:1000px) and (min-width:701px){.site-header nav{gap:22px}.header-note{display:none}.hero-brand{font-size:14.2vw}.hero-tagline{font-size:4.5vw}#hero-copy{top:19%}.hero-service{font-size:11px}.project-copy{width:29%;left:5%}.is-reverse .project-copy{left:68%;width:28%}.project-name{font-size:5.6vw;margin:20px 0 18px}.project-electrical .project-name{font-size:5.2vw}.project-intro{font-size:10px;line-height:1.75}.project-folio{font-size:8px;gap:12px}.project-folio>span{font-size:10px}.concept-label{font-size:7px;letter-spacing:.035em;margin-top:21px}.live-link{font-size:9px;gap:20px}.project-visual{left:38%;width:58%}.is-reverse .project-visual{left:4%;width:59%}.chapter-context{min-width:145px}.about-content{gap:8%}.contact-section{column-gap:7%}}
@media(max-width:700px){html{scroll-padding-top:84px}.site-header{height:83px;padding:12px 6%;gap:15px}.brand{width:80px;height:54px}.brand img{width:80px}.header-note{display:none}.site-header nav{gap:17px;font-size:10px}.site-header nav a{min-height:44px}.site-header .nav-contact{gap:10px!important;height:34px;min-height:34px!important}.nav-count{display:none}#particle-fallback svg{left:0;top:40%;width:100%;height:42%}#hero-copy{left:7%;top:16%;width:88%}.hero-eyebrow{font-size:8px;letter-spacing:.075em;margin-bottom:22px;gap:7px}.status-dot{width:4px;height:4px}.hero-brand{font-size:clamp(78px,23vw,140px);line-height:.9;letter-spacing:-.075em}.hero-tagline{font-size:clamp(31px,8.9vw,53px);line-height:1.05;margin-top:23px;letter-spacing:-.055em}#hero-aside{left:7%;right:7%;bottom:13%;align-items:end;gap:12px}.hero-service{font-size:10px;line-height:1.75;max-width:190px}.underlined-action{font-size:9px;gap:18px;min-height:40px}#explore-work{min-width:112px;padding-bottom:10px}#explore-work span{font-size:19px}.flow-hint{left:7%;right:7%;bottom:4%;font-size:8px;gap:15px}.flow-hint>span:first-child{max-width:132px;line-height:1.6}.flow-hint>span:last-child{gap:14px;text-align:right;line-height:1.6;max-width:145px}.flow-hint>span:last-child>span{font-size:16px}
.project-visual,.is-reverse .project-visual{left:5%;top:27%;width:90%;transform:none}.project-copy,.is-reverse .project-copy{left:8%;top:57%;width:84%;transform:none}.project-name{font-size:clamp(39px,11.2vw,58px);line-height:1.02;margin:14px 0 13px}.project-name>span{display:inline-block;margin-right:.2em}.project-name>span:last-child{margin-right:0}.project-electrical .project-name{font-size:clamp(37px,10.3vw,55px)}.project-folio{font-size:8px;letter-spacing:.045em;gap:16px}.project-folio>span{font-size:10px}.project-intro{font-size:10px;line-height:1.8;max-width:100%}.concept-label{font-size:7px;letter-spacing:.055em;margin-top:14px}.live-link{font-size:9px;min-height:38px;gap:25px;margin-top:5px}.live-link>span{font-size:16px}.project-image{--edge-softness:calc(15px + var(--cover-dissolve,0)*22px)}.preview-cue{left:14px;right:14px;top:calc(100% + 8px);font-size:7px}.preview-cue>span{font-size:14px}.journey-chapters{left:8%;right:7%;bottom:3.8%;gap:17px;font-size:8px}.chapter-context{min-width:0;max-width:98px;font-size:7px;line-height:1.5}.chapter-count{font-size:8px;white-space:nowrap}.chapter-count #journey-current{font-size:11px}.chapter-slash{padding:0 4px}.chapter-next{display:none}.project-copy [data-from=left]{--arrive-x:-70vw}.project-copy [data-from=right]{--arrive-x:70vw}.project-copy [data-from=top]{--arrive-y:-24vh}.project-copy [data-from=bottom]{--arrive-y:24vh}
.about-section{padding:70px 7% 77px;scroll-margin-top:75px}.about-section>.eyebrow{font-size:8px}.about-content{display:block;margin-top:31px}.about-content h2{font-size:clamp(39px,10vw,61px);line-height:1.07}.about-copy{margin-top:36px;font-size:11px;line-height:1.85;max-width:420px}.about-copy .about-intro{font-size:18px;margin-bottom:18px}.about-copy p{margin-bottom:15px}.service-line{font-size:8px;gap:7px 14px;margin-top:25px}.work-disclosure{font-size:9px;line-height:1.75;padding:0 7% 40px}.contact-section{display:block;padding:70px 7% 17px;scroll-margin-top:70px}.contact-heading>.eyebrow{font-size:8px;letter-spacing:.05em}.contact-heading h2{font-size:clamp(62px,17vw,100px);margin-top:30px}.contact-copy{margin-top:35px;padding:0}.contact-copy>p{font-size:11px;line-height:1.8}.contact-email{font-size:13px;padding:15px 0 13px;margin-top:15px;max-width:370px}.contact-email span{font-size:21px}.footer-line{font-size:8px;margin-top:58px;padding-top:15px;align-items:start}.footer-line>span{max-width:125px;line-height:1.7;padding-top:10px}.footer-line button{font-size:8px;gap:10px;white-space:nowrap}.footer-line button span{font-size:14px}.project-dialog{width:94vw;max-height:93svh}.detail-visual>img{height:auto;max-height:none;aspect-ratio:1.6;object-fit:contain}.detail-copy{display:block;padding:26px 23px 28px}.detail-copy>.eyebrow{font-size:8px}.detail-copy h2{font-size:36px;margin:16px 0}.detail-copy>p:not(.eyebrow):not(.honest-note){font-size:11px}.detail-copy dl{font-size:10px;margin:19px 0;gap:18px}.detail-copy dl>div{padding:11px 0}.detail-copy dt{font-size:8px}.honest-note{font-size:9px;margin-bottom:20px}.dialog-close{top:11px;right:11px;padding:6px 12px;font-size:10px;gap:17px;min-height:40px}.solid-action{font-size:11px}.welcome-logo{--glyph-width:min(48vw,182px)}.welcome-content{transform:translateY(-2vh)}.welcome-invitation{margin-top:37px;gap:12px}.welcome-invitation h1{font-size:15px}.studio-invite{width:156px;min-height:60px;font-size:22px;gap:13px}.studio-invite span{font-size:25px}}
@media(max-width:350px){.site-header nav{gap:13px;font-size:9px}.brand,.brand img{width:72px}.hero-eyebrow{font-size:7px}.hero-brand{font-size:23.7vw}.hero-tagline{font-size:8.9vw}.hero-service{font-size:9px;max-width:166px}#explore-work{font-size:8px;gap:12px;min-width:98px}#explore-work span{font-size:17px}.flow-hint{font-size:7px}.project-name{font-size:11.4vw}.project-electrical .project-name{font-size:10.6vw}.project-intro{font-size:9px}.concept-label{font-size:6.7px}.project-folio{font-size:7px}.contact-email{font-size:12px}.footer-line{gap:12px}.footer-line button{font-size:7px}}
@media(max-width:700px) and (max-height:680px) and (orientation:portrait){.project-visual,.is-reverse .project-visual{top:22%;left:6%;width:88%}.project-copy,.is-reverse .project-copy{top:57%;left:8%;width:84%}.project-name{font-size:10.7vw;margin:10px 0 9px}.project-electrical .project-name{font-size:10vw}.project-intro{font-size:9px;line-height:1.65}.concept-label{margin-top:9px}.live-link{min-height:34px;font-size:8px;margin-top:3px}.journey-chapters{bottom:3%}}
@media(max-height:700px) and (min-width:701px){.site-header{height:83px;padding-top:10px;padding-bottom:10px}.header-note{top:39px}#hero-copy{top:21%}.hero-eyebrow{margin-bottom:15px}.hero-brand{font-size:clamp(96px,11vw,150px)}.hero-tagline{font-size:clamp(33px,3.5vw,50px);margin-top:15px}#hero-aside{bottom:14%}.hero-service{font-size:10px;line-height:1.7}.flow-hint{font-size:8px}.project-copy{top:54%;width:29%}.project-name{font-size:4.6vw;margin:15px 0 14px}.project-electrical .project-name{font-size:4.35vw}.project-intro{font-size:10px;line-height:1.65}.project-folio{font-size:8px}.concept-label{margin-top:17px;font-size:7px}.live-link{min-height:36px;margin-top:5px}.project-visual{top:53%;width:53%;left:41%}.is-reverse .project-visual{width:54%}.is-reverse .project-copy{left:66%;width:29%}.welcome-logo{--glyph-width:190px}.welcome-invitation{margin-top:27px;gap:10px}.welcome-invitation h1{font-size:15px}}
@media(max-width:700px) and (orientation:landscape){.site-header{height:60px;padding:7px 5%}.brand{height:44px}.brand,.brand img{width:66px}.site-header nav{font-size:9px;gap:24px}#particle-fallback svg{left:35%;top:20%;width:62%;height:65%}#hero-copy{left:6%;top:25%;width:67%}.hero-eyebrow{font-size:7px;margin-bottom:12px}.hero-brand{font-size:12vw}.hero-tagline{font-size:4vw;margin-top:14px}#hero-aside{left:6%;right:6%;bottom:13%;gap:25px}.hero-service{font-size:8px;max-width:220px;line-height:1.6}.hero-service br:last-child{display:none}#explore-work{font-size:8px;min-width:130px;min-height:32px;padding:6px 0;gap:20px}.flow-hint{left:6%;right:6%;bottom:4%;font-size:7px}.flow-hint>span:first-child,.flow-hint>span:last-child{max-width:none}.flow-hint>span:last-child>span{font-size:13px}.project-copy,.is-reverse .project-copy{top:53%;left:5%;width:31%;transform:translateY(-50%)}.is-reverse .project-copy{left:67%;width:29%}.project-visual{top:52%;left:40%;width:55%;transform:translateY(-50%)}.is-reverse .project-visual{top:52%;left:5%;width:56%;transform:translateY(-50%)}.project-name,.project-electrical .project-name{font-size:5.5vw;margin:11px 0 10px}.project-name>span{display:block;margin:0}.project-electrical .project-name{font-size:5.1vw}.project-folio{font-size:6.5px;gap:10px}.project-folio>span{font-size:8px}.project-intro{font-size:8px;line-height:1.6}.concept-label{font-size:6px;margin-top:11px}.live-link{font-size:7px;gap:15px;min-height:28px;margin-top:4px}.live-link>span{font-size:13px}.preview-cue{font-size:6px;top:calc(100% + 5px)}.preview-cue>span{font-size:12px}.journey-chapters{left:5%;right:5%;bottom:4%;gap:16px}.chapter-context{font-size:6px;max-width:none;min-width:118px}.chapter-next{display:inline;font-size:6px}.chapter-count,.chapter-count #journey-current{font-size:8px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-content h2{font-size:34px}.about-copy{margin:0;font-size:10px}.contact-section{display:grid;grid-template-columns:1fr 1fr;column-gap:9%}.contact-heading h2{font-size:64px}.contact-heading>.eyebrow{font-size:7px}.contact-copy{margin-top:0}.footer-line{grid-column:1/-1}.footer-line>span{max-width:none}.detail-visual>img{max-height:49svh}.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 5%;padding:25px}.detail-copy h2{font-size:29px;margin:0}.detail-copy dl{margin:0}.honest-note{margin-bottom:0}.welcome-content{transform:none;padding:12px}.welcome-logo{--glyph-width:105px}.welcome-invitation{margin-top:16px;gap:4px}.welcome-invitation h1{font-size:12px}.welcome-invitation .studio-invite{min-height:42px;width:126px;font-size:18px;padding:8px 18px}.studio-invite span{font-size:20px}}
/* Motion preferences expose every concept in a complete static document. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.logo-reveal-mask{transform:none}.logo-wordmark,.logo-eyes,.welcome-invitation{opacity:1;clip-path:none;transform:none}[data-arrive]{translate:none!important;filter:none!important;will-change:auto}[data-reveal]{opacity:1;transform:none}.underlined-action:hover span{transform:none}.site-header{transform:none}.eye-look,.eye-smile,.eye-brow{transition:none}#particle-canvas{visibility:hidden!important}#particle-fallback{visibility:visible!important;opacity:.3!important}.particle-stage{height:auto;position:relative;overflow:visible;isolation:auto;padding-top:100svh}#particle-story{height:auto}#hero-copy{top:16svh;transform:none!important;opacity:1!important}#hero-aside{top:72svh;bottom:auto;transform:none!important;opacity:1!important}.flow-hint{top:92svh;bottom:auto;opacity:1!important}#work{position:relative;inset:auto;pointer-events:auto;padding-top:25px}.journey-project{position:relative;inset:auto;height:86svh;min-height:550px;opacity:1!important;perspective:none;pointer-events:auto}.journey-layer{transform:none!important;will-change:auto}.project-copy [data-from]{translate:none!important;filter:none!important;opacity:1!important;will-change:auto}.project-image{opacity:1!important;mask-image:none}.preview-cue{opacity:1!important}.journey-chapters{display:none}.about-section{margin-top:50px}}
body[data-static=true] #particle-story{height:auto}body[data-static=true] .particle-stage{height:auto;position:relative;overflow:visible;isolation:auto;padding-top:100svh}body[data-static=true] #hero-copy{top:16svh;transform:none!important;opacity:1!important}body[data-static=true] #hero-aside{top:72svh;bottom:auto;transform:none!important;opacity:1!important}body[data-static=true] .flow-hint{top:92svh;bottom:auto;opacity:1!important}body[data-static=true] #work{position:relative;inset:auto;pointer-events:auto;padding-top:25px}body[data-static=true] .journey-project{position:relative;inset:auto;height:86svh;min-height:550px;opacity:1!important;perspective:none;pointer-events:auto}body[data-static=true] .journey-layer{transform:none!important;will-change:auto}body[data-static=true] .project-copy [data-from]{translate:none!important;filter:none!important;opacity:1!important;will-change:auto}body[data-static=true] .project-image{opacity:1!important;mask-image:none}body[data-static=true] .preview-cue{opacity:1!important}body[data-static=true] .journey-chapters{display:none}body[data-static=true] .about-section{margin-top:50px}
@media(max-width:700px) and (orientation:landscape){body[data-static=true] .journey-project{height:95svh;min-height:310px}}@media(prefers-reduced-motion:reduce) and (max-width:700px) and (orientation:landscape){.journey-project{height:95svh;min-height:310px}}

/* About and Contact continue inside the same light journey, with no separate opaque footer. */
.journey-ending{position:absolute;inset:0;z-index:6;opacity:var(--ending-opacity,0);pointer-events:none;outline:none;background:transparent;border:0;padding:0;margin:0;scroll-margin-top:0}
.journey-ending:not([inert]){pointer-events:auto}
.journey-ending .ending-layer{position:absolute;inset:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f4cbd575 transparent}
.journey-ending .ending-content{min-height:100%;width:100%;padding:clamp(110px,16svh,190px) 7% max(36px,5svh)}
.journey-ending [data-from]{--arrive-x:0px;--arrive-y:0px;opacity:var(--ending-copy,0);translate:calc((1 - var(--ending-copy,0))*var(--arrive-x)) calc((1 - var(--ending-copy,0))*var(--arrive-y));filter:blur(calc((1 - var(--ending-copy,0))*5px));will-change:translate,opacity,filter}
.journey-ending [data-from=left]{--arrive-x:-44vw}.journey-ending [data-from=right]{--arrive-x:44vw}.journey-ending [data-from=top]{--arrive-y:-34svh}.journey-ending [data-from=bottom]{--arrive-y:34svh}
.journey-ending h2,.journey-ending .eyebrow,.journey-ending .about-intro,.journey-ending .contact-email{text-shadow:0 2px 20px #09090be0}
.ending-about .ending-content{display:flex;flex-direction:column;justify-content:center;padding-bottom:9svh}
.ending-kicker{display:flex;align-items:center;gap:10px;color:#d6bfc9;line-height:1.7;margin-bottom:44px}
.ending-about .about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin:0;align-items:center}
.ending-about .about-content h2{font-size:clamp(43px,5.2vw,85px);letter-spacing:-.065em;line-height:1.08}
.ending-about .about-content h2>span{display:block}.ending-about .about-content h2>span+span{margin-top:.12em}
.ending-about .about-copy{font-size:13px;line-height:1.85;color:#d2c8cd;max-width:490px;margin:0;position:relative;isolation:isolate}
.ending-about .about-copy:before,.ending-contact .contact-copy:before{content:'';position:absolute;inset:-24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#09090ba8 10%,#09090b4d 52%,transparent 75%)}
.ending-about .about-intro{font-size:clamp(22px,2vw,29px);line-height:1.35;margin-bottom:24px;color:var(--paper)}
.ending-about .about-copy>p:not(.about-intro){margin-bottom:20px}
.ending-about .service-line{padding-top:18px;margin-top:26px;border-color:#f4cbd535;color:#e0c4d0;gap:11px 20px;font-size:9px;line-height:1.7}
.ending-contact .ending-content{display:grid;grid-template-columns:1.1fr 1fr;column-gap:11%;grid-template-rows:minmax(0,1fr) auto auto;row-gap:22px;align-items:center;padding-bottom:4svh}
.ending-contact .contact-heading>.eyebrow{font-size:10px;line-height:1.7;color:#dbc0cd}
.ending-contact .contact-heading h2{font-size:clamp(70px,8.6vw,142px);line-height:.97;margin-top:35px;letter-spacing:-.07em}
.ending-contact .contact-heading h2>span{display:block}.ending-contact .contact-heading h2>span+span{margin-top:.025em}
.ending-contact .contact-copy{align-self:center;padding:0;margin:0;color:#d6c7d0;position:relative;isolation:isolate}
.ending-contact .contact-copy>p{font-size:14px;line-height:1.85}
.ending-contact .contact-email{font-size:clamp(13px,1.22vw,19px);line-height:1.6;margin-top:20px;padding:22px 0 15px;min-height:54px;border-color:#e4b6ca;gap:15px}
.ending-contact .contact-email span{font-size:27px;transition:translate .35s var(--ease)}.ending-contact .contact-email:hover span{translate:3px -3px}
.ending-contact .work-disclosure{grid-column:1/-1;max-width:700px;align-self:end;background:transparent;padding:0;margin:24px 0 0;font-size:10px;line-height:1.8;color:#c9b4c0;text-shadow:0 2px 14px #09090bf0}
.ending-contact .footer-line{grid-column:1/-1;border:0;margin:0;padding:0;align-items:center;gap:20px;color:#c5aabc;font-size:10px;line-height:1.7}
.ending-contact .footer-line>span{max-width:none;padding:0}.ending-contact .footer-line button{font-size:10px;min-height:44px;gap:20px;white-space:nowrap}
.ending-contact .footer-line button:hover{color:var(--paper)}
@media(min-width:1800px){.ending-about .about-copy{font-size:16px;max-width:620px}.ending-about .service-line,.ending-contact .contact-heading>.eyebrow,.ending-contact .footer-line,.ending-contact .footer-line button{font-size:12px}.ending-contact .contact-copy>p{font-size:17px}.ending-contact .work-disclosure{font-size:12px;max-width:850px}}
@media(max-width:1000px) and (min-width:701px){.ending-about .about-content{gap:7%;grid-template-columns:1.05fr 1fr}.ending-about .about-content h2{font-size:clamp(42px,5.5vw,60px)}.ending-about .about-copy{font-size:11px}.ending-about .service-line{font-size:9px;gap:8px 14px}.ending-contact .ending-content{column-gap:8%}.ending-contact .contact-heading h2{font-size:8.8vw}.ending-contact .contact-copy>p{font-size:12px}.ending-contact .contact-email{font-size:13px}}
@media(max-width:700px){
 .journey-ending .ending-content{padding:108px 8% 28px;min-height:100%}
 .ending-about .ending-content{justify-content:center;padding-bottom:48px}.ending-kicker{font-size:9px;margin-bottom:27px;gap:8px}
 .ending-about .about-content{display:block;margin:0}.ending-about .about-content h2{font-size:clamp(35px,10.1vw,55px);line-height:1.05;max-width:500px}.ending-about .about-content h2>span+span{margin-top:.14em}
 .ending-about .about-copy{font-size:11px;line-height:1.8;margin-top:30px;max-width:480px}.ending-about .about-intro{font-size:20px;margin-bottom:18px}.ending-about .about-copy>p:not(.about-intro){margin-bottom:15px}.ending-about .service-line{font-size:9px;gap:7px 15px;margin-top:20px;padding-top:15px}
 .ending-contact .ending-content{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding-top:112px;padding-bottom:24px}
 .ending-contact .contact-heading>.eyebrow{font-size:9px;letter-spacing:.045em}.ending-contact .contact-heading h2{font-size:clamp(61px,17vw,104px);margin-top:26px;line-height:.97}
 .ending-contact .contact-copy{align-self:stretch;margin-top:34px;max-width:440px}.ending-contact .contact-copy>p{font-size:12px;line-height:1.8}.ending-contact .contact-email{font-size:13px;margin-top:13px;padding:15px 0 13px;min-height:49px}.ending-contact .contact-email span{font-size:23px}
 .ending-contact .work-disclosure{font-size:9px;line-height:1.8;align-self:stretch;margin-top:42px;max-width:520px}
 .ending-contact .footer-line{margin-top:24px;font-size:9px;gap:12px;align-items:center}.ending-contact .footer-line>span{max-width:135px;line-height:1.6}.ending-contact .footer-line button{font-size:9px;gap:8px;min-height:44px}.ending-contact .footer-line button span{font-size:15px}
}
@media(max-width:350px){.ending-about .about-content h2{font-size:10.7vw}.ending-about .about-copy{font-size:10px}.ending-about .service-line{font-size:9px;gap:6px 10px}.ending-contact .contact-heading h2{font-size:17.8vw}.ending-contact .contact-email{font-size:12px}.ending-contact .footer-line>span{max-width:102px}.ending-contact .footer-line button{font-size:9px;gap:6px}.ending-contact .footer-line button span{font-size:13px}}
@media(max-height:700px) and (min-width:701px){.journey-ending .ending-content{padding-top:106px;padding-bottom:24px}.ending-kicker{margin-bottom:28px;font-size:9px}.ending-about .about-content h2{font-size:clamp(39px,4.5vw,65px)}.ending-about .about-copy{font-size:11px;line-height:1.8}.ending-about .about-intro{font-size:22px;margin-bottom:16px}.ending-about .about-copy>p:not(.about-intro){margin-bottom:15px}.ending-about .service-line{margin-top:18px;padding-top:14px}.ending-contact .ending-content{row-gap:13px}.ending-contact .contact-heading h2{font-size:clamp(66px,7.3vw,108px);margin-top:24px}.ending-contact .contact-copy>p{font-size:12px}.ending-contact .contact-email{padding-top:16px;margin-top:14px;font-size:13px}.ending-contact .work-disclosure{font-size:9px;margin-top:14px}.ending-contact .footer-line,.ending-contact .footer-line button{font-size:9px}}
@media(max-width:700px) and (orientation:landscape){
 .journey-ending .ending-content{padding:78px 6% 15px}.ending-about .ending-content{justify-content:center}.ending-kicker{font-size:9px;margin-bottom:17px}.ending-about .about-content{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:start}.ending-about .about-content h2{font-size:clamp(26px,5.4vw,38px);line-height:1.06}.ending-about .about-copy{margin:0;font-size:9px;line-height:1.65}.ending-about .about-intro{font-size:16px;margin-bottom:10px}.ending-about .about-copy>p:not(.about-intro){margin-bottom:10px}.ending-about .service-line{margin-top:12px;padding-top:10px;font-size:9px;gap:5px 10px}
 .ending-contact .ending-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto auto;column-gap:8%;row-gap:10px;justify-content:normal;align-items:center;padding-top:75px}.ending-contact .contact-heading>.eyebrow{font-size:9px}.ending-contact .contact-heading h2{font-size:clamp(40px,7.8vw,58px);margin-top:15px}.ending-contact .contact-copy{align-self:center;margin:0}.ending-contact .contact-copy>p{font-size:10px;line-height:1.6}.ending-contact .contact-email{font-size:11px;margin-top:10px;padding:10px 0;min-height:44px}.ending-contact .contact-email span{font-size:18px}.ending-contact .work-disclosure{margin-top:8px;font-size:9px;line-height:1.6}.ending-contact .footer-line{margin-top:0;font-size:9px}.ending-contact .footer-line>span{max-width:none}.ending-contact .footer-line button{font-size:9px;min-height:38px}
}
/* Every closing paragraph remains in normal reading order without WebGL or with less motion. */
body[data-static=true] .journey-ending{position:relative;inset:auto;opacity:1!important;pointer-events:auto;margin:0;border:0}
body[data-static=true] .journey-ending .ending-layer{position:relative;inset:auto;height:auto;overflow:visible;overscroll-behavior:auto}
body[data-static=true] .journey-ending .ending-content{min-height:0;padding-top:90px;padding-bottom:80px}
body[data-static=true] .journey-ending [data-from]{opacity:1!important;translate:none!important;filter:none!important;will-change:auto}
body[data-static=true] .ending-contact .ending-content{grid-template-rows:auto auto auto;row-gap:36px}
body[data-static=true] .ending-contact .work-disclosure{margin-top:48px}body[data-static=true] .ending-contact .footer-line{margin-top:18px}
@media(max-width:700px){body[data-static=true] .journey-ending .ending-content{padding-top:70px;padding-bottom:50px}body[data-static=true] .ending-contact .work-disclosure{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.journey-ending{position:relative;inset:auto;opacity:1!important;pointer-events:auto;margin:0;border:0}.journey-ending .ending-layer{position:relative;inset:auto;height:auto;overflow:visible;overscroll-behavior:auto}.journey-ending .ending-content{min-height:0;padding-top:90px;padding-bottom:80px}.journey-ending [data-from]{opacity:1!important;translate:none!important;filter:none!important;will-change:auto}.ending-contact .ending-content{grid-template-rows:auto auto auto;row-gap:36px}.ending-contact .work-disclosure{margin-top:48px}.ending-contact .footer-line{margin-top:18px}.ending-contact .contact-email:hover span{translate:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.journey-ending .ending-content{padding-top:70px;padding-bottom:50px}.ending-contact .work-disclosure{margin-top:40px}}

/* Local contrast for small ending text; the surrounding light field stays exposed. */
.ending-about .about-copy:before{inset:-16px -18px;background:radial-gradient(ellipse,#09090bdf 0%,#09090bbf 42%,#09090b73 66%,transparent 86%)}
.ending-about .about-copy>p:not(.about-intro),.ending-about .service-line{color:#e0d2da;text-shadow:0 1px 2px #09090b,0 0 7px #09090bf2}
.ending-contact .work-disclosure{isolation:isolate;color:#ddc9d4;text-shadow:0 1px 2px #09090b,0 0 7px #09090bf2}
.ending-contact .work-disclosure:before{content:'';position:absolute;inset:-10px -14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#09090be6 0%,#09090bce 48%,#09090b8c 68%,transparent 92%)}

/* Clearer foreground during the later journey chapters; the brand home is unchanged. */
.journey-project .project-intro{color:#dfd5d9}
.journey-project .project-folio,.journey-project .concept-label{color:#cdbcc5}
.journey-project .live-link:not(:hover){color:#f8f3ef}
.ending-about .about-copy>p:not(.about-intro),.ending-about .service-line,.ending-contact .contact-copy>p{color:#ecdee5}
.ending-contact .work-disclosure{color:#e6d2dd}
.ending-contact .footer-line{color:#d8c4d0}
/* A small display exposure lift on the real webpage stills, retaining their edge masks. */
.journey-project .project-image{filter:brightness(1.055)}