@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--bg:#06101b;--bg2:#0a1724;--ink:#f4f7fa;--muted:#9eabb8;--line:rgba(255,255,255,.13);--accent:#b7e52d;--blue:#153a5d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,'Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;padding:0 6vw;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,13,22,.78);backdrop-filter:blur(18px)}.logo{width:116px;height:58px;display:flex;align-items:center}.logo img{object-fit:contain}.nav nav{display:flex;gap:34px;margin:auto;font-size:12px;color:#b8c2cd;letter-spacing:.04em}.nav nav a{position:relative;padding:30px 0}.nav nav a.active,.nav nav a:hover{color:#fff}.nav nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:20px;height:1px;background:#fff}.nav-cta{font-size:11px;border:1px solid rgba(255,255,255,.28);padding:11px 18px;border-radius:999px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/team-night.jpg') center 55%/cover no-repeat;filter:saturate(.72) contrast(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,15,.93) 0%,rgba(2,9,15,.72) 38%,rgba(2,9,15,.2) 70%),linear-gradient(0deg,rgba(2,9,15,.8),transparent 35%)}.hero-content{position:absolute;left:9vw;top:50%;transform:translateY(-44%);max-width:720px}.kicker,.tiny{font-size:11px;letter-spacing:.28em;color:#c5ced8;font-weight:600}.kicker span{padding:0 9px;color:var(--accent)}h1{font-size:clamp(54px,7vw,100px);line-height:.95;margin:24px 0 28px;letter-spacing:-.055em}h1 i,h2 em{font-style:normal;color:#dfe8f0}.hero-desc{color:#bdc8d2;line-height:1.9;font-size:15px}.actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;border-radius:2px;font-size:12px;letter-spacing:.08em}.btn.solid{background:#fff;color:#08121c}.btn.line{border:1px solid rgba(255,255,255,.4)}.hero-code{position:absolute;left:9vw;bottom:52px;display:flex;gap:40px;color:#9caab7;font-size:9px;letter-spacing:.18em}.hero-code b{color:var(--accent)}.scroll{position:absolute;right:5vw;bottom:45px;font-size:9px;letter-spacing:.2em;color:#a8b4bf}.scroll span{font-size:24px;margin-left:8px}.statement{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px 9vw;border-bottom:1px solid var(--line);background:#081421}.statement h2,.section h2,.join h2{font-size:clamp(38px,4.6vw,68px);line-height:1.05;letter-spacing:-.05em;margin:20px 0}.statement p{align-self:end;max-width:560px;color:var(--muted);line-height:2;font-size:15px}.section{padding:120px 9vw}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.about-copy p,.field-copy p,.contact-right p{color:var(--muted);line-height:2;font-size:14px;max-width:560px}.arrow-link{display:inline-block;margin-top:20px;border-bottom:1px solid #fff;padding-bottom:8px;font-size:12px}.about-image{height:620px;position:relative}.image-tag{position:absolute;left:18px;bottom:18px;background:rgba(4,13,22,.85);padding:9px 12px;font-size:9px;letter-spacing:.14em}.dark{background:#08121d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.project{background:#0d1a28;border:1px solid var(--line);min-width:0}.project img{height:250px}.project.featured img{height:310px}.project-body{padding:22px 22px 26px}.project-body span,.project-body b{font-size:9px;letter-spacing:.16em;color:#a9b6c2}.project-body h3{font-size:23px;margin:12px 0}.project-body p{color:var(--muted);font-size:12px;line-height:1.8;min-height:42px}.field{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.field-image{height:650px}.field-copy h2{max-width:600px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:45px}.stats div{padding:20px 0;border-right:1px solid var(--line)}.stats strong{display:block;font-size:25px}.stats span{font-size:11px;color:var(--muted)}.archive{background:#0a1724}.archive-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.archive-grid>img{height:620px}.archive-card{border:1px solid var(--line);display:flex;flex-direction:column;background:#0d1b29}.archive-card img{height:310px}.archive-card>div{padding:28px}.archive-card span{font-size:9px;letter-spacing:.15em;color:#aeb9c4}.archive-card h3{font-size:25px}.archive-card p{color:var(--muted);font-size:13px;line-height:1.9}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:250px;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#111}.gallery figure.large{grid-row:span 2}.gallery figcaption{position:absolute;left:14px;bottom:12px;font-size:9px;letter-spacing:.15em;background:rgba(0,0,0,.55);padding:7px 9px}.join{padding:110px 9vw;display:flex;align-items:end;justify-content:space-between;gap:50px;background:linear-gradient(110deg,#0c2031,#07111c)}.join p{color:var(--muted);max-width:520px;line-height:1.9}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.contact-right{display:flex;flex-direction:column;justify-content:end}.contact-right>a{font-size:22px;margin:20px 0 50px}.contact-right small{color:#6f7d89;letter-spacing:.14em;font-size:9px}footer{border-top:1px solid var(--line);padding:30px 6vw;display:flex;align-items:center;gap:18px;color:#7e8b97;font-size:9px;letter-spacing:.12em}footer img{width:70px;height:35px;object-fit:contain}footer div{margin-left:auto;display:flex;gap:30px}@media(max-width:900px){.nav{padding:0 5vw}.nav nav,.nav-cta{display:none}.menu{display:block;margin-left:auto}.statement,.about,.field,.contact,.archive-grid{grid-template-columns:1fr}.hero-content{left:7vw;right:7vw}.hero-code{left:7vw}.project-grid{grid-template-columns:1fr}.project img,.project.featured img{height:280px}.field-image{height:420px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery figure.large{grid-column:span 2}.join{display:block}.join .btn{margin-top:20px}.section,.statement,.join{padding:85px 7vw}}@media(max-width:560px){h1{font-size:52px}.hero-desc br{display:none}.hero-code{display:none}.about-image{height:400px}.gallery-grid{grid-template-columns:1fr}.gallery figure.large{grid-column:auto}.gallery figure.large{grid-row:span 1}footer{flex-wrap:wrap}}


