:root{--ink:#110d0a;--espresso:#21150f;--cream:#f2e7d2;--paper:#f8f0df;--white:#fff;--copper:#e66f31;--muted:#b7a28f;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);overflow-x:hidden}button,input,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.skip{position:fixed;z-index:100;top:-60px;left:20px;background:var(--paper);color:var(--ink);padding:12px 18px}.skip:focus{top:20px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,72px);background:linear-gradient(#100b09c9,transparent)}.brand,.footer-brand{display:block;width:80px;height:64px;background:url('assets/vdba-logo-master.jpg') 50% 48%/150px auto no-repeat}.site-header nav{display:flex;gap:clamp(14px,2.5vw,38px);align-items:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.nav-cta{padding:10px 16px;border:1px solid #f2e7d255;border-radius:99px}.scroll-story{height:800vh}.story-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ink);isolation:isolate}.scene,.scrub-video,.vignette{position:absolute;inset:0;width:100%;height:100%}.scene{background-position:center;background-size:cover;will-change:transform,opacity;transform:translateZ(0)}.scene-desk{background-image:url('assets/scene-01-desk.jpg');transform-origin:18% 50%}.scene-reel{background-image:url('assets/scene-02-reel.jpg');opacity:0;transform:scale(1.04)}.scene-work{background-image:url('assets/scene-03-work.jpg');opacity:0;transform:scale(1.06);transform-origin:center 15%}.scrub-video{object-fit:cover;opacity:0;z-index:3}.vignette{z-index:4;background:linear-gradient(90deg,#0d0906c7 0,transparent 45%),linear-gradient(0deg,#0d0906ad 0,transparent 34%);pointer-events:none}.story-copy{position:absolute;z-index:8;left:clamp(22px,6vw,92px);top:21%;max-width:min(700px,78vw);will-change:opacity,transform}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.22em;text-transform:uppercase}.story-copy h1,.story-copy h2,.section-lead h2,.contact h2,dialog h2{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.86;letter-spacing:-.025em;margin:18px 0}.story-copy h1{font-size:clamp(58px,7.5vw,124px)}.story-copy h1 span,.story-copy h1 em{display:block}.story-copy em,.section-lead em,.contact em{font-style:normal;color:#d5aa85}.story-copy>p:not(.eyebrow){max-width:520px;line-height:1.7}.text-link{display:inline-block;margin-top:12px;padding-bottom:8px;border-bottom:1px solid #f2e7d266;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.reel-copy{left:50%;top:50%;transform:translate(-50%,-44%);text-align:center;opacity:0}.reel-button{display:grid;justify-items:center;gap:14px;background:transparent;border:0;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.play{display:grid;place-items:center;width:84px;height:84px;border:1px solid var(--cream);border-radius:50%;font-size:23px;padding-left:5px;transition:.25s}.reel-button:hover .play{background:var(--cream);color:var(--ink);transform:scale(1.06)}.media-note{font-size:10px!important;color:#d9c7b3}.work-copy{top:12%;color:var(--ink);opacity:0;max-width:650px}.work-copy h2{font-size:clamp(48px,6vw,94px)}.work-copy em{color:var(--ink)}.work-hotspots{position:absolute;z-index:10;inset:30% 4% 5%;display:grid;grid-template-columns:1.36fr 1fr;grid-template-rows:1fr 1fr;gap:2%;opacity:0;visibility:hidden}.work-hotspots button{background:transparent;border:0}.work-hotspots button:focus-visible,.work-hotspots button:hover{outline:2px solid var(--copper);outline-offset:-3px;background:#e66f3111}.story-ui{position:absolute;z-index:12;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);bottom:24px;display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;font-size:9px;letter-spacing:.18em}.story-progress{position:absolute;z-index:13;bottom:0;left:0;width:100%;height:3px;background:#ffffff16}.story-progress span{display:block;width:0;height:100%;background:var(--copper)}.process{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) clamp(22px,6vw,92px)}.section-lead{display:grid;grid-template-columns:1.5fr 1fr;column-gap:8vw;align-items:end}.section-lead .eyebrow{grid-column:1/-1}.section-lead h2{font-size:clamp(70px,10vw,160px)}.section-lead>p:last-child{font-size:clamp(17px,2vw,26px);line-height:1.5;padding-bottom:18px}.process-grid{list-style:none;padding:0;margin:80px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1a120d42}.process-grid li{padding:28px 6vw 30px 0;border-right:1px solid #1a120d42}.process-grid li+li{padding-left:28px}.process-grid li:last-child{border-right:0}.process-grid span{font-size:10px;letter-spacing:.18em}.process-grid h3{font-family:var(--display);font-size:32px;text-transform:uppercase;line-height:.95}.process-grid p{color:#665345;line-height:1.65}.services{margin-top:50px;padding-top:20px;border-top:1px solid #1a120d42;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.contact{min-height:100svh;padding:clamp(100px,12vw,180px) clamp(22px,6vw,92px) 45px;background:radial-gradient(circle at 75% 65%,#7c3518 0,transparent 28%),linear-gradient(140deg,#0d0907,#25150d);display:flex;flex-direction:column}.contact h2{font-size:clamp(100px,17vw,255px);max-width:1100px}.contact>p:not(.eyebrow){font-size:clamp(17px,2vw,26px);line-height:1.5;max-width:700px}.contact-button{width:max-content;background:var(--cream);color:var(--ink);border:0;border-radius:99px;padding:16px 24px;margin-top:24px;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.contact-button:hover{background:var(--copper)}footer{margin-top:auto;padding-top:70px;display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #f2e7d22b;text-transform:uppercase;font-size:9px;letter-spacing:.17em}.footer-brand{width:115px;height:90px;background-size:215px auto}dialog{width:min(720px,calc(100% - 30px));max-height:90svh;overflow:auto;background:var(--espresso);color:var(--cream);border:1px solid #9b7658;padding:clamp(26px,5vw,58px)}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog h2{font-size:clamp(60px,9vw,110px)}.dialog-close{float:right;background:none;border:0;color:var(--cream);font-size:30px}.form-note{color:var(--muted)}form,label{display:grid;gap:8px}form{gap:18px}label{font-size:12px}input,textarea{width:100%;background:#100b08;color:var(--cream);border:1px solid #8b6b54;padding:12px;border-radius:0}#form-status{font-size:12px;color:var(--muted)}.reel-modal{width:min(1200px,calc(100% - 30px));padding:12px;background:#000}.reel-modal video{display:block;width:100%;max-height:82svh}@media(max-width:760px){.site-header{padding:16px 18px}.brand{width:58px;height:48px;background-size:112px auto}.site-header nav{gap:12px;font-size:8px}.site-header nav a:nth-child(2){display:none}.scroll-story{height:650vh}.scene-desk{background-position:48% center}.hero-copy{top:18%;max-width:88vw}.story-copy h1{font-size:16vw}.story-copy>p:not(.eyebrow){max-width:78vw}.story-ui span:nth-child(2){display:none}.work-copy{top:12%;left:7%}.work-copy h2{font-size:12vw}.work-hotspots{inset:34% 3% 4%;gap:1%}.section-lead{grid-template-columns:1fr}.section-lead h2{font-size:21vw}.process-grid{grid-template-columns:1fr}.process-grid li,.process-grid li+li{border-right:0;border-bottom:1px solid #1a120d42;padding:25px 0}.contact h2{font-size:28vw}footer{align-items:flex-start;flex-direction:column}.footer-brand{width:90px;height:72px;background-size:170px auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto}.story-stage{position:relative;height:auto;min-height:100svh}.scene-desk{position:absolute;transform:none!important}.scene-reel,.scene-work,.scrub-video,.work-hotspots,.story-ui,.story-progress{display:none}.hero-copy{position:relative;padding-top:22vh;padding-bottom:18vh}.process{position:relative}}