:root{--color-background:#101010;--color-surface:#171717;--color-text:#f1efe9;--color-text-muted:#aaa8a2;--color-border:#363636;--color-focus:#f1efe9;--font-sans:Inter, Arial, sans-serif;--page-padding:clamp(1.25rem, 4vw, 4rem);--content-width:90rem;--transition-fast:.18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;color:var(--color-text);background:var(--color-background);font-family:var(--font-sans);margin:0;line-height:1.5}a{color:inherit}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.page-shell,.section{width:min(100%, var(--content-width));padding-inline:var(--page-padding);margin-inline:auto}.section{border-bottom:1px solid var(--color-border);padding-block:clamp(5.5rem,11vw,10rem)}.eyebrow{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:600}.section-title{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.5rem,7vw,6rem);font-weight:500;line-height:.94}.section-intro{max-width:30rem;color:var(--color-text-muted);margin:1.5rem 0 0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:10;height:5.25rem;padding-inline:var(--page-padding);border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-navigation{gap:clamp(1rem,2.4vw,2.5rem);display:flex}.site-navigation a,.header-cta{color:var(--color-text-muted);letter-spacing:.04em;transition:color var(--transition-fast);font-size:.75rem;text-decoration:none}.site-navigation a:hover,.header-cta:hover{color:var(--color-text)}.header-cta{right:var(--page-padding);color:var(--color-text);border-bottom:1px solid var(--color-text);padding-bottom:.25rem;position:absolute}.menu-toggle{right:var(--page-padding);display:none;position:absolute}.hero{border-bottom:1px solid var(--color-border);align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-visual,.studio-visual{background:radial-gradient(circle at 72% 45%,#353535 0,#191919 23%,#0b0b0b 58%);position:absolute;inset:0}.hero-logo-watermark{z-index:0;opacity:.16;mix-blend-mode:screen;width:min(75vw,77rem);max-width:none;position:absolute;top:50%;right:-8vw;transform:translateY(-50%)}.hero-visual:after,.studio-visual:after{content:"";z-index:1;background:linear-gradient(90deg,#000000b8,#0000002e 70%),linear-gradient(#0000 50%,#000000ad);position:absolute;inset:0}.hero-visual span,.studio-visual span{z-index:2;right:var(--page-padding);color:#777;letter-spacing:.14em;font-size:.65rem;position:absolute;bottom:2rem}.hero-content{z-index:2;padding-top:12rem;padding-bottom:clamp(3rem,6vw,5.5rem);position:relative}.hero h1,.studio-copy h2,.contact h2{letter-spacing:-.08em;max-width:11ch;margin:0;font-size:clamp(4rem,10vw,10.5rem);font-weight:500;line-height:.8}.hero-bottom{justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(4rem,12vh,10rem);display:flex}.hero-bottom>p{max-width:20rem;color:var(--color-text-muted);margin:0;font-size:.95rem}.hero-actions{align-items:center;gap:2rem;display:flex}.button{color:var(--color-background);background:var(--color-text);letter-spacing:.03em;transition:transform var(--transition-fast), background var(--transition-fast);align-items:center;gap:2rem;padding:1rem 1.2rem;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#fff;transform:translateY(-3px)}.text-link{color:var(--color-text);border-bottom:1px solid var(--color-text-muted);padding-bottom:.3rem;font-size:.78rem;text-decoration:none}.text-link span{margin-left:.8rem}.section-heading{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}.section-heading .eyebrow{grid-column:1}.section-heading .section-title{grid-area:1/2/span 2}.section-heading .section-intro{grid-column:1}.services-list{border-top:1px solid var(--color-border)}.service{border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 1fr;min-height:29rem;display:grid}.service:nth-child(2n) .service-visual{order:2}.service-visual{background:#202020;min-height:18rem;position:relative;overflow:hidden}.service-visual:after{content:"";border:1px solid #3a3a3a;position:absolute;inset:15%}.service-visual span{color:#5d5d5d;letter-spacing:-.1em;font-size:8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-2{background:#252525}.visual-3{background:#161616}.visual-4{background:#2b2b2b}.service-copy{align-self:end;max-width:25rem;padding:clamp(2rem,5vw,5rem)}.service-copy h3{letter-spacing:-.06em;margin:0 0 1rem;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.9}.service-copy>p:not(.eyebrow){color:var(--color-text-muted);margin-bottom:2rem}.package-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.package{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;min-height:25rem;padding:clamp(1.5rem,3vw,3rem);display:flex}.package h3{letter-spacing:-.06em;margin:.7rem 0 1.1rem;font-size:clamp(2rem,3.5vw,3.4rem);font-weight:500;line-height:.95}.package-description{max-width:28rem;color:var(--color-text-muted);margin:0}.package ul{border-top:1px solid var(--color-border);margin:auto 0 1.8rem;padding:1.8rem 0 0;list-style:none}.package li{color:var(--color-text-muted);padding-left:1rem;font-size:.84rem;line-height:1.8;position:relative}.package li:before{content:"—";position:absolute;left:0}.package .text-link{align-self:flex-start}.package-custom{background:var(--color-surface)}.process{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.process .section-heading{margin:0;display:block}.process-list{counter-reset:process;margin:0;padding:0;list-style:none}.process-list li{border-top:1px solid var(--color-border);counter-increment:process;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;display:grid}.process-list li:before{content:"0" counter(process);color:var(--color-text-muted);font-size:.72rem}.process-list strong{font-size:1.4rem;font-weight:500}.process-list span{color:var(--color-text-muted);grid-column:2;font-size:.9rem}.portfolio-grid{margin-inline:calc(var(--page-padding) * -1);background:var(--color-border);grid-template-columns:1.2fr .8fr;gap:1px;display:grid}.project{min-height:32rem;color:var(--color-text);background:#1d1d1d;flex-direction:column;justify-content:end;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.project:before{content:"";background:radial-gradient(circle at 50% 40%,#484848,#171717 60%);transition:transform .5s;position:absolute;inset:0}.project:hover:before{transform:scale(1.08)}.project-two:before{background:radial-gradient(circle at 25% 30%,#393939,#131313 65%)}.project-three{grid-column:1/-1;min-height:22rem}.project-three:before{background:linear-gradient(110deg,#111,#3d3d3d,#161616)}.project>span{z-index:1;position:relative}.project-index{color:var(--color-text-muted);font-size:.72rem;position:absolute;top:1.5rem;left:1.5rem}.project-name{letter-spacing:-.07em;font-size:clamp(2rem,4vw,4rem);line-height:.9}.project-type{color:var(--color-text-muted);margin-top:.7rem;font-size:.72rem}.studio-cta{border-bottom:1px solid var(--color-border);align-items:end;min-height:52rem;display:grid;position:relative;overflow:hidden}.studio-visual{background:radial-gradient(circle at 20% 25%,#454545,#161616 48%,#0b0b0b)}.studio-copy{z-index:1;padding-top:8rem;padding-bottom:5rem;position:relative}.studio-copy h2{max-width:10ch;margin-bottom:2.5rem;font-size:clamp(3.5rem,8vw,8rem)}.faq{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.faq .section-heading{margin:0;display:block}.faq-list{border-top:1px solid var(--color-border)}.faq details{border-bottom:1px solid var(--color-border)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.4rem 0;font-size:1.05rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--color-text-muted)}.faq details[open] summary:after{content:"−"}.faq details p{max-width:35rem;color:var(--color-text-muted);margin:0 2rem 1.5rem 0;font-size:.9rem}.contact{padding-block:clamp(6rem,14vw,13rem)}.contact h2{max-width:12ch;font-size:clamp(3.8rem,9.5vw,10rem)}.contact-link{color:var(--color-text);border-bottom:1px solid var(--color-text);margin-top:3rem;font-size:clamp(1.3rem,2vw,2rem);text-decoration:none;display:inline-block}.contact-link span{margin-left:2rem}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-top:2rem;padding-bottom:2rem;font-size:.7rem;line-height:1.6;display:grid}.site-footer p{margin:0}.site-footer p:first-child{color:var(--color-text);letter-spacing:.08em;font-weight:600}@media (width<=700px){.site-header{height:4.5rem}.site-navigation{padding:.5rem var(--page-padding) 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;gap:0;display:none;position:absolute;inset:4.5rem 0 auto}.site-navigation.is-open{display:flex}.site-navigation a{color:var(--color-text);padding:.8rem 0;font-size:1rem}.header-cta{display:none}.menu-toggle{color:var(--color-text);background:0 0;border:0;flex-direction:column;gap:.3rem;padding:.5rem 0 .5rem .75rem;display:flex}.menu-toggle span:not(.visually-hidden){background:currentColor;width:1.35rem;height:1px;display:block}.hero-bottom,.hero-actions{flex-direction:column;align-items:start}.hero-bottom{margin-top:4rem}.section-heading,.process,.faq{display:block}.section-heading{margin-bottom:3rem}.section-heading .section-title{margin-top:2rem}.section-heading .section-intro{margin-top:1.5rem}.service{grid-template-columns:1fr;min-height:auto}.service:nth-child(2n) .service-visual{order:0}.service-visual{min-height:17rem}.service-copy{padding:2rem 0 3.5rem}.package-grid{grid-template-columns:1fr}.package{min-height:0}.process .section-heading,.faq .section-heading{margin-bottom:3rem}.portfolio-grid{grid-template-columns:1fr}.project,.project-three{grid-column:auto;min-height:23rem}.studio-cta{min-height:38rem}.studio-copy{padding-bottom:3rem}.site-footer{grid-template-columns:1fr;gap:1rem}.site-footer p:first-child{margin-bottom:2rem}}