:root{color-scheme:dark}
i{font-style:normal}
:root{--ink:#111214;--paper:#f3f1ea;--blue:#1767ff;--line:rgba(255,255,255,.16)}
@media(min-width:1300px){.nav-shell,.hero,.projects,.about,.contact,footer{padding-left:60px;padding-right:60px}.signal{right:60px;width:min(36%,420px)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav-shell{height:92px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.brand img{width:180px;filter:brightness(0) invert(1)}nav{display:flex;gap:36px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}nav a{opacity:.72;transition:.2s}nav a:hover{opacity:1}.lang{justify-self:end;border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer}.hero{min-height:920px;padding:180px 7vw 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 24%,#173d89 0,transparent 28%),#111214}.hero-grid{position:absolute;inset:92px 0 0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}.eyebrow{position:relative;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.eyebrow span{width:8px;height:8px;background:var(--blue);border-radius:50%}.hero h1{position:relative;font-size:clamp(58px,7vw,105px);line-height:.95;letter-spacing:-.065em;margin:90px 0 80px;max-width:1300px}.hero h1 em,.about h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:20px;line-height:1.55;max-width:600px;color:#d4d5d8}.circle-link{width:74px;height:74px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:30px}.signal{position:absolute;right:0;bottom:0;height:150px;width:36%;display:flex;align-items:end;gap:8px;opacity:.8}.signal i{display:block;width:12%;background:var(--blue);border-radius:5px 5px 0 0}.signal i:nth-child(1),.signal i:nth-child(7){height:25%}.signal i:nth-child(2),.signal i:nth-child(6){height:45%}.signal i:nth-child(3),.signal i:nth-child(5){height:70%}.signal i:nth-child(4){height:100%}.projects{background:var(--paper);color:var(--ink);padding:110px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head p:last-child{color:#666}.project-list{border-top:1px solid #b7b4aa}.project{display:grid;grid-template-columns:44% 56%;min-height:610px;border-bottom:1px solid #b7b4aa;padding:55px 0;gap:5vw}.project-copy{padding:10px 2vw;display:flex;flex-direction:column;align-items:flex-start}.index{font:18px Georgia,serif;color:#777}.tag{margin-top:auto;text-transform:uppercase;letter-spacing:.14em;font-size:11px;border:1px solid #aaa;border-radius:20px;padding:8px 12px}.project h2{font-size:clamp(48px,6vw,90px);letter-spacing:-.06em;line-height:.9;margin:20px 0 25px}.project-copy p{font-size:17px;line-height:1.6;color:#555;max-width:520px}.project-copy a{font-weight:700;margin-top:25px;border-bottom:1px solid;padding-bottom:6px}.project-copy a b{color:var(--blue)}.project-image{overflow:hidden;border-radius:4px;background:#dedbd2;min-height:500px;display:grid;place-items:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project-image img{transform:scale(1.025)}.project:nth-child(1) .project-image img,.project:nth-child(2) .project-image img,.project:nth-child(3) .project-image img{object-fit:contain;padding:10%;background:#fff}.about{padding:130px 7vw;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;background:#181a1e}.about h2{font-size:clamp(46px,6vw,94px);line-height:1;letter-spacing:-.055em;margin:65px 0 0}.about-copy{padding-top:130px}.about-copy>p{font-size:22px;line-height:1.6;color:#c9cbd0}.disciplines{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}.disciplines span{border:1px solid #ffffff44;border-radius:30px;padding:12px 18px;font-size:13px}.contact{min-height:720px;padding:120px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:var(--blue)}.contact .eyebrow span{background:#fff}.contact h2{font-size:clamp(70px,11vw,165px);line-height:.85;letter-spacing:-.075em;margin:80px 0}.contact>a{font-size:22px;border-bottom:1px solid #fff;padding-bottom:12px;align-self:flex-start}.contact>a span{margin-left:40px}footer{padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:#aaa}footer img{width:190px;filter:brightness(0) invert(1)}footer a{justify-self:end;color:#fff}
@media(max-width:800px){.nav-shell{grid-template-columns:1fr auto;height:76px}.brand img{width:145px}nav{display:none}.hero{min-height:760px;padding:145px 6vw 50px}.hero h1{font-size:clamp(42px,11vw,58px);margin:90px 0 65px}.hero-bottom{align-items:start}.hero-bottom p{font-size:17px}.circle-link{width:54px;height:54px;flex:0 0 auto}.signal{opacity:.35;width:50%}.projects{padding:80px 5vw}.section-head{display:block}.section-head p:last-child{margin-top:20px}.project{grid-template-columns:1fr;min-height:auto;padding:38px 0;gap:35px}.project-copy{min-height:360px;padding:0}.project-image{min-height:360px}.project h2{font-size:56px}.about{grid-template-columns:1fr;padding:90px 6vw}.about-copy{padding-top:10px}.about-copy>p{font-size:18px}.contact{min-height:600px;padding:90px 6vw}.contact h2{font-size:68px}footer{grid-template-columns:1fr 1fr;gap:35px}footer p{grid-row:2}footer a{grid-column:2;grid-row:2}}
@media(max-width:430px){.hero h1{font-size:42px}.project h2{font-size:48px}.contact h2{font-size:57px}}

/* Refined project presentation */
.nav-shell{position:fixed;background:rgba(17,18,20,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.project .index,.physical-intro>.index{display:none}
.project .logo-stage{background:transparent;border:0}
.project .logo-stage img,.project:nth-child(1) .logo-stage img,.project:nth-child(2) .logo-stage img,.project:nth-child(3) .logo-stage img{width:auto;height:auto;max-width:58%;max-height:46%;object-fit:contain;padding:0;background:transparent}
.physical-group{padding:100px 2vw 20px;border-bottom:1px solid #b7b4aa}
.physical-intro{max-width:820px}.physical-intro .tag{display:inline-block;margin:0 0 0 28px}.physical-intro h2{font-size:clamp(54px,7vw,100px);line-height:.9;letter-spacing:-.06em;margin:55px 0 30px}.physical-intro>p{font-size:19px;line-height:1.6;color:#555;max-width:650px}
.physical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.physical-card{border-top:1px solid #999;padding-top:16px}.physical-photo{aspect-ratio:4/3;overflow:hidden;background:#ddd9cf}.physical-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.physical-card:hover img{transform:scale(1.03)}.physical-card h3{font-size:28px;letter-spacing:-.04em;margin:22px 0 8px}.physical-card>p{color:#666;line-height:1.5;margin:0 0 45px}
@media(max-width:800px){.project .logo-stage img,.project:nth-child(1) .logo-stage img,.project:nth-child(2) .logo-stage img,.project:nth-child(3) .logo-stage img{max-width:68%;max-height:42%}.physical-group{padding:75px 0 10px}.physical-intro .tag{display:block;width:max-content;margin:25px 0 0}.physical-grid{grid-template-columns:1fr;margin-top:45px}.physical-photo{aspect-ratio:16/10}.physical-card h3{font-size:26px}}

/* Centered desktop canvas */
body{background:#07080a}
main{width:min(100%,1200px);margin:0 auto;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.5)}
.nav-shell{left:50%;transform:translateX(-50%);width:min(100%,1200px)}

/* Compact project rhythm */
.projects{padding-top:80px;padding-bottom:80px}
.project{min-height:440px;padding-top:36px;padding-bottom:36px}
.project-image{min-height:370px}
.project-copy{padding-top:0;padding-bottom:0}
.physical-group{padding-top:75px}
.physical-grid{margin-top:48px}
@media(max-width:800px){.projects{padding-top:60px;padding-bottom:60px}.project{padding-top:28px;padding-bottom:28px;gap:22px}.project-copy{min-height:auto}.project-image{min-height:250px}.project .logo-stage img,.project:nth-child(1) .logo-stage img,.project:nth-child(2) .logo-stage img,.project:nth-child(3) .logo-stage img{max-height:55%}.project h2{margin-top:16px;margin-bottom:18px}.project-copy p{margin-top:0;margin-bottom:8px}.physical-group{padding-top:55px}.physical-grid{margin-top:34px}}