/* DN Creative is expressed inside the existing DOC N.I.L. palette and type system. */
.dn-creative-page{background:#0a0a0b;color:#f7f7f4;--ink:#f7f7f4;--paper:#171719;--muted:#b6b5b8;--line:#ffffff27;--orange-dark:#fa6037;overflow-x:clip}
.dn-creative-page .site-header{background:#0a0a0bf2}.dn-creative-page .site-footer{color:#f7f7f4}
.creative-hero{position:relative;min-height:155svh;background:radial-gradient(ellipse at 78% 50%,#fa603719,transparent 60%),#0a0a0b}
.creative-stage{height:calc(100svh - 70px);min-height:650px;position:sticky;top:70px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.creative-topline,.creative-scene-caption{display:flex;justify-content:space-between;gap:24px;font:9px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b6b5b8;position:relative;z-index:2}
.creative-topline{padding-top:32px}.creative-topline a{color:#f7f7f4}.creative-scene-caption{margin-top:auto;padding-bottom:28px}
.creative-hero-copy{position:relative;z-index:2;width:65%;margin-top:auto;margin-bottom:auto;pointer-events:none}.creative-hero-copy a{pointer-events:auto}
.creative-hero-copy .eyebrow{color:#fa6037;margin:45px 0 26px}.creative-hero-copy h1{font-size:clamp(68px,9vw,155px);line-height:.86;letter-spacing:-.085em;font-weight:800;margin:0 0 32px;max-width:1000px}.creative-hero-copy>p:not(.eyebrow){max-width:470px;font-size:16px;line-height:1.6;color:#cfced0;margin:0 0 26px}
.creative-object{position:absolute;inset:12% -8% 0 35%;z-index:1;outline-offset:-15px;cursor:grab}.creative-object canvas{width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none}.creative-object:focus-visible{outline:1px solid #fa6037}
.creative-object-fallback{height:100%;display:flex;align-items:center;justify-content:center;gap:16px;transform:perspective(900px) rotateY(-20deg) rotateX(12deg)}.creative-object-fallback span{display:flex;align-items:end;width:160px;height:230px;background:#fa6037;border:2px solid #f7f7f4;padding:20px;color:#0a0a0b;font:800 18px var(--sans);box-shadow:12px 12px 0 #7b2c19}.creative-object-fallback span:nth-child(2){background:#f7f7f4;transform:translateY(-60px)}.creative-object-fallback span:nth-child(3){background:#262627;color:#f7f7f4;transform:translateY(30px)}
.creative-object.is-rendered .creative-object-fallback{visibility:hidden}.creative-intro{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-block:120px}.creative-intro h2,.creative-section-head h2,.creative-close h2{font-size:clamp(42px,6vw,90px);line-height:.98;letter-spacing:-.065em;margin:0 0 32px;font-weight:800}.creative-intro p:not(.eyebrow),.creative-close>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#b6b5b8;max-width:750px}.creative-future{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.creative-future .button{color:#f7f7f4;border:1px solid #747478;opacity:1;cursor:default}.creative-future p{font-size:12px!important;max-width:520px!important}
.creative-method,.creative-products,.creative-feature,.creative-campaign{padding-block:110px;border-top:1px solid var(--line)}.creative-section-head{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:6%;align-items:start;margin-bottom:55px}.creative-section-head h2{font-size:clamp(38px,4.4vw,70px);margin:0}.creative-section-head>p:last-child{font-size:13px;line-height:1.8;color:#b6b5b8;margin:0}.creative-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.creative-method-grid article{border-top:1px solid #66666b;padding:25px 0}.creative-method-grid span{font:10px var(--mono);color:#fa6037}.creative-method-grid h3{font-size:32px;letter-spacing:-.04em;margin:44px 0 20px}.creative-method-grid p{font-size:15px;line-height:1.7;color:#b6b5b8}
.creative-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:30px}.creative-product{min-width:0;background:#171719;padding:34px;display:flex;flex-direction:column;min-height:390px;transition:background .25s,transform .25s}.creative-product:hover{background:#222224}.creative-product .eyebrow{font-size:10px;color:#fa6037}.creative-product h3{font-size:30px;line-height:1.04;letter-spacing:-.05em;margin:40px 0 20px}.creative-product p{font-size:14px;line-height:1.7;color:#b6b5b8}.creative-product>div{font:12px/1.7 var(--mono);margin-top:auto;padding-top:35px}.creative-product small{display:flex;justify-content:space-between;font-size:12px;margin-top:22px}.creative-product small span{font-size:22px;color:#fa6037}.creative-feature-image{display:block;background:#f4f1eb;position:relative;overflow:hidden;margin-bottom:25px}.creative-feature-image img{display:block;width:100%;height:auto;max-height:730px;object-fit:contain}.creative-feature-image>span{display:flex;justify-content:space-between;background:#171719;color:#f7f7f4;padding:24px;font:11px var(--mono)}.creative-feature-image b{font-size:24px;color:#fa6037}
.creative-ad{display:grid;grid-template-columns:1fr 1fr;min-width:0;min-height:650px;background:#fa6037;color:#0a0a0b}.creative-ad>div{padding:45px;display:flex;flex-direction:column;min-width:0}.creative-ad .eyebrow{color:#0a0a0b;font-size:9px}.creative-ad h3{font-size:clamp(40px,5vw,85px);line-height:.9;letter-spacing:-.07em;margin:65px 0 25px}.creative-ad em{font-style:normal;color:#f7f7f4}.creative-ad p{font-size:14px;line-height:1.6;max-width:450px}.creative-ad a{font-weight:700;font-size:14px;margin-top:auto;padding-top:30px}.creative-ad img{width:100%;height:100%;min-height:0;max-height:800px;object-fit:cover}.creative-ad-caption{font:10px/1.7 var(--mono);color:#b6b5b8;max-width:700px;margin:18px 0 55px}.creative-client-application{max-width:700px;padding-top:30px;border-top:1px solid var(--line)}.creative-client-application h3{font-size:36px;line-height:1.1;letter-spacing:-.045em}.creative-client-application>p:not(.eyebrow){color:#b6b5b8;line-height:1.7}
.creative-close{padding-block:130px;background:#171719}.creative-close h2 em{color:#fa6037;font-style:normal}.creative-close .creative-close-note{font:9px/1.7 var(--mono)!important;text-transform:uppercase;margin-top:60px}.creative-catalog-hero{padding-block:110px 65px}.creative-back{display:block;font:11px var(--mono);margin-bottom:65px;color:#b6b5b8}.creative-catalog-hero h1{font-size:clamp(55px,8vw,120px);line-height:.92;letter-spacing:-.07em;max-width:1050px;margin:25px 0}.creative-catalog-hero>p:not(.eyebrow){max-width:650px;color:#b6b5b8;line-height:1.7}.creative-subnav{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}.creative-subnav a{font-size:13px;min-height:44px;display:flex;align-items:center}.creative-catalog .audience-service-browser{--ink:#f7f7f4;--paper:#171719;--muted:#b6b5b8;--line:#ffffff27;--orange-dark:#fa6037}
html[data-motion="off"] .creative-hero{min-height:0}html[data-motion="off"] .creative-stage{position:relative;top:auto}html[data-motion="off"] .creative-object canvas{display:none}html[data-motion="off"] .creative-object-fallback{visibility:visible!important}
@media(max-width:980px){.creative-hero-copy{width:75%}.creative-object{inset:15% -35% 8% 20%;opacity:.65}.creative-section-head{grid-template-columns:1fr 2fr;gap:30px}.creative-section-head>p:last-child{grid-column:2}.creative-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-ad>div{padding:30px}.creative-intro{gap:5%}.creative-method-grid{gap:20px}}
@media(max-width:650px){.creative-hero{min-height:0}.creative-stage{position:relative;top:auto;min-height:950px;height:auto;overflow:hidden;padding-top:0}.creative-topline{font-size:8px;gap:20px}.creative-topline>span{max-width:140px;text-align:right}.creative-hero-copy{width:100%;margin-top:55px;margin-bottom:370px}.creative-hero-copy h1{font-size:clamp(48px,13.5vw,80px)}.creative-hero-copy>p:not(.eyebrow){font-size:15px;max-width:90%}.creative-object{inset:48% -12% 6% -12%;opacity:.8}.creative-scene-caption{font-size:7px;gap:20px}.creative-intro{grid-template-columns:1fr;gap:24px;padding-block:70px}.creative-intro h2,.creative-close h2{font-size:44px}.creative-intro p:not(.eyebrow){font-size:16px}.creative-future .button{font-size:11px;padding:18px 12px;width:100%;gap:10px}.creative-method,.creative-products,.creative-feature,.creative-campaign{padding-block:65px}.creative-section-head{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.creative-section-head>p:last-child{grid-column:1}.creative-method-grid,.creative-product-grid,.creative-ad{grid-template-columns:1fr}.creative-method-grid article{padding-bottom:20px}.creative-method-grid h3{margin-top:25px}.creative-product{padding:28px;min-height:330px}.creative-product h3{font-size:30px}.creative-ad{min-height:0}.creative-ad h3{font-size:61px}.creative-ad img{height:430px;object-position:center}.creative-feature-image>span{font-size:9px;line-height:1.6;gap:20px}.creative-close{padding-block:70px}.creative-catalog-hero{padding-block:60px 30px}.creative-catalog-hero h1{font-size:61px}.creative-object-fallback{transform:scale(.7) perspective(900px) rotateY(-20deg) rotateX(12deg)}.creative-catalog .audience-service-browser{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.creative-product{transition:none}}