:root{--flow-ease:cubic-bezier(.22,1,.36,1)}
.home-page .site-header.is-home{position:fixed;transition:height .3s var(--flow-ease),background .3s,border-color .3s;backdrop-filter:blur(0)}.has-scrolled .home-page .site-header.is-home{height:74px;background:#143c5be8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
body:before{display:none}.site-ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.11;overflow:hidden}.site-ambience:before{content:"";position:absolute;inset:-4%;background:url('/assets/blue-canvas.png') center/cover no-repeat;transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0) scale(1.02)}
.page-about .site-ambience{opacity:.075}.page-work .site-ambience{opacity:.065}.page-contact .site-ambience{opacity:.09}
.portal-bg{transform:translate3d(0,var(--hero-y,0px),0) scale(1.045)}
.portal:after{background:linear-gradient(180deg,#08264070 0%,#0c315025 34%,#143c5b40 70%,#143c5b 100%)}
.home-chapter,#contact,#side-projects,#home-side-grid{scroll-margin-top:32px}
.home-project+.home-project{margin-top:75px;padding-top:70px;border-top:1px solid var(--line)}
.home-side-collection{padding-top:62px}.home-side-collection .side-work-entry{margin:0 0 32px}.home-side-collection .side-card h3{font:20px/1.7 var(--serif);display:flex;align-items:baseline;gap:8px;justify-content:space-between;margin-top:14px}.home-side-collection .side-card h3 svg{width:12px;height:12px;color:var(--muted)}
.home-chapter-heading{padding-top:70px}.home-chapter-heading h2{font:44px/1.6 var(--serif);letter-spacing:1px}.home-chapter-heading>p{font-size:12px;color:var(--muted);margin-top:15px}.home-about-full{border-top:1px solid var(--line)}
.home-about-full .about-opening{padding-top:60px;padding-bottom:70px}.home-about-full .about-notes{padding-bottom:55px}.home-about-full .job-note{border-bottom:1px solid var(--line)}
.journey-disclosure{padding-top:28px;padding-bottom:35px;border-top:1px solid var(--line)}.journey-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;cursor:pointer}.journey-disclosure>summary::-webkit-details-marker{display:none}.journey-disclosure>summary>div>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.journey-disclosure h3{font:29px/1.6 var(--serif);margin-top:10px}.journey-disclosure>summary p{font-size:12px;color:var(--muted);margin-top:9px}.journey-disclosure-action{font-size:11px;color:var(--blue);white-space:nowrap}.journey-disclosure-action>span{display:inline-block;font-size:23px;margin-left:20px;transition:transform .25s}.journey-disclosure[open] .journey-disclosure-action>span{transform:rotate(45deg)}.journey-disclosure .life-section{border:0;padding-top:30px;padding-bottom:20px}.journey-disclosure .life-section>.container{padding:0}.journey-disclosure .life-intro{display:none}
.home-section-description{font-size:12px;color:var(--muted);margin-top:20px}.home-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 65px}.home-services article{padding:28px 0;border-top:1px solid var(--line)}.home-services h3{font:31px/1.6 var(--serif);margin:10px 0 16px}.home-services p{font-size:12px;line-height:2.1;color:var(--muted);max-width:400px}.home-services small{display:block;color:var(--muted);font-size:10px;margin-top:15px}.home-services .text-link{font-size:10px;margin-top:22px}.home-cooperation{border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.home-cooperation h3{font:27px/1.7 var(--serif);margin-bottom:15px}.home-cooperation>p{font-size:12px;color:var(--muted);max-width:630px;line-height:2.1}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* A small, persistent directory on detail pages. */
.site-directory{position:fixed;left:0;top:0;bottom:0;width:56px;z-index:40;background:#143b59;border-right:1px solid var(--line);transition:width .32s var(--flow-ease);overflow:hidden}
.directory-toggle{position:absolute;left:9px;top:25px;display:flex;align-items:center;gap:10px;height:43px;padding:10px;background:#224d6b;border:1px solid var(--line);white-space:nowrap;z-index:2}.directory-toggle>svg{width:19px;height:19px}.directory-toggle-text{display:none;font-size:11px;letter-spacing:2px}.directory-toggle-chevron{display:none;margin-left:auto;font-size:22px;line-height:1}
.directory-panel{width:196px;height:100%;padding:91px 21px 30px;overflow:auto;opacity:0;transform:translateX(-16px);visibility:hidden;transition:opacity .22s,transform .32s var(--flow-ease),visibility .3s}
.directory-home{display:flex;align-items:baseline;gap:11px;font:28px var(--english);margin:0 0 32px}.directory-home>span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.directory-panel nav{margin-bottom:25px}.directory-panel nav>p{font-size:8px;letter-spacing:1.5px;color:#86abc4;margin-bottom:11px}.directory-panel nav>a{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--muted);padding:8px 0;line-height:1.8;transition:color .15s}.directory-panel nav>a:hover,.directory-panel nav>a[aria-current]{color:#fff}.directory-panel nav>a>svg{width:15px;height:15px}.directory-page{padding-top:22px;border-top:1px solid var(--line)}.directory-page a[aria-current]{position:relative}.directory-page a[aria-current]:before{content:"";position:absolute;width:3px;height:3px;left:-10px;top:16px;background:var(--blue);border-radius:50%}.directory-projects{border-top:1px solid var(--line);padding-top:20px}
.directory-open .site-directory{width:196px}.directory-open .directory-panel{opacity:1;transform:none;visibility:visible}.directory-open .directory-toggle{width:154px}.directory-open .directory-toggle-text,.directory-open .directory-toggle-chevron{display:block}.directory-scrim{display:none}
@media(min-width:1100px){body.inner-page{padding-left:56px;transition:padding-left .32s var(--flow-ease)}.directory-open body.inner-page{padding-left:196px}.inner-page .container{padding-right:36px;padding-left:36px}.inner-page .site-header{padding-right:36px;padding-left:36px}.inner-page .case-media-section{width:100%;margin-left:0;transform:none}.directory-open .inner-page .case-media-section{width:100%}}
@media(max-width:1099px){.site-directory{width:0;overflow:visible;border:0;background:none}.directory-panel{width:246px;max-width:80vw;background:#143b59;border-right:1px solid var(--line);transform:translateX(-100%);padding-right:25px;padding-left:25px;position:relative;z-index:1}.directory-open .site-directory{width:0}.directory-open .directory-panel{transform:none}.directory-toggle{top:110px;left:0;writing-mode:vertical-rl;gap:8px;height:auto;padding:12px 7px;border-left:0;border-radius:0 4px 4px 0;box-shadow:0 5px 20px #08283e2b}.directory-toggle-text{display:block;font-size:9px;letter-spacing:2px}.directory-toggle svg{width:14px;height:14px}.directory-open .directory-toggle{writing-mode:horizontal-tb;top:22px;left:24px;width:198px;height:40px;padding:9px 12px;border-left:1px solid var(--line)}.directory-open .directory-toggle-chevron{display:block}.directory-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#061e3290;backdrop-filter:blur(2px);border:0;z-index:35}}
/* Native document transitions keep normal URLs, browser history and scrolling. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:flow-out .24s ease-out both}
::view-transition-new(root){animation:flow-in .44s var(--flow-ease) both}
@keyframes flow-out{to{opacity:0}}
@keyframes flow-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.will-reveal{opacity:0;transform:translate3d(0,12px,0);transition:opacity .65s var(--flow-ease),transform .65s var(--flow-ease)}.will-reveal.is-revealed,.will-reveal:focus-within{opacity:1;transform:none}
.fallback-motion main,.fallback-motion .site-footer{transition:opacity .16s ease-out,transform .32s var(--flow-ease)}.fallback-motion.is-leaving main,.fallback-motion.is-arriving main{opacity:0;transform:translateY(4px)}
@media(max-width:680px){.has-scrolled .home-page .mobile-nav{top:73px}.home-project+.home-project{margin-top:43px;padding-top:43px}.home-side-collection{padding-top:45px}.home-side-collection .side-work-entry{margin-bottom:26px}.home-side-collection .side-card h3{font-size:18px}.home-chapter-heading{padding-top:45px}.home-chapter-heading h2{font-size:35px}.home-about-full .about-opening{padding-top:35px;padding-bottom:40px}.home-about-full .about-notes{padding-bottom:30px}.journey-disclosure{padding-top:16px;padding-bottom:23px}.journey-disclosure>summary{align-items:flex-start;gap:20px}.journey-disclosure h3{font-size:24px}.journey-disclosure>summary>div>span{font-size:7px;letter-spacing:1px}.journey-disclosure>summary p{font-size:10px;max-width:210px}.journey-disclosure-action{font-size:0;margin-top:25px}.journey-disclosure-action>span{font-size:25px;margin-left:0}.journey-disclosure .life-section{padding-top:15px}.home-services{grid-template-columns:1fr;gap:5px}.home-services h3{font-size:28px}.home-services article{padding:25px 0}.home-cooperation{margin-top:25px;padding-top:28px}.home-cooperation h3{font-size:24px}.home-cooperation>p{font-size:11px}.will-reveal{transform:translate3d(0,8px,0);transition-duration:.55s}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.site-ambience:before,.portal-bg{transform:none!important}.will-reveal{opacity:1!important;transform:none!important}.fallback-motion main,.fallback-motion .site-footer{opacity:1!important;transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}