@font-face{font-family:Inter;src:url('assets/inter-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#18191a;--text:#f2f2f1;--muted:#a3a4a5;--line:rgba(255,255,255,.15);--glass:rgba(132,135,141,.09);--space:clamp(24px,5.3vw,96px);--pointer-x:50%;--pointer-y:50%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c8d7f5;outline-offset:6px;border-radius:5px}::selection{background:#c4c8d1;color:#191a1c}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{border:0}img{max-width:100%;display:block}.skip-link{position:fixed;top:-90px;left:24px;z-index:120;background:#eee;color:#222;padding:12px 20px}.skip-link:focus{top:12px}
.atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 67% 20%,#535454 0%,transparent 45%),radial-gradient(ellipse at 10% 64%,#343536,transparent 46%),#151617}.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,12,.24),transparent 55%);pointer-events:none}#atmosphere-canvas{display:block;width:100%;height:100%;opacity:.96}.grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.12;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.cursor-light{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px;z-index:0;pointer-events:none;opacity:0;background:conic-gradient(from 30deg,rgba(74,158,255,.22),rgba(118,82,248,.20),rgba(255,103,147,.19),rgba(255,193,105,.18),rgba(153,237,201,.18),rgba(74,158,255,.22));filter:blur(42px);border-radius:50%;mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.9) 13%,transparent 68%);transition:opacity .7s;will-change:transform;mix-blend-mode:screen}.pointer-active .cursor-light{opacity:.72}
.edge-light{position:fixed;inset:0;border-radius:24px;z-index:100;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,#50c7ff,#9981ff,#f764a4,#ff9b78,#d8e88f,#76e5c7,#50c7ff);padding:3px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:blur(3px);animation:edge-intro 3.2s ease both}.edge-light:before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 20px #9aa8ff}.intro{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:rgba(22,23,24,.15);backdrop-filter:blur(12px);pointer-events:none;animation:intro-out .7s 1.4s both}.intro-word{font-size:clamp(44px,6vw,80px);letter-spacing:-.055em;animation:welcome-in .9s both}.intro-caption{font-size:12px;letter-spacing:.2em;color:#b7b7bb;animation:welcome-in 1s .18s both}.intro.is-done{display:none}
.header{position:fixed;top:28px;left:var(--space);right:var(--space);z-index:50;display:flex;justify-content:center}.glass-nav{width:100%;max-width:1176px;min-height:70px;padding:10px 12px 10px 27px;border-radius:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,rgba(216,221,230,.15),rgba(160,163,173,.045) 48%,rgba(230,233,240,.08));border:1px solid rgba(244,246,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.1);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}.identity{display:flex;align-items:center;gap:14px;font-size:15px;white-space:nowrap;letter-spacing:-.025em}.brand-mark{height:26px;width:34px}.identity-dot{color:#a3a5aa}.nav-links{display:flex;align-items:center;gap:6px}.nav-links>a{padding:10px 19px;font-size:14px;color:#c9c9cb;transition:background .25s,color .25s;border-radius:25px}.nav-links>a:hover,.nav-links>a.is-active{background:rgba(255,255,255,.08);color:#fff}.nav-links .nav-contact{color:#f0f0f2;margin-left:5px;padding:10px 22px;background:rgba(226,230,239,.12);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.nav-contact span{margin-left:14px}.mobile-toggle{display:none;width:46px;height:44px;background:transparent;position:relative}.mobile-toggle span{position:absolute;left:12px;right:12px;height:1px;background:#eee;top:18px;transition:transform .2s}.mobile-toggle span+span{top:25px}
main,.footer{position:relative;z-index:1}.hero{min-height:860px;height:100svh;position:relative;padding:154px var(--space) 0;display:flex;flex-direction:column;isolation:isolate}.hero-topline{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.115em;color:#b3b5b7}.time{font-variant-numeric:tabular-nums;display:inline-block;margin-left:16px;font-size:12px;min-width:56px;color:#dbdcdd}.hero-monogram{position:absolute;left:50%;top:43%;width:min(43vw,650px);height:min(35vw,490px);transform:translate(-50%,-50%);z-index:-1;perspective:1000px;will-change:transform}.monogram-face{position:absolute;inset:0;mask:url('assets/mark.svg') center/contain no-repeat;-webkit-mask:url('assets/mark.svg') center/contain no-repeat;background:linear-gradient(137deg,rgba(166,169,173,.29) 2%,rgba(58,61,63,.1) 24%,rgba(186,189,191,.55) 41%,rgba(224,225,226,.64) 42%,rgba(106,110,114,.18) 49%,rgba(40,43,46,.12) 62%,rgba(191,194,198,.39) 82%,rgba(74,78,82,.1) 98%);filter:drop-shadow(0 2px 0 rgba(255,255,255,.15));opacity:.7;transition:opacity .8s}.hero-caption{position:absolute;top:28%;left:var(--space);display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg);color:#929498}.caption-divider{width:1px;height:35px;background:#646569}.hero-bottom{margin-top:auto;display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end;padding-bottom:59px}.eyebrow{font-size:12px;letter-spacing:.13em;line-height:1.5}.eyebrow>span{color:#7f8286;margin-right:14px}.hero-heading>.eyebrow{margin-bottom:19px;color:#aeb0b2}.hero h1{font-size:clamp(54px,6.7vw,112px);letter-spacing:-.065em;line-height:1.13;white-space:nowrap}.title-period{color:#a8aaac}.hero-summary{padding:0 0 5px;justify-self:end}.hero-summary p{font-size:18px;line-height:1.65;letter-spacing:-.025em;color:#b9babc;margin-bottom:27px}.glass-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:10px 10px 10px 23px;min-height:54px;border-radius:38px;background:linear-gradient(140deg,rgba(243,243,244,.15),rgba(223,225,236,.035));border:1px solid rgba(255,255,255,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 5px 25px #0000000f;backdrop-filter:blur(15px);font-size:14px;transition:background .3s,transform .3s}.glass-button:hover{background:rgba(233,239,255,.2);transform:translateY(-3px)}.button-arrow{border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);width:34px;height:34px;display:grid;place-items:center;font-size:19px}.hero-baseline{display:flex;justify-content:space-between;align-items:center;min-height:78px;border-top:1px solid rgba(255,255,255,.15);gap:16px;font-size:12px;letter-spacing:.1em;color:#a0a2a6}.scroll-link{display:flex;align-items:center;gap:14px;min-height:44px}.scroll-line{height:24px;width:1px;background:linear-gradient(#606367,#d8dadb);position:relative}.scroll-line:after{content:'';width:5px;height:5px;position:absolute;bottom:0;left:-2px;border-right:1px solid #c2c4c7;border-bottom:1px solid #c2c4c7;transform:rotate(45deg)}.motion-button{padding:8px 0 8px 12px;background:transparent;color:#b4b6b8;display:flex;gap:9px;align-items:center;font-size:12px;letter-spacing:0}.motion-symbol{font-size:13px;width:18px;line-height:1}.motion-button:hover{color:#fff}
.section{padding:125px var(--space);scroll-margin-top:20px;background:rgba(19,20,21,.8)}.projects-section{background:linear-gradient(rgba(19,20,21,.7),rgba(19,20,21,.93));border-top:1px solid #ffffff06}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading .eyebrow{color:#b7b8bb;margin-bottom:22px}h2{font-size:clamp(36px,4.3vw,68px);letter-spacing:-.055em;line-height:1.16}.text-link{display:inline-flex;gap:24px;align-items:center;position:relative;font-size:14px;color:#d7d7d9;padding-bottom:7px;border-bottom:1px solid #ffffff32;transition:border-color .25s,color .25s}.text-link:hover{color:white;border-color:#ddd}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{padding:0;text-align:left;background:transparent;min-width:0}.project-featured{grid-column:1/-1}.project-image{position:relative;display:block;overflow:hidden;border-radius:8px;background:#252527;isolation:isolate;border:1px solid rgba(255,255,255,.08)}.project-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .5s;filter:saturate(.72)}.project-featured .project-image img{aspect-ratio:2.12;object-fit:cover}.project:hover img{transform:scale(1.025);filter:saturate(1)}.project-open{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;color:#fff;background:#15171a66;border:1px solid #ffffff3d;backdrop-filter:blur(12px);font-size:24px;transition:background .3s,transform .3s}.project:hover .project-open{background:#ffffff2b;transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:19px}.project-title{font-size:22px;letter-spacing:-.035em}.project-category{font-size:13px;color:#a6a6aa;display:flex;align-items:center;gap:28px}.project-category>span{color:#727479;font-size:12px;font-variant-numeric:tabular-nums}
.about-section{border-top:1px solid #ffffff15;background:rgba(22,23,24,.87)}.about-section>.eyebrow{margin-bottom:50px}.about-grid{display:grid;grid-template-columns:.8fr 1.15fr;gap:clamp(40px,9vw,160px);align-items:center}.about-image{max-width:470px;position:relative}.about-image img{width:100%;height:auto;aspect-ratio:.83;object-fit:cover;object-position:center 40%;filter:grayscale(1);border-radius:5px}.photo-caption{display:block;margin-top:16px;font-size:12px;color:#9a9da0;letter-spacing:.12em}.about-copy h2 span{color:#92969b}.about-copy h2{margin-bottom:32px}.about-copy>p{font-size:16px;line-height:1.85;color:#a5a7ab;max-width:610px}.about-copy>.about-lead{font-size:21px;color:#dddde0;line-height:1.65;margin-bottom:20px;letter-spacing:-.025em}.disciplines{display:flex;flex-wrap:wrap;gap:10px 20px;margin:27px 0 35px;font-size:12px;color:#9d9fa3}.disciplines span+span:before{content:'·';margin-right:20px;color:#64686d}
.faq-section{border-top:1px solid #ffffff15;display:grid;grid-template-columns:.8fr 1.15fr;gap:clamp(40px,9vw,160px);background:rgba(19,20,21,.92)}.faq-heading .eyebrow{margin-bottom:27px}.faq-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#9b9ea4;margin:25px 0}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;padding:27px 0;font-size:16px;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:#74777c;min-width:20px}summary i{margin-left:auto;position:relative;flex:none;width:22px;height:22px}summary i:before,summary i:after{content:'';position:absolute;width:12px;height:1px;background:#bbb;top:10px;left:5px;transition:transform .2s}summary i:after{transform:rotate(90deg)}details[open] summary i:after{transform:rotate(0)}.faq-answer{padding:0 40px 28px;font-size:16px;color:#a8abb0;line-height:1.8}.faq-answer>a{display:inline-block;color:#d7dbe0;margin-top:16px;border-bottom:1px solid #ffffff40}
.contact-section{background:rgba(20,21,22,.7);padding-top:120px;padding-bottom:90px;border-top:1px solid #ffffff15;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;left:35%;bottom:-80%;width:50%;height:150%;background:radial-gradient(ellipse,#8b929c10,transparent 65%);pointer-events:none}.contact-section>.eyebrow{margin-bottom:45px}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:50px}.contact-main h2{font-size:clamp(64px,8.5vw,140px);line-height:1.1}.contact-main h2>span{color:#b9babc}.contact-orbit{display:grid;place-items:center;width:155px;height:155px;flex:none;border-radius:50%;background:linear-gradient(140deg,#ffffff12,#ffffff03);border:1px solid #ffffff2b;backdrop-filter:blur(16px);font-size:70px;font-family:Arial,sans-serif;transition:transform .4s,background .4s}.contact-orbit:hover{transform:rotate(45deg);background:#ffffff1f}.contact-meta{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:55px}.contact-meta>p{color:#a9acb2;font-size:16px;line-height:1.8}.social-links{display:flex;gap:35px;font-size:15px}.social-links a:hover{color:#b6c7e9}.footer{margin:0;padding:28px var(--space);border-top:1px solid #ffffff15;display:flex;justify-content:space-between;align-items:center;gap:22px;background:rgba(20,21,22,.9);font-size:12px;color:#95989e}.footer-name{font-size:17px;letter-spacing:-.035em;color:#d5d6d8}.back-top{display:flex;gap:30px;align-items:center;font-size:13px}
.project-dialog{padding:0;width:min(1040px,calc(100% - 40px));max-height:90svh;border:1px solid #ffffff32;border-radius:16px;background:#1d1e20;color:var(--text);box-shadow:0 35px 110px #0008}.project-dialog::backdrop{background:#0a0b0fd9;backdrop-filter:blur(18px)}.dialog-close{position:sticky;top:18px;margin:18px 18px -66px auto;display:grid;place-items:center;width:48px;height:48px;background:#1a1a1ab3;border:1px solid #ffffff55;border-radius:50%;font-size:28px;z-index:2;backdrop-filter:blur(15px)}.dialog-image-wrap img{width:100%;height:auto;max-height:65svh;object-fit:contain;background:#161719}.dialog-content{padding:36px 40px 40px}.dialog-content h2{margin:12px 0 16px;font-size:45px}.dialog-content>p:not(.eyebrow){color:#b4b6bc;font-size:16px;max-width:650px;margin-bottom:25px}.dialog-content .eyebrow{color:#979ca4}
.js .hero-topline,.js .hero-caption,.js .hero-bottom,.js .hero-baseline{animation:content-enter 1.3s 1.65s both}.js .hero-monogram{animation:mark-enter 1.8s 1.35s both}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .intro{display:none}.motion-paused .edge-light{opacity:0;animation:none}.motion-paused .hero-topline,.motion-paused .hero-caption,.motion-paused .hero-bottom,.motion-paused .hero-baseline,.motion-paused .hero-monogram{animation:none;opacity:1}.motion-paused .cursor-light{display:none}.motion-paused{scroll-behavior:auto}.motion-paused .hero-monogram{transform:translate(-50%,-50%)!important}
@keyframes intro-out{to{opacity:0;visibility:hidden;backdrop-filter:blur(0)}}@keyframes welcome-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes edge-intro{0%{opacity:0}20%{opacity:.75;padding:4px}50%{opacity:.45;padding:2px}75%{opacity:.7;padding:3px}100%{opacity:.055;padding:1px}}@keyframes content-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-enter{from{opacity:0;filter:blur(18px)}to{opacity:1;filter:blur(0)}}
@media(min-width:1700px){.hero{min-height:950px}.hero-monogram{width:700px;height:530px;top:42%}.hero-bottom{padding-bottom:72px}.hero-summary p{font-size:22px}.section{padding-left:max(var(--space),calc((100vw - 1600px)/2));padding-right:max(var(--space),calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.hero{min-height:780px}.hero-bottom{gap:24px;grid-template-columns:1.55fr 1fr}.hero h1{font-size:6.4vw}.hero-summary p{font-size:16px}.hero-monogram{width:55vw;height:40vw;top:40%}.section{padding-top:90px;padding-bottom:90px}.about-grid,.faq-section{gap:55px;grid-template-columns:1fr 1.2fr}.about-copy>.about-lead{font-size:18px}.project-category{gap:10px}.hero-baseline{font-size:12px}.contact-orbit{width:120px;height:120px;font-size:58px}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{top:18px;left:20px;right:20px}.glass-nav{padding:8px 10px 8px 20px;min-height:62px;gap:10px}.identity{font-size:14px;gap:11px}.brand-mark{width:29px;height:23px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:74px;padding:14px;border-radius:24px;background:rgba(37,39,42,.96);border:1px solid #ffffff29;box-shadow:0 20px 40px #0004;backdrop-filter:blur(24px);align-items:stretch}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a{padding:14px 20px;font-size:16px}.nav-links .nav-contact{margin:4px 0 0}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span+span{transform:translateY(-3px) rotate(-45deg)}.hero{height:100svh;min-height:820px;padding-top:112px}.hero-topline{font-size:12px;letter-spacing:.06em;gap:15px}.time{margin-left:5px;font-size:12px}.hero-monogram{width:min(76vw,460px);height:min(60vw,360px);top:35%;left:53%}.hero-caption{top:25%;font-size:12px;gap:10px}.hero-bottom{grid-template-columns:1fr;gap:21px;padding-bottom:32px}.hero h1{font-size:clamp(44px,10.5vw,79px);letter-spacing:-.065em}.hero-heading>.eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:11px}.hero-summary{justify-self:start;display:flex;align-items:center;gap:24px;width:100%;justify-content:space-between}.hero-summary p{font-size:14px;margin-bottom:0;line-height:1.7}.glass-button{font-size:12px;gap:12px;padding:8px 8px 8px 15px;min-height:48px}.button-arrow{width:29px;height:29px;font-size:18px}.hero-baseline{min-height:64px;font-size:12px}.hero-baseline>span{display:none}.motion-button{font-size:12px}.section{padding-top:78px;padding-bottom:78px}.section-heading{align-items:start;gap:24px;flex-direction:column;margin-bottom:35px}.section-heading h2{font-size:38px}.section-heading .eyebrow{font-size:12px;margin-bottom:19px}.project-grid{gap:34px;grid-template-columns:1fr}.project-featured{grid-column:auto}.project-image img,.project-featured .project-image img{aspect-ratio:1.5}.project-title{font-size:21px}.project-category{font-size:12px}.project-open{width:40px;height:40px;font-size:20px;right:15px;bottom:15px}.about-grid{grid-template-columns:1fr;gap:38px}.about-section>.eyebrow{margin-bottom:30px}.about-image{max-width:none}.about-image img{aspect-ratio:1.1;object-position:center 35%}.about-copy h2{font-size:42px;margin-bottom:24px}.about-copy>.about-lead{font-size:19px}.about-copy>p{font-size:16px}.disciplines{gap:8px 15px}.disciplines span+span:before{margin-right:15px}.faq-section{grid-template-columns:1fr;gap:40px}.faq-heading h2{font-size:42px}.faq-heading h2 br{display:none}.faq-heading>p:not(.eyebrow){margin:20px 0}.faq-list summary{font-size:16px;gap:14px;padding:23px 0}.faq-answer{padding-left:34px;padding-right:20px}.contact-section>.eyebrow{margin-bottom:28px}.contact-main{gap:20px}.contact-main h2{font-size:clamp(45px,10vw,76px)}.contact-orbit{width:72px;height:72px;font-size:38px}.contact-meta{align-items:start;flex-direction:column;margin-top:30px;gap:28px}.social-links{font-size:14px;gap:30px}.footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap}.footer-name{font-size:15px}.back-top{font-size:12px;gap:13px}.dialog-content{padding:25px}.dialog-content h2{font-size:36px}.dialog-image-wrap img{min-height:220px}.dialog-content .eyebrow{font-size:12px}.cursor-light{display:none}}
@media(max-width:430px){.hero-summary{align-items:start;flex-direction:column;gap:18px}.hero{min-height:830px}.hero-monogram{top:31%;width:82vw;height:63vw}.hero-caption{top:21%}.hero-bottom{padding-bottom:26px;gap:17px}.hero h1{font-size:10.5vw}.hero-summary p{font-size:15px}.glass-button{font-size:13px}.hero-topline>span:last-child{font-size:12px}.time{display:none}.hero-baseline{min-height:61px}.hero-topline{font-size:12px}.faq-heading h2{font-size:36px}.contact-orbit{width:58px;height:58px;font-size:30px}.project-category>span{display:none}}
@media(max-height:750px) and (min-width:761px){.hero{min-height:750px}.hero-monogram{width:40vw;height:30vw;top:39%;max-width:500px;max-height:360px}.hero-bottom{padding-bottom:35px}.hero h1{font-size:6vw}.hero-topline{font-size:12px}.hero-baseline{min-height:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.intro,.edge-light,.cursor-light{display:none}.hero-monogram{transform:translate(-50%,-50%)!important}}

[hidden]{display:none!important}
@media(max-width:430px){.hero-topline{flex-direction:column;gap:4px}.hero-topline>span:last-child{color:#85888e}.hero-caption{font-size:12px}.identity{font-size:14px}}

/* Revision 3: dark sculpted material and an isolated entrance. */
.atmosphere{background:radial-gradient(ellipse at 65% 35%,#6b6b6b 0%,#313132 32%,#101112 75%)}
.atmosphere:after{display:none}
#atmosphere-canvas{opacity:1;filter:none}
.brand-mark{width:33px;height:30px;object-fit:contain}
.intro{display:none;background:transparent;backdrop-filter:none;pointer-events:auto;gap:23px;animation:none}
.is-loading .intro{display:flex;animation:intro-out .8s 4.7s both}
.is-loading{overflow:hidden}
.is-loading .header,.is-loading main,.is-loading .footer,.is-loading .skip-link{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.intro-logo{width:100px;height:88px;object-fit:contain;margin-bottom:15px;animation:welcome-in 1.2s .15s both}
.intro-word{display:grid;place-items:center;min-width:310px;font-size:clamp(35px,4.8vw,64px);animation:none;line-height:1.25}
.intro-word>span{grid-area:1/1;will-change:opacity,transform,filter}
.greeting-tr{animation:greeting-tr 5.5s cubic-bezier(.22,.61,.36,1) both}
.greeting-en{animation:greeting-en 5.5s cubic-bezier(.22,.61,.36,1) both}
.intro-caption{color:#d0d0d2}
.edge-light{animation:edge-intro 5.5s ease both}
.js .hero-topline,.js .hero-caption,.js .hero-bottom,.js .hero-baseline{animation:none}
.is-ready .hero-topline,.is-ready .hero-bottom,.is-ready .hero-baseline{animation:content-enter 1.1s both}
.is-ready .header{animation:content-enter .85s both}
@keyframes greeting-tr{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}14%,29%{opacity:1;transform:translateY(0);filter:blur(0)}44%,100%{opacity:0;transform:translateY(-8px);filter:blur(5px)}}
@keyframes greeting-en{0%,35%{opacity:0;transform:translateY(10px);filter:blur(5px)}51%,91%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-5px);filter:blur(3px)}}
@media(max-width:760px){.brand-mark{width:29px;height:26px}.intro-logo{width:83px;height:75px}}
@media(prefers-reduced-motion:reduce){.intro,.edge-light{display:none!important}.is-loading .header,.is-loading main,.is-loading .footer{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.is-loading{overflow:auto}}

/* Revision 4: logo-first multilingual entrance and cursor-directed exit. */
.is-loading .intro,.is-exiting .intro{display:block;animation:none}
.is-exiting{overflow:hidden}
.is-exiting .intro{pointer-events:auto;will-change:transform,clip-path,opacity;isolation:isolate}
.intro-stage{position:absolute;left:50%;top:50%;width:min(640px,94vw);height:260px;transform:translate(-50%,-50%);text-align:center}
.intro-logo{position:absolute;left:50%;top:86px;margin:0;transform:translate(-50%,0);animation:logo-arrival 2s cubic-bezier(.22,.61,.36,1) both}
.intro-word{position:absolute;top:144px;left:0;right:0;min-width:0;font-size:clamp(33px,4.8vw,64px);height:82px}
.intro-word>span{opacity:0;animation:greeting-cycle 1.85s var(--delay) cubic-bezier(.22,.61,.36,1) both;white-space:nowrap}
.intro-caption{position:absolute;left:0;right:0;top:245px;animation:welcome-in 1s 1.4s both}
.edge-light{animation:edge-intro 9.5s ease both}
.is-exiting .edge-light{opacity:0;transition:opacity .5s;animation:none}
.social-links{flex-wrap:wrap;justify-content:flex-end;gap:18px 28px}
.phone-link{font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes logo-arrival{0%{opacity:0;transform:translate(-50%,10px) scale(.94);filter:blur(7px)}35%,48%{opacity:1;transform:translate(-50%,0) scale(1);filter:blur(0)}100%{opacity:1;transform:translate(-50%,-65px) scale(.86);filter:blur(0)}}
@keyframes greeting-cycle{0%{opacity:0;transform:translateY(9px);filter:blur(5px)}25%,68%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-7px);filter:blur(5px)}}
@media(max-width:760px){.social-links{justify-content:flex-start}.intro-word{height:65px}.intro-caption{top:225px;font-size:12px}.intro-logo{top:92px}}
@media(prefers-reduced-motion:reduce){.is-exiting .intro{display:none!important}.is-exiting{overflow:auto}}

/* Fluid material entrance: no snapshot, rectangle, clip or page-scale transition. */
.edge-light{display:none!important}
.is-exiting .intro{will-change:auto}
.intro-logo{animation-duration:1.35s}
.intro-word>span{animation-duration:1.05s}
.intro-caption{animation-delay:.9s}
.is-exiting .intro-stage{opacity:0;transition:opacity .35s ease}
.is-loading.is-exiting .header,.is-loading.is-exiting main,.is-loading.is-exiting .footer{visibility:visible!important;opacity:var(--reveal,0)!important;pointer-events:none!important}
.is-ready .hero-topline,.is-ready .hero-bottom,.is-ready .hero-baseline,.is-ready .header{animation:none}

/* Hide scrollbar chrome while retaining native wheel, touch and keyboard scrolling. */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{display:none;width:0;height:0}
/* Compact cylindrical project gallery. */
.projects-section{padding-top:80px;padding-bottom:48px;overflow:hidden;background:rgba(13,14,15,.62)}
.projects-section .section-heading{margin-bottom:18px}
.project-orbit{--card-width:clamp(240px,34vw,460px);--radius:520px;position:relative;margin-inline:calc(-1 * var(--space));height:430px;touch-action:pan-y;cursor:grab;outline-offset:-10px}
.project-orbit.is-dragging{cursor:grabbing}
.orbit-stage{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 42%;overflow:hidden}
.orbit-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radius))) rotateY(var(--rotation,0deg));will-change:transform}
.orbit-card{position:absolute;left:calc(var(--card-width) / -2);top:-165px;width:var(--card-width);height:330px;display:block;transform:rotateY(calc(var(--slot) * 60deg)) translateZ(var(--radius));border:1px solid #ffffff35;border-radius:20px;overflow:hidden;background:#242628;box-shadow:0 22px 50px #0005;backface-visibility:hidden;user-select:none;-webkit-user-drag:none}
.orbit-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.orbit-card-info{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:40px 25px 22px;background:linear-gradient(transparent,#090a0bd9);font-size:23px;color:white}
.orbit-card-info small{display:block;font-size:14px;color:#d6d6d6;margin-top:3px}
.orbit-card-info>span:last-child{border:1px solid #ffffff60;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.orbit-card:hover .orbit-card-info>span:last-child{background:#ffffff25}
.orbit-toolbar,.slider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
.orbit-toolbar>p,.slider-toolbar>p{font-size:14px;color:#b5b7bc}.orbit-toolbar>p span{margin-left:12px}
.gallery-buttons{display:flex;gap:9px}.gallery-control{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff0b;backdrop-filter:blur(14px);font-size:21px;transition:background .2s}.gallery-control:hover{background:#ffffff25}.orbit-pause{font-size:16px}
.project-detail{padding:145px var(--space) 65px;max-width:1600px;margin:0 auto}.project-back{font-size:14px;color:#c8c8ca}.project-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:50px 0 40px}.project-intro .eyebrow{margin-bottom:16px}.project-intro h1{font-size:clamp(54px,8vw,118px);letter-spacing:-.065em;line-height:1.1}.project-intro h1>span{color:#929396}.project-intro .glass-button{flex:none;margin-bottom:8px}
.project-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:23px 0;margin:0 0 44px}.project-facts dt{font-size:14px;color:#a8a9ad;margin-bottom:8px}.project-facts dd{margin:0;font-size:18px}
.project-page .atmosphere{opacity:.45}.project-gallery{margin-bottom:65px}.project-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:1px solid #ffffff28;border-radius:20px;background:#111315;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.project-slide{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.slide-image{width:100%;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center}.slide-image img{width:100%;height:100%;object-fit:contain;user-select:none}.detail-left .slide-image img{object-fit:cover;transform:scale(1.55);transform-origin:25% 50%}.detail-right .slide-image img{object-fit:cover;transform:scale(1.55);transform-origin:75% 50%}.project-slide figcaption{padding:15px 23px;font-size:14px;border-top:1px solid #ffffff14;color:#b5b6ba}.slider-toolbar{padding-top:18px}.slider-toolbar .slide-count{font-variant-numeric:tabular-nums}.project-about{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:15px 0 65px}.project-about h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.project-about p{font-size:18px;line-height:1.9;color:#c1c2c6;max-width:650px}.project-end{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:28px 0;border-top:1px solid #ffffff25}.project-end a{font-size:16px}
@media(max-width:760px){.projects-section{padding-top:65px;padding-bottom:35px}.project-orbit{height:340px;--card-width:70vw}.orbit-card{height:270px;top:-135px;border-radius:16px}.orbit-card-info{font-size:20px;padding:35px 18px 17px}.orbit-stage{perspective:1000px}.project-detail{padding-top:120px}.project-intro{align-items:start;flex-direction:column;margin:32px 0 28px;gap:25px}.project-intro h1{font-size:clamp(48px,12vw,78px)}.project-facts{gap:20px;grid-template-columns:1fr 1fr;padding:20px 0;margin-bottom:28px}.project-facts dd{font-size:16px}.project-gallery{margin-bottom:35px}.project-about{grid-template-columns:1fr;gap:18px;padding-bottom:35px}.project-about p{font-size:16px}.slider-hint{display:none}.project-slides{border-radius:13px}.slide-image{aspect-ratio:4/3}}

/* Four front cards, with the return arc visible behind them. */
.project-orbit{--card-width:clamp(210px,25vw,430px);height:450px}
.orbit-ring{inset:0;width:100%;height:100%;transform:none;transform-style:preserve-3d}
.orbit-card{left:50%;top:46%;height:310px;backface-visibility:visible;will-change:transform,opacity}
.language-toggle{flex:none;width:43px;height:43px;border-radius:50%;border:1px solid #ffffff40;background:linear-gradient(130deg,#ffffff22,#ffffff06);backdrop-filter:blur(16px);font-size:13px;letter-spacing:.04em}.language-toggle:hover{background:#ffffff26}.nav-links{margin-left:auto}.glass-nav{gap:16px}
@media(max-width:760px){.project-orbit{--card-width:65vw;height:360px}.orbit-card{height:260px}.language-toggle{margin-left:auto;width:38px;height:38px}.glass-nav{gap:9px}.nav-links{margin-left:0}}

/* Flatten stacking so faint return cards cannot intercept foreground links. */
.orbit-ring{transform-style:flat;will-change:auto;pointer-events:none}
.orbit-card{pointer-events:auto;isolation:isolate}
.orbit-card-info{pointer-events:none}
.intro{min-height:100vh;min-height:100dvh;-webkit-backdrop-filter:none}
.is-loading.is-exiting .header,.is-loading.is-exiting main,.is-loading.is-exiting .footer{transition:none;will-change:opacity}
@supports not (backdrop-filter:blur(1px)){.glass-nav{background:rgba(36,38,41,.94)}}

/* Continuous curved orbit, with a faint and noninteractive return arc. */
@media(min-width:761px){.project-orbit{--card-width:clamp(240px,28vw,470px);height:520px}.orbit-card{height:370px;top:41%}}
.onadokuz-card{background:#e8e7e4}.onadokuz-card>img{object-fit:cover;object-position:center 45%}
.onadokuz-page .slide-image{height:min(72vh,850px);aspect-ratio:auto;background:#0d121b}
.onadokuz-page .slide-image img{width:100%;height:100%;object-fit:contain}
.onadokuz-page .project-intro h1{font-size:clamp(42px,7vw,100px)}
@media(max-width:760px){.onadokuz-page .slide-image{height:auto;aspect-ratio:4/5}}

/* Vertical project presentations: intrinsic image proportions, native page scrolling. */
.project-presentation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;align-items:start;scroll-margin-top:120px}
.presentation-panel{margin:0;min-width:0}
.presentation-image,.presentation-image picture{display:block}
.presentation-image{background:#131415}
.presentation-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.presentation-panel figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;color:var(--muted);font-size:14px}
.presentation-panel figcaption>span:last-child{font-variant-numeric:tabular-nums}
.presentation-panel:only-child{grid-column:1/-1}
.project-intro>div{min-width:0}
.project-intro h1{overflow-wrap:anywhere}
.ahmet-ersin-card>img,.overpassion-card>img{object-fit:contain}
@media(max-width:760px){.project-presentation{grid-template-columns:minmax(0,1fr);gap:24px}.presentation-panel figcaption{padding-top:10px}.project-intro h1{font-size:clamp(40px,11vw,78px)}}