:root{--bg:#050608;--fg:#f4f7fb;--muted:#8c949f;--line:#20252c;--accent:#8dd8ff;--panel:#0b0e12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;position:absolute;left:50%;transform:translateX(-50%);z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:800;letter-spacing:.11em;font-size:.76rem}.topbar nav{display:flex;gap:28px}.topbar nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#b8bec7}.hero{min-height:100vh;display:grid;align-items:center;position:relative;padding:120px 0 70px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-glow{position:absolute;width:60vw;height:60vw;right:-20vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(57,166,225,.16),rgba(0,0,0,0) 68%);filter:blur(10px)}.hero-content{position:relative;z-index:2}.hero-name{margin:18px 0 10px;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-intro{max-width:760px;margin:0 0 34px;color:#aeb7c2;line-height:1.72;font-size:1rem}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.hero h1,.section-title,.project-hero h1{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.94;margin:.16em 0;letter-spacing:-.012em}.hero h1{font-size:clamp(4rem,11vw,9.5rem);max-width:1050px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #78828e}.lead{max-width:700px;color:#bcc3cc;line-height:1.75;font-size:1.08rem}.scroll-cue{margin-top:52px;display:flex;align-items:center;gap:18px;width:max-content;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:#aeb6c0}.scroll-cue b{width:42px;height:42px;border:1px solid #39414b;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.showcase{border-top:1px solid var(--line)}.showcase-head{padding:110px 0 80px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.showcase-head .section-title{grid-column:1/-1;font-size:clamp(3.8rem,8.6vw,7.2rem);line-height:.96;margin:0;max-width:900px}.showcase-head p{grid-column:2;max-width:520px;color:#949ca6;line-height:1.7}.project-stack{border-top:1px solid var(--line)}.project-scene{display:block;border-bottom:1px solid var(--line);position:relative;background:#060709;transition:background .35s ease}.project-scene:hover{background:#0a0d11}.project-scene.featured{background:linear-gradient(110deg,#081017,#060709 65%)}.scene-inner{min-height:72vh;display:grid;grid-template-columns:100px minmax(300px,.95fr) 1.05fr;gap:42px;align-items:center;padding-top:70px;padding-bottom:70px}.scene-num{align-self:start;font:clamp(2.5rem,6vw,5.5rem) Impact,sans-serif;color:#303741;line-height:.9}.scene-tags{text-transform:uppercase;letter-spacing:.17em;color:#7f8995;font-size:.67rem;margin-bottom:16px}.scene-copy h3{font:clamp(3rem,7vw,6.8rem)/.9 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 22px}.scene-copy p{max-width:540px;color:#aeb5be;line-height:1.65}.scene-link{display:inline-block;margin-top:22px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;border-bottom:1px solid #52606c;padding-bottom:7px}.scene-art{aspect-ratio:16/10;border:1px solid #252b33;background:radial-gradient(circle at 70% 30%,rgba(75,170,220,.13),transparent 34%),linear-gradient(145deg,#11161c,#080a0d);position:relative;overflow:hidden}.scene-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.scene-art:has(img):before,.scene-art:has(img):after,.scene-art:has(img) i{display:none}.scene-art:has(img) span{padding:8px 10px;background:rgba(5,6,8,.68);backdrop-filter:blur(5px)}.scene-art:before,.scene-art:after{content:"";position:absolute;background:rgba(255,255,255,.08)}.scene-art:before{width:1px;height:100%;left:50%}.scene-art:after{height:1px;width:100%;top:50%}.scene-art i{position:absolute;width:44%;aspect-ratio:1;border:1px solid rgba(141,216,255,.2);border-radius:50%;left:28%;top:17%;box-shadow:0 0 80px rgba(72,176,232,.08)}.scene-art span{position:absolute;left:22px;bottom:20px;z-index:2;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;color:#89939e}.unavailable{opacity:.56}.unavailable .scene-art{filter:saturate(.2)}.note{display:inline-block;margin-top:20px;color:#77808a;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem}.profile-section{padding:130px 0;border-top:1px solid var(--line);background:#080a0d}.profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.profile-section .section-title{font-size:clamp(3.3rem,6.3vw,5.8rem);line-height:.98;margin-top:20px;max-width:720px}.profile-copy{align-self:end;color:#aeb5be;line-height:1.8}.profile-copy>p:first-child{font-size:1.12rem;color:#d2d8df}.skill-line{margin:35px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#d7dce2}.education{font-size:.9rem;color:#7f8790}.footer{padding:90px 0;border-top:1px solid var(--line);color:#aeb5be}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer h2{font:clamp(3rem,7vw,6rem) Impact,sans-serif;text-transform:uppercase;margin:.2em 0}.footer a{color:#fff;border-bottom:1px solid #555;padding-bottom:5px}.project-hero{min-height:100vh;display:grid;align-content:center;padding:90px 0 50px}.project-hero h1{font-size:clamp(4rem,10vw,8rem)}.meta{display:flex;gap:18px;flex-wrap:wrap;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.description{max-width:780px;font-size:1.25rem;line-height:1.7;color:#d0d0d0}.back{position:fixed;top:22px;left:22px;padding:10px 14px;background:#111;border:1px solid #444;border-radius:999px;z-index:5}.video-slot{margin:50px 0 20px;width:min(100%,960px);aspect-ratio:16/9;border:1px solid #333;background:#000;overflow:hidden}.video-slot iframe,.video-slot video{display:block;width:100%;height:100%;border:0;object-fit:contain}@media(prefers-reduced-motion:no-preference){.project-scene .scene-copy,.project-scene .scene-art{opacity:.45;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.project-scene.in-view .scene-copy,.project-scene.in-view .scene-art{opacity:1;transform:none}.project-scene:hover .scene-art i{transform:scale(1.08);transition:transform .5s ease}}@media(max-width:760px){.topbar nav{gap:14px}.topbar nav a:nth-child(2){display:none}.hero{min-height:88vh}.showcase-head{grid-template-columns:1fr;padding:80px 0 55px}.showcase-head p{grid-column:1}.scene-inner{min-height:auto;grid-template-columns:54px 1fr;gap:18px;padding-top:55px;padding-bottom:55px}.scene-art{grid-column:1/-1}.scene-copy h3{font-size:clamp(2.7rem,13vw,4.8rem)}.profile-grid,.footer-grid{grid-template-columns:1fr;gap:30px}.project-hero{padding-top:110px}}
/* Preserve the full In the Dark poster/title instead of cropping it */
.scene-art--in-the-dark{background:#050608}.scene-art--in-the-dark img{object-fit:contain;object-position:center}

/* Preserve the full Traces of the White Soul poster/title */
.scene-art--traces{background:#050608}.scene-art--traces img{object-fit:contain;object-position:center}

/* Poster-format project artwork: let portrait/square compositions breathe */
.scene-art--in-the-dark,.scene-art--traces{aspect-ratio:auto;min-height:clamp(430px,52vw,680px);display:flex;align-items:center;justify-content:center;background:#050608}
.scene-art--in-the-dark img,.scene-art--traces img{position:relative;inset:auto;width:100%;height:100%;max-height:680px;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.scene-art--in-the-dark,.scene-art--traces{min-height:70vw;max-height:620px}}

/* Keep Tune Protect 360 branding visible */
.scene-art--tune{aspect-ratio:auto;min-height:clamp(390px,45vw,600px);display:flex;align-items:center;justify-content:center;background:#050608}.scene-art--tune img{position:relative;inset:auto;width:100%;height:100%;max-height:600px;object-fit:contain!important;object-position:center!important;background:#050608}@media(max-width:760px){.scene-art--tune{min-height:64vw}}

/* Tune Protect definitive framing override */
.scene-art.scene-art--tune{aspect-ratio:unset!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#050608!important}
.scene-art.scene-art--tune>img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;object-position:initial!important;background:transparent!important}

/* Portfolio visual polish — more playful, compact, cinematic */
body.home{background:radial-gradient(circle at 12% 8%,rgba(141,216,255,.055),transparent 28%),var(--bg)}
body.home .hero h1{font-size:clamp(3.5rem,9vw,8rem);max-width:980px}
body.home .showcase-head .section-title{font-size:clamp(3.2rem,7vw,6rem)}
body.home .scene-inner{min-height:62vh;grid-template-columns:76px minmax(280px,.88fr) 1.12fr;gap:36px}
body.home .scene-copy h3{font-size:clamp(2.35rem,4.8vw,4.9rem);line-height:.94;transition:transform .35s ease,color .35s ease}
body.home .scene-num{font-size:clamp(2rem,4.3vw,4rem);color:#252d36;transition:color .35s ease,transform .35s ease}
body.home .project-scene{isolation:isolate}
body.home .project-scene:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 78% 50%,rgba(141,216,255,.08),transparent 34%);transition:opacity .4s ease}
body.home .project-scene:hover:before{opacity:1}
body.home .project-scene:hover .scene-copy h3{transform:translateX(8px);color:#fff}
body.home .project-scene:hover .scene-num{color:var(--accent);transform:translateY(6px)}
body.home .scene-art{box-shadow:0 20px 55px rgba(0,0,0,.24);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .45s ease}
body.home .project-scene:hover .scene-art{transform:translateY(-6px) scale(1.012);border-color:#40505f;box-shadow:0 28px 70px rgba(0,0,0,.42)}
body.home .scene-link{position:relative;border-bottom:0;padding:9px 13px;border:1px solid #34404c;border-radius:999px;transition:background .3s ease,border-color .3s ease,color .3s ease}
body.home .project-scene:hover .scene-link{background:rgba(141,216,255,.1);border-color:rgba(141,216,255,.55);color:var(--accent)}
body.home .scene-tags{color:#94a0ad}
body.home .project-scene:nth-child(even) .scene-art{transform:rotate(.35deg)}
body.home .project-scene:nth-child(odd) .scene-art{transform:rotate(-.35deg)}
body.home .project-scene:hover .scene-art{transform:translateY(-6px) rotate(0deg) scale(1.012)}
body.home .profile-section{background:radial-gradient(circle at 12% 50%,rgba(141,216,255,.06),transparent 30%),#080a0d}
@media(max-width:760px){
 body.home .hero h1{font-size:clamp(3.2rem,15vw,5.5rem)}
 body.home .scene-inner{grid-template-columns:44px 1fr;gap:14px}
 body.home .scene-copy h3{font-size:clamp(2.25rem,10.5vw,3.8rem)}
 body.home .scene-num{font-size:2rem}
 body.home .project-scene:nth-child(n) .scene-art{transform:none}
 body.home .project-scene:hover .scene-art{transform:translateY(-3px)}
}

/* Case-study title alignment and legibility */
.project-hero h1{
 font-size:clamp(3rem,7vw,6.4rem);
 line-height:1.02;
 letter-spacing:.005em;
 max-width:1000px;
 overflow-wrap:normal;
 word-break:normal;
}
.project-hero .kicker{margin-bottom:18px}
.project-hero .meta{margin-top:22px}
@media(max-width:760px){
 .project-hero h1{font-size:clamp(2.8rem,12vw,4.8rem);line-height:1.04;letter-spacing:0}
}

/* Distinct case-study typography: wider, layered, premium */
.project-hero h1{
 font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
 font-weight:900;
 font-stretch:normal;
 text-transform:uppercase;
 letter-spacing:.025em;
 line-height:1.03;
 color:#f4f7fb;
 text-shadow:0 2px 0 rgba(141,216,255,.14),0 14px 34px rgba(0,0,0,.42);
}
.project-hero h1::selection{background:rgba(141,216,255,.25)}
.project-hero .kicker{color:#8dd8ff}


/* 2026-10-09 — Unified XR visual system */
:root{
 --accent:#72ddff;
 --accent-2:#9d7bff;
 --accent-soft:rgba(114,221,255,.12);
 --violet-soft:rgba(157,123,255,.11);
}
body.home{
 background:
  radial-gradient(circle at 9% 4%,rgba(114,221,255,.08),transparent 24%),
  radial-gradient(circle at 91% 18%,rgba(157,123,255,.075),transparent 25%),
  linear-gradient(180deg,#050608 0%,#06070a 48%,#050608 100%);
}
body.home:before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;
 background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
 background-size:72px 72px;
 mask-image:linear-gradient(to bottom,black,transparent 82%);
}
body.home .kicker{color:#8fa3b6}
body.home .hero .kicker{color:var(--accent)}
body.home .hero h1 span{
 -webkit-text-stroke:1px rgba(157,123,255,.72);
 filter:drop-shadow(0 0 24px rgba(157,123,255,.08));
}
body.home .scroll-cue b{
 border-color:rgba(114,221,255,.35);
 background:linear-gradient(135deg,rgba(114,221,255,.1),rgba(157,123,255,.08));
 box-shadow:0 0 28px rgba(114,221,255,.08);
}
body.home .scene-copy h3{
 font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
 font-weight:900;
 font-stretch:normal;
 letter-spacing:.015em;
 line-height:1.02;
 text-shadow:0 2px 0 rgba(114,221,255,.08),0 14px 30px rgba(0,0,0,.36);
}
body.home .project-scene:nth-child(3n+2) .scene-num{color:rgba(157,123,255,.34)}
body.home .project-scene:nth-child(3n+3) .scene-num{color:rgba(114,221,255,.3)}
body.home .project-scene:hover .scene-num{color:var(--accent)}
body.home .project-scene:nth-child(3n+2):hover .scene-num{color:#b39aff}
body.home .scene-link{
 padding:11px 16px;
 border-color:rgba(114,221,255,.28);
 background:linear-gradient(135deg,rgba(114,221,255,.07),rgba(157,123,255,.045));
 box-shadow:inset 0 1px rgba(255,255,255,.035);
}
body.home .project-scene:hover .scene-link{
 color:#061015;
 background:linear-gradient(105deg,var(--accent),#a6eaff 48%,#b29bff);
 border-color:transparent;
 box-shadow:0 8px 30px rgba(114,221,255,.16);
 transform:translateY(-1px);
}
body.home .scene-tags{
 display:inline-flex;align-items:center;gap:8px;color:#9ca9b7;
}
body.home .scene-tags:before{
 content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
body.home .project-scene:after{
 content:"";position:absolute;left:0;top:0;width:2px;height:0;
 background:linear-gradient(var(--accent),var(--accent-2));
 transition:height .45s ease;
}
body.home .project-scene:hover:after{height:100%}
body.home .scene-art{
 border-color:rgba(255,255,255,.1);
 box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 0 1px rgba(114,221,255,.025);
}
body.home .project-scene:hover .scene-art{
 border-color:rgba(114,221,255,.28);
 box-shadow:0 30px 76px rgba(0,0,0,.5),0 0 45px rgba(114,221,255,.055);
}
body.home .showcase-head,.profile-section,.footer{position:relative}
body.home .showcase-head:after{
 content:"XR / REAL-TIME / INTERACTION";position:absolute;right:0;bottom:34px;
 font-size:.62rem;letter-spacing:.2em;color:rgba(157,123,255,.55);
}
body.home .profile-section{
 background:
  radial-gradient(circle at 12% 50%,rgba(114,221,255,.075),transparent 28%),
  radial-gradient(circle at 88% 78%,rgba(157,123,255,.055),transparent 25%),
  #080a0d;
}
body.home .footer a{border-color:rgba(114,221,255,.42)}
@media(max-width:760px){
 body.home .showcase-head:after{display:none}
 body.home .scene-copy h3{line-height:1.04;letter-spacing:.005em}
}


/* 2026-10-09 — Compact homepage project titles */
body.home .scene-copy h3{
 font-size:clamp(1.9rem,3.65vw,3.75rem);
 line-height:1.06;
 letter-spacing:.01em;
 max-width:100%;
 margin-bottom:20px;
}
@media(max-width:760px){
 body.home .scene-copy h3{
  font-size:clamp(1.9rem,8.5vw,3.15rem);
  line-height:1.07;
 }
}


/* 2026-10-09 — Unify profile statement typography */
body.home .profile-section .section-title{
 font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
 font-weight:900;
 font-stretch:normal;
 text-transform:uppercase;
 letter-spacing:.018em;
 line-height:1.04;
 text-shadow:0 2px 0 rgba(114,221,255,.08),0 14px 30px rgba(0,0,0,.36);
}


/* 2026-10-09 — Prevent Museum Conservation title/art collision */
body.home .project-scene--museum .scene-copy{
 min-width:0;
 padding-right:18px;
}
body.home .project-scene--museum .scene-copy h3{
 font-size:clamp(1.75rem,3.15vw,3.35rem);
 line-height:1.07;
 max-width:94%;
}
@media(max-width:760px){
 body.home .project-scene--museum .scene-copy{padding-right:0}
 body.home .project-scene--museum .scene-copy h3{
  font-size:clamp(1.8rem,7.9vw,2.95rem);
  max-width:100%;
 }
}


/* 2026-10-09 — Refined title hierarchy */
body.home .scene-copy h3{
 font-size:clamp(1.7rem,3.2vw,3.3rem);
 line-height:1.07;
}
body.home .project-scene--museum .scene-copy h3{
 font-size:clamp(1.6rem,2.8vw,3rem);
}
.project-hero h1{
 font-size:clamp(2.35rem,4.7vw,5.2rem);
 line-height:1.04;
 letter-spacing:.018em;
 max-width:none;
}
@media(min-width:1100px){
 .project-hero h1{white-space:nowrap}
}
@media(max-width:760px){
 body.home .scene-copy h3{
  font-size:clamp(1.7rem,7.4vw,2.8rem);
 }
 body.home .project-scene--museum .scene-copy h3{
  font-size:clamp(1.65rem,7vw,2.65rem);
 }
 .project-hero h1{
  font-size:clamp(2.15rem,10vw,3.5rem);
  white-space:normal;
 }
}


/* 2026-10-09 — Mobile titles: target two lines maximum */
@media(max-width:760px){
 body.home .scene-copy h3{
  font-size:clamp(1.5rem,6.35vw,2.35rem);
  line-height:1.08;
  letter-spacing:0;
  max-width:100%;
 }
 body.home .project-scene--museum .scene-copy h3{
  font-size:clamp(1.4rem,5.85vw,2.15rem);
  line-height:1.08;
 }
 .project-hero h1{
  font-size:clamp(1.8rem,7.4vw,2.75rem);
  line-height:1.07;
  letter-spacing:.005em;
  max-width:100%;
  white-space:normal;
 }
}


/* 2026-10-09 — Final compact project-title pass, desktop + mobile */
body.home .scene-copy h3{
 font-size:clamp(1.55rem,2.85vw,2.95rem);
 line-height:1.09;
}
body.home .project-scene--museum .scene-copy h3{
 font-size:clamp(1.5rem,2.55vw,2.7rem);
}
@media(max-width:760px){
 body.home .scene-copy h3{
  font-size:clamp(1.4rem,5.75vw,2.1rem);
  line-height:1.09;
 }
 body.home .project-scene--museum .scene-copy h3{
  font-size:clamp(1.35rem,5.35vw,1.95rem);
 }
}


/* 2026-10-09 — Stable mobile hero outline rendering */
@media(max-width:760px){
 body.home .hero h1 span{
  color:rgba(157,123,255,.82)!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:0!important;
  text-shadow:
   -1px -1px 0 rgba(157,123,255,.82),
    1px -1px 0 rgba(157,123,255,.82),
   -1px  1px 0 rgba(157,123,255,.82),
    1px  1px 0 rgba(157,123,255,.82)!important;
  filter:none!important;
 }
}


/* 2026-10-09 — Unified homepage display typography
   Match hero, Selected Projects and Get in Touch to Design / Immersion. */
body.home .hero h1,
body.home .showcase-head .section-title,
body.home .footer h2{
 font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
 font-weight:900;
 font-stretch:normal;
}

/* Preserve the existing hero color treatments while using the unified face. */
body.home .hero h1 span{
 font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
 font-weight:900;
}


/* 2026-10-09 — Homepage readability and section-heading normalization */
body.home .showcase-head{
 text-align:center;
}
body.home .showcase-head .section-title{
 font-size:clamp(2.65rem,5.2vw,4.5rem);
 max-width:none;
 width:100%;
 text-align:center;
}
body.home .showcase-head p{
 font-size:1.12rem;
 line-height:1.78;
}
body.home .scene-copy p{
 font-size:1.08rem;
 line-height:1.72;
}
body.home .profile-copy{
 font-size:1.08rem;
 line-height:1.85;
}
body.home .profile-copy>p:first-child{
 font-size:1.22rem;
 line-height:1.8;
}
@media(max-width:760px){
 body.home .showcase-head .section-title{
  font-size:clamp(2.35rem,10.5vw,3.5rem);
 }
 body.home .showcase-head p,
 body.home .scene-copy p{
  font-size:1.03rem;
 }
 body.home .profile-copy{
  font-size:1.03rem;
 }
 body.home .profile-copy>p:first-child{
  font-size:1.12rem;
 }
}


/* 2026-10-09 — Featured + two-column project library */
body.home .project-library{
 width:min(1180px,92vw);
 margin:0 auto;
 padding:0 0 110px;
 border-top:0;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:28px;
}
body.home .project-library .project-scene{
 border:1px solid rgba(255,255,255,.1);
 border-radius:18px;
 overflow:hidden;
 background:#080a0d;
 min-width:0;
}
body.home .project-library .project-scene:not(.project-featured) .scene-inner{
 width:100%;
 min-height:0;
 margin:0;
 padding:0;
 display:flex;
 flex-direction:column;
 gap:0;
 align-items:stretch;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art{
 order:1;
 width:100%;
 aspect-ratio:16/9;
 min-height:0!important;
 max-height:none!important;
 border:0;
 border-bottom:1px solid rgba(255,255,255,.08);
 border-radius:0;
 transform:none;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art img{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:cover!important;
 object-position:center!important;
}
body.home .project-library .project-scene:not(.project-featured) .scene-num{
 position:absolute;
 z-index:3;
 top:18px;
 left:18px;
 padding:8px 10px;
 border:1px solid rgba(255,255,255,.12);
 border-radius:999px;
 background:rgba(5,6,8,.72);
 backdrop-filter:blur(8px);
 font:800 .72rem Arial,Helvetica,sans-serif;
 letter-spacing:.12em;
 color:#dce7f2;
}
body.home .project-library .project-scene:not(.project-featured) .scene-copy{
 order:2;
 padding:24px 26px 27px;
 min-width:0;
}
body.home .project-library .project-scene:not(.project-featured) .scene-copy h3,
body.home .project-library .project-scene--museum:not(.project-featured) .scene-copy h3{
 font-size:clamp(1.45rem,2.25vw,2.2rem);
 line-height:1.08;
 max-width:100%;
 margin:0 0 13px;
}
body.home .project-library .project-scene:not(.project-featured) .scene-copy p{
 font-size:1rem;
 line-height:1.62;
 margin:0;
}
body.home .project-library .project-scene:not(.project-featured) .scene-tags{
 margin-bottom:12px;
}
body.home .project-library .project-scene:not(.project-featured) .scene-link{
 margin-top:18px;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art span{
 display:none;
}
body.home .project-library .project-scene:not(.project-featured):hover .scene-art{
 transform:scale(1.025);
}
body.home .project-library .project-featured{
 grid-column:1/-1;
 border-radius:20px;
 margin-bottom:14px;
}
body.home .project-library .project-featured .scene-inner{
 width:100%;
 min-height:58vh;
 margin:0;
 padding:60px;
 grid-template-columns:70px minmax(280px,.88fr) 1.12fr;
}
body.home .project-library .project-featured .scene-copy h3{
 font-size:clamp(2.2rem,4.3vw,4.5rem);
}
@media(max-width:760px){
 body.home .project-library{
  grid-template-columns:1fr;
  gap:20px;
  padding-bottom:75px;
 }
 body.home .project-library .project-featured{
  grid-column:auto;
  margin-bottom:6px;
 }
 body.home .project-library .project-featured .scene-inner{
  width:100%;
  min-height:0;
  padding:28px 20px 24px;
  grid-template-columns:42px 1fr;
  gap:14px;
 }
 body.home .project-library .project-featured .scene-art{
  grid-column:1/-1;
 }
 body.home .project-library .project-featured .scene-copy h3{
  font-size:clamp(1.75rem,8vw,2.65rem);
 }
 body.home .project-library .project-scene:not(.project-featured) .scene-copy{
  padding:20px 20px 23px;
 }
 body.home .project-library .project-scene:not(.project-featured) .scene-copy h3,
 body.home .project-library .project-scene--museum:not(.project-featured) .scene-copy h3{
  font-size:clamp(1.45rem,6.5vw,2.05rem);
 }
}


/* 2026-10-10 — Restore Tune Protect thumbnail in compact project library */
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--tune{
 aspect-ratio:16/9!important;
 height:auto!important;
 min-height:0!important;
 padding:0!important;
 display:block!important;
 position:relative!important;
 overflow:hidden!important;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--tune>img{
 position:absolute!important;
 inset:0!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:cover!important;
 object-position:center!important;
}


/* 2026-10-10 — Pair portrait projects and preserve complete poster artwork */
body.home .project-library .project-scene:has(.scene-art--traces),
body.home .project-library .project-scene:has(.scene-art--in-the-dark){
 align-self:stretch;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--traces,
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--in-the-dark{
 aspect-ratio:16/9!important;
 min-height:0!important;
 height:auto!important;
 display:block!important;
 position:relative!important;
 background:#050608!important;
 overflow:hidden!important;
}
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--traces>img,
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--in-the-dark>img{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:contain!important;
 object-position:center!important;
 background:#050608!important;
 transform:none!important;
}


/* 2026-10-10 — Poster showcase row: Traces + In the Dark */
body.home .project-library .project-scene[href="traces-white-soul.html"],
body.home .project-library .project-scene[href="in-the-dark.html"]{
 overflow:hidden;
}
body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art,
body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art{
 aspect-ratio:4/5!important;
 min-height:0!important;
 height:auto!important;
 padding:0!important;
 background:#050608!important;
 border:0!important;
 border-bottom:0!important;
 display:block!important;
 position:relative!important;
}
body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art>img,
body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art>img{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:contain!important;
 object-position:center!important;
 background:#050608!important;
}
body.home .project-library .project-scene[href="traces-white-soul.html"]:hover .scene-art,
body.home .project-library .project-scene[href="in-the-dark.html"]:hover .scene-art{
 transform:none!important;
}
@media(max-width:760px){
 body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art,
 body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art{
  aspect-ratio:4/5!important;
 }
}


/* 2026-10-10 — Large borderless poster row, desktop and phone */
body.home .project-library .project-scene[href="traces-white-soul.html"],
body.home .project-library .project-scene[href="in-the-dark.html"]{
 border:0!important;
 background:transparent!important;
 border-radius:0!important;
 overflow:visible!important;
}
body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art,
body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art{
 aspect-ratio:3/4!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art>img,
body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art>img{
 object-fit:contain!important;
 object-position:center!important;
 background:transparent!important;
}
body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-copy,
body.home .project-library .project-scene[href="in-the-dark.html"] .scene-copy{
 border:0!important;
 background:#080a0d;
}
@media(min-width:761px){
 body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art,
 body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art{
  aspect-ratio:1/1.08!important;
 }
}
@media(max-width:760px){
 body.home .project-library .project-scene[href="traces-white-soul.html"],
 body.home .project-library .project-scene[href="in-the-dark.html"]{
  width:100%!important;
 }
 body.home .project-library .project-scene[href="traces-white-soul.html"] .scene-art,
 body.home .project-library .project-scene[href="in-the-dark.html"] .scene-art{
  aspect-ratio:3/4!important;
  width:100%!important;
 }
}

/* 2026-10-10 — Keep portrait posters tall and undistorted */
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--traces,
body.home .project-library .project-scene:not(.project-featured) .scene-art.scene-art--in-the-dark{
 aspect-ratio:3 / 4!important;
}

/* Match the featured project title to the library card titles */
body.home .project-library .project-featured .scene-copy h3{
 font-size:clamp(1.45rem,2.25vw,2.2rem);
 line-height:1.08;
}
@media(max-width:760px){
 body.home .project-library .project-featured .scene-copy h3{
  font-size:clamp(1.45rem,6.5vw,2.05rem);
 }
}