/* Deepwater Films 2.0 – intentionally scoped styles for native WordPress blocks. */
:root { --dwf-ink:#f5f4f1; --dwf-muted:#aaa9a6; --dwf-bg:#090909; --dwf-line:#343434; --dwf-wide:min(1320px,calc(100% - clamp(36px,7vw,112px))); --dwf-ease:cubic-bezier(.22,1,.36,1); }
html {scroll-behavior:smooth;scroll-padding-top:6rem}
body {overflow-x:clip}
body,button,input,textarea,select { -webkit-font-smoothing:antialiased; }
:where(a,button,input,textarea,select,summary):focus-visible {outline:2px solid #fff;outline-offset:4px}
:where(.is-style-dwf-editorial-light) :where(a,button,input,textarea,select):focus-visible {outline-color:#181818}
.wp-site-blocks {overflow:clip}
.wp-site-blocks > * {margin-block-start:0}
.wp-block-heading {text-wrap:balance}
.dwf-eyebrow,.dwf-index {font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#858581;font-weight:650}
.dwf-eyebrow::before {content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.dwf-muted {color:var(--dwf-muted)}
.dwf-section {padding-block:clamp(75px,9vw,140px)}
.dwf-section-tight {padding-block:clamp(55px,7vw,100px)}
.dwf-edge {width:var(--dwf-wide);max-width:1320px;margin-inline:auto}
.dwf-rule {border-top:1px solid #343434}
/* Transparent floating header. No intermediate black fade on scroll. */
.dwf-site-header {position:fixed;inset:0 0 auto;z-index:999;transform:translate3d(0,0,0);background:transparent!important;transition:transform .62s var(--dwf-ease);will-change:transform;}
.dwf-site-header.dwf-hidden {transform:translate3d(0,-110%,0);pointer-events:none}
.dwf-header-inner {min-height:88px;padding-inline:clamp(22px,4vw,64px)!important;gap:36px}
.dwf-site-header .wp-block-site-logo img {height:auto;max-height:42px;width:auto}
.dwf-site-header .wp-block-site-title {font-weight:760;letter-spacing:-.067em;line-height:1;margin:0;font-size:clamp(1.32rem,2vw,1.8rem)}
.dwf-site-header .wp-block-navigation {font-weight:650;font-size:.71rem;letter-spacing:.09em;text-transform:uppercase;gap:clamp(12px,2.6vw,34px)}
.dwf-site-header .wp-block-navigation a,.dwf-site-header .wp-block-site-title a {color:#fff;text-shadow:0 1px 12px #0007}
.dwf-site-header .wp-block-navigation a:hover {text-decoration:underline;text-underline-offset:6px}
.dwf-site-header .wp-block-navigation__responsive-container.is-menu-open {background:#101010;color:#fff;padding:28px}
.dwf-site-header .wp-block-navigation__responsive-container.is-menu-open a {color:#fff;text-shadow:none}
body.admin-bar .dwf-site-header {top:32px}
/* Cover hero: starts at the absolute top under the header. */
.dwf-hero {min-height:100svh!important;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.dwf-hero.wp-block-cover {padding:clamp(85px,10vw,155px) clamp(22px,5vw,64px) 75px}
.dwf-hero .wp-block-cover__inner-container {max-width:1320px!important;width:100%;margin-inline:auto;z-index:2}
.dwf-hero::after {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0009,transparent 84%),linear-gradient(0deg,#0007,transparent 42%)}
.dwf-hero .wp-block-cover__video-background,.dwf-hero .wp-block-cover__image-background {object-fit:cover}
.dwf-hero :is(h1,h2) {max-width:930px;line-height:1.005;letter-spacing:-.078em;font-weight:700;text-shadow:0 2px 28px #0004}
.dwf-hero p {max-width:550px;color:#f4f4f2;line-height:1.66}
.dwf-hero .wp-block-buttons {margin-top:32px}
.dwf-hero .wp-block-button__link {box-shadow:0 4px 18px #0002}
/* Section structure and editorial copy. */
.dwf-approach {padding-block:clamp(100px,11vw,175px)}
.dwf-approach .wp-block-heading {font-size:clamp(2.8rem,6.3vw,5.7rem);line-height:1.025;letter-spacing:-.065em}
.dwf-approach p:not(.dwf-eyebrow){font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.75}
.dwf-section-heading {font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.05;letter-spacing:-.065em}
/* Service list: native group rows with hover/focus. */
.dwf-service-list {border-top:1px solid #414141}
.is-style-dwf-service-row {border-bottom:1px solid #373737;transition:background-color .25s ease;position:relative}
.is-style-dwf-service-row > .wp-block-group {transition:transform .38s var(--dwf-ease);padding:clamp(18px,3vw,32px) 6px}
.is-style-dwf-service-row:hover,.is-style-dwf-service-row:focus-within {background:#191919}
.is-style-dwf-service-row:hover > .wp-block-group,.is-style-dwf-service-row:focus-within > .wp-block-group {transform:translateX(10px)}
.is-style-dwf-service-row .wp-block-heading {font-size:clamp(1.6rem,3.4vw,3.25rem);letter-spacing:-.055em;margin:0}
.is-style-dwf-service-row p {margin:0;color:#aaa;line-height:1.5}
.is-style-dwf-service-row a {text-decoration:none}
/* Clickable project card styles. */
.dwf-work-card .wp-block-image,.is-style-dwf-hover-image {overflow:hidden;position:relative}
.dwf-work-card .wp-block-image img,.is-style-dwf-hover-image img {display:block;width:100%;transition:transform .75s var(--dwf-ease),filter .5s ease;filter:saturate(.78)}
.dwf-work-card:hover .wp-block-image img,.dwf-work-card:focus-within .wp-block-image img,.is-style-dwf-hover-image:hover img,.is-style-dwf-hover-image:focus-within img {transform:scale(1.045);filter:saturate(1)}
.dwf-work-card a {text-decoration:none}
.dwf-work-card .wp-block-heading {margin-top:14px}
.dwf-work-card .dwf-card-meta {margin-top:3px;color:#aaa;font-size:.83rem}
/* Arrow button affordance. */
.dwf-arrow {display:inline-block;transition:transform .24s var(--dwf-ease)}
a:hover .dwf-arrow,a:focus-visible .dwf-arrow,.wp-block-button:hover .dwf-arrow {transform:translate(3px,-3px)}
.is-style-dwf-text-link .wp-block-button__link {background:transparent!important;color:inherit!important;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 10px;}
.wp-element-button,.wp-block-button__link {transition:background-color .23s ease,transform .25s var(--dwf-ease);text-decoration:none}
.wp-block-button:not(.is-style-dwf-text-link) .wp-block-button__link:hover {background:#dededa;color:#111}
/* Logos: each native Image block remains independently editable. */
.dwf-clients {border-top:1px solid #262626}
.is-style-dwf-client-grid,.dwf-logo-grid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px!important}
.is-style-dwf-client-grid > .wp-block-column,.dwf-logo-grid > .wp-block-group {min-width:0;display:flex;min-height:116px;align-items:center;justify-content:center;border-top:1px solid #444;padding:22px 12px}
.dwf-logo-grid img,.is-style-dwf-client-grid img {max-height:74px;max-width:100%;object-fit:contain}
/* Video / Showreel: user-triggered playback rather than background autoplay. */
.is-style-dwf-showreel video,.dwf-showreel video {display:block;width:100%;max-width:100%;background:#171717;aspect-ratio:16/9;object-fit:cover}
.dwf-showreel .wp-block-video {margin-bottom:0}
/* Galleries: native columns and image blocks, all images separately editable. */
.dwf-editorial-gallery .wp-block-image img {object-fit:cover;width:100%;height:100%}
.dwf-editorial-gallery > .wp-block-column {min-width:0}
.dwf-editorial-gallery .wp-block-column .wp-block-image {margin-bottom:16px}
/* Pricing – only the look is included. No business logic or checkout. */
.dwf-price-cards {align-items:stretch}
.dwf-price-cards > .wp-block-column {min-width:0}
.dwf-price-card {border:1px solid #3e3e3e;background:#131313;padding:clamp(20px,3vw,40px);height:100%;display:flex;flex-direction:column;gap:22px}
.dwf-price-card > * {margin-block:0!important}
.dwf-price-card .wp-block-buttons {margin-top:auto!important;padding-top:22px}
.dwf-price-card .dwf-price-heading {font-size:clamp(1.65rem,2.7vw,2.8rem)}
.is-style-dwf-price-table,.is-style-dwf-comparison {overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.is-style-dwf-price-table table,.is-style-dwf-comparison table {border-collapse:collapse;width:100%;min-width:580px}
.is-style-dwf-price-table :is(th,td),.is-style-dwf-comparison :is(th,td) {border:none;border-bottom:1px solid #393939;padding:18px 12px;text-align:left;vertical-align:top}
.is-style-dwf-price-table th,.is-style-dwf-comparison th {font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#f5f4f1}
.is-style-dwf-price-table td,.is-style-dwf-comparison td {color:#bebdb9;font-size:.92rem}
.is-style-dwf-price-table tr:nth-child(even),.is-style-dwf-comparison tr:nth-child(even) {background:#ffffff05}
.dwf-scroll-hint {font-size:.78rem;color:#999;margin-bottom:10px}
/* Contact CTA vs footer. Forms need a real plugin/endpoint and are deliberately not faked. */
.is-style-dwf-cta {padding:clamp(64px,8vw,115px) clamp(22px,5vw,64px);border-top:1px solid #292929;background:#111}
.dwf-contact-section {padding-block:clamp(85px,10vw,150px);border-top:1px solid #292929}
.dwf-contact-section h2 {font-size:clamp(3.4rem,8vw,8.5rem);letter-spacing:-.085em}
.dwf-contact-section .dwf-form-placeholder {border:1px dashed #666;padding:32px;color:#aaa}
.dwf-footer {background:#101010;border-top:1px solid #282828;padding:80px clamp(22px,5vw,64px) 28px}
.dwf-footer .wp-block-heading {font-size:.85rem;letter-spacing:0;font-family:inherit}
.dwf-footer :is(p,a) {font-size:.86rem;color:#aaa}
.dwf-footer a:hover {color:#fff}
.dwf-footer-bottom {padding-top:26px;border-top:1px solid #333;margin-top:54px}
/* Project details: a global visual choice per project; footer still visually consistent. */
.dwf-project-shell {min-height:60vh;padding-top:clamp(130px,14vw,200px);padding-bottom:clamp(65px,9vw,140px)}
.dwf-project-shell .wp-block-post-title {letter-spacing:-.075em;line-height:.99}
.dwf-project-shell .dwf-metadata {border-top:1px solid #454545;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-block:45px 65px;padding-top:32px}
.dwf-metadata-item dt {text-transform:uppercase;font-size:.7rem;letter-spacing:.11em;opacity:.64;margin-bottom:8px}
.dwf-metadata-item dd {font-size:.98rem;margin:0;line-height:1.6}
body.dwf-project-light .dwf-project-shell, .is-style-dwf-editorial-light {background:#eeede9!important;color:#111!important}
body.dwf-project-light .dwf-project-shell :is(h1,h2,h3,p,a),.is-style-dwf-editorial-light :is(h1,h2,h3,p,a) {color:#111}
body.dwf-project-light .dwf-project-shell .dwf-metadata {border-color:#c9c9c1}
body.dwf-project-light .dwf-project-shell .wp-block-separator {border-color:#ccc}
body.dwf-project-light .dwf-project-shell + .wp-block-group {background:#090909}
.is-style-dwf-editorial-dark,.is-style-dwf-surface {background:#151515;color:#f5f4f1}
.dwf-legal {padding-top:clamp(150px,15vw,220px);padding-bottom:100px}
.dwf-legal :is(p,li) {line-height:1.8}
/* Editor-rendered blocks are styled with the same tokens as the public website. */
@media (max-width:900px) {
 .is-style-dwf-client-grid,.dwf-logo-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .dwf-service-list .is-style-dwf-service-row > .wp-block-group {flex-wrap:wrap}
 .dwf-service-list .is-style-dwf-service-row p {flex-basis:100%}
 .dwf-header-inner {min-height:78px}
}
@media (max-width:650px) {
 .dwf-header-inner {min-height:72px;padding-inline:20px!important}
 .dwf-site-header .wp-block-site-title {font-size:1.35rem}
 .is-style-dwf-client-grid,.dwf-logo-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .dwf-work-card .wp-block-image img {aspect-ratio:16/10;object-fit:cover}
 .dwf-hero.wp-block-cover {padding:112px 22px 75px}
 .dwf-hero :is(h1,h2) {font-size:clamp(3.05rem,11vw,5.5rem)!important}
 .dwf-project-shell .dwf-metadata {grid-template-columns:1fr}
 .dwf-price-cards.wp-block-columns {flex-wrap:wrap!important}
 .dwf-price-cards>.wp-block-column {flex-basis:100%!important}
 .dwf-site-header .wp-block-navigation__responsive-container.is-menu-open {padding-top:60px}
}
@media (max-width:782px) {body.admin-bar .dwf-site-header {top:46px}}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto!important}
 .dwf-site-header,.dwf-work-card img,.is-style-dwf-hover-image img,.dwf-arrow,.is-style-dwf-service-row > .wp-block-group,.wp-element-button {transition:none!important;animation:none!important}
 .dwf-work-card:hover img,.is-style-dwf-hover-image:hover img,.is-style-dwf-service-row:hover > .wp-block-group {transform:none!important}
}

/* Gutenberg template choice "Filmprojekt – Editorial Light" uses this class directly. */
.dwf-project-shell.is-style-dwf-editorial-light .dwf-metadata {border-color:#c6c6bf}
.dwf-project-shell.is-style-dwf-editorial-light p,.dwf-project-shell.is-style-dwf-editorial-light .dwf-metadata dd {color:#353535}
.dwf-project-shell.is-style-dwf-editorial-light h1 {color:#111!important}

/* Contrast at the top of editorial-light film pages, without any black header transition. */
body:has(.dwf-project-shell.is-style-dwf-editorial-light) .dwf-site-header:not(.dwf-hidden) .wp-block-navigation a,
body:has(.dwf-project-shell.is-style-dwf-editorial-light) .dwf-site-header:not(.dwf-hidden) .wp-block-site-title a {color:#181818;text-shadow:none}
body:has(.dwf-project-shell.is-style-dwf-editorial-light) .dwf-site-header:not(.dwf-hidden) .wp-block-site-logo img {filter:brightness(.08)}
body:has(.dwf-project-shell.is-style-dwf-editorial-light) .dwf-site-header .wp-block-navigation__responsive-container.is-menu-open a {color:#fff}