@property --scan-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--ink:#1a1a1a;--muted:#656b6d;--gutter:5.2vw;--line:#e8ebeb;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}p,h1{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #5d9da3;outline-offset:7px}h1:focus{outline:none}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:white;z-index:20}.skip-link:focus{top:12px}
.site-header{height:116px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.brand{position:relative;display:block;width:170px;height:43px;margin-left:auto;overflow:hidden}
.brand img{position:absolute;max-width:none;width:346.25px;height:auto;left:-88.25px;top:-85.9px}
.back-link{font-size:14px;line-height:2;border-bottom:1px solid #b5cccc}
.science-only{visibility:hidden;opacity:0;transition:opacity .6s,visibility .6s}
[data-view="science"] .science-only{visibility:visible;opacity:1}
.experience{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:62% 38%;align-items:center;min-height:calc(100svh - 230px);padding:48px var(--gutter) 68px}
.copy-stage{display:grid;position:relative;z-index:1}.view-panel{grid-area:1/1;align-self:center;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.65,.25,1),visibility .7s}
.intro-panel{opacity:1;visibility:visible;transform:translateY(0)}
.science-panel{opacity:0;visibility:hidden;transform:translateY(16px)}
[data-view="science"] .intro-panel{opacity:0;visibility:hidden;transform:translateY(-16px)}
[data-view="science"] .science-panel{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.2s}
.hero-symbol{--symbol-width:clamp(270px,29vw,420px);display:block;position:relative;width:var(--symbol-width);height:calc(var(--symbol-width)*.5983);margin-bottom:36px;isolation:isolate}
.hero-symbol img{position:absolute;width:calc(var(--symbol-width)*2.6716);height:auto;max-width:none;left:calc(var(--symbol-width)*-.8358);top:calc(var(--symbol-width)*-.3622);pointer-events:none;transition:filter .5s}
.hero-symbol:hover img{filter:brightness(1.2)}
.teaser{font-size:clamp(27px,2.6vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.038em}
.text-link{display:inline-block;font-size:14px;line-height:2;padding-block:3px;border-bottom:1px solid #9ab7ba;transition:border-color .25s}
.text-link:hover{border-color:#1a1a1a}.explore-link{margin-top:27px}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;margin-bottom:30px;font-weight:600}
.science-panel h1,.contact-hero h1{font-size:clamp(48px,5vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.058em}
.lead{max-width:510px;font-size:clamp(20px,1.8vw,26px);line-height:1.45;letter-spacing:-.025em;color:var(--muted);margin-top:34px}
.principles{font-size:18px;line-height:1.6;letter-spacing:-.02em;margin-top:31px}
.anatomy{position:absolute;z-index:0;right:2%;top:0;width:42%;height:100%;pointer-events:none}
.anatomy img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.anatomy-base{filter:grayscale(1) contrast(1.05);opacity:.38;transition:filter 1.8s ease,opacity 1.8s ease}
.anatomy-light{filter:saturate(2) contrast(1.25);opacity:0;transition:opacity 1.8s ease;mask-image:conic-gradient(from var(--scan-angle) at 52% 55%,transparent 0deg,#000 45deg,transparent 105deg,transparent 360deg);animation:light-sweep 28s linear infinite;animation-play-state:paused}
[data-view="science"] .anatomy-base{filter:saturate(1.4) contrast(1.05);opacity:.85}
[data-view="science"] .anatomy-light{opacity:.9;animation-play-state:running}
@keyframes light-sweep{to{--scan-angle:360deg}}
.site-footer{min-height:114px;border-top:1px solid var(--line);padding:24px var(--gutter);display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.footer-address{display:flex;gap:45px;font-size:12px;line-height:1.6;color:#72797b}.site-footer>.text-link{flex-shrink:0}
.contact-hero{min-height:calc(100svh - 230px);padding:65px var(--gutter) 85px;display:flex;flex-direction:column;justify-content:center}
.contact-hero h1{font-size:clamp(46px,5.8vw,88px);max-width:1100px}.contact-action{margin-top:48px}
@media(min-width:1920px){:root{--gutter:100px}body{max-width:1920px;margin:auto}}
@media(max-width:1000px){.experience{min-height:650px;grid-template-columns:66% 34%}.science-panel h1{font-size:clamp(43px,5.5vw,58px)}.lead{font-size:21px;max-width:410px}.anatomy{width:45%;right:-3%}.hero-symbol{--symbol-width:clamp(245px,33vw,350px)}}
@media(max-width:650px){:root{--gutter:26px}.site-header{height:91px}.brand{width:126px;height:32px}.brand img{width:256.7px;left:-65.42px;top:-63.7px}.experience{display:block;min-height:0;padding:38px var(--gutter) 0}.copy-stage{min-height:405px}.view-panel{align-self:start}.hero-symbol{--symbol-width:clamp(215px,64vw,300px);margin-bottom:29px}.teaser{font-size:28px}.explore-link{margin-top:24px}.eyebrow{margin-bottom:23px}.science-panel h1{font-size:clamp(40px,10.5vw,63px)}.lead{font-size:20px;max-width:100%;margin-top:26px}.principles{font-size:17px;margin-top:23px}.anatomy{position:relative;right:auto;top:auto;width:85%;height:330px;margin:-28px 0 0 15%}.site-footer{padding-block:22px;gap:20px;flex-wrap:wrap}.footer-address{display:block}.footer-address p+p{margin-top:7px}.site-footer>.text-link{margin-top:0}.contact-hero{min-height:calc(100svh - 230px);padding-block:55px 70px}.contact-hero h1{font-size:clamp(43px,10.7vw,66px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.anatomy-light{display:none}}
/* Extend the existing identity into a continuous three-screen composition. */
.journey-site{max-width:none;--gutter:5.2vw}
.journey-site .site-header{position:fixed;z-index:10;inset:0 0 auto;height:106px;flex-direction:row;background:linear-gradient(#fff 45%,#fffffff2 75%,#ffffff00)}
.journey-site .brand{margin:0}
.journey-site nav{display:flex;gap:30px;margin-left:auto}
.journey-site nav a{font-size:14px;line-height:2.2;border-bottom:1px solid transparent;transition:border-color .3s}
.journey-site nav a[aria-current="page"],.journey-site nav a:hover{border-color:#8cb4b7}
.journey-screen{position:relative;min-height:100svh;display:flex;align-items:center;padding:150px var(--gutter) 140px;isolation:isolate}
.journey-screen .screen-copy{position:relative;z-index:2}
.journey-screen h1,.journey-screen h2{font-size:clamp(38px,4.6vw,68px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:0}
.journey-screen h2:focus{outline:none}
.home-screen .screen-copy{width:58%;margin-top:-40px}
.home-summary{max-width:400px;font-size:clamp(18px,1.65vw,23px);line-height:1.5;letter-spacing:-.015em;color:#606769;margin-top:35px}
.home-principle{font-size:17px;margin-top:32px;letter-spacing:.015em}
.journey-screen .eyebrow{font-size:14px;letter-spacing:.14em;font-weight:500;margin-bottom:30px}
.science-screen{justify-content:flex-end}
.science-screen .screen-copy{width:50%;padding:35px 0 35px 25px}
.science-line{font-size:clamp(21px,2vw,28px);line-height:1.4;margin-top:32px;letter-spacing:-.025em}
.contact-screen .screen-copy{margin-left:17%;width:75%}
.contact-screen h2{font-size:clamp(38px,4.3vw,64px)}
.contact-link{display:inline-block;margin-top:38px;font-size:18px;line-height:2;border-bottom:1px solid #8fb5b7;transition:letter-spacing .4s,border-color .4s}
.contact-link:hover{letter-spacing:.02em;border-color:#1a1a1a}
.journey-footer{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);padding:22px 0;display:flex;gap:42px;align-items:flex-start;border-top:1px solid #e4e9e9;font-size:12px;line-height:1.6;color:#72797b;z-index:2}
.network-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent 9%,#000 22%,#000 82%,transparent 100%)}
.network-plane{position:absolute;left:44%;top:1%;width:65vw;height:97.5vw;transform-origin:52% 43%;transform:translate3d(var(--nx,0%),var(--ny,0%),0) scale(var(--zoom,1));will-change:transform;mask-image:linear-gradient(100deg,transparent 0%,#000 22%,#000 80%,transparent 100%)}
.network-plane img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}
.network-base{filter:grayscale(1) contrast(1.5);opacity:var(--base-opacity,.38)}
.network-trace{filter:saturate(1.4) contrast(2.3);opacity:var(--trace-opacity,.55);mask-image:linear-gradient(180deg,transparent calc(var(--flow-pos) - 12%),#000 var(--flow-pos),transparent calc(var(--flow-pos) + 12%));animation:network-flow 14s linear infinite}
@property --flow-pos{syntax:"<percentage>";initial-value:5%;inherits:false}
@keyframes network-flow{from{--flow-pos:5%}to{--flow-pos:95%}}
.scroll-cue{position:absolute;bottom:116px;left:var(--gutter);width:44px;height:48px;display:flex;align-items:center;justify-content:flex-start}
.scroll-cue span{width:1px;height:38px;background:linear-gradient(#1a1a1a, #b2c8c9);transform-origin:top;animation:scroll-line 3.5s ease-in-out infinite}
@keyframes scroll-line{0%,100%{transform:scaleY(.65);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1000px){.journey-screen h1,.journey-screen h2{font-size:clamp(38px,5vw,54px)}.home-screen .screen-copy{width:66%}.science-screen .screen-copy{width:55%}.network-plane{left:40%;width:80vw;height:120vw;top:5%}.contact-screen .screen-copy{margin-left:10%;width:90%}}
@media(max-width:650px){.journey-site{--gutter:26px}.journey-site .site-header{height:91px}.journey-site nav{gap:19px}.journey-site nav a{font-size:13px}.journey-screen{min-height:100svh;padding:145px var(--gutter) 145px;align-items:flex-start}.journey-screen h1,.journey-screen h2{font-size:clamp(34px,8.7vw,45px);line-height:1.12}.home-screen .screen-copy{width:100%;margin-top:15px}.home-summary{font-size:18px;max-width:290px;margin-top:26px}.home-principle{font-size:16px;margin-top:24px}.network-plane{left:9%;top:27%;width:115vw;height:172.5vw}.journey-screen .eyebrow{font-size:13px;margin-bottom:23px}.science-screen{align-items:center}.science-screen .screen-copy{width:100%;padding:0;margin-top:-20px}.science-line{font-size:22px;margin-top:25px}.contact-screen{align-items:center}.contact-screen .screen-copy{margin:0;width:100%;padding-bottom:20px}.contact-screen h2 br{display:none}.contact-link{font-size:17px;margin-top:30px}.journey-footer{font-size:11px;gap:15px;justify-content:space-between;padding-block:18px}.scroll-cue{bottom:105px}.network-stage{mask-image:linear-gradient(180deg,transparent 15%,#000 45%,#000 85%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.network-trace{mask-image:none;opacity:.18}.scroll-cue span{animation:none}.network-plane{will-change:auto}}
.network-stage.navigating .network-plane{transition:transform 1s cubic-bezier(.22,.65,.25,1)}
.journey-site .brand{--logo-width:220px;width:var(--logo-width);height:calc(var(--logo-width)*.212);overflow:hidden}
.journey-site .brand img{width:calc(var(--logo-width)*1.49533);left:calc(var(--logo-width)*-.24740);top:calc(var(--logo-width)*-.36189);height:auto;transition:opacity .65s ease}
.logo-gradient{opacity:0}
[data-active="science"] .logo-gradient{opacity:1}
[data-active="science"] .logo-black{opacity:0}
.network-stage.navigating .network-plane{transition:transform .6s cubic-bezier(.22,.65,.25,1)}
.network-trace{animation-duration:9s}
[data-active="science"] .network-trace{animation-name:science-flow;animation-duration:8s}
@keyframes science-flow{from{--flow-pos:30%}to{--flow-pos:95%}}
@media(max-width:650px){.journey-site .brand{--logo-width:174px}}
.journey-site .brand{--logo-width:248px}
.journey-site .brand .logo-gradient{opacity:1}
.network-fill{filter:saturate(1.4) contrast(1.8);opacity:var(--fill-opacity,0);mask-image:linear-gradient(180deg,#000 calc(var(--fill-edge,0%) - 14%),transparent var(--fill-edge,0%))}
.network-stage[data-illuminated="true"] .network-trace{animation:science-flow 4.5s linear infinite}
@media(max-width:650px){.journey-site .brand{--logo-width:194px}}
@media(prefers-reduced-motion:reduce){.network-stage[data-illuminated="true"] .network-trace{animation:none}.network-fill{mask-image:none}}
.journey-site .brand .logo-fixed{opacity:1;transition:none}
.journey-site .network-trace{animation:quiet-network-flow 6s linear infinite;transition:opacity .25s ease}
.journey-site .network-fill{transition:opacity .25s ease}
@keyframes quiet-network-flow{from{--flow-pos:-15%}to{--flow-pos:115%}}
@media(prefers-reduced-motion:reduce){.journey-site .network-trace{animation:none}.journey-site .network-fill,.journey-site .network-trace{transition:none}}
.journey-site .brand{--logo-width:190px}
.journey-site .site-header{height:100px}
.home-screen .screen-copy{will-change:opacity,transform}
.contact-screen{margin-top:-20svh}
.contact-screen::before{content:"";position:absolute;left:-40px;bottom:145px;width:230px;height:230px;background:url('/assets/anatomical-figure.png') 48% 43%/650px auto no-repeat;opacity:.28;filter:saturate(.85) contrast(1.6);mask-image:linear-gradient(90deg,#000,transparent 95%);pointer-events:none;z-index:0}
.journey-site .network-fill{mask-image:linear-gradient(125deg,transparent 22%,#000 38%,transparent 51%,#000 63%,transparent 80%)}
@media(max-width:650px){.journey-site .brand{--logo-width:149px}.journey-site .site-header{height:86px}.contact-screen{margin-top:-16svh}.contact-screen::before{left:-65px;bottom:120px;width:180px;height:150px;opacity:.2}}
/* Reuse original linework without stacking opaque white image backgrounds. */
.journey-site .network-base{filter:grayscale(1);transition:opacity .45s ease}
.journey-site .network-fill{filter:none;mask-image:none;transition:opacity .45s ease}
.journey-site .network-trace{filter:none;animation:quiet-network-flow 12s linear infinite;mask-image:linear-gradient(180deg,transparent calc(var(--flow-pos) - 22%),#000 var(--flow-pos),transparent calc(var(--flow-pos) + 22%));transition:opacity .45s ease}
@media(prefers-reduced-motion:reduce){.journey-site .network-base,.journey-site .network-fill,.journey-site .network-trace{transition:none;animation:none}.journey-site .network-trace{display:none}}
/* V12: branch-local flow, with the V11 artwork and scroll transforms unchanged. */
.journey-site .network-trace{display:none;animation:none}
.journey-site .network-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:var(--fill-opacity,0);transition:opacity .45s ease}
@media(prefers-reduced-motion:reduce){.journey-site .network-flow{display:none;transition:none}}
/* V13: responsive upper-body window; desktop geometry and journey transforms stay intact. */
@media(max-width:1100px){
 .journey-site .network-plane{left:15%;top:0;width:max(95vw,105svh);height:max(142.5vw,157.5svh);clip-path:inset(0 0 50.5% 0)}
 .journey-site .network-plane img,.journey-site .network-flow{mask-image:linear-gradient(180deg,#000 0%,#000 44%,transparent 49.5%)}
}
@media(max-width:650px){
 .journey-site .network-plane{left:calc(50% - max(52.5vw,35svh));top:12%;width:max(150vw,100svh);height:max(225vw,150svh)}
}

.contact-arrow{display:inline-block;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;margin-left:3px;vertical-align:1px}
.contact-arrow{position:relative;transform:translateY(-1px)}
.contact-arrow::after{content:"";position:absolute;width:11px;height:1px;background:currentColor;right:-1px;top:3px;transform:rotate(-45deg);transform-origin:right center}
@media(max-width:650px){.contact-arrow::after{display:none}}
.contact-arrow-desktop{display:inline}
.contact-arrow-mobile{display:none}
@media(max-width:650px){
  .contact-arrow-desktop{display:none}
  .contact-arrow-mobile{display:inline-block}
}

/* Responsive anatomy asset wrapper */
.network-plane .network-picture {
  display: contents;
}
