/* Midnight ocean — consolidated visual system */
:root{--bg:#030608;--surface:#090c0f;--text:#e8ecee;--muted:#a7adb2;--accent:#aecbd5;--line:rgba(220,235,245,.10);--mono:'DM Mono',monospace;--sans:'Noto Sans SC',system-ui,sans-serif;--gutter:clamp(24px,5vw,88px);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.85 var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:10px 18px;background:var(--text);color:var(--bg)}.skip-link:focus{top:16px}.site-noise{display:none}
.site-header{position:fixed;inset:0 0 auto;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:rgba(3,5,7,.69);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,225,235,.12);box-shadow:0 8px 36px rgba(0,0,0,.12);transition:background .6s,height .6s}.site-header.is-scrolled{height:64px;background:rgba(3,5,7,.88)}.brand{display:inline-flex;align-items:flex-start;font:500 23px/1 var(--mono);letter-spacing:-1.3px}.brand-dot{width:4px;height:4px;margin-left:4px;border-radius:50%;background:#c2d6da}.nav{display:flex;align-items:center;gap:34px;font:400 13px/1 var(--mono)}.nav a{position:relative;color:#b7bec2;transition:color .25s}.nav a:hover,.nav a.is-active{color:#d0edf3}.nav a:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a.is-active:after,.nav a:hover:after{transform:scaleX(1)}.nav-contact{border:1px solid var(--line);padding:12px 16px}.nav-contact span{margin-left:14px}.header-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px}.header-progress i{display:block;height:100%;background:linear-gradient(90deg,#697b81,#c0dae2);transform:scaleX(0);transform-origin:left}.menu-toggle{display:none;border:0;background:transparent;padding:12px}.menu-toggle span{display:block;width:24px;height:1px;background:#c5cdd1;margin:6px 0}

/* Black water is described by reflection rather than filled wave shapes. */
.hero{position:relative;min-height:740px;height:100svh;max-height:1100px;padding:120px var(--gutter) 76px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#020405}.sea-scene{--pointer-x:0px;--pointer-y:0px;position:absolute;inset:0;z-index:-2;overflow:hidden;transform:translateY(var(--sea-shift,0px));pointer-events:none}.sea-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 33%,#11171b 0,rgba(9,14,18,.6) 20%,transparent 47%),linear-gradient(#020405,#040709 52%,#020405)}.ocean-surface{position:absolute;inset:0;width:100%;height:100%}.sea-horizon{position:absolute;top:49%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 12%,rgba(204,216,222,.02) 38%,rgba(204,216,222,.12) 73%,transparent 96%)}.sea-moon{position:absolute;left:73%;top:23%;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#e5e7e4,#cad1d0 58%,#939e9f 95%);box-shadow:0 0 24px 3px rgba(220,229,231,.09),0 0 90px 22px rgba(220,229,231,.035);transform:translate(calc(var(--pointer-x) * .2),calc(var(--pointer-y) * .2));animation:moonLight 19s ease-in-out infinite alternate}.sea-moon i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 35% 37%,rgba(63,76,79,.22) 3%,transparent 17%),radial-gradient(ellipse at 63% 60%,rgba(63,76,79,.18) 4%,transparent 22%),radial-gradient(ellipse at 36% 75%,rgba(63,76,79,.15) 2%,transparent 14%)}.sea-cloud{position:absolute;z-index:4;filter:blur(7px);border-radius:50%}.sea-cloud-one{left:64%;top:calc(23% + 11px);width:220px;height:26px;background:linear-gradient(95deg,transparent,rgba(5,8,10,.72) 47%,rgba(5,8,10,.48) 64%,transparent);animation:cloudPass 62s ease-in-out infinite alternate}.sea-cloud-two{left:36%;top:34%;width:48%;height:34px;background:radial-gradient(ellipse,rgba(92,101,105,.055),transparent 67%);filter:blur(14px);animation:cloudPass 83s ease-in-out infinite alternate-reverse}.vessel{position:absolute;left:77%;top:56%;width:102px;height:76px;z-index:5;transform-origin:50% 90%;animation:shipJourney 77s ease-in-out infinite alternate}.vessel svg{width:100%;height:100%;overflow:visible;animation:shipSwell 11s ease-in-out infinite alternate}.vessel-hull,.vessel-cabin{fill:#020405;stroke:rgba(207,218,222,.16);stroke-width:.5}.vessel-sail{fill:#040709;stroke:rgba(207,218,222,.12);stroke-width:.5}.vessel-mast{fill:#50595c}.vessel-rig{fill:none;stroke:rgba(182,199,207,.15);stroke-width:.45}.vessel-light{fill:#e1dbca;filter:drop-shadow(0 0 2px rgba(241,227,199,.42))}.vessel>span{position:absolute;left:-68px;top:66px;width:100px;height:8px;border-top:1px solid rgba(220,231,234,.08);border-radius:50%;transform:rotate(-5deg);animation:shipSwell 14s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,5,.54),transparent 62%),linear-gradient(0deg,#030608,transparent 15%)}.hero-copy{width:100%;max-width:var(--max);margin:auto;position:relative}.eyebrow{margin:0 0 26px;color:#929ca2;font:400 12px/1.8 var(--mono);letter-spacing:.14em}.hero h1{font-size:clamp(56px,4.7vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:0 0 28px}.hero h1 span{color:#c7cdd0}.hero-bottom{display:flex;align-items:center;gap:30px}.hero-bottom p{font-size:16px;color:#a2acb2;margin:0;max-width:460px}.round-link{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(218,232,238,.24);border-radius:50%;transition:background .3s,transform .3s}.round-link:hover{transform:translateY(3px);background:rgba(230,242,248,.06)}

/* Shared chapter openers. */
.section{position:relative;isolation:isolate;padding:94px max(var(--gutter),calc((100vw - var(--max))/2)) 112px;background:#030608;scroll-margin-top:64px}.section:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,rgba(215,228,234,.13) 20%,rgba(225,235,240,.32) 50%,rgba(215,228,234,.13) 80%,transparent)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:100px;margin-bottom:64px}.chapter{display:flex;align-items:center;gap:30px}.section-no{font:300 68px/1 var(--mono);letter-spacing:-.06em;color:rgba(216,229,236,.22)}.section-tag{font:400 12px/1.6 var(--mono);letter-spacing:.14em;color:#969fa7;display:block;margin-bottom:12px}.section-head h2{font-size:clamp(34px,3vw,40px);font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:0}.section-head>p{font-size:16px;line-height:1.8;color:#a7b0b6;margin:0}.building{background:linear-gradient(#030608,#040709 55%,#020405)}.proof{background:#020405}.work{background:radial-gradient(ellipse at 90% 45%,rgba(9,20,29,.48),transparent 52%),#030608}.about{background:linear-gradient(#030608,#040608,#030608)}.notes{background:radial-gradient(ellipse at 18% 90%,rgba(16,22,26,.28),transparent 55%),#030608}.now{background:linear-gradient(#030608,#05080b,#030608)}
.build-list{border-top:1px solid var(--line)}.build-item{display:grid;grid-template-columns:24px 1fr 1.15fr 1fr;gap:28px;align-items:start;padding:52px 0;border-bottom:1px solid var(--line)}.build-number{font:400 13px/1.7 var(--mono);color:#858f96}.build-title p{font:400 12px/1.8 var(--mono);color:#929da3;margin:0 0 20px;letter-spacing:.05em}.build-title h2{font-size:25px;line-height:1.55;font-weight:500;margin:0;letter-spacing:-.03em}.build-desc p{font-size:16px;line-height:1.9;color:#b2b9be;margin:0 0 24px}.build-desc ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.build-desc li{font-size:13px;line-height:1.5;padding:5px 9px;color:#a7b1b6;border:1px solid var(--line)}.build-visual{min-width:0;min-height:262px;padding:20px;background:rgba(255,255,255,.025);border:1px solid rgba(220,235,245,.10);transition:transform .5s,border-color .5s,background .5s}.build-visual:hover{transform:translateY(-3px);border-color:rgba(220,235,245,.26);background:rgba(255,255,255,.04)}.visual-bar{display:flex;justify-content:space-between;gap:10px;font:400 12px/1.5 var(--mono);color:#a6b0b7;border-bottom:1px solid var(--line);padding-bottom:14px}.live-dot{color:#b7cdd3}.metric-main{display:grid;grid-template-columns:1fr auto;padding:24px 0 8px;align-items:end}.metric-main small{grid-column:1/-1;font:400 12px/1.5 var(--mono);color:#a4adb3}.metric-main strong{font:300 42px/1.3 var(--mono)}.metric-main em{font:400 12px/1 var(--mono);color:#b4c8ce;font-style:normal}.sparkline{height:60px}.sparkline svg{width:100%;height:100%}.sparkline path{fill:none;stroke:#b4cbd3;stroke-width:1.4}.mini-metrics{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;font:400 12px/1.8 var(--mono);color:#89969e}.mini-metrics b{color:#c9d2d7;font-weight:400}.performance{display:grid;grid-template-columns:1fr 1fr;gap:18px}.performance .visual-bar{grid-column:1/-1}.progress-ring{position:relative;align-self:center;aspect-ratio:1;border-radius:50%;background:conic-gradient(#a9b9c0 0 72.8%,#252b30 72.8%)}.progress-ring:before{content:'';position:absolute;inset:6px;background:#0c1013;border-radius:50%}.progress-ring span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--mono)}.progress-ring b{font-size:20px;font-weight:400}.progress-ring small{font-size:12px;color:#9ca8af}.progress-list{align-self:center}.progress-list i{display:block;height:26px;margin:15px 0;position:relative;background:linear-gradient(90deg,#9aaab2 var(--w),#232a30 var(--w))}.progress-list i span{position:absolute;left:6px;top:5px;font:400 12px/16px var(--mono);color:#030608}.progress-list .warning{opacity:.6}.data-note{font-size:14px;color:#9ca6ad;margin:26px 0 0}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.proof-card{display:flex;flex-direction:column;min-height:205px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);transition:background .4s}.proof-card:hover{background:rgba(255,255,255,.035)}.proof-card>span{font:400 12px/1.6 var(--mono);color:#959fa6}.proof-card strong{font:300 clamp(29px,3vw,42px)/1.25 var(--mono);letter-spacing:-.06em;margin:auto 0 12px;color:#e3e8eb}.proof-card p{font-size:15px;color:#abb5bb;margin:0}.proof-card i{font:400 12px/1.8 var(--mono);font-style:normal;color:#959fa6;margin-top:12px;max-width:330px}.proof-lead{grid-column:span 2;grid-row:span 2;background:radial-gradient(ellipse at 15% 0,rgba(220,230,235,.045),transparent 65%)}.proof-lead strong{font-family:var(--sans);font-size:clamp(40px,4.5vw,60px);letter-spacing:-.04em}.proof-foot{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:22px;margin-top:24px;font-size:14px;color:#a9b2b8}.proof-foot span{font-family:var(--mono);color:#7e8c95}
.project-list{border-top:1px solid var(--line)}.project{position:relative;padding:30px 20px;margin:0 -20px;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;transition:background .45s,box-shadow .45s,transform .45s}.project:hover{transform:translateY(-2px);background:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(221,238,244,.12)}.project-top{display:flex;justify-content:space-between;gap:20px;font:400 12px/1.7 var(--mono);color:#98a3ab}.project-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.project h3{font-size:26px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:27px 0}.project-arrow{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:22px;transition:rotate .4s,border-color .4s;color:#b4c1c8}.project.is-open .project-arrow{rotate:90deg;border-color:#84969f}.project-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.project-detail[hidden]{display:none}.project-detail small{font:400 12px/1.7 var(--mono);color:#a9bcc6}.project-detail p{font-size:16px;line-height:1.9;color:#b5bdc2;margin:12px 0 8px}.project.is-open{background:rgba(255,255,255,.025)}
.about-grid{display:grid;grid-template-columns:.8fr 1.35fr;gap:8vw;align-items:center}.portrait-placeholder{position:relative;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 45% 35%,#151b1e,#080b0d 67%);border:1px solid var(--line)}.portrait-placeholder>span{font:400 13px/1.8 var(--mono);letter-spacing:.12em;color:#8b959c}.portrait-placeholder small{position:absolute;bottom:25px;font-size:14px;color:#929ca3}.portrait-grid{display:none}.about-lead{font-size:32px;line-height:1.6;letter-spacing:-.035em;margin:0 0 36px}.about-lead span{color:#d2dfe4}.about-body{font-size:17px;color:#acb6bc;line-height:2}.about-body p{margin:0 0 22px}.about-path{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;font:400 12px/1.8 var(--mono);color:#9aabb5}.about-path i{font-style:normal;color:#5b6c76}
.notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.note{position:relative;min-height:320px;padding:28px 24px;display:flex;flex-direction:column;border:1px solid rgba(220,235,245,.08);background:rgba(255,255,255,.022);transition:transform .4s,background .4s,border-color .4s}.note:hover{transform:translateY(-3px);background:rgba(255,255,255,.036);border-color:rgba(220,235,245,.2)}.note>span,.note time{font:400 12px/1.7 var(--mono);color:#939fa6}.note h3{font-size:22px;font-weight:400;line-height:1.6;margin:38px 0 20px}.note p{font:400 13px/1.7 var(--mono);color:#b3c0c8;margin:0 0 28px}.note time{margin-top:auto}.now-content{padding:38px 0 15px;text-align:center}.now-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c3d5dc;box-shadow:0 0 15px rgba(195,213,220,.23)}.now-content p{font-size:30px;line-height:1.7;color:#a1abb2;letter-spacing:-.03em}.now-content strong{font-weight:400;color:#d7dfe3}.now-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.now-tags span{font:400 12px/1.7 var(--mono);padding:8px 12px;border:1px solid var(--line);color:#adb8bf}
.contact{background:radial-gradient(ellipse at 75% 5%,rgba(25,36,43,.35),transparent 48%),#030608;overflow:hidden}.contact-horizon{position:absolute;inset:0;z-index:-1;pointer-events:none}.contact-horizon>i{position:absolute;right:25%;top:0;width:3px;height:3px;background:#c3d1d7;box-shadow:0 0 32px 4px rgba(205,225,235,.1)}.contact-horizon>span{position:absolute;top:2px;right:15%;width:20%;height:100px;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(215,230,238,.045) 7px 8px,transparent 8px 16px);mask-image:radial-gradient(ellipse at center top,#000,transparent 70%)}.contact-main{margin:58px 0 64px}.contact-main p{font-size:28px;line-height:1.65;color:#b8c1c7;margin:0 0 26px}.contact-main>a{font-size:56px;line-height:1.5;letter-spacing:-.04em;border-bottom:1px solid #84959e;transition:color .3s}.contact-main>a:hover{color:#bddce7}.contact-main>a span{font-size:.5em;vertical-align:top;margin-left:18px}.contact-email{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:32px;align-items:center;font:400 13px/1.7 var(--mono);color:#a7b4bd}.contact-email a{font-size:16px;color:#d9e0e5}.contact-email small{margin-left:auto;font:400 14px/1.7 var(--sans);color:#929fa8}footer{background:#020405;padding:38px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#8e9ca6;font:400 12px/1.7 var(--mono)}footer p{margin:0}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translate3d(var(--reveal-x,0),15px,0);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.6,.3,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@keyframes moonLight{to{opacity:.85;filter:brightness(.94)}}@keyframes cloudPass{to{translate:90px 3px}}@keyframes shipJourney{to{translate:21px -8px;scale:.92}}@keyframes shipSwell{to{translate:0 2px;rotate:.6deg}}
@media(max-width:1100px){.build-item{grid-template-columns:24px 1fr 1.25fr}.build-desc{grid-column:2/-1}.build-desc p{max-width:700px}.about-grid{gap:5vw}.notes-list{gap:14px}.note{padding:24px 18px}.proof-card{padding:22px}}
@media(max-width:760px){.site-header{height:62px;padding:0 24px}.site-header.is-scrolled{height:58px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(3,5,7,.97);border-bottom:1px solid var(--line);padding:26px;gap:26px}.nav.is-open{display:flex;flex-direction:column;align-items:stretch}.nav a{min-height:25px}.hero{height:100svh;min-height:690px;max-height:1000px;align-items:flex-end;padding:90px 24px 35px}.hero-copy{margin:0}.hero h1{font-size:46px;line-height:1.25;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.07em;max-width:330px;margin-bottom:18px}.hero-bottom{display:block}.hero-bottom p{font-size:16px;max-width:320px}.round-link{margin-top:24px}.hero:after{background:linear-gradient(0deg,#030608,rgba(3,6,8,.65) 30%,transparent 54%)}.sea-moon{top:17%;width:30px;height:30px;margin-left:-15px}.sea-cloud-one{top:calc(17% + 10px);left:56%;width:160px;height:20px}.sea-horizon{top:40%}.vessel{top:43%;left:71%;width:66px;height:55px}.vessel>span{top:46px;left:-36px;width:64px}.section{padding:66px 24px 76px}.section-head{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:38px;min-height:120px}.chapter{gap:22px}.section-no{font-size:52px}.section-tag{font-size:12px;margin-bottom:9px;letter-spacing:.09em}.section-head h2{font-size:32px}.section-head>p{font-size:16px;margin-left:80px}.build-item{grid-template-columns:24px 1fr;gap:18px;padding:36px 0}.build-title h2{font-size:24px}.build-visual,.build-desc{grid-column:1/-1}.build-visual{margin-top:8px}.build-desc{margin-top:10px}.build-visual.performance{min-height:245px;grid-template-columns:1fr 1fr}.progress-ring{width:145px;max-width:100%}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-lead{grid-column:span 2;grid-row:auto;min-height:260px}.proof-card{min-height:175px;padding:18px 16px}.proof-card strong{font-size:27px;margin-top:30px}.proof-lead strong{font-size:46px}.proof-foot{grid-template-columns:22px 1fr;gap:4px 16px}.proof-foot p{margin:6px 0}.project{margin:0;padding:26px 8px}.project-top{font-size:12px;flex-wrap:wrap;gap:6px}.project h3{font-size:23px}.project-detail{grid-template-columns:1fr;gap:16px}.project-arrow{width:40px;height:40px}.about-grid{grid-template-columns:1fr;gap:40px}.about-copy{order:-1}.about-lead{font-size:28px}.about-body{font-size:16px}.portrait-placeholder{min-height:340px}.notes-list{grid-template-columns:1fr;gap:18px}.note{min-height:275px;padding:24px}.note h3{margin:26px 0 20px}.now-content{padding-top:8px}.now-content p{font-size:27px}.contact-main{margin:28px 0 48px}.contact-main p{font-size:24px}.contact-main>a{font-size:46px}.contact-email{align-items:flex-start;flex-direction:column;gap:12px}.contact-email small{margin-left:0}footer{padding:32px 24px;flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Documentary photographs: quiet pauses within the near-black page. */
.photo-frame{position:relative;margin:0;overflow:hidden;background:#0b1013;border:1px solid rgba(205,220,226,.15);box-shadow:0 22px 70px rgba(0,0,0,.22)}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.photo-frame::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(1,4,6,.24);background:linear-gradient(0deg,rgba(2,5,7,.13),transparent 30%)}
.proof-photo{width:min(100%,720px);aspect-ratio:1.85;margin:46px 0 0 auto}
.proof-photo img{object-position:center 56%}
.work-photo{width:min(100%,630px);aspect-ratio:1.6;margin:54px auto 0 0}
.work-photo img{object-position:center 52%}
.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(44px,7vw,110px)}
.about-photo{aspect-ratio:3/4;min-height:500px;border-color:rgba(219,231,235,.23);box-shadow:0 22px 80px rgba(0,0,0,.32),-1px -1px 18px rgba(212,228,236,.07)}
.about-photo img{object-position:center 57%}
.onward-photo{width:min(calc(100% - var(--gutter)*2),var(--max));aspect-ratio:2.15;margin:8px auto 78px}
.onward-photo img{object-position:center 45%}
@media(max-width:760px){
  .proof-photo{aspect-ratio:1.35;margin-top:38px}
  .work-photo{aspect-ratio:1.35;margin-top:42px}
  .about-grid{grid-template-columns:1fr;gap:38px}
  .about-copy{order:0}
  .about-photo{aspect-ratio:3/4;min-height:0}
  .onward-photo{width:calc(100% - 48px);aspect-ratio:1.13;margin:4px auto 66px}
  .onward-photo img{object-position:47% center}
}

/* Final editorial rhythm and interaction. */
.sea-sky{background:radial-gradient(ellipse at 73% 34%,#222b30 0,rgba(16,24,29,.7) 24%,transparent 58%),linear-gradient(#030608,#080d10 52%,#030608)}
.sea-moon{width:48px;height:48px;margin-left:-24px;box-shadow:0 0 36px 8px rgba(219,231,235,.13),0 0 130px 38px rgba(189,212,225,.06)}
.sea-horizon{background:linear-gradient(90deg,transparent 5%,rgba(194,215,226,.05) 34%,rgba(214,230,238,.25) 73%,transparent 98%)}
.hero h1{font-size:clamp(58px,4.9vw,72px)}
.hero-bottom p{color:#b8c2c9}.eyebrow{color:#a6b3bc}
.site-header.is-scrolled{backdrop-filter:blur(26px);border-bottom-color:rgba(208,226,236,.24)}
.building{background:radial-gradient(ellipse at 73% 0,rgba(131,157,170,.08),transparent 48%),linear-gradient(#05090c,#080c10 60%,#070a0d)}
.proof{background:radial-gradient(ellipse at 16% 38%,rgba(161,179,189,.09),transparent 60%),#090d10}
.work{background:radial-gradient(ellipse at 100% 40%,rgba(129,155,170,.1),transparent 56%),#04080b}
.about{background:radial-gradient(ellipse at 20% 50%,rgba(147,159,163,.11),transparent 58%),linear-gradient(#0a0e11,#101518,#080d10)}
.notes{background:radial-gradient(ellipse at 30% 80%,rgba(121,143,157,.09),transparent 65%),#070b0e}
.now{background:radial-gradient(ellipse at 58% 50%,rgba(120,151,170,.13),transparent 65%),linear-gradient(#060a0d,#10181d,#080d11)}
.contact{background:radial-gradient(ellipse at 73% 30%,rgba(114,149,169,.12),transparent 50%),#05090c}
.building::after{content:'';position:absolute;inset:0 14% auto 57%;height:180px;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(207,224,234,.05) 13px,transparent 14px 23px);mask-image:radial-gradient(ellipse at center top,#000,transparent 72%)}
.section:before{background:linear-gradient(90deg,transparent,rgba(207,224,234,.18) 20%,rgba(229,239,244,.44) 50%,rgba(207,224,234,.16) 80%,transparent)}
.chapter>div{display:flex;flex-direction:column;gap:12px}.chapter h2{order:-1}.section-tag{margin:0}.section-no{color:rgba(212,228,237,.3)}
.practice-intro{font-size:clamp(20px,2vw,27px);color:#cad2d7;line-height:1.8;max-width:810px;margin:0 0 46px}
.build-title h3{font-size:25px;line-height:1.55;font-weight:500;letter-spacing:-.03em;margin:0}
.proof-grid{grid-template-columns:1.35fr 1fr 1fr}.proof-lead{grid-column:auto;grid-row:auto}.proof-card{min-height:230px;position:relative;transition:translate .3s,box-shadow .3s,background .3s}
.proof-lead strong{font-size:clamp(38px,3.8vw,54px)}.proof-lead strong small{display:block;font:400 15px/1.8 var(--mono);letter-spacing:.04em;color:#b6c4cc;margin-top:10px}
.personal-sides{list-style:none;margin:32px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:20px}.personal-sides span{font:400 11px/1.8 var(--mono);letter-spacing:.08em;color:#9fafb8}.personal-sides p{font-size:14px;color:#c0c9ce;line-height:1.8;margin:9px 0 0}
.about-lead{font-size:40px;margin-bottom:26px}.about-body{font-size:16px;line-height:1.95}.about-photo{aspect-ratio:3/4;min-height:0}.about-photo img{object-position:center center}
.notes-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px}.note{min-height:330px}.note h3{font-size:24px;margin-top:30px}.note p.note-excerpt{font:400 16px/1.85 var(--sans);color:#adbcc5;margin-bottom:24px}.note p.note-category{font:400 12px/1.8 var(--sans);letter-spacing:.1em;color:#91a2ad;margin:28px 0 0}.note details{margin-top:auto}.note summary{cursor:pointer;list-style:none;font-size:14px;color:#cbd8df;padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.note summary::-webkit-details-marker{display:none}.note summary span{transition:rotate .3s}.note details[open] summary span{rotate:90deg}.note .note-body p{font:400 16px/1.95 var(--sans);color:#bac6ce;margin:18px 0}.note .note-body p:last-child{margin-bottom:0}
.burn-stage{position:relative;width:min(470px,100%);min-height:134px;display:flex;align-items:center}.paper-burn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;z-index:3}.burn-stage.is-armed .paper-burn{display:block}.burn-stage.is-burned .paper-burn{display:none}
.now-content .now-aside{font-size:16px;color:#95a7b3;margin:28px 0 0}.contact-horizon>i{right:27%;top:34px;width:19px;height:19px;border-radius:50%;background:#b7c7cf;box-shadow:0 0 52px 13px rgba(198,222,237,.1)}.contact-horizon>span{top:105px;right:12%;width:42%;height:240px;opacity:.8}.contact-horizon:after{content:'';position:absolute;top:106px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 35%,rgba(218,236,246,.15) 73%,transparent)}
.contact-email{flex-wrap:wrap}.copy-email{font:400 13px/1.6 var(--sans);border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c6d4dd;padding:10px 16px;cursor:pointer}.copy-email:hover{border-color:#8ba6b5;background:rgba(220,237,246,.07)}.copy-status{font:400 13px/1.6 var(--sans);color:#b0cad7}
.photo-frame{transition:border-color .5s,box-shadow .5s}.photo-frame img{transition:transform .75s cubic-bezier(.2,.6,.3,1),filter .65s;filter:saturate(.94)}
.proof-card::before,.project::before,.note::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(192,222,239,.085),transparent 75%)}
.proof-card>*,.project>*,.note>*{position:relative}
@media(hover:hover) and (pointer:fine){.photo-frame:hover img{transform:scale(1.02);filter:saturate(1.03)}.photo-frame:hover{border-color:rgba(219,238,248,.44);box-shadow:0 18px 65px rgba(0,0,0,.3),0 0 24px rgba(196,221,237,.045)}.proof-card:hover,.note:hover,.project:hover{translate:0 -3px;box-shadow:inset 0 1px rgba(224,241,249,.2),0 12px 36px rgba(0,0,0,.12)}.proof-card:hover::before,.note:hover::before,.project:hover::before{opacity:1}}
.motion-ready .reveal.reveal-chapter{transform:translateY(22px);transition-duration:.9s}.motion-ready .reveal.reveal-photo{transform:translateY(26px) scale(.985);clip-path:inset(5% 0 0);transition:opacity 1s,transform 1.1s,clip-path 1.1s}.motion-ready .reveal.reveal-card{transform:translateY(20px);transition-duration:.65s}.motion-ready .reveal.is-visible{transform:none;clip-path:inset(0)}
@media(max-width:760px){.hero h1{font-size:46px}.sea-moon{width:36px;height:36px;margin-left:-18px}.section-head{gap:25px}.chapter{gap:20px}.chapter>div{gap:10px}.section-head h2{font-size:29px}.section-no{font-size:50px}.practice-intro{font-size:20px;margin-bottom:32px}.build-title h3{font-size:24px}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-lead,.proof-card:last-child{grid-column:span 2}.proof-card{min-height:190px}.proof-lead{min-height:245px}.proof-lead strong{font-size:46px}.personal-sides{grid-template-columns:1fr;gap:16px}.personal-sides li{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:baseline}.personal-sides p{margin:0}.about-lead{font-size:36px}.notes-list{grid-template-columns:1fr;gap:20px}.note{min-height:300px}.note h3{font-size:23px}.burn-stage{min-height:124px}.contact-email{gap:16px}.copy-status:empty{display:none}.contact-horizon>i{top:30px;width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .reveal.reveal-photo,.motion-ready .reveal.reveal-chapter,.motion-ready .reveal.reveal-card{opacity:1;transform:none;clip-path:none}.photo-frame:hover img{transform:none}.proof-card:hover,.project:hover,.note:hover{translate:none}.paper-burn{display:none!important}}

/* Final revision: personal introduction first; black is a space, not a flat fill. */
.about{background:radial-gradient(ellipse at 17% 36%,rgba(189,191,189,.13),transparent 62%),linear-gradient(#090d10,#181b1d 55%,#101315)}
.proof{background:radial-gradient(ellipse at 82% 25%,rgba(189,199,204,.075),transparent 65%),linear-gradient(#101315,#0c0f11)}
.building{background:radial-gradient(ellipse at 70% 34%,rgba(155,182,195,.105),transparent 64%),linear-gradient(#0c0f11,#11171a 56%,#0b1013)}
.work{background:radial-gradient(ellipse at 95% 48%,rgba(173,183,190,.13),transparent 62%),linear-gradient(#0b1013,#12171b,#0b0f12)}
.notes{background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(193,185,162,.014) 30px,transparent 31px),radial-gradient(ellipse at 20% 60%,rgba(180,175,158,.09),transparent 62%),linear-gradient(#0b0f12,#151819,#0c1013)}
.now{background:radial-gradient(ellipse at 58% 50%,rgba(167,183,194,.14),transparent 68%),linear-gradient(#0c1013,#192025,#0c1115)}
.contact{background:radial-gradient(ellipse at 73% 26%,rgba(161,180,192,.12),transparent 62%),linear-gradient(#0c1115,#060a0d)}
.about-photo{max-width:420px;justify-self:center;width:100%;aspect-ratio:1}
.about-photo img{object-fit:contain;object-position:center}
.about-body p{margin-bottom:18px}.about-lead{margin-bottom:20px}
.personal-sides{grid-template-columns:.55fr 1.65fr .6fr;gap:18px}
.project{background:linear-gradient(110deg,rgba(211,225,235,.026),transparent 68%)}
.section-head h2{position:relative;width:fit-content}
.title-burn{position:absolute;top:-12px;left:-16px;width:calc(100% + 32px);height:calc(100% + 24px);pointer-events:none;z-index:4;border-radius:2px}
.contact .section-head{margin-bottom:28px}.contact-intro{color:#bac5cc;font-size:18px;margin:0 0 38px}
.now-content{max-width:900px;margin:0 auto}.now-content p{font-size:clamp(21px,2.15vw,29px);color:#bac5cc}
.nav a:focus-visible{color:#e3edf2}
@media(max-width:760px){.about-photo{width:min(100%,330px)}.personal-sides{grid-template-columns:1fr}.section-head h2{font-size:28px}.section-head{min-height:90px}.now-content p{font-size:22px;text-align:left}.now-content br{display:none}.contact-intro{font-size:16px}.title-burn{display:none}}
@media(prefers-reduced-motion:reduce){.title-burn{display:none!important}}