:root{--bg:#101722;--bg2:#131e29;--panel:#1b2733;--panel2:#21303b;--ink:#f4f6f0;--muted:#a2b2b7;--mint:#c5ff85;--teal:#9edbc4;--line:#35424b;--max:1200px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:72px 72px;pointer-events:none;z-index:-1;mask-image:linear-gradient(to bottom,#0008,transparent 70%)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a,button,input,textarea,select{outline-offset:4px}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}button:disabled{opacity:.55;cursor:not-allowed}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:var(--mint);color:#101722;padding:12px 15px}.skip-link:focus{top:10px}.site-header{background:#101722d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;z-index:20;top:0}.nav-inner{height:86px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-weight:900;font-size:28px;letter-spacing:-.075em;line-height:1;display:inline-flex;align-items:center;gap:2px}.wordmark span{color:var(--mint)}.wordmark small{color:var(--muted);letter-spacing:.2em;font-size:9px;align-self:end;margin:0 0 1px 12px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.site-header nav>a:not(.nav-cta){color:#cdd7d8}.site-header nav>a[aria-current=page]{color:var(--mint)}.nav-cta{border:1px solid var(--mint);padding:13px 19px;border-radius:999px;color:var(--mint)}.nav-cta:hover{background:var(--mint);color:var(--bg);text-decoration:none}.nav-toggle{display:none}.eyebrow{text-transform:uppercase;color:var(--mint);font-size:11px;font-weight:850;letter-spacing:.17em;margin:0 0 18px}.eyebrow i{display:inline-block;width:27px;height:1px;background:var(--mint);vertical-align:middle;margin-right:9px}.eyebrow.small{font-size:10px;letter-spacing:.11em}.eyebrow span{color:#546369;padding:0 5px}.hero{min-height:680px;padding:100px 0 90px;display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:26px}.hero h1{font-size:clamp(60px,7vw,115px);line-height:.98;letter-spacing:-.09em;margin:0 0 30px;font-weight:920}.hero h1 em,.page-hero h1 em{color:var(--mint);font-style:normal}.hero h1>span:not(.period){font-size:.74em}.period{color:var(--mint)}.hero-intro{max-width:545px;color:#c8d5d4;font-size:17px;line-height:1.8}.hero-intro strong{color:var(--ink);font-weight:750}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:33px 0 36px}.button{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s;min-height:52px}.button:hover{transform:translateY(-2px);text-decoration:none}.button.primary{background:var(--mint);color:#13201a}.button.primary:hover{background:#ddffb7}.button.secondary{border-color:#59656a;background:#202c36;color:#e5eee8}.button.secondary:hover{background:#293a42}.signature{font-size:10px;letter-spacing:.11em;color:#b9c4ba;font-weight:750}.signature b{color:var(--mint)}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center;border:1px solid #38474c;border-radius:10px;background:radial-gradient(ellipse at center,#21362d 0%,#17232c 55%,#13202b 100%);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:22px;border:1px solid #c5ff8527;pointer-events:none}.hero-visual img{width:100%;height:100%;max-width:600px;object-fit:contain;filter:drop-shadow(0 20px 25px #0004)}.visual-label{position:absolute;left:36px;top:32px;font-size:10px;color:#d5e4df;letter-spacing:.15em;font-weight:800}.visual-stamp{position:absolute;right:31px;bottom:26px;background:#0d171ef0;padding:18px 20px;border:1px solid #baff863e;display:grid;gap:5px}.visual-stamp span{font-size:9px;letter-spacing:.1em;color:var(--mint)}.visual-stamp b{font-size:21px;letter-spacing:-.045em}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151e28}.metrics-inner{display:grid;grid-template-columns:repeat(3,1fr)}.metrics-inner>div{padding:30px 34px;display:flex;align-items:center;gap:25px;border-right:1px solid var(--line)}.metrics-inner>div:first-child{padding-left:0}.metrics-inner>div:last-child{border:0}.metrics strong{font-size:36px;letter-spacing:-.08em;line-height:1;color:var(--mint)}.metrics span{color:#a9b8bc;font-size:12px;max-width:148px}.section{padding-block:116px 80px}.section-head{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-bottom:43px}.section-head h2{font-size:clamp(36px,4.4vw,65px);letter-spacing:-.065em;line-height:1.1;margin:0}.section-head h2 span{color:var(--mint)}.section-head>p{font-size:15px;color:var(--muted);max-width:363px;line-height:1.85;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#18232e;transition:transform .2s,border-color .2s;min-width:0}.case-card:hover{transform:translateY(-4px);border-color:#829b91}.case-art{height:214px;position:relative;overflow:hidden;background:#283937}.case-art .project-shot,.detail-visual .project-shot{width:100%;height:100%;object-fit:cover;display:block}.case-art .abstract-shot{height:100%}.abstract-shot{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:25px 33px;color:#edf5ee;background:radial-gradient(circle at 78% 21%,#c5ff852f,transparent 26%),repeating-linear-gradient(-39deg,#0000 0 41px,#ffffff08 41px 42px),linear-gradient(125deg,#233d3c,#14222d);overflow:hidden}.abstract-shot:before{content:"";position:absolute;right:-24px;top:-30px;width:185px;height:185px;border:36px solid #ffffff16;border-radius:35px;transform:rotate(35deg)}.abstract-shot strong{font-size:clamp(25px,3vw,39px);font-weight:900;line-height:1.02;letter-spacing:-.055em;max-width:280px;position:relative}.abstract-shot>span:last-child{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:12px;color:#c4d3cc}.abstract-shot .mini-tag{position:absolute;top:21px;font-size:9px;color:#bfdba9;letter-spacing:.16em}.blue .abstract-shot{background:radial-gradient(circle at 78% 21%,#9bd4ef30,transparent 26%),linear-gradient(125deg,#2a3d55,#14222d)}.purple .abstract-shot{background:radial-gradient(circle at 78% 21%,#e2b0fb35,transparent 26%),linear-gradient(125deg,#453958,#192633)}.orange .abstract-shot{background:radial-gradient(circle at 78% 21%,#f4b58730,transparent 26%),linear-gradient(125deg,#583b34,#1a2730)}.gold .abstract-shot{background:radial-gradient(circle at 78% 21%,#f5e08c30,transparent 26%),linear-gradient(125deg,#554c34,#1d2631)}.teal .abstract-shot{background:radial-gradient(circle at 78% 21%,#9cebdc30,transparent 26%),linear-gradient(125deg,#244d4c,#14252d)}.case-body{padding:25px 26px 28px}.case-body h3{font-size:25px;line-height:1.17;margin:0 0 12px;letter-spacing:-.04em}.case-body>p:not(.eyebrow){font-size:13px;color:#b4c3c8;line-height:1.75;min-height:92px}.case-body .eyebrow{min-height:28px;line-height:1.45;color:#c7dcae}.card-link,.text-link{display:inline-flex;gap:25px;align-items:center;color:var(--mint);font-size:13px;font-weight:800;margin-top:11px}.card-link:hover,.text-link:hover{gap:34px;transition:gap .2s}.section-bottom{text-align:center;padding-top:35px}.philosophy{background:#182530;border-block:1px solid #31414b}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillars>div{padding:30px;border:1px solid #43525b;border-radius:10px;background:#19242f}.pillars em{font-size:11px;letter-spacing:.16em;color:var(--mint);font-style:normal;font-weight:800}.pillars h3{font-size:23px;letter-spacing:-.05em;margin:52px 0 15px}.pillars p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.callout{margin-block:105px;border-radius:14px;border:1px solid #637e5a;background:radial-gradient(circle at 96% 10%,#baff8534,transparent 35%),#24362e;padding:55px 60px}.callout h2{font-size:clamp(31px,4.5vw,59px);max-width:750px;letter-spacing:-.075em;line-height:1.1;margin:12px 0 24px}.callout-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.callout-row p{color:#c2d3c5;max-width:620px;font-size:15px}.site-footer{border-top:1px solid var(--line);background:#0d141d;padding:65px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-grid p{color:#cdd9d5;font-size:13px;margin:20px 0 4px}.footer-grid small{font-size:11px;color:#86999d}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-grid b{color:var(--mint);font-size:12px;margin-bottom:5px}.footer-grid a:not(.wordmark){color:#b4c3c7;font-size:13px}.page-hero{padding:112px 0 70px;max-width:1200px}.page-hero h1{font-size:clamp(52px,7vw,108px);line-height:.98;letter-spacing:-.086em;margin:0 0 28px}.page-hero>p:last-child,.case-lead{font-size:18px;color:#b4c5c7;max-width:730px;line-height:1.8}.filter-bar{padding:25px;background:#192632;border:1px solid var(--line);border-radius:12px;display:flex;gap:14px;align-items:center}.filter-bar label{font-size:12px;font-weight:750;color:#c3d2d1}.filter-bar input,.filter-bar select{background:#101b25;border:1px solid #48545d;border-radius:6px;color:var(--ink);min-height:48px;padding:12px 15px}.filter-bar input{flex:1;min-width:140px}.filter-bar select{min-width:190px}.results-note{font-size:12px;color:var(--muted);padding:22px 2px 14px}.no-results{text-align:center;padding:40px;border:1px solid var(--line);color:var(--muted)}.work-list{padding-bottom:90px}.repository-note{border-top:1px solid var(--line);margin-top:70px;padding:55px 0}.repository-note h2{font-size:37px;letter-spacing:-.055em;margin:0}.repository-note>p:not(.eyebrow){color:var(--muted);max-width:770px;line-height:1.8}.case-detail{padding-bottom:52px}.back{font-size:12px;color:var(--mint);display:inline-block;margin-bottom:53px}.case-detail h1{max-width:1000px}.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.case-detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;align-items:stretch}.detail-visual{position:relative;min-height:430px;background:#172936;border:1px solid var(--line);border-radius:12px;overflow:hidden}.detail-visual .abstract-shot{height:100%;min-height:430px}.detail-visual .abstract-shot strong{font-size:66px;max-width:560px}.official-logo{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff44;background:#101722cc;border-radius:10px;padding:9px;max-width:110px;max-height:95px}.official-logo img{max-height:75px;width:auto}.status-panel{border:1px solid var(--line);border-radius:12px;background:#1a2934;padding:32px}.status-panel h2{font-size:30px;line-height:1.17;margin:5px 0 20px;letter-spacing:-.045em}.status-panel p{color:#bac8c8;font-size:13px;line-height:1.8}.status-panel small{display:block;font-size:11px;color:var(--mint);margin-top:20px}.separator{height:1px;background:var(--line);margin-top:30px}.case-narrative{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 75px;padding-top:100px;padding-bottom:90px}.case-narrative>div{border-top:1px solid var(--line);padding-top:26px}.case-narrative h2{font-size:36px;letter-spacing:-.06em;margin:0 0 19px}.case-narrative p:not(.eyebrow),.case-narrative li{color:#b3c3c7;font-size:15px;line-height:1.9}.case-narrative ul{padding-left:19px}.case-next{border-top:1px solid var(--line);padding-block:46px 100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.case-next h2{font-size:32px;letter-spacing:-.05em}.about-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;padding-bottom:110px}.about-monogram{background:radial-gradient(circle,#3c5a44,#18252c 65%);min-height:420px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:13px}.about-monogram img{width:50%;box-shadow:0 35px 65px #0004;border-radius:25%}.about-monogram span{position:absolute;bottom:25px;font-size:9px;letter-spacing:.12em;color:#cadbcc}.about-text h2{font-size:clamp(30px,3.5vw,49px);line-height:1.15;letter-spacing:-.055em;margin:0 0 25px}.about-text h3{font-size:23px;margin-top:30px}.about-text p:not(.eyebrow),.about-text li{color:var(--muted);line-height:1.9}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-bottom:110px}.contact-side h2{font-size:38px;letter-spacing:-.06em;line-height:1.15;margin:0 0 40px}.contact-choice{padding:23px 0;border-top:1px solid var(--line)}.contact-choice strong{font-size:15px}.contact-choice p{font-size:13px;color:var(--muted);line-height:1.8}.side-note{font-size:13px;color:var(--muted)}.side-note a{color:var(--mint)}.contact-form{padding:45px;background:#1b2935;border:1px solid #4b5960;border-radius:14px}.contact-form h2{font-size:28px;letter-spacing:-.05em;margin:0 0 32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:9px;color:#e5ebe4}.field label span{color:var(--mint)}.field small{color:var(--muted)}.field input,.field select,.field textarea{width:100%;border-radius:6px;border:1px solid #627076;background:#121c27;color:var(--ink);padding:13px 14px;min-height:50px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint)}.field-hidden{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.consent{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#c0cccf;line-height:1.6;margin:25px 0}.consent input{margin-top:4px;accent-color:var(--mint)}.consent a{text-decoration:underline}.form-status{min-height:21px;font-size:13px}.form-status.error{color:#ffb4a7}.form-status.ok{color:var(--mint)}.button.submit{width:100%}.tiny-note{font-size:11px;color:var(--muted);line-height:1.7}.privacy{padding-bottom:105px}.policy{max-width:780px;border-top:1px solid var(--line);padding-top:15px}.policy h2{font-size:24px;margin:26px 0 8px}.policy p{color:var(--muted);font-size:15px;line-height:1.85}
@media(max-width:1050px){.site-header nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(58px,7vw,85px)}.hero-visual{min-height:450px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{gap:32px}.about-layout{gap:40px}}
@media(max-width:760px){.wrap{width:min(100% - 34px,var(--max))}.nav-inner{height:72px}.wordmark{font-size:25px}.wordmark small{font-size:8px}.nav-toggle{display:flex;width:43px;height:40px;border:1px solid #6c7e7b;border-radius:7px;background:none;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav-toggle span{height:2px;width:20px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#15232b;padding:22px 17px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.site-header nav.open{display:flex}.hero{padding:66px 0 55px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(60px,12vw,91px)}.hero-visual{min-height:350px;max-height:420px}.visual-stamp b{font-size:17px}.metrics-inner>div{padding:25px 14px;flex-direction:column;align-items:flex-start;gap:11px}.metrics strong{font-size:28px}.metrics span{font-size:11px}.section{padding-block:75px 50px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.projects-grid{grid-template-columns:1fr 1fr;gap:13px}.case-art{height:160px}.case-body{padding:20px}.case-body h3{font-size:21px}.case-body>p:not(.eyebrow){min-height:95px}.case-body .eyebrow{font-size:9px}.pillars{grid-template-columns:1fr}.pillars h3{margin-top:20px}.callout{padding:35px 25px;margin-block:60px}.callout-row{display:block}.callout-row .button{margin-top:18px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:40px}.footer-grid>div:last-child{grid-column:2}.page-hero{padding:75px 0 43px}.page-hero h1{font-size:clamp(52px,10vw,78px)}.page-hero>p:last-child{font-size:16px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{width:100%}.case-detail-grid,.case-narrative,.about-layout,.contact-layout{grid-template-columns:1fr;gap:28px}.detail-visual{min-height:340px}.detail-visual .abstract-shot{min-height:340px}.detail-visual .abstract-shot strong{font-size:43px}.case-narrative{padding-top:62px}.case-next{flex-direction:column;align-items:flex-start}.about-monogram{min-height:340px}.contact-form{padding:24px}}
@media(max-width:520px){.hero h1{font-size:clamp(55px,12.3vw,78px)}.hero-intro{font-size:15px}.hero-visual{min-height:290px}.projects-grid{grid-template-columns:1fr}.case-art{height:205px}.case-body>p:not(.eyebrow){min-height:auto}.metrics span{font-size:10px}.section-head h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:2}.form-grid{grid-template-columns:1fr;gap:0}.contact-form h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}