:root{--bg:#0d0d0c;--panel:#ffffff13;--panel-strong:#ffffff24;--line:#ffffff2e;--line-soft:#ffffff1a;--text:#f5f1eb;--muted:#f5f1eba8;--faint:#f5f1eb6b;--warm:#e8c79d;--font-serif:Georgia, "Times New Roman", serif;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);font-family:var(--font-sans);background:radial-gradient(circle at 70% 0,#bfa27f2e,#0000 34rem),#0b0b0a;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{background:#0d0d0c;width:min(100%,1920px);margin:0 auto;overflow:hidden}.hero{isolation:isolate;border-bottom:1px solid var(--line-soft);grid-template-rows:auto 1fr;min-height:78vh;padding:44px 64px 48px;display:grid;position:relative}.hero-bg,.hero-overlay{z-index:-2;position:absolute;inset:0}.hero-bg{background-image:url(/hero-bg.png);background-position:50%;background-size:cover;transform:scale(1.012)}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#080808e6 0%,#08080894 32%,#08080829 65%,#08080857 100%),linear-gradient(#08080838 0%,#08080829 54%,#080808b8 100%)}.nav{z-index:5;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand-logo{object-fit:cover;border-radius:6px}.nav-links{text-transform:uppercase;letter-spacing:.09em;color:#ffffffd1;align-items:center;gap:clamp(20px,3vw,56px);font-size:12px;display:flex}.nav-links a{padding:8px 0;position:relative}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:2px;left:0;right:0}.menu-button{border:1px solid var(--line);width:46px;height:46px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border-radius:50%;place-content:center;gap:5px;display:grid}.menu-button span{background:currentColor;width:14px;height:1px;display:block}.hero-content{align-self:center;max-width:690px;margin-top:72px}.eyebrow{color:#ffffffdb;letter-spacing:.09em;align-items:center;gap:16px;margin-bottom:44px;font-size:14px;display:flex}.eyebrow i{background:var(--line);width:56px;height:1px}.hero h1{font-family:var(--font-serif);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(64px,8vw,142px);font-weight:400;line-height:.96}.hero p{color:#ffffffd1;max-width:470px;margin:34px 0 0;font-size:clamp(16px,1.1vw,20px);line-height:1.75}.hero-actions{align-items:center;gap:26px;margin-top:42px;display:flex}.primary-button{text-transform:uppercase;letter-spacing:.09em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:24px;height:56px;padding:0 26px;font-size:12px;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.primary-button:hover{background:#ffffff1f;border-color:#ffffff85;transform:translateY(-2px)}.text-button{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.reel-control{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;bottom:72px;right:64px}.reel-control button{border:1px solid var(--line);width:58px;height:58px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border-radius:50%}.scroll-hint{color:#ffffffb8;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;align-items:flex-start;gap:12px;font-size:11px;display:flex;position:absolute;bottom:60px;left:64px}.scroll-hint i{border:1px solid #ffffff6b;border-radius:999px;width:22px;height:44px;display:block;position:relative}.scroll-hint i:after{content:"";background:#ffffffb3;border-radius:4px;width:3px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.project-strip{border-bottom:1px solid var(--line-soft);background:#ffffff0b;grid-template-columns:repeat(4,1fr);min-height:220px;display:grid}.project-card{border-right:1px solid var(--line-soft);background:linear-gradient(#ffffff0f,#ffffff04);flex-direction:column;justify-content:flex-start;min-height:220px;padding:34px 32px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#e8c79d29,#0000 55%);transition:opacity .25s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card span{color:var(--faint);letter-spacing:.08em;margin-bottom:24px;font-size:13px}.project-card strong{margin-bottom:10px;font-size:clamp(20px,1.8vw,28px);font-weight:450}.project-card small{color:var(--muted);font-size:13px}.project-card i{border:1px solid var(--line);border-radius:50%;place-content:center;width:38px;height:38px;font-style:normal;display:grid;position:absolute;bottom:28px;left:32px}.about-section{background:radial-gradient(circle at 0 0,#e8c79d1c,#0000 32rem),#0d0d0c;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:80px;padding:clamp(80px,9vw,160px) 64px 64px;display:grid}.section-kicker{color:var(--warm);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.about-section h2{font-family:var(--font-serif);letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(44px,5vw,92px);font-weight:400;line-height:1}.about-section p{color:#ffffffb3;margin:36px 0 0;font-size:clamp(18px,1.5vw,25px);line-height:1.7}.stats-grid{background:var(--line-soft);grid-template-columns:repeat(3,1fr);gap:1px;padding:1px 64px 0;display:grid}.stat-card{background:#0d0d0c;flex-direction:column;gap:12px;padding:46px 34px;display:flex}.stat-card strong{font-family:var(--font-serif);letter-spacing:-.06em;font-size:clamp(48px,6vw,96px);font-weight:400}.stat-card span{color:var(--muted);max-width:240px;line-height:1.45}.footer{color:#ffffff9e;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:32px;min-height:120px;padding:38px 64px;font-size:11px;display:flex}.footer div{flex-wrap:wrap;gap:28px;display:flex}@media (max-width:960px){.hero{min-height:820px;padding:28px 24px 42px}.nav-links{display:none}.hero-content{max-width:620px}.hero p{max-width:420px}.scroll-hint{left:24px}.reel-control{bottom:54px;right:24px}.project-strip,.stats-grid,.about-section{grid-template-columns:1fr}.about-section,.stats-grid{padding-left:24px;padding-right:24px}.footer{flex-direction:column;align-items:flex-start;padding:34px 24px}}@media (max-width:560px){.hero{min-height:760px}.hero h1{font-size:56px}.hero-actions{flex-direction:column;align-items:flex-start}.reel-control{display:none}.project-card{min-height:180px}}.projects-header{border-bottom:1px solid var(--line-soft);padding:44px 64px}.projects-intro{background:radial-gradient(circle at 30% 0,#e8c79d1f,#0000 28rem),#0d0d0c;padding:clamp(80px,9vw,140px) 64px 64px}.projects-intro h1{font-family:var(--font-serif);letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(56px,7vw,120px);font-weight:400;line-height:.96}.projects-intro p{color:#ffffffb8;max-width:520px;margin:28px 0 0;font-size:clamp(16px,1.2vw,20px);line-height:1.7}.projects-list{border-top:1px solid var(--line-soft)}.project-item{border-bottom:1px solid var(--line-soft);grid-template-columns:64px 1fr 64px;align-items:start;gap:32px;padding:42px 64px;transition:background .25s;display:grid;position:relative}.project-item:before{content:"";opacity:0;background:radial-gradient(circle at 20%,#e8c79d14,#0000 50%);transition:opacity .25s;position:absolute;inset:0}.project-item:hover:before{opacity:1}.project-item-number{color:var(--faint);letter-spacing:.08em;padding-top:6px;font-size:13px}.project-item-content{position:relative}.project-item-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.project-item-content h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.5vw,38px);font-weight:400;line-height:1.1}.project-item-meta{flex-shrink:0;align-items:center;gap:16px;display:flex}.project-category{color:var(--warm);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.project-year{color:var(--faint);letter-spacing:.04em;font-size:13px}.project-item-content p{color:#ffffff9e;max-width:640px;margin:14px 0 0;font-size:clamp(14px,1vw,17px);line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{border:1px solid var(--line-soft);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;padding:6px 14px;font-size:11px}.project-item-arrow{justify-self:end;padding-top:6px}.project-item-arrow i{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);border-radius:50%;place-content:center;font-style:normal;transition:border-color .25s,color .25s;display:grid}.project-item:hover .project-item-arrow i{border-color:var(--warm);color:var(--warm)}@media (max-width:960px){.projects-header{padding:28px 24px}.projects-intro{padding:64px 24px 48px}.project-item{grid-template-columns:1fr;gap:12px;padding:32px 24px}.project-item-number{padding-top:0}.project-item-header{flex-direction:column;gap:8px}.project-item-arrow{display:none}}.about-detail{grid-template-columns:1fr;gap:64px;padding:0 64px 80px;display:grid}.about-detail-block h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(24px,2.5vw,36px);font-weight:400}.about-detail-block p{color:#ffffffb3;max-width:680px;font-size:clamp(15px,1.1vw,18px);line-height:1.8}.about-detail-block ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.about-detail-block li{color:#ffffffb3;padding-left:20px;font-size:clamp(15px,1.1vw,18px);line-height:1.6;position:relative}.about-detail-block li:before{content:"";background:var(--warm);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.journal-list{border-top:1px solid var(--line-soft)}.journal-item{border-bottom:1px solid var(--line-soft);grid-template-columns:140px 1fr;gap:32px;padding:42px 64px;transition:background .25s;display:grid;position:relative}.journal-item:before{content:"";opacity:0;background:radial-gradient(circle at 10%,#e8c79d0f,#0000 50%);transition:opacity .25s;position:absolute;inset:0}.journal-item:hover:before{opacity:1}.journal-date{color:var(--faint);letter-spacing:.04em;padding-top:6px;font-size:13px}.journal-item-content{position:relative}.journal-item-content h2{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.2}.journal-item-content p{color:#fff9;max-width:600px;margin:12px 0 0;font-size:clamp(14px,1vw,16px);line-height:1.7}.contact-links{background:var(--line-soft);grid-template-columns:1fr;gap:1px;padding:0 64px 80px;display:grid}.contact-card{background:#0d0d0c;justify-content:space-between;align-items:center;padding:36px 32px;transition:background .25s;display:flex;position:relative}.contact-card:before{content:"";opacity:0;background:radial-gradient(circle at 20%,#e8c79d14,#0000 50%);transition:opacity .25s;position:absolute;inset:0}.contact-card:hover:before{opacity:1}.contact-card-content{position:relative}.contact-card-content h2{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:400}.contact-card-content p{color:var(--muted);margin:8px 0 0;font-size:14px}.contact-card i{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);border-radius:50%;flex-shrink:0;place-content:center;font-style:normal;transition:border-color .25s,color .25s;display:grid;position:relative}.contact-card:hover i{border-color:var(--warm);color:var(--warm)}@media (max-width:960px){.about-detail{padding:0 24px 64px}.journal-item{grid-template-columns:1fr;gap:8px;padding:32px 24px}.contact-links{padding:0 24px 64px}.contact-card{padding:28px 20px}}.project-features{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.project-features li{color:#fff9;padding-left:18px;font-size:clamp(13px,.9vw,15px);line-height:1.6;position:relative}.project-features li:before{content:"";background:var(--warm);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.project-link{color:var(--warm);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--warm);border-radius:999px;align-items:center;gap:6px;margin-top:18px;padding:8px 18px;font-size:13px;transition:background .2s,color .2s;display:inline-flex}.project-link:hover{background:var(--warm);color:#0d0d0c}
