/* Hybrid background page: the site's technical dark identity, with more human editorial pacing. */
html{background:#08090a;overflow-x:hidden}
.hybrid-page{
  --hy-bg:#08090a;--hy-panel:#0d1118;--hy-text:#f7f8f8;--hy-muted:#a7adb7;
  --hy-line:rgba(255,255,255,.09);--hy-soft:rgba(255,255,255,.045);
  --hy-purple:#7c7cff;--hy-mint:#5eead4;--hy-shell:min(1120px,calc(100vw - 40px));
  color:var(--hy-text);overflow-x:hidden;background:
    radial-gradient(circle at 16% 3%,rgba(124,124,255,.20),transparent 31rem),
    radial-gradient(circle at 90% 18%,rgba(94,234,212,.10),transparent 28rem),
    linear-gradient(180deg,#08090a 0%,#0a0d12 48%,#08090a 100%);
}
.hybrid-page::before{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.hybrid-page .journal-shell{width:var(--hy-shell);margin-inline:auto}
.hybrid-page .journal-topbar{width:var(--hy-shell);margin:14px auto 0;top:14px;padding:8px 10px 8px 12px;border:1px solid var(--hy-line);border-radius:999px;background:rgba(8,9,10,.78);box-shadow:0 12px 60px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.hybrid-page .journal-topbar .brand-mark{color:#050607;background:linear-gradient(135deg,var(--hy-mint),#a6ffcb)}
.hybrid-page h1,.hybrid-page h2,.hybrid-page h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hy-text)}
.hybrid-page p{color:var(--hy-muted)}
.hybrid-page .journal-kicker,.hybrid-page .project-type,.hybrid-page .hero-note,.hybrid-page .life-date{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:750;color:var(--hy-mint)}
.hybrid-page .ink-link{display:inline-flex;gap:7px;align-items:center;color:var(--hy-text);font-weight:680;text-decoration:none;border-bottom:1px solid rgba(94,234,212,.55);padding-bottom:3px;transition:color .18s,border-color .18s,transform .18s}
.hybrid-page .ink-link:hover{color:var(--hy-mint);border-color:var(--hy-mint);transform:translateY(-1px)}

/* Hero: same visual language as home, but more editorial in composition. */
.hybrid-page .journal-hero{min-height:720px;position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(42px,7vw,92px);align-items:center;padding:clamp(90px,11vw,138px) 0 96px}
.hybrid-page .hero-note{position:absolute;top:58px;right:0;color:#7e8794}
.hybrid-page .journal-hero-copy{position:relative;z-index:1}
.hybrid-page .journal-hero h1{max-width:10.6ch;margin:0 0 26px;font-size:clamp(3.8rem,7.4vw,6.8rem);line-height:.92;letter-spacing:-.065em;font-weight:620}
.hybrid-page .journal-lead{max-width:680px;margin-bottom:30px;color:#d7dce5;font-size:clamp(1.04rem,1.55vw,1.2rem);line-height:1.68}
.hybrid-page .hero-portrait{position:relative;margin:0;padding:12px;border:1px solid var(--hy-line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.38)}
.hybrid-page .hero-portrait::before{content:"";position:absolute;z-index:-1;inset:-24px;background:radial-gradient(circle,rgba(94,234,212,.18),transparent 67%);filter:blur(10px)}
.hybrid-page .hero-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:20px}
.hybrid-page .hero-portrait figcaption{padding:13px 6px 4px;color:var(--hy-muted);font-size:.84rem}

/* Compact route through the page, not a row of cards. */
.hybrid-page .chapter-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hy-line);border-bottom:1px solid var(--hy-line)}
.hybrid-page .chapter-line a{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:82px;padding:14px 20px;color:var(--hy-muted);text-decoration:none;border-right:1px solid var(--hy-line);transition:background .18s,color .18s}
.hybrid-page .chapter-line a:first-child{padding-left:0}.hybrid-page .chapter-line a:last-child{border-right:0}
.hybrid-page .chapter-line a:hover{color:var(--hy-text);background:rgba(255,255,255,.025)}
.hybrid-page .chapter-line b{color:var(--hy-mint);font-family:ui-monospace,monospace;font-size:.75rem}.hybrid-page .chapter-line span{font-size:.88rem;font-weight:620}

.hybrid-page .journal-projects{padding:110px 0 30px}
.hybrid-page .editorial-heading{max-width:800px;margin:0 0 90px}
.hybrid-page .editorial-heading h2,.hybrid-page .life-heading h2{margin:0;font-size:clamp(2.55rem,5vw,4.5rem);line-height:.98;letter-spacing:-.055em;font-weight:600}
.hybrid-page .section-intro{max-width:650px;margin:24px 0 0;font-size:1.05rem;line-height:1.68}
.hybrid-page .project-spread{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(48px,8vw,108px);align-items:center;padding:104px 0;border-top:1px solid var(--hy-line)}
.hybrid-page .spread-mocello{grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr)}
.hybrid-page .spread-number{position:absolute;top:32px;right:0;color:rgba(255,255,255,.045);font-size:clamp(5rem,11vw,9rem);font-weight:760;line-height:1;letter-spacing:-.07em}
.hybrid-page .spread-copy{position:relative;z-index:1}
.hybrid-page .spread-copy h3{margin:0 0 18px;font-size:clamp(2.45rem,5vw,4.65rem);line-height:.96;letter-spacing:-.06em;font-weight:600}
.hybrid-page .project-intro{color:#eef1f5!important;font-size:1.15rem;line-height:1.52;font-weight:560}
.hybrid-page .spread-copy>p:not(.project-type):not(.project-intro){font-size:1.01rem;line-height:1.72}
.hybrid-page .plain-note{margin:28px 0;padding:16px 0 16px 20px;border-left:2px solid var(--hy-mint);background:linear-gradient(90deg,rgba(94,234,212,.07),transparent 80%)}
.hybrid-page .plain-note strong{display:block;margin-bottom:6px;color:var(--hy-text);font-size:.83rem}.hybrid-page .plain-note span{color:var(--hy-muted);font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.55}
.hybrid-page .link-row{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px}.hybrid-page .link-row .ink-link{font-size:.88rem}
.hybrid-page .project-collage{position:relative;min-width:0}
.hybrid-page .media-frame{margin:0;overflow:hidden;border:1px solid var(--hy-line);border-radius:22px;background:#111722;box-shadow:0 26px 80px rgba(0,0,0,.36)}
.hybrid-page .media-frame a{display:block;overflow:hidden}.hybrid-page .media-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.9) contrast(1.04);transition:transform .45s,filter .45s}.hybrid-page .media-frame:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.hybrid-page .media-frame figcaption,.hybrid-page .life-photo figcaption,.hybrid-page .research-sheet figcaption{padding:12px 15px;color:#8f98a6;font-size:.77rem;background:rgba(8,9,10,.82)}
.hybrid-page .collage-stick{min-height:500px}.hybrid-page .photo-stick{position:absolute;inset:0 10% 15% 0}.hybrid-page .photo-rtv{position:absolute;right:0;bottom:0;width:58%;box-shadow:0 20px 70px rgba(0,0,0,.52)}
.hybrid-page .photo-rtv img{aspect-ratio:16/9}
.hybrid-page .coffee-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;margin-top:18px;border-top:1px solid var(--hy-line);border-bottom:1px solid var(--hy-line)}
.hybrid-page .coffee-flow span{position:relative;display:grid;align-content:center;gap:7px;min-height:92px;padding:14px 26px 14px 14px;color:var(--hy-muted);font-size:.75rem;line-height:1.35;text-align:center;border-right:1px solid var(--hy-line)}.hybrid-page .coffee-flow span:last-child{border-right:0}.hybrid-page .coffee-flow span:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:16px;height:24px;color:var(--hy-purple);background:#0a0d12}.hybrid-page .coffee-flow b{color:var(--hy-mint);font-family:ui-monospace,monospace}
.hybrid-page .grade-mark{display:flex;align-items:baseline;gap:14px;margin-top:28px}.hybrid-page .grade-mark strong{color:var(--hy-mint);font-size:2.7rem;letter-spacing:-.06em}.hybrid-page .grade-mark span{color:var(--hy-muted);font-size:.82rem}
.hybrid-page .thesis-gallery{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px;min-height:620px}
.hybrid-page .thesis-gallery figure{position:relative;margin:0;overflow:hidden;border:1px solid var(--hy-line);border-radius:20px;background:#111722;box-shadow:0 22px 65px rgba(0,0,0,.3)}
.hybrid-page .thesis-gallery .thesis-cover{grid-row:1/3;background:#fff}.hybrid-page .thesis-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.hybrid-page .thesis-cover img{object-fit:contain}.hybrid-page .thesis-gallery .thesis-photo img{filter:saturate(.88) contrast(1.03)}.hybrid-page .thesis-gallery figure:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.03)}
.hybrid-page .thesis-gallery figcaption{position:absolute;inset:auto 0 0;padding:34px 14px 12px;color:#dce2ea;font-size:.76rem;background:linear-gradient(transparent,rgba(5,7,10,.9))}
.hybrid-page .evidence-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hybrid-page .evidence-links .ink-link{justify-content:center;min-height:44px;padding:8px;text-align:center;border:1px solid var(--hy-line);border-radius:12px}.hybrid-page .evidence-links .ink-link:hover{border-color:var(--hy-mint);background:rgba(94,234,212,.045)}

/* Motion is restrained: it clarifies sequence and depth instead of decorating every block. */
.js-enabled .hybrid-page [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1)}
.js-enabled .hybrid-page [data-reveal].is-visible{opacity:1;transform:none}
.hybrid-page .project-spread.is-visible .spread-number{animation:number-in .85s .18s both}
.hybrid-page .coffee-flow span{transition:color .25s,background .25s,transform .25s}.hybrid-page .coffee-flow span:hover{color:var(--hy-text);background:rgba(94,234,212,.045);transform:translateY(-3px)}
.hybrid-page .chapter-line a.is-active{color:var(--hy-text);background:linear-gradient(90deg,rgba(94,234,212,.08),rgba(124,124,255,.05))}
@keyframes number-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* Human context, kept structured rather than scrapbook-like. */
.hybrid-page .life-section{margin-top:90px;padding:110px 0;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-top:1px solid var(--hy-line);border-bottom:1px solid var(--hy-line)}
.hybrid-page .life-heading{max-width:740px;margin-bottom:74px}
.hybrid-page .life-feature{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);align-items:center;gap:0;margin-bottom:92px}
.hybrid-page .life-photo{margin:0;overflow:hidden;border:1px solid var(--hy-line);border-radius:24px;background:#111722;box-shadow:0 26px 80px rgba(0,0,0,.3)}
.hybrid-page .life-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}.hybrid-page .life-ludica .life-photo img{aspect-ratio:16/9;min-height:0}
.hybrid-page .life-copy{position:relative;z-index:1;margin-left:-42px;padding:38px;border:1px solid var(--hy-line);border-radius:24px;background:rgba(12,15,21,.92);box-shadow:0 26px 80px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.hybrid-page .life-copy h3{margin:9px 0 7px;font-size:clamp(2rem,3.7vw,3.2rem);line-height:1;letter-spacing:-.05em}.hybrid-page .org-name{color:var(--hy-mint)!important;font-weight:700}.hybrid-page .life-copy p{line-height:1.65}
.hybrid-page .life-mosaic{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:48px;align-items:start}
.hybrid-page .life-sail>div{padding:26px 4px 0}.hybrid-page .life-sail h3,.hybrid-page .work-slip h3{margin:8px 0 12px;font-size:1.55rem;letter-spacing:-.035em}.hybrid-page .life-sail p,.hybrid-page .work-slip p{line-height:1.65}
.hybrid-page .work-notes{display:grid;gap:0}.hybrid-page .work-slip{padding:28px 0;border-top:1px solid var(--hy-line)}.hybrid-page .work-slip:last-child{border-bottom:1px solid var(--hy-line)}.hybrid-page .slip-redbull{background:linear-gradient(90deg,rgba(124,124,255,.07),transparent 72%);padding-left:20px}
.hybrid-page .business-turn{position:relative;padding:140px 0;display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1.6fr);column-gap:60px}.hybrid-page .business-turn .journal-kicker{grid-column:1}.hybrid-page .business-turn h2,.hybrid-page .business-turn>p:last-child{grid-column:2}.hybrid-page .business-turn h2{max-width:900px;margin:0 0 26px;font-size:clamp(2.6rem,5.3vw,5rem);line-height:.98;letter-spacing:-.06em}.hybrid-page .business-turn>p:last-child{max-width:760px;font-size:1.08rem;line-height:1.72}
.hybrid-page .journal-contact{position:relative;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;margin-bottom:80px;padding:42px;border:1px solid var(--hy-line);border-radius:30px;background:radial-gradient(circle at 10% 0%,rgba(124,124,255,.2),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}.hybrid-page .journal-contact h2{margin:0;font-size:clamp(2.4rem,4.8vw,4rem);letter-spacing:-.055em}.hybrid-page .journal-contact-links{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:flex-end}.hybrid-page .journal-contact-links a{color:var(--hy-text);text-decoration:none;font-weight:650;border-bottom:1px solid rgba(94,234,212,.55);padding-bottom:3px}.hybrid-page .journal-footer{display:flex;justify-content:space-between;padding:34px 0 44px;border-top:1px solid var(--hy-line);color:#6f7783;font-size:.88rem}.hybrid-page .journal-footer a{color:#8c95a2;text-decoration:none}

@media(max-width:900px){
 .hybrid-page .journal-topbar{width:min(100vw - 28px,1120px);border-radius:22px;flex-wrap:wrap}
 .hybrid-page .journal-hero{grid-template-columns:1fr;min-height:0;padding:95px 0 74px;gap:38px}.hybrid-page .hero-note{top:40px}.hybrid-page .hero-portrait{max-width:520px}
 .hybrid-page .chapter-line{grid-template-columns:1fr 1fr}.hybrid-page .chapter-line a:nth-child(2){border-right:0}.hybrid-page .chapter-line a:nth-child(-n+2){border-bottom:1px solid var(--hy-line)}
 .hybrid-page .project-spread,.hybrid-page .spread-mocello{grid-template-columns:1fr;gap:44px}.hybrid-page .spread-mocello .project-collage{order:2}.hybrid-page .spread-mocello .spread-copy{order:1}.hybrid-page .collage-stick{min-height:560px}
 .hybrid-page .life-feature,.hybrid-page .life-mosaic{grid-template-columns:1fr}.hybrid-page .life-copy{margin:-34px 22px 0}.hybrid-page .life-mosaic{gap:62px}.hybrid-page .business-turn{grid-template-columns:1fr}.hybrid-page .business-turn .journal-kicker,.hybrid-page .business-turn h2,.hybrid-page .business-turn>p:last-child{grid-column:1}
}
@media(max-width:620px){
 .hybrid-page{--hy-shell:min(100vw - 22px,1120px)}
 .hybrid-page .journal-topbar{width:var(--hy-shell);top:8px;margin-top:8px;padding:8px}.hybrid-page .journal-topbar .brand span:last-child{display:none}
 .hybrid-page .journal-hero{padding:82px 0 58px}.hybrid-page .journal-hero h1{font-size:clamp(2.85rem,13vw,4rem);line-height:.95}.hybrid-page .journal-lead{font-size:.98rem;line-height:1.58}.hybrid-page .hero-note{top:32px}.hybrid-page .hero-portrait{padding:9px;border-radius:22px}.hybrid-page .hero-portrait img{border-radius:16px}
 .hybrid-page .chapter-line a{padding:13px 10px;min-height:74px;grid-template-columns:1fr;gap:4px}.hybrid-page .chapter-line a:first-child{padding-left:10px}.hybrid-page .chapter-line span{font-size:.78rem}
 .hybrid-page .journal-projects{padding-top:78px}.hybrid-page .editorial-heading{margin-bottom:62px}.hybrid-page .editorial-heading h2,.hybrid-page .life-heading h2{font-size:clamp(2.35rem,11vw,3.1rem)}
 .hybrid-page .project-spread{padding:80px 0;gap:36px}.hybrid-page .spread-number{top:24px;font-size:5.6rem}.hybrid-page .spread-copy h3{font-size:clamp(2.55rem,12vw,3.5rem)}.hybrid-page .project-intro{font-size:1.05rem}.hybrid-page .link-row{gap:14px 18px}
 .hybrid-page .collage-stick{display:grid;gap:12px;min-height:0}.hybrid-page .photo-stick,.hybrid-page .photo-rtv{position:relative;inset:auto;width:100%}.hybrid-page .photo-rtv{width:72%;margin-left:auto}.hybrid-page .media-frame{border-radius:17px}.hybrid-page .coffee-flow{grid-template-columns:1fr}.hybrid-page .coffee-flow span{min-height:70px;border-right:0;border-bottom:1px solid var(--hy-line)}.hybrid-page .coffee-flow span:last-child{border-bottom:0}.hybrid-page .coffee-flow span:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-13px;transform:translateX(50%);width:24px;height:24px}.hybrid-page .thesis-gallery{min-height:680px;grid-template-columns:1fr 1fr;grid-template-rows:1.4fr .8fr}.hybrid-page .thesis-gallery .thesis-cover{grid-column:1/3;grid-row:1}.hybrid-page .thesis-gallery .thesis-photo{grid-row:2}.hybrid-page .evidence-links{grid-template-columns:1fr}.hybrid-page .evidence-links .ink-link{justify-content:flex-start;text-align:left}
 .hybrid-page .life-section{padding:80px 0;margin-top:54px}.hybrid-page .life-heading{margin-bottom:52px}.hybrid-page .life-photo{border-radius:18px}.hybrid-page .life-photo img{min-height:300px}.hybrid-page .life-copy{margin:12px 0 0;padding:25px;border-radius:20px}.hybrid-page .life-copy h3{font-size:2.25rem}.hybrid-page .life-mosaic{gap:52px}.hybrid-page .work-slip{padding:24px 0}.hybrid-page .slip-redbull{padding-left:14px}
 .hybrid-page .business-turn{padding:92px 0}.hybrid-page .business-turn h2{font-size:clamp(2.45rem,11.8vw,3.45rem)}.hybrid-page .business-turn>p:last-child{font-size:1rem}
 .hybrid-page .journal-contact{grid-template-columns:1fr;padding:25px;border-radius:22px}.hybrid-page .journal-contact-links{justify-content:flex-start;flex-direction:column;align-items:flex-start}.hybrid-page .journal-footer{flex-direction:column;gap:12px;padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){.hybrid-page *{transition:none!important;animation:none!important}.js-enabled .hybrid-page [data-reveal]{opacity:1;transform:none}}