/* The original door remains unchanged. Only the scene behind its mask is decorative. */
.hero-entry{--entry-header:145px}
.hero-entry .status-bar{display:none}
.hero-entry .catalog-header{position:fixed;inset:0 0 auto;width:100%;z-index:60;background:rgba(255,255,255,.22);border-bottom:1px solid transparent;transition:background-color .24s,border-color .24s,box-shadow .24s}
.hero-entry .catalog-header.is-scrolled,.hero-entry .catalog-header:has([data-menu][aria-expanded="true"]){background:var(--bg);border-bottom-color:var(--line);box-shadow:0 8px 25px #1b2a3210}
.hero-entry .catalog-header-main{min-height:84px}
.hero-entry .catalog-nav-strip{background:transparent;border-color:transparent;transition:background-color .24s}
.hero-entry .catalog-header.is-scrolled .catalog-nav-strip{background:var(--surface)}
.hero-entry .catalog-header .navigation a{color:var(--text)}
.hero-entry .catalog-header .navigation a:hover,.hero-entry .catalog-header .navigation a[aria-current="page"]{color:var(--text);background:#fff9}
.hero-entry.catalog-avangart .hinge-hero{background:linear-gradient(115deg,#f3ecdf,#fdfbf7 65%,#f0e5d5)}
.hero-entry.catalog-plus .hinge-hero{background:linear-gradient(110deg,#f1f5f7,#fff 55%,#e6edf2)}
.hero-entry .hinge-hero-scene{background:none}
.hero-entry .hinge-hero-pin,.hero-entry .hinge-hero.is-static .hinge-hero-pin,.hero-entry .hinge-hero.is-interactive:not(.is-static) .hinge-hero-pin{top:0;height:100svh;padding-top:calc(var(--entry-header) + 16px)}
.hero-entry.catalog-plus .hinge-hero-scene{grid-column:2}
.hero-entry.catalog-plus .hinge-hero-copy{grid-column:1}
.real-door-opening .decorative-interior{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.real-door-opening.has-interior:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c172944,transparent 7%,transparent 93%,#0c172922),linear-gradient(0deg,#14202b44,transparent 7%,transparent 90%,#14202b33)}
.hero-entry .hero-decor-disclosure{font-size:16px;line-height:1.5;color:var(--muted);text-align:center;padding-block:16px;border-top:1px solid var(--line)}
@media(max-width:980px){.hero-entry .catalog-header-main{min-height:72px}}
@media(max-width:800px){
 .hero-entry{--entry-header:72px}
 .hero-entry .catalog-header-main{padding-inline:0}
 .hero-entry .real-photo-hero .hinge-hero-pin,.hero-entry .real-photo-hero.is-static .hinge-hero-pin,.hero-entry .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{height:calc(100svh - 69px - env(safe-area-inset-bottom,0px));padding:calc(var(--entry-header) + 8px) 8px 4px;top:0;grid-template-rows:minmax(0,1fr) auto}
 .hero-entry.catalog-plus .hinge-hero-scene,.hero-entry.catalog-plus .hinge-hero-copy{grid-column:1}
 .hero-entry .catalog-header{background:rgba(255,255,255,.16)}
 .hero-entry .catalog-header.is-scrolled,.hero-entry .catalog-header:has([data-menu][aria-expanded="true"]){background:var(--bg)}
 .hero-entry .catalog-header-main .logo{justify-self:start}
 .hero-entry .hero-decor-disclosure{padding-inline:20px}
}
@media(max-height:480px) and (max-width:980px){
 .hero-entry .real-photo-hero .hinge-hero-pin,.hero-entry .real-photo-hero.is-static .hinge-hero-pin,.hero-entry .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{position:relative;height:auto;padding-top:calc(var(--entry-header) + 12px);grid-template-rows:300px auto}
 .hero-entry.catalog-plus .hinge-hero-scene{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.hero-entry .catalog-header,.hero-entry .catalog-nav-strip{transition:none}}
/* A short mobile gesture opens the door fully, then releases the catalogue. */
@media(max-width:800px) and (min-height:481px){
 .hero-entry .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-journey{height:calc(100svh - 69px - env(safe-area-inset-bottom,0px) + clamp(220px,34svh,300px))}
}
/* Kullanıcı kararı (29 Eki 2026): Koleksiyon / Ses / Duraklat şeridi gösterilmez; kapı kaydırmayla kendiliğinden hareket eder. */
.hero-entry .hinge-hero-controls{display:none}
@media(max-width:800px){
 .hero-entry .real-photo-hero .hinge-hero-pin,.hero-entry .real-photo-hero.is-static .hinge-hero-pin,.hero-entry .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{padding:0;gap:0;grid-template-rows:minmax(0,1fr)}
 .hero-entry .real-photo-hero .hinge-hero-scene{overflow:hidden;padding:0}
 .hero-entry .real-photo-hero .real-door-portal{flex:none;max-width:none}
}
/* Kullanıcı kararı (29 Eki 2026): masaüstünde kapı dekoratif villa girişinde sağda durur, yazı sahnenin üstünde solda. */
@media(min-width:801px) and (min-height:561px){
 .hero-entry .real-photo-hero .hinge-hero-pin,.hero-entry .real-photo-hero.is-static .hinge-hero-pin,.hero-entry .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{padding:0;gap:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
 .hero-entry .real-photo-hero.hinge-hero .hinge-hero-scene{grid-column:1;grid-row:1;justify-content:flex-end;align-items:flex-end;padding:calc(var(--entry-header) + 70px) max(7vw,calc((100vw - 1280px)/2 + 40px)) 11svh 0;background:url(villa-facade.svg) center/cover no-repeat}
 .hero-entry .real-photo-hero .hinge-hero-scene:before{content:'';position:absolute;inset:auto 0 0;height:11svh;background:linear-gradient(#d3c9b8,#c2b7a3 12%,#b3a893);box-shadow:inset 0 2px 0 #f3eee4,inset 0 14px 24px -14px #5a4a3540;z-index:0}
 .hero-entry .real-photo-hero .hinge-hero-scene:after{display:none}
 .hero-entry .real-photo-hero .real-door-portal{flex:none;z-index:1}
 .hero-entry .real-photo-hero .real-door-portal:before{content:'';position:absolute;inset:-3.5% -7% 0;z-index:0;background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff08 22px 23px),linear-gradient(90deg,#2f3134,#45484b 50%,#2c2e31);box-shadow:inset 0 40px 50px -20px #000a,inset 18px 0 30px -18px #0008,inset -18px 0 30px -18px #0008,0 0 0 1px #00000030}
 .hero-entry .real-photo-hero .real-door-portal:after{content:'';position:absolute;inset:-3.5% -7% auto;height:46%;z-index:4;pointer-events:none;background:radial-gradient(ellipse 40% 100% at 50% 0,#fff3d640,#0000 70%)}
 .hero-entry .real-photo-hero .real-door-frame{box-shadow:0 0 0 1px #1d2124,0 14px 26px -8px #000a}
 .hero-entry .real-photo-hero.hinge-hero .hinge-hero-copy{grid-column:1;grid-row:1;justify-self:start;align-self:center;margin:calc(var(--entry-header) + 10px) 0 6svh max(48px,calc((100vw - 1280px)/2 + 32px));max-width:min(540px,44vw);z-index:3}
 .catalog-site .real-photo-hero .hinge-hero-note{left:auto;right:max(7vw,calc((100vw - 1280px)/2 + 40px));bottom:2.5svh;z-index:2;color:#3d3629;text-align:right}
}
@media(min-width:801px) and (min-height:561px) and (max-width:1100px){.hero-entry .real-photo-hero.hinge-hero .hinge-hero-copy{max-width:40vw}.catalog-site .hinge-hero h1{font-size:clamp(40px,4.4vw,56px)}}
@media(max-width:800px){.hero-entry .catalog-header:not(.is-scrolled) [data-menu]{background:#fffffff0;border-color:#fff}}

/* Optional audio control lives in the existing navigation; closed mobile hero is unchanged. */
.navigation .hero-menu-sound{font:inherit;font-size:16px;line-height:1.3;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--bg);cursor:pointer;white-space:nowrap}
.navigation .hero-menu-sound:focus-visible{outline:3px solid var(--accent);outline-offset:3px}