:root{--bg:#0a0a09;--bg2:#11110f;--panel:#151512;--line:rgba(255,255,255,.10);--text:#f4f0e9;--muted:#aaa59d;--ember:#d7773e;--ember2:#f3a460;--cream:#e9dfd0;--max:1320px;--radius:24px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ember2);font-weight:700}.display{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.92;letter-spacing:-.03em}.muted{color:var(--muted)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:92px;transition:.3s var(--ease);border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(8,8,7,.86);backdrop-filter:blur(18px);border-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brandmark{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.brand-icon{width:34px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--ember2);box-shadow:inset 0 0 24px rgba(215,119,62,.12)}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:.86rem;color:#d8d4cd;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:right;transition:.3s var(--ease)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1);transform-origin:left}.nav-cta{border:1px solid rgba(255,255,255,.22);padding:12px 18px;border-radius:999px!important}.nav-cta:after{display:none}.menu-btn{display:none;background:none;border:0;color:#fff;padding:10px;cursor:pointer}.menu-btn span{display:block;width:25px;height:1px;background:#fff;margin:6px 0;transition:.25s}.mobile-nav{display:none}
.hero{min-height:100svh;display:grid;align-items:end;position:relative;overflow:hidden;background:#090909}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.93) 0%,rgba(5,5,4,.65) 38%,rgba(5,5,4,.24) 70%,rgba(5,5,4,.72) 100%),linear-gradient(0deg,#0a0a09 0%,transparent 30%),url('https://images.pexels.com/photos/19966782/pexels-photo-19966782.jpeg?auto=compress&cs=tinysrgb&w=2000') center/cover no-repeat;transform:scale(1.04);animation:herozoom 14s ease-out forwards}.hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(215,119,62,.17),transparent 68%);right:-180px;bottom:-190px;filter:blur(10px);animation:ember 7s ease-in-out infinite}.hero-content{position:relative;z-index:2;padding:190px 0 95px;max-width:850px}.hero h1{font-size:clamp(4.4rem,9vw,9rem);margin:14px 0 30px;max-width:900px}.hero-lead{max-width:650px;font-size:clamp(1rem,1.5vw,1.25rem);color:#d6d0c7;margin:0 0 38px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.88rem;transition:.3s var(--ease);cursor:pointer}.btn-primary{background:var(--ember);color:#100d0a}.btn-primary:hover{background:var(--ember2);transform:translateY(-2px)}.btn-ghost{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}.hero-meta{display:flex;gap:42px;margin-top:72px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);max-width:800px}.hero-meta div{font-size:.8rem;color:#9d9890}.hero-meta strong{display:block;color:#fff;font-size:.9rem;margin-bottom:2px}
.section{padding:120px 0}.section-sm{padding:85px 0}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:56px}.section-head h2{font-size:clamp(3.2rem,6vw,6.4rem);margin:10px 0 0}.section-head p{max-width:600px;margin:0 0 12px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.intro-card{min-height:620px;border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--line)}.intro-card.image{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%),url('https://images.pexels.com/photos/6580224/pexels-photo-6580224.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover}.intro-card .copy{position:absolute;inset:auto 34px 32px}.intro-card .copy h3{font:500 2.4rem/1 'Cormorant Garamond',serif;margin:6px 0}.service-stack{display:grid;gap:20px}.service-card{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#151512,#10100e);min-height:190px;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-85px;border:1px solid rgba(215,119,62,.25);border-radius:50%}.service-card span{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--ember2)}.service-card h3{font:500 1.7rem/1.1 'Cormorant Garamond',serif;margin:12px 0 8px}.service-card p{margin:0;color:var(--muted);font-size:.92rem}
.process{background:#0e0e0c;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.step{background:#0e0e0c;padding:34px;min-height:280px}.step b{display:block;color:var(--ember2);font-size:.78rem;letter-spacing:.14em}.step h3{font:500 2rem/1.05 'Cormorant Garamond',serif;margin:48px 0 14px}.step p{color:var(--muted);font-size:.9rem;margin:0}
.featured-work{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-tile{min-height:620px;border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--line);isolation:isolate}.work-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 60%);z-index:1}.work-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.8s var(--ease)}.work-tile:hover img{transform:scale(1.035)}.tile-copy{position:absolute;z-index:2;inset:auto 30px 28px}.tile-copy h3{font:500 2.25rem/1 'Cormorant Garamond',serif;margin:4px 0 8px}.tile-copy p{color:#c8c1b7;margin:0;max-width:440px}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--cream);font-weight:700;font-size:.86rem;margin-top:18px}.text-link i{font-style:normal;transition:.25s}.text-link:hover i{transform:translateX(4px)}
.brand-strip{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#0d0d0b}.marquee{display:flex;width:max-content;gap:56px;animation:marquee 25s linear infinite}.marquee span{font:500 1.25rem 'Cormorant Garamond',serif;color:#bbb4aa;white-space:nowrap}.marquee b{color:var(--ember);margin-right:56px}
.cta-panel{border:1px solid var(--line);border-radius:32px;padding:72px;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 50%,rgba(215,119,62,.18),transparent 33%),#11110f}.cta-panel h2{font-size:clamp(3.5rem,7vw,7.4rem);max-width:850px;margin:10px 0 28px}.cta-panel p{max-width:600px;color:var(--muted)}
.page-hero{padding:190px 0 90px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(215,119,62,.14);border-radius:50%;right:-180px;top:20px;box-shadow:0 0 120px rgba(215,119,62,.06)}.page-hero h1{font-size:clamp(4.5rem,8vw,8rem);margin:12px 0 22px;max-width:1000px}.page-hero p{max-width:700px;color:var(--muted);font-size:1.1rem}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{border:1px solid var(--line);border-radius:22px;padding:32px;min-height:250px;background:#10100e;position:relative;overflow:hidden;transition:.3s var(--ease)}.brand-card:hover{transform:translateY(-5px);border-color:rgba(215,119,62,.45)}.brand-card .num{font-size:.7rem;letter-spacing:.15em;color:var(--ember2)}.brand-card h3{font:500 2.25rem 'Cormorant Garamond',serif;margin:55px 0 10px}.brand-card p{color:var(--muted);font-size:.9rem;margin:0}.brand-note{margin-top:28px;color:#77736d;font-size:.82rem}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#10100e;cursor:pointer;transition:.35s var(--ease)}.project-card:hover{transform:translateY(-6px);border-color:rgba(215,119,62,.42)}.project-thumb{height:430px;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.project-card:hover img{transform:scale(1.035)}.project-info{padding:26px 28px 30px}.project-info .row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.project-info h3{font:500 2rem/1 'Cormorant Garamond',serif;margin:6px 0 0}.project-info .arrow{font-size:1.25rem;color:var(--ember2)}
.modal{position:fixed;inset:0;z-index:100;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,.82);backdrop-filter:blur(12px)}.modal-box{position:relative;z-index:2;width:min(1120px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:#10100e;display:grid;grid-template-columns:1.05fr .95fr}.modal-media{min-height:620px}.modal-media img{width:100%;height:100%;object-fit:cover}.modal-copy{padding:48px}.modal-copy h2{font-size:4rem;margin:10px 0 20px}.modal-copy p{color:var(--muted)}.modal-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:11px}.modal-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}.modal-close{position:absolute;right:18px;top:18px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff;font-size:1.4rem;cursor:pointer}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-copy h2{font-size:clamp(3rem,5vw,5rem);margin:8px 0 24px}.contact-copy p{color:var(--muted)}.contact-points{margin-top:44px;display:grid;gap:14px}.contact-point{border-top:1px solid var(--line);padding:18px 0}.contact-point strong{display:block;font-size:.82rem;margin-bottom:3px}.contact-point span,.contact-point a{color:var(--muted);font-size:.9rem}.form-card{padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:#10100e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;color:#bbb5ad}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0a0a09;color:#fff;border-radius:12px;padding:14px 15px;outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ember)}.field textarea{min-height:160px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;color:#8e8982;font-size:.78rem;margin:18px 0 24px}.form-status{font-size:.85rem;margin-top:14px;min-height:22px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:70px;padding-bottom:60px}.footer-brand p{max-width:420px;color:var(--muted);font-size:.9rem;margin-top:20px}.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#77736e;margin:0 0 18px}.footer-col a{display:block;margin:9px 0;color:#cbc6be;font-size:.9rem}.footer-col a:hover{color:var(--ember2)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#6f6c67;font-size:.75rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes herozoom{to{transform:scale(1)}}@keyframes ember{50%{transform:scale(1.14);opacity:.65}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.site-header{height:78px}.nav{display:none}.menu-btn{display:block}.mobile-nav{display:flex;position:fixed;inset:78px 0 0;background:rgba(8,8,7,.98);z-index:49;flex-direction:column;padding:40px 20px;transform:translateX(100%);transition:.35s var(--ease)}.mobile-nav.open{transform:none}.mobile-nav a{font:500 2.6rem/1.2 'Cormorant Garamond',serif;padding:12px 0;border-bottom:1px solid var(--line)}.hero-content{padding:150px 0 60px}.hero h1{font-size:clamp(4rem,17vw,6.2rem)}.hero-meta{gap:22px;flex-wrap:wrap;margin-top:52px}.section,.section-sm{padding:78px 0}.section-head{grid-template-columns:1fr;gap:22px}.section-head h2{font-size:clamp(3rem,14vw,5rem)}.intro-grid,.featured-work,.contact-layout{grid-template-columns:1fr}.intro-card{min-height:520px}.service-stack{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.brand-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.modal-box{grid-template-columns:1fr;max-width:700px}.modal-media{min-height:340px;height:42vh}.modal-copy{padding:34px}.modal-copy h2{font-size:3rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-panel{padding:42px}.page-hero{padding:150px 0 70px}}
@media(max-width:600px){.wrap{width:min(calc(100% - 28px),var(--max))}.brandmark{font-size:.77rem}.brand-icon{width:30px;height:30px}.hero-media{background-position:64% center}.hero-content{padding-bottom:45px}.hero-lead{font-size:.98rem}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.section-head p{font-size:.93rem}.service-stack,.process-grid,.brand-grid{grid-template-columns:1fr}.service-card{min-height:170px}.step{min-height:220px}.work-tile{min-height:500px}.cta-panel{padding:32px 24px;border-radius:24px}.page-hero h1{font-size:clamp(4rem,18vw,5.4rem)}.project-thumb{height:340px}.form-card{padding:24px 18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.modal{padding:12px}.modal-copy{padding:27px 22px}.modal-media{min-height:280px;height:34vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}