/* ===== CINEMATIC / APPLE-LIKE MOTION ===== */
body{overflow-x:hidden;cursor:auto}.page-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.05);pointer-events:none}.page-progress span{display:block;width:0;height:100%;background:#fff;transform-origin:left center}.cursor-dot,.cursor-ring{position:fixed;z-index:200;pointer-events:none;opacity:0;transition:opacity .25s ease}.cursor-dot{width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border-color .25s,opacity .25s}.hero{perspective:1000px}.hero-bg{transform:scale(1.12);animation:heroIn 2s cubic-bezier(.2,.75,.2,1) forwards;will-change:transform}.hero-content{opacity:0;animation:heroTextIn 1.2s .35s cubic-bezier(.2,.75,.2,1) forwards}.hero-code,.scroll{opacity:0;animation:fadeIn 1s 1s ease forwards}.nav{transition:height .45s ease,background .45s ease,box-shadow .45s ease}.nav.scrolled{height:66px;background:rgba(4,13,22,.9);box-shadow:0 10px 40px rgba(0,0,0,.16)}.nav.scrolled nav a{padding-top:24px;padding-bottom:24px}.nav.scrolled nav a.active:after{bottom:17px}.reveal{opacity:0;transform:translateY(70px);transition:opacity 1s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal .section-head,.reveal .about-copy,.reveal .field-copy,.reveal .contact-right{will-change:transform}.project,.gallery figure,.archive-card,.about-image,.field-image{transition:transform .8s cubic-bezier(.2,.75,.2,1),box-shadow .8s ease}.project{transform-style:preserve-3d}.project:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(0,0,0,.28)}.project img,.gallery img,.archive-card img,.about-image img,.field-image img{transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .8s ease}.project:hover img,.gallery figure:hover img,.archive-card:hover img{transform:scale(1.045)}.gallery figure{opacity:.92}.gallery figure:hover{opacity:1;transform:translateY(-5px)}.gallery figure::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.4));opacity:.7;transition:opacity .5s}.gallery figure:hover::after{opacity:.95}.image-tag{transition:transform .5s ease,background .5s ease}.about-image:hover .image-tag{transform:translateY(-4px);background:rgba(4,13,22,.96)}.btn{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}.btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.18);transform:translateX(-105%);transition:transform .55s cubic-bezier(.2,.75,.2,1)}.btn:hover::before{transform:translateX(0)}.btn:hover{transform:translateY(-2px)}.btn>*{position:relative}.arrow-link{transition:padding-left .4s ease}.arrow-link:hover{padding-left:8px}.stats div{transition:transform .5s ease,padding-left .5s ease}.stats div:hover{transform:translateY(-5px);padding-left:6px}.join{position:relative;overflow:hidden}.join::before{content:'';position:absolute;width:45vw;height:45vw;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-14vw;bottom:-30vw;transition:transform 1.5s cubic-bezier(.2,.75,.2,1)}.join.is-visible::before{transform:scale(1.15)}.join>*{position:relative;z-index:1}@keyframes heroIn{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heroTextIn{from{opacity:0;transform:translateY(-36%) translateX(-20px)}to{opacity:1;transform:translateY(-44%) translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(pointer:fine){.cursor-dot,.cursor-ring{opacity:1}}@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ===== PSI CONTENT DRAFT — V5 VISUAL LANGUAGE ===== */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.02)}
.hero-content-minimal{max-width:920px}
.hero-content-minimal h1{font-size:clamp(68px,9vw,136px);line-height:.92;margin-top:22px}
.hero-content-minimal .kicker{color:rgba(255,255,255,.78)}
.timeline{background:#081421;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline-list{border-top:1px solid var(--line)}
.timeline-list article{display:grid;grid-template-columns:260px 1fr;gap:5vw;padding:44px 0;border-bottom:1px solid var(--line);align-items:start}
.timeline-year{font-size:clamp(48px,7vw,96px);line-height:.9;letter-spacing:-.06em;color:#fff;font-weight:700}
.timeline-list small{font-size:9px;letter-spacing:.18em;color:#8493a0}
.timeline-list h3{font-size:30px;margin:10px 0 10px}
.timeline-list p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}
.join-final{border-top:1px solid var(--line)}
@media(max-width:900px){.timeline-list article{grid-template-columns:1fr;gap:16px}.hero-content-minimal h1{font-size:clamp(58px,13vw,92px)}}

/* ===== V5.4 CONTENT UPDATE ===== */
.learn{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:#07111c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-copy p{color:var(--muted);line-height:2;font-size:14px;max-width:520px}
.learn-media{border:1px solid var(--line);background:#050d16;padding:12px}
.learn-media video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#000;object-fit:cover}
.learn-note{display:flex;justify-content:space-between;gap:16px;padding:14px 2px 2px;font-size:10px;letter-spacing:.16em;color:#9aa8b5}
.project-body p{min-height:66px}
@media(max-width:900px){.learn{grid-template-columns:1fr}.learn-media{padding:10px}.learn-note{font-size:9px}}

/* ===== V5.7 EXPANDED VISUAL ARCHIVE ===== */
.gallery-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px}
.gallery-grid-expanded figure.wide{grid-column:span 2}
.gallery-grid-expanded figure.tall{grid-row:span 2}
.gallery-grid-expanded figure img{object-position:center}
@media(max-width:900px){.gallery-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.gallery-grid-expanded figure.wide{grid-column:span 2}}
@media(max-width:560px){.gallery-grid-expanded{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-grid-expanded figure.wide{grid-column:auto}.gallery-grid-expanded figure.tall{grid-row:auto}}

/* ===== V5.8 GALLERY REWORK ===== */
.gallery-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gallery-preview-card{position:relative;display:block;overflow:hidden;background:#0c1722;border:1px solid var(--line);aspect-ratio:4/3}
.gallery-preview-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s ease}
.gallery-preview-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.56));pointer-events:none}
.gallery-preview-card span{position:absolute;left:14px;bottom:12px;z-index:2;font-size:9px;letter-spacing:.16em;color:#fff}
.gallery-preview-card:hover img{transform:scale(1.04)}
.gallery-more{display:flex;justify-content:flex-end;margin-top:22px}
.gallery-page{padding-top:120px;min-height:100vh;background:#07111c}
.gallery-page-head{padding:40px 6vw 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:end}
.gallery-page-head h1{font-size:clamp(46px,7vw,100px);margin:14px 0 0;line-height:.95}
.gallery-page-head p{max-width:460px;color:var(--muted);line-height:1.9;font-size:13px}
.archive-grid-uniform{padding:36px 6vw 100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.archive-thumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#0c1722;border:1px solid var(--line);cursor:zoom-in}
.archive-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}
.archive-thumb:hover img{transform:scale(1.04)}
.archive-thumb span{position:absolute;left:12px;bottom:10px;padding:6px 8px;background:rgba(0,0,0,.55);font-size:9px;letter-spacing:.14em;color:#fff}
.lightbox{position:fixed;z-index:500;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:34px}
.lightbox.open{display:flex}
.lightbox img{max-width:min(94vw,1600px);max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.22);background:rgba(8,14,20,.55);color:#fff;backdrop-filter:blur(12px);cursor:pointer}
.lightbox-close{top:24px;right:28px;width:44px;height:44px;border-radius:50%;font-size:22px}
.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:64px;font-size:24px}
.lightbox-prev{left:22px}.lightbox-next{right:22px}
.lightbox-counter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#b8c4cf}
.gallery-subnav{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;display:flex;align-items:center;padding:0 6vw;background:rgba(4,13,22,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.gallery-subnav .logo{width:116px;height:58px}.gallery-subnav .back{margin-left:auto;font-size:11px;letter-spacing:.12em;color:#d3dae0}
@media(max-width:1000px){.gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid-uniform{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.gallery-page-head{display:block;padding-left:7vw;padding-right:7vw}.archive-grid-uniform{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:7vw;padding-right:7vw}.lightbox{padding:18px}.lightbox-prev,.lightbox-next{width:38px;height:54px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(max-width:520px){.gallery-preview{grid-template-columns:1fr 1fr;gap:8px}.archive-grid-uniform{grid-template-columns:1fr;gap:10px}.gallery-preview-card,.archive-thumb{aspect-ratio:4/3}.gallery-more{justify-content:stretch}.gallery-more .btn{width:100%;justify-content:center}}