/* DN Creative — editorial portfolio system. No external font dependencies. */
:root{--paper:#f4f1e9;--ink:#252923;--muted:#62675e;--line:#d4d6ca;--accent:#5a6847}
body{background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
::selection{background:#d8e5b4;color:#252923}
.wrap{width:min(1320px,calc(100% - 96px))}
h1,h2,h3{text-wrap:balance}h2{font-size:clamp(36px,4.8vw,66px)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.orange{color:var(--accent)}
header{background:var(--paper)}.nav{height:100px}.nav nav{gap:30px;font-size:13px}.brand-small{letter-spacing:1.8px}.brand-mark{width:46px;height:46px}.brand-descriptor{letter-spacing:1.3px}
.hero{padding-top:28px}.hero-meta{font-size:10px;letter-spacing:1px}.hero-grid{grid-template-columns:1.15fr 1fr;gap:48px;padding:54px 0 48px;align-items:center}.hero-overline{font-size:10px;letter-spacing:1.2px;line-height:1.8;max-width:46ch;margin-bottom:22px}.hero-copy h1{font-size:clamp(58px,6.7vw,98px);line-height:1.02;letter-spacing:-.065em}.hero-copy h1 em{color:var(--accent)}.hero-intro{font-size:17px;max-width:42ch;line-height:1.8;margin-top:26px}.hero-feature{transform:none;background:#e5e1d5;padding:22px;margin:0}.hero-feature img{height:auto;max-height:570px;width:100%;object-fit:contain}.hero-feature figcaption{font-size:9px;letter-spacing:.8px;margin-top:16px}.hero-actions{gap:12px;margin-top:28px;flex-wrap:wrap}.button{min-height:50px;padding:15px 20px;font-size:12px}.button-dark{background:var(--ink);color:var(--paper)}.hero-reel-link{display:inline-block;margin-top:20px;font-size:12px}.hero-bottom{padding:18px 0;font-size:10px}
.work{padding:88px 0}.work-heading{align-items:start;gap:50px}.work-context{max-width:40ch;font-size:15px;line-height:1.8}.filters{gap:24px;flex-wrap:wrap}.filters button{font-size:12px;min-height:44px}.filter-status{color:var(--muted);font-size:11px;margin-bottom:28px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 32px}.project-grid:not(.is-filtered) .project:first-child{grid-column:auto;display:block;background:none}.project-grid:not(.is-filtered) .project:first-child .project-details{padding:20px 0 0}.project-grid:not(.is-filtered) .project:first-child h3{font-size:25px}.project-grid:not(.is-filtered) .project:first-child .art-mount{max-height:none}.project-grid:not(.is-filtered) .project:first-child .project-caption{font-size:14px;margin-top:10px}.project-artwork .art-mount{aspect-ratio:4/5;height:auto;padding:24px;background:var(--mount,#e5e1d5)}.project-artwork .art-mount img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.project-artwork:hover img{transform:scale(1.015)}.project-details{padding:20px 0 0}.project-topline{gap:12px;align-items:center}.project-details h3{font-size:25px;letter-spacing:-.7px}.project-number{font-size:10px;letter-spacing:1px}.concept-tag{border:1px solid #a3aa99;border-radius:99px;padding:4px 10px;font-size:10px;white-space:nowrap;color:#414a37}.project-caption{font-size:14px;color:var(--muted);line-height:1.7}.case-link,.motion-link{display:inline-block;font-size:12px;min-height:44px;padding-top:14px;margin-right:18px;text-decoration:underline;text-underline-offset:5px}.work-foot{margin-top:44px;font-size:10px}
.case-studies{padding:80px 0;background:#e9e9df}.case-heading{margin-bottom:35px}.case-study{border-color:#b8bdad}.case-study summary{min-height:96px}.case-body{padding-bottom:35px}.case-decisions p,.case-brief p,.case-takeaway p{line-height:1.8}.video-section{background:#252923;color:#f4f1e9;padding:88px 0}.video-section .section-label,.video-section .motion-intro,.video-section .film-meta p,.video-section .reel-credit p{color:#c6cbbc}.motion-heading{margin-bottom:36px}.reel-player{background:#171a16}.reel-player video{width:100%;aspect-ratio:16/9;object-fit:contain}.motion-gallery{gap:32px}.film-player{background:#171a16}.film-player video{object-fit:contain;max-height:600px}.motion-foot{border-color:#626b57}.video-section a{color:inherit}.services{padding:88px 0}.services-list summary{font-size:26px;min-height:85px}.services-list details p{font-size:15px;line-height:1.8;max-width:62ch}.process{margin-top:50px;gap:30px}.process p{font-size:14px;line-height:1.75}.about{background:#e9e9df;padding:80px 0}.about-grid{gap:70px}.about-body p{font-size:16px;line-height:1.85}.software li{line-height:1.6}.contact{background:#252923;color:#f4f1e9;padding-top:80px}.contact h2{font-size:clamp(48px,7vw,96px);max-width:900px}.contact-connect{margin-top:50px}.connect-card{border-radius:0}.connect-primary{background:#dfe7c7;color:#252923;border-color:#dfe7c7}.connect-primary:hover{background:#edf2df}.quote-layout{padding-top:42px}.quote-intro h3{font-size:32px}.contact-socials{padding-top:32px;padding-bottom:42px}.contact-socials a{font-size:20px}.contact-socials a span{font-size:12px}.contact-socials ul{gap:48px}.field input,.field textarea,.field select{border-radius:0;min-height:48px}.quote-submit{min-height:50px}footer{padding-top:26px;padding-bottom:26px;font-size:12px}
.lightbox{max-width:1200px}.lightbox-info h2{font-size:36px}.lightbox-info p{line-height:1.8}.lightbox-controls button,.lightbox-close{min-height:44px}.lightbox-info a{min-height:44px}.project[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #819a4c;outline-offset:5px}
.project-hero{padding-top:35px;padding-bottom:45px}.back-link{font-size:12px;display:inline-block;padding:10px 0}.project-kicker{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:48px 0 20px;font-size:10px;letter-spacing:1px}.project-page h1{font-size:clamp(48px,8vw,116px);letter-spacing:-.06em;line-height:1.05}.project-deck{font-size:clamp(20px,3vw,32px);color:var(--muted);margin-top:20px}.project-metadata{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:35px;border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.project-metadata span{font-size:10px;letter-spacing:1px}.project-metadata p{font-size:14px;margin-top:8px}.case-feature{background:#e6e3d9;padding:48px;text-align:center}.case-feature img{width:min(100%,680px);height:auto;margin:auto}.case-feature p{font-size:11px;margin-top:24px;color:var(--muted)}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:60px 70px;padding-top:75px;padding-bottom:75px}.project-story h2{font-size:32px;margin:16px 0}.project-story p:not(.section-label){font-size:16px;line-height:1.85;max-width:55ch}.project-end{background:#e3e7d8;padding:65px 0}.project-end h2{margin:20px 0 30px}.next-project{display:block;margin-top:45px;padding-top:25px;border-top:1px solid #b5bca8;font-size:15px}
@media(min-width:1000px){.project:nth-child(even){padding-top:75px}.project-grid.is-filtered .project{padding-top:0}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:30px}.hero-copy h1{font-size:64px}.nav nav{gap:20px}.about-grid{gap:35px}.project-details h3{font-size:22px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:80px}.nav nav{gap:14px;font-size:11px}.brand-small{margin-left:12px;font-size:9px}.brand-mark{width:36px;height:36px}.hero-meta{font-size:8px;gap:16px}.hero-grid{grid-template-columns:1fr;padding-top:35px}.hero-copy h1{font-size:clamp(50px,10vw,72px)}.hero-overline{font-size:9px}.hero-intro{font-size:16px}.hero-feature img{max-height:480px}.hero-bottom{gap:20px;font-size:8px}.work,.services{padding:56px 0}.work-heading{flex-direction:column;gap:24px}.project-grid{gap:38px 20px}.project-topline{align-items:flex-start;flex-direction:column}.project-artwork .art-mount{padding:12px}.project-details h3,.project-grid:not(.is-filtered) .project:first-child h3{font-size:21px}.project-caption{font-size:13px}.case-studies,.video-section,.about{padding:56px 0}.case-study summary{min-height:85px}.contact{padding-top:56px}.contact h2{font-size:56px}.project-metadata{grid-template-columns:1fr;gap:20px}.case-feature{padding:22px}.project-story{grid-template-columns:1fr;gap:35px;padding-block:45px}.project-kicker{align-items:flex-start;flex-direction:column}.contact-socials ul{gap:30px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-topline{flex-direction:row;align-items:center}.nav nav{gap:11px}.brand-small{font-size:8px;margin-left:8px}.nav nav a[href="#video"]{display:none}.hero-actions .button{flex:1}.hero-feature{padding:16px}.contact h2{font-size:48px}.project-page h1{font-size:48px;overflow-wrap:anywhere}.contact-socials a{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(min-width:701px) and (max-width:1000px){.hero-copy h1{font-size:clamp(42px,5.8vw,58px)}.hero-intro{font-size:15px}.hero-actions{flex-direction:row}.hero-actions .button{width:auto;padding:13px 15px}.hero-feature{padding:16px}.hero-grid{gap:24px}.hero-feature figcaption{font-size:8px}}
/* Compact poster previews: full artwork remains uncropped. */
.hero-feature img{max-height:440px}
.project-artwork .art-mount{height:390px;aspect-ratio:auto;padding:22px}
.project-artwork .art-mount img{height:100%;width:100%;object-fit:contain}
.project:nth-child(even){padding-top:0}
.project-grid{gap:42px 32px}
@media(max-width:1000px){.project-artwork .art-mount{height:320px;padding:18px}}
@media(max-width:700px){.hero-feature img{max-height:340px}.project-artwork .art-mount{height:280px;padding:16px}.project-grid{gap:32px 20px}}
@media(max-width:480px){.project-artwork .art-mount{height:340px;padding:18px}}