/* DHC — a spatial, editorial direction. Content remains the first interaction. */
.brand-home{--bg:#08090d;--bg-2:#111218;--paper:#f4f3ed;--text:#f4f3ed;--light:#f4f3ed;--line:#f4f3ed26;background:var(--bg)}
.story{height:300svh}.story-stage{background:#08090d}
.story-wall,.story-wing{position:absolute;inset:0;background-image:linear-gradient(#b7baff12 1px,transparent 1px),linear-gradient(90deg,#b7baff12 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#0009 40%,#000 100%)}
.story-wall{inset:9% 8% 18% 34%;border:1px solid #bcc3ff19;transform:perspective(1000px) rotateY(-15deg);transform-origin:100% 50%}
.story-wing{width:35%;inset:0;mask-image:linear-gradient(180deg,transparent,#000,transparent);opacity:.6}
.story-wing--left{transform:perspective(600px) rotateY(60deg);transform-origin:0 50%}
.story-wing--right{left:auto;right:0;transform:perspective(600px) rotateY(-60deg);transform-origin:100% 50%}
.story-axis{position:absolute;top:52%;left:30%;right:-10%;height:1px;background:linear-gradient(90deg,transparent,#6a78ff77,#d6beee33);box-shadow:0 0 25px 5px #4862fa1a}
.story-space-word{position:absolute;right:-2%;bottom:3%;font:700 30vw/.75 var(--f-sans);letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #d4d8f00d;user-select:none}
.story-grid{background-size:85px 85px;background-image:linear-gradient(#aeb6ee16 1px,transparent 1px),linear-gradient(90deg,#aeb6ee16 1px,transparent 1px);transform:perspective(700px) rotateX(68deg) scale(2);mask-image:linear-gradient(transparent 35%,#000 100%)}
.story-halo{background:radial-gradient(ellipse,#4b45ff25,transparent 57%);width:75vw;height:75vw;left:35%;top:-7%}
.story-top{border-bottom:1px solid #d8dcf01c;padding-bottom:24px;align-items:center}.story-brand .dhc-signature{width:185px}.story-edition{color:#bbbfcf;font-size:8px;letter-spacing:.16em}
.story-copy{top:23%;left:5.3%;max-width:61%}.story-kicker{color:#c9cbd5;font-size:8px;letter-spacing:.15em}
.story-copy h2,.story-copy--two h2,.story-copy--three h2{font-family:var(--f-sans);font-weight:600;font-size:clamp(65px,7.8vw,145px);line-height:.94;letter-spacing:-.075em;text-transform:uppercase}
.story-copy h2 em{font-family:inherit;font-size:1em;line-height:inherit;letter-spacing:inherit;font-style:normal;font-weight:inherit;color:#d2d1ed}
.story-copy--two h2{font-size:clamp(68px,8.2vw,145px)}.story-copy--three h2{font-size:clamp(65px,7.1vw,128px)}
.story-copy>p{font-size:12px;line-height:1.8;max-width:42ch;color:#b0b3c2;margin-top:28px}
.story-core{width:620px;height:360px;left:77%;top:53%;margin:-180px 0 0 -310px}.core-caption{letter-spacing:.22em}.core-bottom{letter-spacing:.14em}
.story-fragment{border-radius:2px;border-color:#c9d3f366;background:linear-gradient(150deg,#272a3deb,#0c0d14f5);box-shadow:0 25px 75px #0009}.fragment-mark{background:#eae9e2}.fragment-type strong{font-family:var(--f-sans);font-style:normal;font-weight:500;font-size:83px;letter-spacing:-.08em}.palette-swatches i{border-radius:0}
.story-browser{border-radius:2px;border-color:#dbe2ff66;box-shadow:0 45px 100px #000b,0 0 90px #94a4ff16}.browser-chrome{background:#0d1019;border-bottom:1px solid #bbc7ef22}
.story-arrival{background:radial-gradient(ellipse,#191d3d88,transparent 70%)}.story-arrival h2{font-family:var(--f-sans);font-weight:600;text-transform:uppercase;font-size:clamp(60px,7.7vw,130px);line-height:.96;letter-spacing:-.07em}.story-arrival h2 em{font-family:inherit;font-size:1em;letter-spacing:inherit;font-style:normal;font-weight:inherit;color:#cfcee9}
.story-bottom{border-top:1px solid #c2c4ed24;padding-top:17px}.story-chapter>span{font:400 32px/1 var(--f-sans);color:#e1e0f2}.story-chapter small{font-size:6px}.story-timeline i:after{background:#dddaf8;box-shadow:none}.story-scroll{font-size:7px;letter-spacing:.12em}
.nav{background:#08090de0}.nav.is-scrolled{background:#08090de8}.nav__links a{font-size:10px}.nav__links{gap:26px}.nav .dhc-signature{width:175px}.nav .btn{--h:42px;border:1px solid #e9e9f034;background:transparent;color:#f4f3ed}.nav .btn:hover{background:#f4f3ed;color:#08090d}
.hero{background:#08090d}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#d4ddff08 1px,transparent 1px),linear-gradient(90deg,#d4ddff08 1px,transparent 1px);background-size:130px 130px;mask-image:linear-gradient(90deg,transparent 10%,#000 100%)}
.hero__title{font-size:clamp(75px,8.6vw,160px);font-weight:600;text-transform:uppercase;letter-spacing:-.075em;line-height:.92}.hero__title em,.hero__title .vibe-text{font-family:var(--f-sans);font-style:normal;font-weight:600;font-size:1em;letter-spacing:inherit;line-height:inherit;color:#d0cfee;background:none;-webkit-text-fill-color:currentColor;animation:none}.hero__star{display:none}
.hero__sub .lead{color:#b5b8c4}.hero__spec .label{color:#c6c6d7}.liquid-enhanced .hero-scroll{height:calc(var(--liquid-stage-height,100svh) + 60svh)}
.marquee{padding-block:19px;background:#eeeef0;color:#101115;border-block:1px solid #eeeeef}.marquee__item{font-size:clamp(25px,3vw,46px);font-weight:500;letter-spacing:-.04em}.marquee__item em{font-family:inherit;font-style:normal;color:#101115}.marquee__item svg{color:#6e6d81;width:.5em;height:.5em}
.work{padding-top:95px}.work>.wrap:first-child{padding-bottom:15px}.work .eyebrow{margin-bottom:40px}.work__intro .h2{font-size:clamp(66px,8.7vw,150px);line-height:.93;letter-spacing:-.07em;text-transform:uppercase;font-weight:600}.work__intro .h2 em{font-family:inherit;font-style:normal;color:#d4d2e9;font-weight:inherit}.work__intro .lead{font-size:12px;max-width:33ch;padding-bottom:10px}.work__note{font-size:10px;line-height:1.8;margin-block:32px 65px;color:#9296a7}
.intent{background:#f2f1eb;padding-block:90px}.intent-top h2{font-size:clamp(38px,4.5vw,72px);font-weight:600;line-height:1.05;letter-spacing:-.06em;max-width:15ch}.intent-top h2 em{font-family:inherit;font-style:normal;color:#58529b;font-weight:600}.intent-link h3{font-weight:600}.intent-bottom b{border-radius:0}.intent-note{line-height:1.8}
.lab{margin-top:0;background:#0f1017}.lab-workbench,.step,.studio__card,.brand-proof img{border-radius:2px}.lab-heading .h2,.services .h2,.process .h2,.offers .h2,.cta__title{letter-spacing:-.06em}.lab-heading .h2 em,.services .h2 em,.process .h2 em,.offers .h2 em,.cta__title em{color:#d2d1ec}
.studio .manifesto{font-weight:600}.studio__card{background:#f0efe9}.cta{background:radial-gradient(ellipse at 70% 80%,#30315d44,transparent 65%),#090a0f;border-top:1px solid #ddd7fc26}.cta__title{font-weight:600}.cta__title em{font-family:inherit;font-style:normal;font-weight:inherit}.foot{background:#08090d}.foot__mark{font-weight:600;letter-spacing:-.06em}
@media(min-width:1600px){.story-core{width:760px;height:440px;margin:-220px 0 0 -380px}.story-copy h2{font-size:8vw}.hero__title{font-size:9vw}}
@media(max-width:1100px) and (min-width:900px){.story-core{width:510px;height:300px;margin:-150px 0 0 -255px;left:80%}.story-copy h2{font-size:7.5vw}.hero__title{font-size:8.3vw}}
@media(max-width:1000px){.story{height:280svh}.story-copy{top:18%;max-width:86%;left:7%}.story-copy h2,.story-copy--two h2,.story-copy--three h2{font-size:clamp(48px,8.5vw,82px);line-height:.98}.story-copy>p{font-size:11px}.story-core{width:420px;height:245px;margin:-122px 0 0 -210px;left:62%;top:72%}.story-wall{inset:15% 7% 12% 7%}.story-top{align-items:flex-start;padding-bottom:15px}.story-wing{width:25%}.story-bottom{padding-top:13px}.story-arrival h2{font-size:clamp(46px,9vw,88px)}}
@media(max-width:899px){.hero__title{font-size:clamp(55px,10.5vw,96px)}.liquid-enhanced .hero-scroll{height:calc(var(--liquid-stage-height,100svh) + 40svh)}.nav .dhc-signature{width:156px}.work{padding-top:74px}.work__intro .h2{font-size:clamp(53px,11vw,91px)}.work__intro .lead{font-size:13px;max-width:40ch}.work__note{margin-bottom:44px}.intent{padding-block:65px}.intent-top h2{font-size:42px;max-width:18ch}.lab{padding-top:75px}.story-grid{background-size:65px 65px}}
@media(max-width:600px){.story-brand .dhc-signature{width:132px}.story-top{gap:12px}.story-copy{top:22%}.story-kicker{margin-bottom:20px;font-size:7px}.story-copy h2,.story-copy--two h2,.story-copy--three h2{font-size:clamp(42px,10.1vw,60px);line-height:1.02}.story-copy>p{font-size:10px;line-height:1.8;margin-top:20px}.story-core{width:320px;height:187px;margin:-93px 0 0 -160px;left:58%;top:75%}.story-top .story-project{font-size:9px}.story-top .story-skip{font-size:8px}.story-bottom{bottom:20px}.story-chapter>span{font-size:27px}.story-chapter>div>span{font-size:6px}.story-space-word{bottom:10%;font-size:45vw}.story-arrival h2{font-size:12vw}.hero__title{font-size:10.2vw}.hero__title .ln{overflow:visible}.intent-top h2{font-size:37px}}
@media(max-height:600px) and (min-width:700px){.story-copy{top:25%;max-width:50%}.story-copy h2,.story-copy--two h2,.story-copy--three h2{font-size:5vw}.story-core{width:390px;height:225px;margin:-112px 0 0 -195px;top:55%;left:78%}.story-copy>p{font-size:9px}.story-top{padding-bottom:12px}.story-bottom{padding-top:8px}.story-kicker{margin-bottom:12px}}
@media(min-width:900px){.work__intro{grid-template-columns:minmax(0,3fr) minmax(190px,.85fr);gap:3vw}.work__intro .h2 .ln{white-space:nowrap}}
@media(max-width:600px){.work__intro .h2{font-size:clamp(38px,12vw,68px)}.work__intro .h2 .ln{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.story{height:100svh;min-height:680px}.liquid-enhanced .hero-scroll{height:auto}.story-fragment,.story-browser{will-change:auto}.story-space-word{display:none}}