@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111415;--panel:#1b1f20;--panel2:#24292a;--line:#343a3b;--ink:#f0f1ee;--muted:#a5aca9;--accent:#b4c8bd;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:var(--max);margin:auto;padding:0 30px}.top{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{width:180px;height:auto}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c4c9c6}.nav a:hover{color:#fff}.pill{border:1px solid #67726d;border-radius:100px;padding:13px 19px;display:inline-flex;gap:12px;align-items:center;font-size:13px}.pill:hover{background:#c7d4cc;color:#101414}.mobile-menu{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:11px;font-weight:700}.hero{min-height:710px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:60px;padding-top:65px;padding-bottom:100px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(62px,7.7vw,122px);line-height:1.02;letter-spacing:-.085em;margin:25px 0 27px;font-weight:600}.hero h1 em{font-style:normal;color:#a9b8b0}.hero p{max-width:500px;color:var(--muted);line-height:1.85;font-size:16px}.hero-cta{display:flex;gap:18px;align-items:center;margin-top:38px}.ghost{color:#c3c9c6;font-size:13px}.art{aspect-ratio: .85;position:relative;border:1px solid #3b4140;background:radial-gradient(circle at 65% 30%,#38433e,#202526 48%,#15191a 75%);overflow:hidden;display:grid;place-items:center}.art:before{content:'';position:absolute;width:80%;height:80%;border:1px solid #58655f;transform:rotate(18deg)}.art:after{content:'';position:absolute;width:58%;height:58%;border:1px solid #7a8981;transform:rotate(-18deg)}.art .glyph{font-family:Manrope,sans-serif;font-size:clamp(90px,15vw,230px);font-weight:800;letter-spacing:-.12em;color:#d6ded8;opacity:.9;z-index:1;transform:translateX(-10px)}.art small{position:absolute;bottom:25px;left:25px;letter-spacing:.2em;color:#b8c2bb;font-size:10px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;color:#89938e;font-size:12px;letter-spacing:.18em;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section h2{font:600 clamp(38px,5vw,68px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:15px 0}.section-lead{color:var(--muted);line-height:1.8;max-width:390px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{padding:36px;min-height:280px;border:1px solid var(--line);background:linear-gradient(140deg,#202526,#171b1c);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service:hover{border-color:#7d9386;transform:translateY(-4px)}.service .num{color:#87948d;font-size:12px}.service h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.service p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.work{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{border:1px solid var(--line);overflow:hidden}.project .visual{height:290px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#323b3b,#191e20);position:relative}.project:nth-child(2) .visual{background:linear-gradient(130deg,#393632,#1b1b1b)}.project .visual strong{font:600 clamp(30px,5vw,62px) Manrope;letter-spacing:-.06em;color:#e8ece8}.project .visual:after{content:'↗';position:absolute;top:22px;right:25px;font-size:25px;color:#b7c2ba}.project .meta{padding:24px;display:flex;justify-content:space-between;gap:15px}.project .meta b{font-size:18px;font-weight:500}.project .meta span{color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.about p{font-size:17px;line-height:1.95;color:var(--muted)}.stats{display:flex;gap:50px;margin-top:35px}.stats b{display:block;font:600 35px Manrope}.stats small{font-size:11px;color:var(--muted)}.contact{background:#c6d0c9;color:#15201b;padding:90px 0}.contact h2{font:600 clamp(45px,7vw,95px)/1.06 Manrope;letter-spacing:-.075em;max-width:850px;margin:18px 0 38px}.contact .eyebrow{color:#435d4c}.contact .pill{border-color:#283c31}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:35px 0;color:#9da6a0;font-size:12px}.footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}::selection{background:#aec7b6;color:#0d1110}@media(max-width:800px){.wrap{padding:0 20px}.top{height:76px}.logo{width:150px}.nav{gap:14px}.nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:75px;gap:30px;min-height:0}.hero h1{font-size:clamp(54px,12vw,90px)}.art{max-height:400px;aspect-ratio:1.25}.services{grid-template-columns:1fr}.service{min-height:215px}.work{grid-template-columns:1fr}.section{padding:75px 0}.section-head{display:block}.about{grid-template-columns:1fr;gap:0}.ticker{font-size:10px}.footer{line-height:1.8}}
/* DOD — refined editorial identity, v2 */
:root{--accent:#c5cac6;--bg:#111314;--panel:#1b1d1e;--line:#36393a}
.top{height:96px}.logo{width:188px}.nav{letter-spacing:.015em}.hero{grid-template-columns:1.08fr .92fr;gap:72px;min-height:760px}.hero h1{letter-spacing:-.078em}.hero h1 em{color:#c7cbc8}.hero p{max-width:510px}.art{aspect-ratio: .86;background:#1c2021 url('hero-sculpture.svg') center/cover no-repeat;border:1px solid #353a3a;box-shadow:0 30px 90px #0004;display:block;overflow:hidden;transition:filter .6s ease,transform .6s ease}.art:hover{filter:brightness(1.13);transform:translateY(-5px)}.art:before,.art:after{display:none}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:26px 25px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.15em;color:#d7ded9;background:linear-gradient(transparent,#11191b99)}.art small{display:none}.service{background:linear-gradient(145deg,#202324,#181a1b)}.service:hover{border-color:#969e99}.contact{background:#d0d2cf;color:#181c1b}.contact .eyebrow{color:#515c57}.pill:hover{background:#e0e3de}.ticker{letter-spacing:.22em}.project .visual{filter:saturate(.65)}
@media(max-width:800px){.top{height:76px}.logo{width:153px}.hero{grid-template-columns:1fr;min-height:0;gap:38px}.art{max-height:none;aspect-ratio:1.3}.art-caption{font-size:9px;padding:16px}}
@media(prefers-reduced-motion:reduce){.art,.service,.reveal{transition:none!important}html{scroll-behavior:auto}}

/* DOD v3 — cinematic monochrome direction */
:root{--bg:#0b0c0e;--panel:#151719;--line:#303236;--accent:#d1d1d2;--muted:#aeb0b6}
body{background:#0b0c0e;color:#f3f3f3}
.site-intro{position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 48%,#272a30 0%,#121418 42%,#090a0c 83%);isolation:isolate}
.site-intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0c 0%,#090a0c 25%,#090a0cd6 42%,transparent 72%);z-index:-1;pointer-events:none}
.top{position:relative;z-index:3;border-bottom:0;height:118px;max-width:1500px;gap:25px}
.dod-wordmark{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:33px;letter-spacing:.16em;line-height:1;white-space:nowrap;color:#f3f3f4}
.dod-a{font-size:.98em;font-weight:400;letter-spacing:.1em}.wordmark-dot{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:2px}
.dod-wordmark small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:.43em;margin-top:12px;color:#d6d6da}
.nav{gap:34px;color:#d6d6d9;font-size:13px}.nav a:hover{color:#fff}.top-cta{border:1px solid #aaaeb5;border-radius:30px;padding:12px 24px;font-size:13px;white-space:nowrap}.top-cta span{margin-left:18px}
.hero{position:relative;max-width:1500px;display:flex;align-items:center;min-height:700px;padding-top:50px;padding-bottom:120px;z-index:1}
.hero-content{max-width:850px;position:relative;z-index:2}.hero .eyebrow{font-size:12px;letter-spacing:.35em;color:#c1c2c6;font-weight:400}
.hero h1{font-family:Manrope,sans-serif;font-weight:400;font-size:clamp(48px,5.3vw,84px);letter-spacing:-.075em;line-height:1.15;margin:36px 0 30px}
.hero h1 em{color:#9c9da3;font-weight:400}.hero p{max-width:610px;font-size:17px;color:#b7b8be;line-height:1.9}
.hero-cta{margin-top:45px;gap:40px}.hero-primary{display:inline-flex;gap:24px;align-items:center;background:#efeff0;color:#17181a;border-radius:6px;padding:17px 22px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.hero-primary:hover{background:#fff;transform:translateY(-2px)}
.ghost{display:inline-flex;align-items:center;gap:12px;color:#d0d0d4}.play-circle{border:1px solid #85878c;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:16px}
.hero-visual{position:absolute;z-index:-1;right:-8%;top:-10%;width:72%;height:116%;background:url('metallic-flow.webp') center center/cover no-repeat;opacity:.88;filter:contrast(1.06)}
.hero-index{position:absolute;right:30px;top:34%;display:flex;align-items:center;flex-direction:column;gap:20px;color:#c9c9cc;font-size:12px}.hero-index i{width:1px;height:95px;background:linear-gradient(#e2e2e2,#494b4f)}
.ticker{max-width:1500px;color:#8d9097}.section{padding-top:125px;padding-bottom:125px}.section h2{color:#f0f0f1}.service{background:linear-gradient(145deg,#1c1e21,#111214)}.service:hover{border-color:#a4a6ac}.contact{background:#d6d6d7;color:#151618}.contact .eyebrow{color:#55565a}.project .visual{filter:grayscale(1)}
@media(max-width:1050px){.nav{gap:18px}.hero-visual{right:-30%;width:95%;opacity:.62}.hero h1{font-size:clamp(47px,6vw,72px)}}
@media(max-width:760px){.top{height:90px}.dod-wordmark{font-size:24px}.dod-wordmark small{font-size:7px}.top-cta{padding:10px 15px;font-size:11px}.top-cta span{margin-left:7px}.nav{display:none}.hero{min-height:650px;padding-top:85px;padding-bottom:95px}.hero-visual{top:6%;right:-73%;width:160%;height:85%;opacity:.38}.site-intro:after{background:linear-gradient(90deg,#090a0cee 0%,#090a0ca8 65%,#090a0c33)}.hero h1{font-size:clamp(41px,8.5vw,63px);line-height:1.2}.hero p{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:.22em}.hero-cta{gap:17px;flex-wrap:wrap}.hero-index{right:18px;top:15%;opacity:.65}.hero-index i{height:55px}}

/* DOD Studio brand refinement — retains FRAME V3 layout and metallic hero */
.dod-wordmark{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:35px;letter-spacing:.11em;line-height:1;white-space:nowrap;color:#f3f3f4;text-decoration:none}
.dod-wordmark small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:.18em;margin-top:11px;color:#c8cbd0}
.dod-letters{display:inline-flex;align-items:baseline;gap:.12em}.dod-letters b{font-weight:750}.dod-letters b:nth-child(2){color:#b8c1bf}.dod-letters .wordmark-dot{font-size:.7em;color:#b7c3bd}
@media(max-width:760px){.dod-wordmark{font-size:26px}.dod-wordmark small{font-size:6.4px;letter-spacing:.08em}}

/* DOD Studio: approved metallic logo; all other design rules unchanged */
.dod-wordmark .premium-header-logo{display:block;width:255px;max-width:42vw;height:auto;object-fit:contain}
@media(max-width:760px){.dod-wordmark .premium-header-logo{width:180px;max-width:45vw}}

/* Compact portfolio cards and official contact address */
#work .work{max-width:880px;gap:18px}
#work .project .visual{height:190px}
#work .project .visual strong{font-size:clamp(25px,3.3vw,43px)}
#work .project .meta{padding:17px 18px}
#work .project .meta b{font-size:15px}
.contact-email{margin:23px 0 0;font-size:16px;letter-spacing:.015em}
.contact-email a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){#work .work{max-width:100%}#work .project .visual{height:165px}}

/* FRAME-inspired minimal monochrome wordmark; only navbar logo sizing */
.dod-wordmark .premium-header-logo{width:172px;max-width:38vw;height:auto}
@media(max-width:760px){.dod-wordmark .premium-header-logo{width:142px;max-width:42vw}}

/* DOD 2026: compact, aligned, expandable project gallery */
#work .work{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;gap:16px;align-items:stretch}
#work .project{display:flex;flex-direction:column;min-width:0;height:100%;text-decoration:none}
#work .project .visual{height:142px;min-height:142px;filter:grayscale(1)}
#work .project .visual strong{font-size:clamp(17px,1.65vw,27px);text-align:center;padding:0 10px;overflow-wrap:anywhere}
#work .project .meta{padding:14px 15px;display:flex;flex-direction:column;gap:5px;flex:1}
#work .project .meta b{font-size:14px;line-height:1.4}
#work .project .meta span{font-size:11px;line-height:1.4}
@media(max-width:1050px){#work .work{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#work .work{grid-template-columns:1fr}#work .project .visual{height:125px;min-height:125px}}