/* STUDIOART MEDIA GMBH — CI V1.0 FINAL / LOCKED implementation.
 * Official assets from studioartmedia.de. All Montserrat faces hosted first-party.
 * Campaign compositions remain different, the brand system is consistent.
 */
@font-face{font-family:"Studioart Montserrat";src:url("/assets/brand/Montserrat-Latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Studioart Montserrat";src:url("/assets/brand/Montserrat-Italic-Latin.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap}
:root{--ci-black:#101114;--ci-deep:#090A0C;--ci-charcoal:#242424;--ci-canvas:#F7F6F3;--ci-gold:#C7B188;--ci-muted-gold:#927D5A;--ci-stone:#D2CDC5;--ci-silver:#BEC5C9;--ci-font:"Studioart Montserrat","Helvetica Neue",Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--ci-font)}
body{font-size:16px}
.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:700}
.nav-brand{flex:0 0 auto;min-width:0;display:flex;align-items:center;padding:6px 0;border-radius:4px}
.brand-logo{display:block;width:clamp(156px,16vw,205px);height:auto;max-height:49px;object-fit:contain;object-position:left center}
.site-nav{min-height:90px;isolation:isolate}
.page-wedding .site-nav::before,.page-film .site-nav::before{content:"";position:absolute;inset:0 0 auto;height:125px;z-index:-1;pointer-events:none;background:linear-gradient(#05060799,#05060730,transparent)}
.page-fotos .site-nav{background:linear-gradient(#f7f6f3eb,#f7f6f399,transparent)}
.site-nav .nav-links>a:not(.nav-action){font-size:12px;font-weight:600;letter-spacing:.005em}
.site-nav .nav-action{font-size:12px;font-weight:650}
.page-business .site-nav{color:#fff}
.page-business .nav-action{background:var(--ci-gold);border-color:var(--ci-gold);color:var(--ci-black)}
.page-wedding .nav-action{background:#10111466;border-color:#fff}
.page-fotos .nav-action{background:var(--ci-black);border-color:var(--ci-black);color:#fff}
.page-film .nav-action{background:var(--ci-gold);border-color:var(--ci-gold);color:var(--ci-black)}
.page-wedding .footer,.page-business .footer,.page-fotos .footer,.page-film .footer{background:var(--ci-black);color:white}
.footer-brand{font-size:inherit;line-height:1;letter-spacing:normal;max-width:min(100%,450px);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.footer-wordmark{width:clamp(190px,28vw,340px);height:auto}
.footer-brand small{display:block;font-size:10px;font-weight:550;letter-spacing:.15em;margin:8px 0 0;text-transform:uppercase}
.footer-head{align-items:end}
.floating-cta{font-weight:650;letter-spacing:0}
.pill{font-weight:680;letter-spacing:.015em}
.pill-light{background:white;color:var(--ci-black)}
.pill-solid{background:var(--ci-black);color:white}
.page-wedding{--page:var(--ci-canvas);--ink:var(--ci-charcoal)}
.page-wedding .w-hero h1{font-family:var(--ci-font);font-size:clamp(58px,8.4vw,130px);font-weight:500;letter-spacing:-.067em;line-height:1.025}
.page-wedding .w-hero h1 em{font-family:inherit;font-size:.94em;font-style:italic;font-weight:360;letter-spacing:-.065em;color:#fff}
.page-wedding .w-statement h2,.page-wedding .w-chapter-head h2,.page-wedding .w-details-copy h2,.page-wedding .w-prices-intro h2,.page-wedding .w-ending h2{font-family:var(--ci-font);font-weight:460;letter-spacing:-.055em;line-height:1.1}
.page-wedding .w-story-card h3{font-family:var(--ci-font);font-weight:510;letter-spacing:-.035em;line-height:1.3}
.page-wedding em{font-family:inherit;color:var(--ci-muted-gold)}
.page-wedding .w-chapter-head h2 em{color:var(--ci-gold)}
.page-wedding .w-prices{background:#efede9}
.page-wedding .w-rate-row .price{font-family:var(--ci-font);font-weight:540}
.page-wedding .w-details-copy h2 em{color:var(--ci-muted-gold)}
.page-wedding .w-ending h2 em{color:var(--ci-gold)}
.page-wedding .w-hero-actions small{font-size:11px;color:#eee}
.page-wedding .w-hero .w-hero-copy{max-width:1200px}
.page-business{--page:var(--ci-black);--ink:white;background:var(--ci-black)}
.page-business .b-hero h1{font-family:var(--ci-font);font-weight:600;font-size:clamp(64px,8vw,124px);letter-spacing:-.06em;line-height:1.06}
.page-business .b-hero h1 em{font-family:inherit;font-style:normal;font-weight:410;letter-spacing:-.056em;color:var(--ci-gold)}
.page-business .b-hero-eyebrow,.page-business .b-focus-info .eyebrow{color:var(--ci-muted-gold)}
.page-business .b-hero-actions .pill{background:var(--ci-gold);color:var(--ci-black)}
.page-business .b-focus{background:var(--ci-canvas);color:var(--ci-charcoal)}
.page-business .b-focus-top h2,.page-business .b-evidence-heading h2,.page-business .b-approach h2,.page-business .b-rates h2,.page-business .b-end h2{font-family:var(--ci-font);font-weight:560;line-height:1.095;letter-spacing:-.06em}
.page-business .b-focus-top h2 em,.page-business .b-evidence-heading h2 em,.page-business .b-end h2 em{font-family:inherit;font-style:normal;font-weight:400;color:var(--ci-muted-gold)}
.page-business .b-focus-nav button.active,.page-business .b-focus-nav button[aria-pressed=true]{border-bottom-color:var(--ci-muted-gold)}
.page-business .b-focus-panel{background:#e8e5e0}
.page-business .b-focus-info h3,.page-business .b-process h3{font-family:var(--ci-font);font-weight:560;line-height:1.14;letter-spacing:-.04em}
.page-business .b-evidence{background:var(--ci-black)}
.page-business .b-evidence-heading h2 em{color:var(--ci-gold)}
.page-business .b-approach{background:var(--ci-canvas);color:var(--ci-charcoal)}
.page-business .b-approach-top p{color:#464442}
.page-business .b-rates{background:#ece9e4;color:var(--ci-charcoal)}
.page-business .b-end{background:var(--ci-black)}
.page-business .b-end .pill{background:var(--ci-gold);color:var(--ci-black)}
.page-business .b-ticker{background:#1b1c20}
.page-business .b-ticker b{color:var(--ci-gold)}
.page-fotos{--page:var(--ci-canvas);--ink:var(--ci-charcoal);background:var(--ci-canvas);color:var(--ci-charcoal)}
.page-fotos .p-hero{background:var(--ci-canvas)}
.page-fotos .p-hero::before{background:#e8e3da}
.page-fotos .p-hero .eyebrow{color:var(--ci-muted-gold)}
.page-fotos .p-hero h1{font-family:var(--ci-font);font-weight:490;font-size:clamp(60px,5.7vw,96px);line-height:1.065;letter-spacing:-.065em}
.page-fotos .p-hero h1 em{font-family:inherit;font-style:normal;font-weight:320;color:var(--ci-muted-gold)}
.page-fotos .p-trustbar{background:#e5e2dd;color:#46413a}
.page-fotos .p-trustbar b{color:var(--ci-muted-gold)}
.page-fotos .p-intro h2,.page-fotos .p-guide h2,.page-fotos .p-package-head h2,.page-fotos .p-close h2{font-family:var(--ci-font);font-weight:440;line-height:1.09;letter-spacing:-.06em}
.page-fotos .p-intro h2 em,.page-fotos .p-guide h2 em,.page-fotos .p-close h2 em{color:var(--ci-muted-gold);font-family:inherit;font-weight:330;font-style:normal}
.page-fotos .p-collage .photo{border-color:var(--ci-canvas)}
.page-fotos .p-collage .p-stamp{background:var(--ci-canvas);border:1px solid var(--ci-gold);color:var(--ci-charcoal);font-size:10px}
.page-fotos .p-filter-nav button.active,.page-fotos .p-filter-nav button:hover{background:var(--ci-black);border-color:var(--ci-black);color:white}
.page-fotos .p-guide{background:#ded9d0;color:var(--ci-charcoal)}
.page-fotos .p-guide .img-frame{box-shadow:17px 17px 0 #b4a490}
.page-fotos .p-guide .pill{background:var(--ci-black);color:#fff}
.page-fotos .p-packages{background:var(--ci-black);color:white}
.page-fotos .p-package.featured{background:var(--ci-canvas);color:var(--ci-charcoal)}
.page-fotos .p-package-head h2 em{color:var(--ci-gold)}
.page-fotos .p-close{background:var(--ci-canvas);color:var(--ci-charcoal)}
.page-fotos .p-close-copy .pill,.page-fotos .p-hero .pill-solid{background:var(--ci-black);color:#fff}
.page-film{--page:var(--ci-deep);--ink:white;background:var(--ci-deep);color:white}
.page-film .f-hero{background:var(--ci-deep)}
.page-film .f-badge,.page-film .f-badge::before{color:var(--ci-gold);background-color:transparent}
.page-film .f-badge::before{background:var(--ci-gold);box-shadow:none}
.page-film .f-hero h1{font-family:var(--ci-font);font-weight:570;text-transform:uppercase;font-stretch:normal;font-size:clamp(68px,8.9vw,148px);line-height:1.055;letter-spacing:-.045em;margin:20px 0 32px;overflow:visible;max-width:1280px}
.page-film .f-hero h1 em{font-family:inherit;font-style:normal;font-weight:430;letter-spacing:-.045em;color:var(--ci-gold)}
.page-film .f-showcase-head h2,.page-film .f-cut h2,.page-film .f-process h2,.page-film .f-end h2{font-family:var(--ci-font);font-weight:580;line-height:1.07;letter-spacing:-.052em}
.page-film .f-showcase-head h2 em,.page-film .f-end h2 em{color:var(--ci-gold);font-weight:450}
.page-film .f-process h2 em{color:var(--ci-gold);font-weight:440}
.page-film .f-hero-bottom .pill,.page-film .f-end .pill,.page-film .f-showcase-inquire .pill{background:var(--ci-gold);color:var(--ci-black)}
.page-film .f-ticker{background:#17191a;color:var(--ci-gold);border-block:1px solid #ffffff26}
.page-film .f-ticker span{font-weight:640}
.page-film .f-ticker .number{font:500 16px var(--ci-font);color:#75797b}
.page-film .f-showcase,.page-film .f-process{background:var(--ci-deep)}
.page-film .f-film h3{font-family:var(--ci-font);font-weight:590;letter-spacing:-.022em;line-height:1.3}
.page-film .f-film .f-play{background:var(--ci-gold);color:var(--ci-black)}
.page-film .f-film .f-card-meta small{color:var(--ci-gold);letter-spacing:.035em}
.page-film .f-cut{background:#e1ded8;color:var(--ci-charcoal)}
.page-film .f-cut-header p{color:#4e4b46}
.page-film .f-frame::before,.page-film .f-frame::after{background:repeating-linear-gradient(90deg,#161b16 0,#161b16 30px,#d2cdc5 30px,#d2cdc5 40px,#161b16 40px,#161b16 72px)}
.page-film .f-step .num,.page-film .f-video-dialog-caption{color:var(--ci-gold)}
.page-film .video-dialog-caption{color:var(--ci-gold)}
.page-film .f-film .f-card-meta small{white-space:normal}
@media(max-width:760px){
 .site-nav{min-height:76px}
 .brand-logo{width:clamp(148px,40vw,178px);max-height:44px}
 .site-nav .nav-links{background:var(--ci-black)}
 .page-wedding .w-hero h1{font-size:clamp(50px,11.3vw,81px);line-height:1.08}
 .page-wedding .w-hero h1 em{font-size:1em}
 .page-wedding .w-statement h2,.page-wedding .w-details-copy h2,.page-wedding .w-prices-intro h2{font-size:clamp(42px,10.2vw,69px);line-height:1.12}
 .page-business .b-hero h1{font-size:clamp(52px,11.4vw,83px);line-height:1.09}
 .page-fotos .p-hero h1{font-size:clamp(53px,11.4vw,80px);line-height:1.09}
 .page-film .f-hero h1{font-size:clamp(57px,12.4vw,98px);line-height:1.08;letter-spacing:-.035em}
 .page-film .f-showcase-head h2,.page-film .f-cut h2,.page-film .f-process h2,.page-film .f-end h2{font-size:clamp(56px,12vw,90px);line-height:1.13;letter-spacing:-.042em}
 .page-business .b-focus-info h3{font-size:clamp(34px,8.8vw,48px)}
 .footer-wordmark{width:235px}
}