*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070709;color:#f4f4f1;font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 12%,rgba(155,188,255,.08),transparent 28rem),radial-gradient(circle at 8% 65%,rgba(255,255,255,.03),transparent 24rem);z-index:-2}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(155,188,255,.08),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:opacity .3s}.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:80;backdrop-filter:blur(18px);background:rgba(7,7,9,.58);border-bottom:1px solid rgba(255,255,255,.06)}.brand{font:700 1.2rem "Space Grotesk",sans-serif;letter-spacing:-.07em}.brand span{color:#9bbcff}.nav nav{display:flex;gap:28px}.nav nav a{color:#8c8c95;font-size:.82rem;transition:color .25s}.nav nav a:hover{color:#f4f4f1}.menu-button{display:none;background:none;border:0}.hero{min-height:100svh;position:relative;display:grid;place-items:center;padding:120px 6vw 80px;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:90px 90px;mask-image:radial-gradient(ellipse at center,black,transparent 70%);opacity:.28}.hero-content{width:min(960px,100%);text-align:center}.eyebrow,.section-label,.card-kicker{font-size:.66rem;letter-spacing:.19em;color:#85858e;text-transform:uppercase}.hero h1,h2,h3{font-family:"Space Grotesk",sans-serif}.hero h1{margin:22px 0;font-size:clamp(3.5rem,9vw,8.5rem);line-height:.88;letter-spacing:-.08em;font-weight:600}.hero h1 span,h2 span,h2 em{color:#85858e;font-style:normal}.hero-copy{max-width:650px;margin:0 auto 34px;color:#8c8c95;line-height:1.75;font-size:1.02rem}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px}.hero-cta{display:inline-flex;align-items:center;gap:22px;padding:14px 19px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035);font-size:.8rem;transition:.35s}.hero-cta:hover{border-color:rgba(155,188,255,.45);background:rgba(155,188,255,.08);transform:translateY(-3px)}.hero-cta b{color:#9bbcff}.quiet-link{font-size:.78rem;color:#777780}.quiet-link span{color:#9bbcff}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:#55555d;font-size:.58rem;letter-spacing:.16em;text-align:center}.scroll-hint span{display:block;width:1px;height:34px;background:linear-gradient(#9bbcff,transparent);margin:9px auto 0;animation:pulse 1.8s ease-in-out infinite}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.hero-orb-a{width:36vw;height:36vw;max-width:560px;max-height:560px;border:1px solid rgba(155,188,255,.08);right:-10vw;top:12vh;animation:drift 9s ease-in-out infinite alternate}.hero-orb-b{width:20vw;height:20vw;max-width:280px;max-height:280px;border:1px solid rgba(255,255,255,.06);left:-5vw;bottom:15vh;animation:drift 12s ease-in-out infinite alternate-reverse}.section{width:min(1180px,calc(100% - 12vw));margin:0 auto;padding:150px 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:60px;align-items:end}h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:.94;letter-spacing:-.07em;margin:0}.intro-grid p,.timeline-heading p,.projects-intro>p,.contact-note{color:#8c8c95;line-height:1.8}.quote{font:500 clamp(1.4rem,2.4vw,2.1rem) "Space Grotesk",sans-serif;color:#f4f4f1!important;letter-spacing:-.04em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:90px;border:1px solid rgba(255,255,255,.08)}.principles>div{padding:30px;background:#070709}.principles span{display:block;color:#55555d;font:.68rem "Space Grotesk";margin-bottom:45px}.principles strong{font:600 1.25rem "Space Grotesk"}.principles p{color:#74747d;font-size:.9rem;line-height:1.6}.timeline-heading{display:grid;grid-template-columns:1fr .7fr;gap:8vw;margin:60px 0 90px;align-items:end}.timeline-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.filter{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#74747d;border-radius:999px;padding:10px 14px;font:500 .7rem "DM Sans";cursor:pointer;transition:.3s}.filter:hover,.filter.active{color:#f4f4f1;border-color:rgba(155,188,255,.35);background:rgba(155,188,255,.07)}.timeline{position:relative}.timeline::before{content:"";position:absolute;left:150px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.13) 8%,rgba(255,255,255,.13) 92%,transparent)}.timeline-item{display:grid;grid-template-columns:120px 60px 1fr;gap:30px;min-height:245px;position:relative;transition:opacity .45s,transform .45s,max-height .5s}.timeline-item.hidden{display:none}.timeline-year{padding-top:12px;color:#66666f;font:500 .68rem "Space Grotesk";letter-spacing:.12em;text-align:right}.timeline-dot{width:9px;height:9px;margin:12px auto;border-radius:50%;background:#070709;border:1px solid #5d5d66;transition:.5s}.timeline-item.active .timeline-dot{background:#9bbcff;border-color:#9bbcff;box-shadow:0 0 24px rgba(155,188,255,.55);transform:scale(1.45)}.timeline-card{margin-bottom:50px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:.5s}.timeline-card:hover{transform:translateX(8px);border-color:rgba(155,188,255,.25);background:rgba(155,188,255,.04)}.timeline-card h3{margin:10px 0 12px;font-size:clamp(1.5rem,3vw,2.65rem);letter-spacing:-.055em}.timeline-card p:not(.card-kicker){color:#85858e;line-height:1.7;max-width:680px}.final-card{background:linear-gradient(135deg,rgba(155,188,255,.09),rgba(255,255,255,.018));border-color:rgba(155,188,255,.2)}.final-card h3 span{color:#85858e}.projects-intro{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;margin-top:60px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:70px}.project-card{min-height:340px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:#0d0d10;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .5s}.project-card::after{content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-100px;border-radius:50%;background:rgba(155,188,255,.08);filter:blur(22px);transition:.7s}.project-card:hover{transform:translateY(-9px);border-color:rgba(155,188,255,.3)}.project-card:hover::after{transform:scale(1.7)}.project-card>span{color:#5e5e67;font:.7rem "Space Grotesk"}.project-card h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.065em;margin:8px 0 12px}.project-card p:not(.card-kicker){color:#7e7e87;max-width:420px;line-height:1.6}.card-arrow{position:absolute;right:28px;bottom:26px;color:#9bbcff;font-size:1.3rem}.story-layout{display:grid;grid-template-columns:1fr .85fr;gap:9vw;margin-top:65px}.story-copy{font-size:1.02rem;color:#9999a2;line-height:1.9}.story-copy p{margin:0 0 28px}.story-emphasis{font:500 clamp(1.6rem,3vw,2.5rem) "Space Grotesk",sans-serif;color:#f4f4f1;line-height:1.15}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-top:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.stat{padding:30px;background:#070709}.stat strong{display:block;font:600 clamp(2.5rem,4vw,4.5rem) "Space Grotesk";letter-spacing:-.07em}.stat span{color:#6e6e77;font-size:.78rem}.contact-inner{margin-top:65px}.contact h2{max-width:900px}.contact-note{margin:30px 0 45px}.contact-links{border-top:1px solid rgba(255,255,255,.1)}.contact-link{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);font:500 1rem "Space Grotesk";transition:.3s}.contact-link:hover{padding-left:10px;color:#9bbcff}.contact-link b{font-weight:400}footer{width:min(1180px,calc(100% - 12vw));margin:0 auto;padding:28px 0 50px;display:flex;justify-content:space-between;color:#55555d;font-size:.62rem;letter-spacing:.12em;border-top:1px solid rgba(255,255,255,.1)}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(18px)}.project-modal{position:relative;width:min(900px,100%);max-height:88vh;overflow:auto;padding:50px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#0c0c0f;box-shadow:0 30px 100px rgba(0,0,0,.6);transform:translateY(25px) scale(.98);animation:modalIn .45s cubic-bezier(.2,.8,.2,1) forwards}.modal-close{position:absolute;right:22px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#aaa;cursor:pointer;font-size:1.5rem}.modal-title{margin:12px 0 20px;font-size:clamp(2.6rem,6vw,5rem)}.modal-summary{color:#9a9aa3;font-size:1.05rem;line-height:1.7;max-width:700px}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.modal-body div{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.modal-body strong{display:block;margin-bottom:8px;font:600 .85rem "Space Grotesk"}.modal-body p{margin:0;color:#777780;line-height:1.6;font-size:.88rem}@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30px,-20px,0) scale(1.04)}}@keyframes pulse{0%,100%{opacity:.25;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes modalIn{to{transform:translateY(0) scale(1)}}@media(max-width:760px){.nav{height:64px;padding:0 22px}.nav nav{display:none;position:absolute;top:64px;left:0;right:0;padding:22px;background:rgba(7,7,9,.96);border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column}.nav nav.open{display:flex}.menu-button{display:flex;flex-direction:column;gap:5px}.menu-button i{display:block;width:20px;height:1px;background:#ddd}.hero{padding:120px 24px 80px}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-actions{flex-direction:column;gap:18px}.section{width:min(100% - 44px,1180px);padding:105px 0}.intro-grid,.timeline-heading,.projects-intro,.story-layout{grid-template-columns:1fr;gap:30px}.principles,.stats{grid-template-columns:1fr}.timeline::before{left:8px}.timeline-item{grid-template-columns:28px 1fr;gap:18px}.timeline-year{grid-column:2;padding:0;margin-bottom:-8px;text-align:left}.timeline-dot{grid-column:1;grid-row:1/span 2;margin-left:4px}.timeline-card{grid-column:2;margin-bottom:35px;padding:24px}.timeline-controls{justify-content:flex-start}.project-grid{grid-template-columns:1fr}.project-card{min-height:300px}.modal{padding:14px}.project-modal{padding:32px 24px;border-radius:22px}.modal-body{grid-template-columns:1fr}footer{width:calc(100% - 44px);gap:20px;flex-direction:column}.cursor-glow{display:none}}


