/* Üveg-design, csak görgetésre (a 3D-terv 11 éles változata).
   A térhatás kizárólag a görgetéstől függ: a képek mélységben elcsúsznak, a szövegek és szövegdobozok állnak.
   A belépő animáció csak akkor rejti el a tartalmat, ha a JS fut (html.g3d). */
:root{--ease:cubic-bezier(.22,.61,.36,1)}
html,body{overflow-x:clip}
.sec3d{position:relative}

/* belépés: csak halványodás (mindkét görgetési irányban), a képek mozgását kizárólag a görgetés vezérli */
html.g3d [data-reveal]{opacity:0;transition:opacity .9s var(--ease),translate .9s var(--ease)}
html.g3d [data-reveal].in{opacity:1}

/* háttér: üveges, színes fénygömbökkel */
html{background:#f6efe3}
body{background:transparent}
/* háttér: egyetlen álló réteg (színátmenet + két lágy fényfolt), nincs elmosás és nincs görgetés alatti újrarajzolás */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 60vmax at -4vmax -2vmax,rgba(246,185,197,.55),transparent 70%),radial-gradient(60vmax 60vmax at 104% 108%,rgba(242,210,139,.55),transparent 70%),linear-gradient(135deg,#fde8e4 0%,#f6efe3 46%,#e9f0ee 100%)}
.split,.philosophy,.facts,.profile,.story,.products{background:transparent!important}
.site-header{background:rgba(255,255,255,.55)!important;backdrop-filter:blur(18px) saturate(1.4)}

/* nyitókép és nyitó szövegdoboz */
.hero__photo{transform:scale(1.1)!important;translate:0 calc(var(--par,0)*1px)!important}
.hero__content{will-change:transform;transform:translate3d(0,calc(var(--sy,0)*-.07px),0)!important;background:rgba(255,255,255,.5);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.85);border-radius:34px;padding:30px 44px;box-shadow:0 30px 70px rgba(100,60,40,.22)}

/* szövegdobozok: üveg, állnak */
.copy{background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.85);border-radius:34px;padding:clamp(26px,3vw,46px)!important;box-shadow:0 30px 70px rgba(120,80,40,.16),inset 0 1px 0 #fff}
.principle{background:rgba(255,255,255,.5);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);border-radius:28px;box-shadow:0 24px 50px rgba(120,80,40,.14);padding:26px clamp(18px,2vw,30px)!important;margin:0 8px}
.principle::before{display:none!important}

/* képek: csak minimális térbeli elmozdulás görgetésre (nincs fény, nincs méretváltozás) */
.photo{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 40px 90px rgba(120,70,40,.32)!important;will-change:transform;transform:translate3d(0,calc(var(--par,0)*1px),0)}
.profile__screen{will-change:transform;transform:translate3d(0,calc(var(--par,0)*1px),0);filter:drop-shadow(0 30px 40px rgba(60,40,20,.3))}

/* minden képen UGYANAZ a mozgás, mint a nyitóképen: a KERET csúszik a görgetés távolságának 4%-ával (--par, js/glass3d.js), a kép a keretben áll */
/* Tudatos választás: az eredeti kép mélységtérképpel (WebGL); ha nincs WebGL, marad az eredeti háttérkép */
.photo--products{aspect-ratio:4/3;min-height:0}
.p3d{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s}
.p3d.ready{opacity:1}


/* címlap (asztali/tablet): a szövegdoboz 20%-kal kisebb, jobbra fent áll, a teteje a hölgy homlokával egy vonalban; így nem lóg bele az ülő alakba */
@media(min-width:641px){
  .hero{align-items:flex-start;padding-top:0}
  .hero__content{align-self:flex-start;position:relative;top:11%;scale:.8;transform-origin:100% 0}
}
@media(max-width:640px){
  .hero__photo{transform:scale(1.04)!important}
  .copy,.principle{backdrop-filter:none;background:rgba(255,255,255,.82)}
  .hero__content{backdrop-filter:none;background:rgba(255,255,255,.85);padding:22px!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  html.g3d [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}
  .hero__photo,.hero__content,.photo,.profile__screen,body::before{transform:none!important;translate:none!important;scale:none!important}
}