/* HAAKA TV · Phase 16 / original cream-and-orange editorial direction.
   Poster reels are live published assets, never demo accounts or stock images. */
.home07-hero{--hero16-surface:#fbf9f6;--hero16-ink:#19191a;--hero16-muted:#666463;--hero16-accent:#ef701b;background:var(--hero16-surface)!important;color:var(--hero16-ink)!important;overflow:hidden}
html[data-theme=dark] .home07-hero{--hero16-surface:#171615;--hero16-ink:#f7eee4;--hero16-muted:#d3c4b7;--hero16-accent:#f5a66c}
.home07-hero:before,.home07-hero:after{content:none!important}.home07-hero .hero-grain{z-index:0;opacity:.02}
.home07-hero[data-count]:not([data-count="0"]){min-height:clamp(600px,73vh,810px)}
.home07-hero .home07-slide{min-height:clamp(600px,73vh,810px);background:transparent!important;color:var(--hero16-ink)!important;overflow:hidden}
.home07-hero .home07-slide:before{background:none!important}
.home07-hero .home07-slide-media{inset:8% 0 5% auto;width:48%;background:transparent!important;opacity:.24;mask-image:linear-gradient(90deg,transparent 1%,black 25%)}
.home07-hero .home07-slide-media img,.home07-hero .home07-slide-media video{filter:saturate(.7);border-radius:20px}
.home07-hero .home07-slide-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);align-items:center;gap:clamp(15px,2vw,45px);padding-block:100px 110px;pointer-events:auto}
.home07-hero .home07-slide-content .home07-hero-copy{max-width:770px;min-width:0}
.home07-hero .home07-slide-content h1,.home07-hero .home07-slide-content .home07-slide-heading,.home07-hero .hero-copy h1{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(3.3rem,5.9vw,6.35rem);font-weight:850;line-height:1.06;letter-spacing:-.078em;margin-bottom:26px;color:var(--hero16-ink)!important;text-wrap:balance}
.home07-hero .home07-slide-content h1 em,.home07-hero .hero-copy h1 em{color:var(--hero16-accent)!important;font-style:normal}
.home07-hero .hero-copy h1 em{display:block}
.home07-hero .eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--hero16-accent)!important;font-weight:800}
.home07-hero .home07-slide-content .hero-sub,.home07-hero .hero-sub{font-size:clamp(1rem,1.5vw,1.24rem);line-height:1.7;max-width:590px;color:var(--hero16-muted)!important;margin-bottom:30px}
.home07-hero .hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.home07-hero .hero-ctas .btn-h{border-radius:60px;min-height:48px;padding:13px 23px;font-size:.88rem}
.home07-hero .btn-orange{background:#ef701b!important;border-color:#ef701b!important;color:#fff!important}
.home07-hero .btn-outline{color:var(--hero16-ink)!important;border-color:var(--hero16-ink)!important;background:transparent!important}
.home07-hero .hero-content{position:relative;z-index:2;min-height:clamp(610px,73vh,810px);padding-top:95px;padding-bottom:95px}
.home07-hero .hero-content>.row{min-height:440px}.home07-hero .hero-copy{z-index:4}.home07-hero .hero-bottom{display:none}
.home07-hero .home07-fallback-poster{opacity:.08;inset:4% 0 0 50%;mask-image:linear-gradient(90deg,transparent,#000)}
.home07-hero .hero-bg{opacity:calc(var(--hero-media-opacity,.65) * .28)!important;inset:5% 0 0 49%;width:51%;height:90%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 30%)}
/* Three perspective documentary cards, matching the supplied homepage composition. */
.hero16-visual{position:relative!important;z-index:3;min-width:0;display:flex;align-items:center;justify-content:center;min-height:450px}
.hero16-reel-stack{position:relative;width:min(100%,525px);height:410px;perspective:1400px}
.hero16-reel{--angle:0deg;position:absolute;display:block;top:33px;height:345px;width:37%;max-width:196px;border-radius:13px;overflow:hidden;border:1px solid #423e3940;box-shadow:0 20px 38px #261c1640;background:#444541;color:#fff!important;transform:rotate(var(--angle));text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.hero16-reel-1{left:1%;--angle:-9deg;z-index:1}.hero16-reel-2{left:32%;top:10px;--angle:0deg;z-index:3}.hero16-reel-3{right:1%;--angle:9deg;z-index:2}
.hero16-reel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86)}
.hero16-reel:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(0deg,#080807e8,transparent);pointer-events:none}
.hero16-reel:hover{transform:translateY(-8px) rotate(var(--angle));box-shadow:0 26px 50px #261c165a;color:#fff}
.hero16-reel-tag{position:absolute;z-index:2;top:15px;left:14px;font-size:.67rem;font-weight:900;letter-spacing:.14em}
.hero16-reel-play{position:absolute;z-index:2;top:45%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffffad;color:#fff;font-size:1rem;backdrop-filter:blur(3px);text-shadow:0 1px 6px #222}
.hero16-reel-title{position:absolute;z-index:2;bottom:19px;left:13px;right:11px;color:white;font-size:clamp(.77rem,1.15vw,1.03rem);font-weight:850;line-height:1.25;max-height:5em;overflow:hidden}
.hero16-reel-placeholder{height:100%;background:radial-gradient(circle at 45% 40%,#d6aa77aa,transparent 40%),linear-gradient(130deg,#6d5746,#2d3835 53%,#a96342);display:grid;place-items:center;color:#f7dcc3}.hero16-reel-2 .hero16-reel-placeholder{background:radial-gradient(circle at 60% 40%,#e3b36eaa,transparent 42%),linear-gradient(135deg,#65463a,#9e724f 57%,#433c35)}.hero16-reel-3 .hero16-reel-placeholder{background:radial-gradient(circle at 45% 28%,#b89c72aa,transparent 43%),linear-gradient(130deg,#3b4442,#6c5545,#2b3739)}
.hero16-reel-placeholder>span{font:800 9rem Georgia,serif;opacity:.18}.hero16-reel-placeholder>i,.hero16-reel-placeholder>b{display:none}
.home07-hero .home07-slider-controls{bottom:17px;color:var(--hero16-ink)!important}.home07-hero .home07-slider-buttons button{color:var(--hero16-ink);background:transparent;border:1px solid #8b837a80}.home07-hero .home07-slider-buttons button:hover{background:#ef701b;color:white}.home07-hero .home07-index{color:var(--hero16-muted)}.home07-hero .home07-dots button{background:#b0a89f}.home07-hero .home07-dots button[aria-current="true"]{background:#ef701b}
/* Member film room. Light mode stays light; only poster artwork is cinematic. */
.member16-space{--member16-card:var(--bg-2);--member16-border:var(--line);--member16-ink:var(--text)}
.member16-hero{padding:28px 0 42px;border-bottom:1px solid var(--member16-border)}.member16-hero h1{font:850 clamp(2.7rem,5vw,5.1rem)/1.07 'Manrope','DM Sans',sans-serif;letter-spacing:-.075em}.member16-hl{color:var(--accent)}.member16-hero p:not(.eyebrow){max-width:600px;color:var(--muted)}
.member16-intro-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}.member16-intro-actions span{font-weight:750}.member16-tabs{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:77px;z-index:12;background:var(--bg);padding:13px 0;border-bottom:1px solid var(--member16-border)}.member16-tabs a{padding:9px 14px;border:1px solid var(--member16-border);border-radius:30px;color:var(--text);font-size:.83rem;font-weight:650;text-decoration:none}.member16-tabs a:hover,.member16-tabs a:focus-visible{border-color:var(--accent);color:var(--accent)}
.member16-section{padding:42px 0 38px;scroll-margin-top:155px;border-bottom:1px solid var(--member16-border)}.member16-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.member16-section-head .eyebrow{margin-bottom:5px}.member16-section-head h2{font:800 clamp(1.4rem,2.5vw,2.25rem) 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.member16-section-head h2 small{font:500 14px 'DM Sans',sans-serif;color:var(--muted)}.member16-section-head p{margin:6px 0}.member16-section-head>a{font-size:.88rem;color:var(--accent)}
.member16-empty{background:var(--member16-card);border:1px dashed var(--member16-border);padding:40px;color:var(--muted);border-radius:10px;text-align:center}.member16-empty-small{color:var(--muted);padding:15px}
.member16-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.member16-film{min-width:0;background:var(--member16-card);border:1px solid var(--member16-border);border-radius:10px;overflow:hidden}.member16-cover{aspect-ratio:9/13;display:block;position:relative;background:#373533;overflow:hidden}.member16-cover.is-wide{aspect-ratio:16/10}.member16-cover img{width:100%;height:100%;object-fit:cover;display:block}.member16-cover-empty{display:grid;place-items:center;height:100%;color:#f0b17b;font-size:3rem}.member16-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffb5;color:#272727;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;opacity:0}.member16-cover:hover .member16-play,.member16-cover:focus-visible .member16-play{opacity:1}
.member16-film-info{padding:14px;display:grid;gap:7px}.member16-film-info>a{color:var(--text);font-size:.9rem;line-height:1.4}.member16-film-info>a:hover{color:var(--accent)}.member16-film-info small{color:var(--muted)}.member16-text-action{border:0;background:transparent;color:var(--accent);padding:5px 0;text-decoration:underline;cursor:pointer;font-size:.83rem;font-weight:650}.member16-text-action:hover{filter:brightness(.85)}
.member16-create,.member16-rename,.member16-rate-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member16-create{padding:17px;background:var(--member16-card);border:1px solid var(--member16-border);border-radius:10px}.member16-create input{max-width:290px}.member16-create label{font-weight:650;font-size:.88rem}.member16-create :is(input,select),.member16-rename input,.member16-profile-form :is(textarea,select),.member16-rate-form select{background:var(--member16-card);color:var(--text);border:1px solid var(--member16-border);border-radius:6px;padding:10px;min-height:42px}.member16-playlists{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:18px}.member16-playlist{min-width:0;background:var(--member16-card);border:1px solid var(--member16-border);border-radius:12px;padding:19px}.member16-list-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.member16-list-title h3{font-size:1.2rem;margin:0 0 5px}.member16-list-title small{color:var(--muted)}.member16-rename{margin:14px 0;border-bottom:1px solid var(--member16-border);padding-bottom:12px}.member16-rename input{width:min(100%,200px)}.member16-profile-form{display:grid;gap:15px;max-width:650px;padding:22px;background:var(--member16-card);border:1px solid var(--member16-border);border-radius:10px}.member16-profile-form label{display:grid;gap:7px;font-weight:650}.member16-profile-form .btn-h{justify-self:start}.member16-film-tools{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:21px;margin-top:26px}.member16-film-tools h2{font-size:1.3rem}.member16-film-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.member16-rate-form{margin-top:13px}.member16-guest-cta{margin:24px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.member16-guest-cta a{color:var(--accent);font-weight:800}
/* Admin appearance — coherent fields and clear save scopes. */
.admin14-shell .admin14-content{font-size:14px}.admin14-shell .admin-panel p{font-size:.86rem;line-height:1.6}.admin14-shell .admin-sidebar nav a{font-size:13px;min-height:43px}.admin14-shell .admin14-header{min-height:59px}.admin14-shell .admin14-toolbar button{min-height:36px}.admin14-shell .admin14-brand-field,.admin14-shell .admin14-file-label{font-size:.86rem}
.admin14-shell .appearance-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.admin14-shell .appearance-editor>section{min-width:0;margin-bottom:0}.admin14-shell .appearance-editor>section:nth-child(2),.admin14-shell .appearance-editor>section:nth-child(7){grid-column:1/-1}
.admin14-shell .appearance-editor .admin14-branding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin14-shell .appearance-editor .form-control{width:100%;min-width:0}.admin14-shell .appearance-editor .admin14-file-label{display:block;margin-top:8px;line-height:1.6}.admin14-shell .appearance-editor input[type=file]{display:block;width:100%;max-width:100%;font-size:.79rem;margin:5px 0 0}.admin14-shell .appearance-editor :is(input,textarea,select){background:var(--admin14-paper);color:var(--admin14-ink);border-color:var(--admin14-border)}
.admin14-shell .appearance-editor .brand-slot{border:1px solid var(--admin14-border);min-height:78px;display:grid;place-items:center;padding:10px;margin-top:10px}.admin14-shell .appearance-editor .brand-slot img{max-height:65px;max-width:200px;object-fit:contain}.admin14-shell .appearance-editor .admin14-brand-preview{border:1px solid var(--admin14-border);padding:8px;border-radius:5px}.admin14-shell .appearance-editor .admin14-brand-preview img{max-width:100%;max-height:80px;object-fit:contain}
.admin16-save-groups{grid-column:1/-1;background:var(--admin14-paper);border:1px solid var(--admin14-border);padding:18px;border-radius:12px;color:var(--admin14-ink)}.admin16-save-groups p{font-size:.85rem!important;color:var(--admin14-muted)!important;margin-bottom:8px}.admin16-save-buttons{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.admin14-shell .appearance-actions{grid-column:1/-1;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin-top:0}
.admin14-shell .appearance-editor label{overflow-wrap:anywhere}.admin14-shell .appearance-editor .palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Theme reconciliation: light means light for cards, tables and controls, never inherited dark buttons. */
html[data-theme=light] .member16-film,html[data-theme=light] .member16-playlist,html[data-theme=light] .member16-profile-form{background:var(--bg-2);color:var(--text)}
html[data-theme=light] .admin14-shell .admin-panel,html[data-theme=light] .admin14-shell .admin14-report-card{background:var(--admin14-paper)!important;color:var(--admin14-ink)!important}
html[data-theme=light] .admin14-shell :is(.form-control,.form-select,textarea,input,select){color:var(--admin14-ink);background:var(--admin14-paper)}
@media(max-width:1150px){.home07-hero .home07-slide-content{grid-template-columns:1fr minmax(270px,.85fr)}.hero16-reel-stack{height:350px}.hero16-reel{height:300px}.home07-hero .home07-slide-content h1,.home07-hero .hero-copy h1{font-size:clamp(2.7rem,5.3vw,5rem)}}
@media(max-width:920px){.home07-hero .home07-slide-content{grid-template-columns:1fr 360px;padding-block:65px 96px}.hero16-visual{min-height:340px}.hero16-reel-stack{height:325px}.hero16-reel{height:290px}.admin14-shell .appearance-editor{grid-template-columns:1fr}.admin14-shell .appearance-editor>section{grid-column:1/-1}}
@media(max-width:767.98px){.home07-hero .hero-content{padding:70px 20px 35px}.home07-hero .hero-content>.row{display:grid;grid-template-columns:1fr;gap:12px}.home07-hero .hero-copy{max-width:100%}.home07-hero .home07-slide-content{grid-template-columns:1fr;gap:15px;padding:65px 20px 115px}.home07-hero .home07-slide-media{inset:25% 0 0;width:100%;opacity:.12}.home07-hero .home07-slide-content h1,.home07-hero .hero-copy h1{font-size:clamp(2.6rem,10vw,4.6rem)}.hero16-visual{min-height:300px;width:100%;padding:0}.hero16-reel-stack{width:min(100%,385px);height:295px}.hero16-reel{top:27px;height:250px;width:39%}.hero16-reel-2{top:8px}.hero16-reel-tag{font-size:.55rem}.hero16-reel-title{font-size:.72rem}.home07-hero .home07-slider-controls{bottom:10px}.member16-tabs{top:0}.member16-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member16-playlists{grid-template-columns:1fr}.admin14-shell .appearance-editor .admin14-branding-grid{grid-template-columns:1fr}}
@media(max-width:400px){.hero16-reel-stack{height:245px}.hero16-visual{min-height:260px}.hero16-reel{height:212px}.hero16-reel-title{bottom:10px;font-size:.65rem}.home07-hero .hero-ctas .btn-h{padding:11px 15px}.member16-film-info{padding:10px}.admin14-shell .appearance-editor .palette-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hero16-reel{transition:none}.home07-hero video{display:none!important}}

/* Sticky save rail keeps file uploads discoverable in the long appearance form. */
.admin14-shell .admin16-quick-save{grid-column:1/-1;position:sticky;top:58px;z-index:75;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--admin14-paper);border:1px solid var(--admin14-border);border-radius:9px;padding:10px 12px;box-shadow:0 10px 24px #00000015;color:var(--admin14-ink)}
.admin14-shell .admin16-quick-save>span{font-size:.77rem;font-weight:800;color:var(--admin14-muted);margin-right:6px}
.admin14-shell .admin16-quick-save button{border-radius:7px;border:1px solid var(--admin14-border);background:var(--admin14-warm);color:var(--admin14-ink);font-size:.79rem;font-weight:750;padding:9px 13px;cursor:pointer}
.admin14-shell .admin16-quick-save button:hover{border-color:var(--admin14-copper);color:var(--admin14-copper)}
@media(max-width:720px){.admin14-shell .admin16-quick-save{top:56px;padding:8px}.admin14-shell .admin16-quick-save>span{display:none}.admin14-shell .admin16-quick-save button{font-size:.73rem;padding:7px 9px}}