/* FINAL REVISION — awards, navigation, contact and layout polish */
.brand{font:600 1rem "Space Grotesk",sans-serif;letter-spacing:-.035em;color:#f4f4f1;white-space:nowrap}
.project-click-hint{font-size:.88em !important;letter-spacing:.075em;color:#9bbcff;opacity:.82}
.award-grid .project-card h3{font-size:clamp(1.75rem,3.5vw,3.35rem)}
.awards-section .projects-intro{margin-bottom:0}
.contact-clean{margin-top:55px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.contact-clean .contact-name{grid-column:1 / -1;padding:28px 0 20px;font:600 clamp(1.4rem,2.2vw,2rem) "Space Grotesk",sans-serif;color:#f4f4f1}
.contact-clean a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#8c8c95;text-decoration:none;transition:.3s}
.contact-clean a:hover{color:#9bbcff;padding-left:8px}
.contact-clean a span{font:.68rem "Space Grotesk",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#66666f}
.contact-clean a b{font:500 .92rem "DM Sans",sans-serif;color:#f4f4f1}
@media(max-width:760px){.brand{font-size:.92rem}.project-click-hint{display:block;margin:.55rem 0 0;font-size:.76em !important}.contact-clean{grid-template-columns:1fr}.contact-clean .contact-name{grid-column:1}.contact-clean a{align-items:flex-start;flex-direction:column;gap:7px}}


/* GALLERY PAGE */
.gallery-page{padding-top:120px}.gallery-hero{padding:110px 0 70px;position:relative;overflow:hidden}.gallery-hero h1{font:600 clamp(3.4rem,8vw,7.5rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.075em;margin:18px 0}.gallery-hero h1 span{color:#85858e}.gallery-lead{max-width:720px;color:#8c8c95;line-height:1.8;font-size:1rem}.gallery-actions{display:flex;gap:16px;align-items:center;margin-top:30px;flex-wrap:wrap}.gallery-link{display:inline-flex;align-items:center;gap:10px;color:#9bbcff;font-size:.8rem;margin-top:26px}.gallery-link span{font-size:1rem}.gallery-group{padding:80px 0 20px}.gallery-group-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.gallery-group-heading h2{font-size:clamp(2.2rem,5vw,4.8rem)}.gallery-group-heading p{max-width:470px;color:#777780;line-height:1.7;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{min-height:310px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0d0d10;overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s;cursor:default}.gallery-card:hover{transform:translateY(-7px);border-color:rgba(155,188,255,.35)}.gallery-media{height:230px;background:linear-gradient(135deg,rgba(155,188,255,.08),rgba(255,255,255,.02));display:grid;place-items:center;position:relative;overflow:hidden}.gallery-media img{width:100%;height:100%;object-fit:cover;display:block}.gallery-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;color:#565660}.gallery-placeholder strong{display:block;color:#85858e;font:600 .75rem "Space Grotesk",sans-serif;letter-spacing:.18em;text-transform:uppercase}.gallery-placeholder span{display:block;margin-top:8px;font-size:.72rem;line-height:1.5}.gallery-meta{padding:18px 20px}.gallery-meta .card-kicker{margin:0 0 8px}.gallery-meta h3{margin:0;font-size:1.05rem;letter-spacing:-.03em}.gallery-meta p{margin:7px 0 0;color:#6f6f78;font-size:.78rem;line-height:1.55}.gallery-how{margin:90px 0 50px;padding:34px;border:1px solid rgba(155,188,255,.16);border-radius:26px;background:rgba(155,188,255,.035)}.gallery-how h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:22px}.gallery-how ol{margin:0;padding-left:22px;color:#9a9aa3;line-height:2}.gallery-how code{color:#d8d8dc;background:rgba(255,255,255,.06);padding:3px 7px;border-radius:6px}.gallery-how .path{display:block;margin:12px 0;padding:13px 15px;background:#09090b;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#9bbcff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow:auto}.gallery-back{display:inline-flex;gap:10px;color:#8c8c95;font-size:.78rem}.gallery-back:hover{color:#f4f4f1}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gallery-page{padding-top:95px}.gallery-hero{padding:80px 0 45px}.gallery-grid{grid-template-columns:1fr}.gallery-card{min-height:290px}.gallery-media{height:210px}.gallery-group-heading{display:block}.gallery-group-heading p{margin-top:14px}.gallery-how{padding:24px;margin-top:60px}}