:root{--black:#151515;--white:#fff;--off:#f7f6f2;--surface:#fff;--line:#deddd8;--muted:#686862;--gold:#b9965b;--shadow:0 28px 80px rgba(21,21,21,.12);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans;color-scheme:light}
html[data-theme="dark"]{--black:#f4f1e9;--white:#11110f;--off:#181816;--surface:#20201d;--line:#373731;--muted:#aaa79f;--gold:#c8a56b;--shadow:0 28px 80px rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:var(--sans);line-height:1.65;transition:background .35s,color .35s}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:15px;top:-60px;background:var(--black);color:var(--white);padding:12px 16px;z-index:100;transition:.2s}.skip-link:focus{top:15px}.site-header{height:104px;display:flex;align-items:center;gap:28px;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid color-mix(in srgb,var(--black) 10%,transparent);position:absolute;z-index:30;width:100%;top:0}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.brand-symbol{width:48px;height:42px;display:grid;place-items:center;position:relative;color:var(--gold);font-family:var(--serif);font-size:24px}.brand-symbol i{position:absolute;width:12px;height:12px;border-color:var(--black)}.brand-symbol i:first-child{left:0;top:0;border-left:2px solid;border-top:2px solid}.brand-symbol i:last-child{right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:13px;letter-spacing:.17em}.brand-text small{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:15px;margin-top:6px}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;margin-left:auto}.main-nav a{position:relative}.main-nav a:not(.nav-cta)::after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--gold);transition:.3s}.main-nav a:hover::after{width:100%}.nav-cta{border:1px solid var(--black);padding:11px 17px;transition:.25s}.nav-cta:hover{background:var(--black);color:var(--white)}.header-tools{display:flex;align-items:center;gap:12px}.language-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:color-mix(in srgb,var(--surface) 85%,transparent)}.language-switch button,.theme-toggle{border:0;background:transparent;color:var(--black);font:700 10px var(--sans);cursor:pointer}.language-switch button{padding:7px 9px;border-radius:999px}.language-switch button.active{background:var(--black);color:var(--white)}.theme-toggle{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:18px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:26px;height:1px;background:var(--black);margin:7px 0}.hero{min-height:100svh;padding:150px clamp(22px,5vw,80px) 72px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);align-items:center;gap:6vw;position:relative;overflow:hidden;background:linear-gradient(90deg,var(--white) 0 51%,var(--off) 51%)}.hero-copy{max-width:730px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--gold);margin:0 0 25px}.hero h1,.section h2,.portfolio h2,.contact h2{font-family:var(--serif);font-weight:600;line-height:.93;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(58px,7vw,104px)}.hero h1 em{color:var(--gold);font-weight:500}.hero-text{font-size:clamp(15px,1.25vw,19px);color:var(--muted);max-width:640px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:.25s}.btn-dark{background:var(--black);color:var(--white)}.btn-dark:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700}.text-link b{color:var(--gold);margin-left:6px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:45px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hero-proof span::before{content:"•";color:var(--gold);margin-right:8px}.hero-art{height:min(650px,70vh);position:relative;perspective:1200px}.browser-card{position:absolute;width:78%;height:62%;top:10%;left:2%;background:var(--surface);box-shadow:var(--shadow);transform:rotate(-2deg);z-index:2;border:1px solid var(--line)}.browser-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 15px}.browser-top i{width:6px;height:6px;background:#aaa;border-radius:50%}.browser-top span{margin-left:8px;font-size:8px;color:var(--muted)}.browser-body{height:calc(100% - 38px);background:linear-gradient(135deg,#171717 0 60%,#292929 60%);color:white;padding:12% 10%}.mock-kicker{font-size:9px;letter-spacing:.16em;color:var(--gold)}.mock-title{font-family:var(--serif);font-size:clamp(28px,3vw,52px);line-height:.95;margin-top:16%;max-width:420px}.mock-lines{margin-top:13%;display:grid;gap:8px}.mock-lines i{display:block;width:50%;height:4px;background:var(--gold)}.mock-lines i:nth-child(2){width:33%;background:#fff}.mock-lines i:nth-child(3){width:20%;background:#777}.phone-card{position:absolute;width:31%;height:61%;right:3%;bottom:5%;background:#111;border:7px solid #222;border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.25);z-index:5;overflow:hidden}.phone-notch{width:38%;height:14px;background:#222;border-radius:0 0 12px 12px;margin:auto}.phone-content{padding:35% 13% 10%;color:white}.phone-content>span{font-size:8px;letter-spacing:.18em;color:var(--gold)}.phone-content strong{display:block;font-family:var(--serif);font-size:clamp(20px,2vw,34px);line-height:1;margin:14px 0 28px}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.phone-grid i{display:block;aspect-ratio:1;background:#f0ede7}.phone-grid i:nth-child(2),.phone-grid i:nth-child(3){background:var(--gold)}.paper-card{position:absolute;bottom:3%;left:0;width:33%;height:25%;background:#efece5;color:#151515;padding:8%;z-index:4;transform:rotate(4deg);box-shadow:0 18px 45px rgba(0,0,0,.12)}.paper-card span{font-size:8px;text-transform:uppercase;letter-spacing:.16em}.paper-card strong{display:block;font-family:var(--serif);font-size:48px;line-height:1;margin-top:8px;color:var(--gold)}.paper-card div{height:1px;background:#111;margin-top:14px}.circle-stamp{position:absolute;right:24%;top:2%;width:94px;height:94px;border-radius:50%;background:var(--gold);color:white;display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:30px;line-height:.7;z-index:6;box-shadow:0 10px 28px rgba(185,150,91,.3)}.circle-stamp span{font-family:var(--sans);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.28}.orb-a{width:260px;height:260px;background:var(--gold);right:0;top:0}.orb-b{width:220px;height:220px;background:#9d9d96;left:10%;bottom:0}.floating{animation:float 7s ease-in-out infinite}.delay-1{animation-delay:-2s}.delay-2{animation-delay:-4s}@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}.scroll-note{position:absolute;bottom:25px;left:clamp(22px,5vw,80px);font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.section{padding:130px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:.42fr 1fr;gap:40px;align-items:start;margin-bottom:75px}.section-heading h2{font-size:clamp(46px,6vw,82px);max-width:880px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:1.05fr 1.45fr .7fr;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);position:relative;transition:.3s}.service-item::before{content:attr(data-label);position:absolute;left:-44px;color:var(--gold);font-size:10px}.service-item:hover{padding-left:18px;background:linear-gradient(90deg,var(--off),transparent)}.service-item h3{font-family:var(--serif);font-size:44px;font-weight:600;margin:0}.service-item p{color:var(--muted);margin:0;max-width:600px}.service-item span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.portfolio{background:#151515;color:white;padding:130px clamp(24px,7vw,110px)}.portfolio-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:80px}.portfolio-head h2{font-size:clamp(50px,6vw,84px);max-width:900px}.portfolio-head>p{color:#aaa}.light{color:var(--gold)}.case-study{display:grid;grid-template-columns:1.4fr .6fr;gap:55px;align-items:start;border-top:1px solid #3a3a38;padding-top:38px}.case-images{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.case-images figure{margin:0;overflow:hidden;background:#272727}.case-images img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.case-images figure:hover img{transform:scale(1.025)}.case-main{aspect-ratio:1/1}.case-side{aspect-ratio:4/5;margin-top:100px!important}.case-number{color:var(--gold);font-size:11px;letter-spacing:.16em}.case-info h3{font-family:var(--serif);font-size:58px;margin:15px 0 22px}.case-info>p{color:#b7b7b3}.case-info ul{list-style:none;padding:22px 0 0;margin:32px 0 0;border-top:1px solid #3a3a38}.case-info li{font-size:10px;text-transform:uppercase;letter-spacing:.14em;padding:8px 0;color:#ddd}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:90px}.coming-grid>div{min-height:260px;border:1px solid #3a3a38;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.coming-grid>div:hover{border-color:var(--gold);transform:translateY(-4px)}.coming-grid span{color:var(--gold);margin-bottom:auto}.coming-grid h3{font-family:var(--serif);font-size:38px;margin:0}.coming-grid p{color:#aaa;margin:4px 0 0}.about{background:var(--off)}.about-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.about-mark{aspect-ratio:1;max-width:470px;border:1px solid var(--gold);display:grid;place-items:center;position:relative}.about-mark::before,.about-mark::after{content:"";position:absolute;background:var(--off)}.about-mark::before{width:70%;height:calc(100% + 2px)}.about-mark::after{height:70%;width:calc(100% + 2px)}.about-mark span{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(100px,15vw,200px);letter-spacing:-.12em;color:var(--gold)}.about-copy h2{font-size:clamp(50px,6vw,82px);margin-bottom:35px}.about-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:720px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-step{padding:28px 26px 0 0;min-height:240px}.process-step:not(:last-child){border-right:1px solid var(--line);margin-right:26px}.process-step span{font-family:var(--serif);font-size:52px;color:var(--gold)}.process-step h3{font-family:var(--serif);font-size:32px;margin:34px 0 8px}.process-step p{font-size:13px;color:var(--muted);max-width:230px}.contact{background:#151515;color:white;padding:130px clamp(24px,7vw,110px) 40px;min-height:75vh;display:flex;flex-direction:column}.contact-copy{display:grid;grid-template-columns:.42fr 1fr;gap:40px}.contact h2{font-size:clamp(53px,7vw,98px);max-width:1050px}.contact-actions{display:flex;gap:32px;align-items:center;margin:60px 0 100px;padding-left:calc(42% + 20px)}.btn-gold{background:var(--gold);color:white}.btn-gold:hover{background:white;color:#151515}.contact-actions>a:not(.btn){font-size:13px;border-bottom:1px solid #777;padding-bottom:5px}.contact footer{margin-top:auto;border-top:1px solid #373735;padding-top:32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#888;font-size:11px}.footer-brand{color:white}.contact footer p:nth-child(2){text-align:center}.contact footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--black);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:20}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:1080px){.main-nav{gap:18px}.header-tools{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:150px;background:linear-gradient(var(--white) 0 52%,var(--off) 52%)}.hero-art{height:620px;margin-top:40px}.section-heading,.portfolio-head,.case-study,.about-layout,.contact-copy{grid-template-columns:1fr}.service-item{grid-template-columns:1fr}.service-item::before{display:none}.process-line{grid-template-columns:1fr 1fr}.contact-actions{padding-left:0}.main-nav{display:none}.menu-toggle{display:block;z-index:32;margin-left:auto}.main-nav.open{display:flex;position:fixed;inset:0;background:var(--white);z-index:31;flex-direction:column;justify-content:center;align-items:center;font-family:var(--serif);font-size:36px}.header-tools{z-index:33}.site-header{position:absolute}.contact footer{grid-template-columns:1fr;gap:22px}.contact footer p:nth-child(2),.contact footer p:last-child{text-align:left}}@media(max-width:700px){.site-header{height:88px;padding:0 18px}.brand-text strong{font-size:11px}.brand-text small{font-size:13px}.header-tools{gap:6px}.language-switch button{padding:6px 7px}.theme-toggle{width:32px;height:32px}.hero{padding:125px 20px 55px}.hero h1{font-size:52px}.hero-art{height:450px}.browser-card{width:86%;height:58%}.phone-card{width:37%;height:60%}.paper-card{width:42%}.circle-stamp{width:70px;height:70px;font-size:23px}.section,.portfolio,.contact{padding:90px 20px}.section-heading{margin-bottom:48px}.section-heading h2,.portfolio-head h2,.about-copy h2{font-size:45px}.service-item h3{font-size:37px}.case-images{grid-template-columns:1fr}.case-side{margin-top:0!important;aspect-ratio:1/1}.case-info h3{font-size:48px}.coming-grid{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.process-step:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin-right:0}.contact h2{font-size:49px}.contact-actions{align-items:flex-start;flex-direction:column}.hero-proof{gap:12px}.brand-symbol{display:none}}