/*
Theme Name: Marko Lukan — Editorial
Theme URI: https://markolukan.com/
Author: OpenAI
Description: Custom editorial WordPress theme for Marko Lukan.
Version: 2.7.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: marko-lukan
*/
:root{--ink:#101014;--paper:#f1eee8;--muted:#aaa39a;--red:#c9272c;--gold:#c5a36a;--line:rgba(255,255,255,.18);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;height:auto}.site-header{opacity:0;transition:opacity .9s ease;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid var(--line)}.brand{font-size:17px;letter-spacing:.2em;font-weight:700}.brand span{color:var(--red)}.main-nav{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.main-nav a{color:#ddd}.main-nav a:hover{color:var(--gold)}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#29242a 0,#111014 42%,#050506 100%)}.hero:before,.hero:after{display:none}.hero-inner{position:relative;z-index:2;text-align:center;padding:120px 24px 80px;opacity:1}.hero-kicker{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:25px}.hero h1{font-family:var(--serif);font-size:clamp(48px,9vw,126px);line-height:.95;letter-spacing:.025em;font-weight:400;margin:0;text-transform:uppercase}.hero-sub{margin:32px 0 0;color:#d0c9c1;letter-spacing:.28em;text-transform:uppercase;font-size:11px}.hero-scroll{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#9b948d}.skip-intro{display:none}.section{padding:110px 8vw}.eyebrow{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}.section h2{font:400 clamp(36px,5vw,68px)/1.05 var(--serif);margin:18px 0 28px}.intro-copy{max-width:760px;color:#c5beb6;font:clamp(18px,2vw,24px)/1.65 var(--serif)}.section-light{background:var(--paper);color:var(--ink)}.section-light .intro-copy{color:#514c47}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin-top:55px}.feature{background:#17161a;padding:35px;min-height:230px}.feature .num{font:italic 16px var(--serif);color:var(--red)}.feature h3{font:400 28px var(--serif);margin:22px 0 10px}.feature p{color:#aaa39a;font-size:14px}.book-strip{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:45px}.book-placeholder{min-height:420px;border:1px solid rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1b1a1d,#080809);color:#d7d0c7;font:italic 32px var(--serif);text-align:center;padding:30px}.book-copy p{max-width:520px;color:#514c47}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--red);padding-bottom:5px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.site-footer{padding:55px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#8d8780;font-size:11px;letter-spacing:.1em}.page-shell{padding:160px 8vw 100px;min-height:75vh}.page-shell h1{font:400 clamp(42px,7vw,82px)/1.05 var(--serif)}.entry-content{max-width:820px;color:#d0c9c1}.entry-content a{color:var(--gold);text-decoration:underline}.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:400}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 12px}
/* Organic light reveal: the page is born from a narrow, irregular slit. */
.door-intro{position:fixed;inset:0;z-index:99999;background:#020304;overflow:hidden;isolation:isolate}
.door-panel{position:absolute;inset:0 auto 0 0;width:50%;background:radial-gradient(ellipse at 100% 50%,#141116 0%,#08090c 42%,#020304 100%);will-change:transform;}
.door-panel-right{left:auto;right:0;background:radial-gradient(ellipse at 0% 50%,#141116 0%,#08090c 42%,#020304 100%)}
.door-panel-left{animation:door-left 2.15s cubic-bezier(.2,.72,.15,1) 2.15s forwards}
.door-panel-right{animation:door-right 2.15s cubic-bezier(.2,.72,.15,1) 2.15s forwards}
.door-light{position:absolute;z-index:3;left:50%;top:-8%;height:116%;width:clamp(5px,.7vw,11px);transform:translateX(-50%);opacity:0;background:linear-gradient(180deg,transparent 0%,#7d1516 10%,#e52b24 27%,#fff0d8 49%,#fff 54%,#ffb16a 72%,#a62a20 91%,transparent 100%);filter:blur(2px);box-shadow:0 0 16px 6px rgba(255,76,45,.85),0 0 48px 20px rgba(255,103,55,.55),0 0 130px 55px rgba(255,130,78,.25);animation:slit-ignite 1.25s ease .45s forwards,slit-soften 2.1s ease 2.1s forwards}
.door-light:before{content:"";position:absolute;inset:-8% -9vw;background:linear-gradient(90deg,transparent 0%,rgba(255,44,30,.05) 24%,rgba(255,95,58,.48) 46%,rgba(255,248,226,.8) 50%,rgba(255,87,52,.42) 55%,transparent 100%);filter:blur(34px);}
.light-bloom{position:absolute;z-index:2;inset:-25%;opacity:0;transform:scale(.015,.12);background:radial-gradient(ellipse at 50% 50%,rgba(255,247,225,.98) 0%,rgba(255,181,112,.82) 8%,rgba(240,66,44,.58) 19%,rgba(170,35,34,.28) 34%,rgba(70,28,36,.12) 52%,transparent 72%);filter:blur(32px);mix-blend-mode:screen;animation:bloom-expand 2.8s cubic-bezier(.14,.72,.16,1) 2.05s forwards;}
.door-skip{position:absolute;z-index:5;right:5vw;bottom:26px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#eee;padding:10px 15px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
/* Keep the whole site hidden, then reveal every section outward from the slit. */
body.intro-started .site-header,body.intro-started main,body.intro-started .site-footer{clip-path:inset(0 49.9% 0 49.9%);}
body.intro-revealed .site-header,body.intro-revealed main,body.intro-revealed .site-footer{clip-path:inset(0 0 0 0);transition:clip-path 2.5s cubic-bezier(.14,.72,.16,1);}
.intro-revealed .site-header{opacity:1;transition:opacity 1.2s ease 1.1s,clip-path 2.5s cubic-bezier(.14,.72,.16,1)}
.intro-revealed .hero-inner{animation:hero-appear 1.5s ease 1.1s both}
.door-intro.is-finished{opacity:0;transition:opacity 1s ease;pointer-events:none}
@keyframes slit-ignite{0%{opacity:0;transform:translateX(-50%) scaleY(.03)}100%{opacity:1;transform:translateX(-50%) scaleY(1)}}
@keyframes slit-soften{0%{opacity:1;filter:blur(2px)}100%{opacity:.25;filter:blur(15px)}}
@keyframes bloom-expand{0%{opacity:0;transform:scale(.008,.12)}18%{opacity:1}70%{opacity:.85;transform:scale(.72,.85)}100%{opacity:.35;transform:scale(1.25,1.2)}}
@keyframes door-left{to{transform:translateX(-101%)}}
@keyframes door-right{to{transform:translateX(101%)}}
@keyframes hero-appear{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.site-header{opacity:1}.hero-inner{opacity:1}.door-intro{display:none}body.intro-started .site-header,body.intro-started main,body.intro-started .site-footer{clip-path:none}}
@media(max-width:760px){.site-header{padding:20px 6vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 6vw;background:#111014;flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.feature-grid{grid-template-columns:1fr}.section{padding:80px 7vw}.book-strip{grid-template-columns:1fr;gap:35px}.book-placeholder{min-height:330px}.site-footer{flex-direction:column}.hero-sub{letter-spacing:.16em;line-height:2}}

/* v1.4 — soft, organic light expands from one central point and reveals the complete page */
body.intro-started .site-header,
body.intro-started main,
body.intro-started .site-footer {
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 0%, #000 42%, rgba(0,0,0,.92) 52%, rgba(0,0,0,.35) 66%, transparent 78%);
  mask-image: radial-gradient(ellipse at 50% 50%, #000 0%, #000 42%, rgba(0,0,0,.92) 52%, rgba(0,0,0,.35) 66%, transparent 78%);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:0% 0%; mask-size:0% 0%;
}
body.intro-revealing .site-header,
body.intro-revealing main,
body.intro-revealing .site-footer {
  animation: organic-page-reveal 3.6s cubic-bezier(.18,.68,.18,1) forwards;
}
@keyframes organic-page-reveal {
  0% { -webkit-mask-size:0% 0%; mask-size:0% 0%; }
  18% { -webkit-mask-size:35% 35%; mask-size:35% 35%; }
  58% { -webkit-mask-size:145% 145%; mask-size:145% 145%; }
  100% { -webkit-mask-size:320% 320%; mask-size:320% 320%; }
}
.door-intro .light-bloom {
  inset:-60%; opacity:0;
  background:radial-gradient(ellipse at center,
    rgba(255,250,238,.98) 0%,
    rgba(255,213,173,.9) 5%,
    rgba(255,105,72,.72) 13%,
    rgba(190,38,43,.48) 25%,
    rgba(95,32,47,.24) 42%,
    rgba(35,24,34,.12) 59%,
    transparent 76%);
  filter:blur(48px);
  transform:scale(.005);
  animation: organic-light-spread 4.3s cubic-bezier(.18,.68,.18,1) 1.35s forwards;
}
@keyframes organic-light-spread {
  0% { opacity:0; transform:scale(.005); }
  10% { opacity:1; transform:scale(.035); }
  42% { opacity:.96; transform:scale(.42); }
  78% { opacity:.7; transform:scale(1.05); }
  100% { opacity:.28; transform:scale(1.5); }
}
.door-intro .door-light {
  width:clamp(2px,.22vw,4px); filter:blur(7px); opacity:0;
  box-shadow:0 0 28px 16px rgba(255,76,45,.55),0 0 90px 48px rgba(255,128,80,.28);
  animation: slit-ignite 1.2s ease .65s forwards, slit-soften 2.8s ease 1.8s forwards;
}
.door-intro .door-light:before { filter:blur(54px); opacity:.9; }
@media(prefers-reduced-motion:reduce){
 body.intro-started .site-header,body.intro-started main,body.intro-started .site-footer { -webkit-mask-image:none; mask-image:none; animation:none; }
}

/* v1.5 — optional original sound signature */
.sound-toggle{position:fixed;z-index:100001;right:26px;bottom:24px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.28);border-radius:2px;background:rgba(8,8,10,.72);backdrop-filter:blur(12px);color:#eee;font:10px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.sound-toggle:hover,.sound-toggle.is-on{border-color:rgba(230,95,75,.75);background:rgba(35,15,17,.88);color:#fff}
.sound-toggle:first-letter{font-size:16px;color:#e7a18b}
@media(max-width:600px){.sound-toggle{right:14px;bottom:14px;padding:10px 12px;font-size:9px}}

/* v1.6: always-visible sound control, independent of the hidden header */
.sound-toggle{position:fixed!important;z-index:100002!important;right:24px;bottom:22px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.42);border-radius:3px;background:rgba(8,8,10,.88);backdrop-filter:blur(12px);color:#fff;font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;cursor:pointer;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:0 4px 24px rgba(0,0,0,.35)}
.sound-toggle .sound-icon{font-size:17px;color:#ffb39a}.sound-toggle:hover,.sound-toggle.is-on{border-color:#e86a50;background:rgba(50,18,18,.95)}
@media(max-width:600px){.sound-toggle{right:14px;bottom:14px;padding:11px 13px;font-size:9px}}

/* v1.7: distinguish autoplay fallback state */
.sound-toggle.is-blocked{border-color:rgba(231,161,139,.8);background:rgba(35,15,17,.94)}

/* v1.9: single global sound control, outside animated header/footer */
body > .sound-toggle{
 position:fixed!important;right:24px!important;bottom:22px!important;
 z-index:100010!important;display:flex!important;visibility:visible!important;
 opacity:1!important;pointer-events:auto!important;
}


/* v2.0 — authentic author portrait and supplied ML logo */
.brand-logo{display:flex;align-items:center;min-width:0}
.brand-logo img{display:block;width:auto;height:58px;max-width:150px;object-fit:contain;object-position:left center}
.hero{justify-content:flex-start;text-align:left;background:#050506;isolation:isolate}
.hero:before{content:"";display:block;position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.98) 28%,rgba(5,5,6,.72) 49%,rgba(5,5,6,.12) 76%,rgba(5,5,6,.30) 100%),
  linear-gradient(0deg,rgba(5,5,6,.58),transparent 30%,transparent 72%,rgba(5,5,6,.22));
}
.hero-portrait{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:min(57vw,900px);overflow:hidden}
.hero-portrait:after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.25) 22%,transparent 55%),
  linear-gradient(0deg,rgba(5,5,6,.62),transparent 30%,transparent 78%,rgba(5,5,6,.16));
}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;
  filter:grayscale(100%) contrast(1.06);opacity:.88}
.hero-inner{width:100%;max-width:1320px;margin:0 auto;padding:150px 8vw 110px;text-align:left}
.hero-copy{max-width:650px;position:relative;z-index:2}
.hero-kicker{letter-spacing:.34em}
.hero h1{font-size:clamp(58px,9vw,132px);line-height:.91}
.hero-sub{font-size:12px;letter-spacing:.24em}
.hero-scroll{left:8vw;transform:none}
.site-header{padding:18px 5vw;min-height:92px;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent)}
@media(max-width:760px){
  .brand-logo img{height:48px;max-width:118px}
  .site-header{min-height:76px}
  .hero{justify-content:flex-start}
  .hero-portrait{width:100%;top:0;bottom:0;opacity:.58}
  .hero-portrait img{object-position:58% center}
  .hero:before{background:linear-gradient(90deg,rgba(5,5,6,.88),rgba(5,5,6,.42)),linear-gradient(0deg,#050506 0%,transparent 45%,rgba(5,5,6,.12) 100%)}
  .hero-inner{padding:150px 7vw 110px}
  .hero h1{font-size:clamp(54px,15vw,88px)}
  .hero-scroll{left:7vw}
}


/* v2.1 — original, unretouched Samorad portrait; editorial split composition */
.hero{min-height:100svh;display:flex;align-items:stretch;justify-content:flex-end;text-align:left;background:#09090b;}
.hero:before{content:"";display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(4,5,6,.02) 0%,rgba(4,5,6,.04) 34%,rgba(4,5,6,.55) 54%,#08090b 76%,#08090b 100%),linear-gradient(0deg,rgba(4,5,6,.38),transparent 24%,transparent 78%,rgba(4,5,6,.22));}
.hero-portrait{position:absolute;inset:0 auto 0 0;width:76%;z-index:0;overflow:hidden;}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:42% center;filter:none;opacity:1;}
.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(5,6,8,.18) 66%,#08090b 100%),linear-gradient(0deg,rgba(5,6,8,.24),transparent 28%);}
.hero-inner{width:54%;max-width:780px;margin:0 4vw 0 auto;padding:170px 2vw 120px;display:flex;align-items:center;position:relative;z-index:2;text-align:left;}
.hero-copy{width:100%;max-width:640px;}
.hero-kicker{font-size:10px;letter-spacing:.34em;line-height:1.8;color:#d0ad79;margin-bottom:34px;}
.hero h1{font-size:clamp(58px,8vw,118px);line-height:.91;letter-spacing:.015em;}
.hero-sub{margin-top:32px;font-size:11px;letter-spacing:.24em;line-height:2;color:#ded8d0;}
.hero-scroll{left:auto;right:8vw;transform:none;}
.site-header{padding:20px 5vw;min-height:90px;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent);}
.brand-logo img{height:58px;width:auto;max-width:150px;object-fit:contain;}
@media(max-width:760px){
 .hero{min-height:100svh;justify-content:flex-end;}
 .hero-portrait{width:100%;inset:0;}
 .hero-portrait img{object-position:38% center;}
 .hero-portrait:after{background:linear-gradient(90deg,rgba(4,5,6,.08),rgba(4,5,6,.18) 38%,rgba(4,5,6,.82) 100%),linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.8) 12%,transparent 60%,rgba(8,9,11,.15));}
 .hero:before{background:linear-gradient(0deg,rgba(5,6,8,.82),transparent 60%);}
 .hero-inner{width:100%;max-width:none;margin:0;padding:150px 7vw 125px;align-items:flex-end;}
 .hero-copy{max-width:560px;margin-left:auto;text-align:right;}
 .hero-kicker{font-size:9px;letter-spacing:.22em;margin-bottom:20px;}
 .hero h1{font-size:clamp(54px,14vw,88px);}
 .hero-sub{font-size:10px;letter-spacing:.17em;margin-top:20px;}
 .hero-scroll{right:7vw;left:auto;}
 .brand-logo img{height:48px;max-width:118px;}
}


/* v2.2 — black literary cover; portrait blends into darkness */
.hero{background:#030304!important;color:#f3efe9!important;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:0;background:
 linear-gradient(90deg,rgba(3,3,4,.02) 0%,rgba(3,3,4,.04) 34%,rgba(3,3,4,.68) 58%,#030304 82%),
 linear-gradient(0deg,#030304 0%,rgba(3,3,4,.06) 28%,rgba(3,3,4,.05) 75%,#030304 100%)!important}
.hero-portrait{position:absolute;z-index:-1;left:0;right:auto;top:0;bottom:0;width:70%;overflow:hidden}
.hero-portrait:after{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,transparent 45%,rgba(3,3,4,.72) 78%,#030304 100%),
 linear-gradient(0deg,rgba(3,3,4,.55),transparent 24%,transparent 78%,rgba(3,3,4,.35))}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:38% center;filter:none;opacity:.92}
.hero-inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;padding:140px 7vw 110px;text-align:right}
.hero-copy{margin-left:auto;max-width:660px}
.hero h1{color:#f3efe9}
.hero-kicker{color:#c7a36d}
.hero-sub{color:#d9d2c9}
.hero-scroll{color:#b9b0a6}
.site-header{background:#030304!important;border-bottom:1px solid rgba(255,255,255,.13)}
@media(max-width:760px){
 .hero-portrait{width:100%;opacity:.58}
 .hero-portrait:after{background:linear-gradient(90deg,rgba(3,3,4,.25),rgba(3,3,4,.82)),linear-gradient(0deg,#030304,transparent 35%,rgba(3,3,4,.2))}
 .hero-inner{text-align:left;padding:155px 7vw 110px}
 .hero-copy{margin-left:0}
}

/* v2.4: use the approved finished black hero artwork as supplied */
.home .hero{min-height:100svh!important;height:100svh!important;justify-content:center!important;align-items:center!important;background:#000!important;}
.home .hero:before,.home .hero-portrait:after{display:none!important;content:none!important;}
.home .hero-portrait{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;overflow:hidden!important;background:#000!important;}
.home .hero-portrait img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:none!important;opacity:1!important;}
.home .hero-inner,.home .hero-scroll{display:none!important;}
.home .site-header .brand-logo{visibility:hidden!important;}
@media(max-width:700px){.home .hero{height:auto!important;min-height:100svh!important}.home .hero-portrait img{object-fit:contain!important}.home .site-header{background:rgba(0,0,0,.75)!important}}

/* v2.5: use the approved, finished black cover composition as-is */
.hero.hero-artwork{display:block;position:relative;min-height:100svh;height:100svh;padding:0;margin:0;background:#000!important;overflow:hidden;}
.hero-artwork .hero-artwork-image{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;}
.hero-artwork .hero-scroll{z-index:4;left:auto;right:5vw;bottom:24px;color:rgba(255,255,255,.62);}
@media(max-width:760px){.hero.hero-artwork{height:100svh;min-height:100svh}.hero-artwork .hero-artwork-image{object-fit:contain;background:#000}.hero-artwork .hero-scroll{right:7vw;}}


/* v2.6 — final hero refinements: crisp white typography, balanced scale, compact logo */
.home .hero.hero-artwork:before,
.home .hero.hero-artwork:after,
.home .hero.hero-artwork .hero-artwork-image:before,
.home .hero.hero-artwork .hero-artwork-image:after{display:none!important;content:none!important;background:none!important;}
.home .hero.hero-artwork{
  height:100svh!important;
  min-height:0!important;
  background:#000!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.home .hero.hero-artwork .hero-artwork-image{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94vw!important;
  max-height:92svh!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  margin:0 auto!important;
}
body.admin-bar.home .hero.hero-artwork{
  height:calc(100svh - 32px)!important;
}
.home .site-header .brand-logo img{
  height:34px!important;
  max-height:34px!important;
  max-width:88px!important;
  width:auto!important;
}
@media(max-width:760px){
 .home .hero.hero-artwork{height:calc(100svh - 46px)!important;min-height:0!important;}
 .home .hero.hero-artwork .hero-artwork-image{max-width:96vw!important;max-height:88svh!important;}
 .home .site-header .brand-logo img{height:30px!important;max-height:30px!important;max-width:76px!important;}
}


/* v2.7 — final white title: remove residual reveal-mask dimming once intro is complete */
body.intro-revealed main,
body.intro-revealed .hero.hero-artwork,
body.intro-revealed .hero.hero-artwork .hero-artwork-image {
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  opacity:1!important;
}
.home .hero.hero-artwork .hero-artwork-image {
  filter:none!important;
  opacity:1!important;
}