@font-face { font-family:'Helvetica'; src:url('assets/font/Helvetica-Light.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Helvetica'; src:url('assets/font/Helvetica.woff2')       format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Helvetica'; src:url('assets/font/Helvetica-Bold.woff2')  format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:'Helvetica','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.022em;
  background:var(--bg);color:var(--text);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
/* Accessibility: klavye odağı için belirgin outline (mouse focus etkilenmez) */
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

:root{

  --font-sans: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --bg:            #0a0a0c;
  --bg-elevated:   #141417;       
  --bg-soft:       #18181c;       
  --text:          #f5f5f7;       
  --text-muted:    #86868b;       
  --text-tertiary: #86868b;       
  --line:          rgba(245,245,247,.08);
  --line-strong:   rgba(245,245,247,.16);

  
  --accent:        #c8202b;       
  --accent-hover:  #de2530;
  --accent-dim:    #a01820;
  --accent-glow:   rgba(200,32,43,.35);

  
  --t-hero-headline:    clamp(56px, 7vw, 80px);
  --t-hero-headline-lh: 1.05;
  --t-hero-intro:       clamp(17px, 1.6vw, 21px);
  --t-hero-intro-lh:    1.24;

  --t-section-headline:    clamp(56px, 6.4vw, 80px);
  --t-section-headline-lh: 1.05;
  --t-section-intro:       clamp(17px, 1.6vw, 21px);
  --t-section-intro-lh:    1.24;
  --t-section-eyebrow:     clamp(21px, 1.9vw, 24px);
  --t-section-eyebrow-lh:  1.17;

  --t-headline-reduced:    clamp(32px, 3.4vw, 40px);
  --t-headline-reduced-lh: 1.1;

  --t-cta:                 clamp(17px, 1.2vw, 17px);
  --t-body:                17px;
  --t-body-tight:          17px;
  --t-body-reduced:        14px;
  --t-caption:             12px;

  
  --section-py-lg: 140px;
  --section-py-md: 100px;
  --section-py-sm: 64px;

  
  --container:   980px;
  --container-wide: 1200px;

  
  --radius-pill:  18px;
  --radius-card:  18px;
  --radius-input: 980px;          
  --radius-round: 999px;

  
  --ease:       cubic-bezier(.4, 0, .2, 1);
  --ease-out:   cubic-bezier(.16, 1, .3, 1);  
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);

  --dur-fast: .25s;
  --dur-mid:  .4s;
  --dur-slow: .8s;

  
  --nav-h: 52px;                  
}

.kit-eyebrow{
  font-size:var(--t-section-eyebrow);
  line-height:var(--t-section-eyebrow-lh);
  font-weight:600;letter-spacing:.0045em;
  color:var(--text-muted);
  margin-bottom:6px;
}

.kit-headline{
  font-size:var(--t-section-headline);
  line-height:var(--t-section-headline-lh);
  font-weight:600;letter-spacing:0em;
  color:var(--text);
}
.kit-headline em{font-style:normal}

.kit-intro{
  font-size:var(--t-section-intro);
  line-height:var(--t-section-intro-lh);
  font-weight:600;letter-spacing:.005em;
  color:var(--text);
  margin-top:16px;
}

.kit-body{
  font-size:var(--t-body);line-height:1.47;font-weight:400;letter-spacing:-.022em;
  color:var(--text-muted);
}

.kit-caption{
  font-size:var(--t-caption);line-height:1.33;font-weight:400;letter-spacing:-.01em;
  color:var(--text-tertiary);
}

.kit-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--accent);font-weight:400;font-size:var(--t-cta);
  letter-spacing:-.022em;
  transition:gap var(--dur-fast) var(--ease);
}
.kit-link:hover{gap:10px}
.kit-link::after{
  content:'›';display:inline-block;font-weight:600;
  transform:translateY(-1px);
}

.kit-pill{
  display:inline-flex;align-items:center;justify-content:center;
  gap:6px;
  padding:8px 16px;border-radius:var(--radius-input);
  background:var(--accent);color:#fff;border:none;cursor:pointer;
  font-family:inherit;font-size:var(--t-cta);font-weight:400;letter-spacing:-.022em;
  transition:background var(--dur-fast) var(--ease);
}
.kit-pill:hover{background:var(--accent-hover)}
.kit-pill--ghost{
  background:transparent;color:var(--accent);
  border:1px solid var(--accent);
}
.kit-pill--ghost:hover{background:var(--accent);color:#fff}

.kit-section-header{
  text-align:center;
  max-width:780px;margin:0 auto;
  padding:0 22px;
}
.kit-section-header--left{text-align:left;margin:0;padding:0}

.kit-section{
  padding-top:var(--section-py-lg);
  padding-bottom:var(--section-py-lg);
}
.kit-container{
  max-width:var(--container);margin:0 auto;
  padding-left:22px;padding-right:22px;
}
.kit-container--wide{max-width:var(--container-wide)}

.nav{
  position:fixed;top:0;left:0;right:0;z-index:9998;
  height:var(--nav-h);
  display:flex;align-items:center;
  padding:0 22px;
  background:rgba(10,10,12,.72);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid transparent;
  transition:background var(--dur-fast) var(--ease),
             border-color var(--dur-fast) var(--ease),
             transform .3s var(--ease);
}
.nav.is-scrolled{
  background:rgba(10,10,12,.92);
  border-bottom-color:var(--line);
}
.nav.is-hidden{
  transform:translateY(-100%);
}
.nav__logo{
  display:flex;align-items:center;
  height:100%;padding-right:32px;
  flex-shrink:0;
}
.nav__logo img{height:28px;width:auto}
.nav__links{
  display:flex;align-items:center;
  flex:1;gap:0;
}
.nav__links a{
  font-size:12px;line-height:1;font-weight:400;letter-spacing:-.01em;
  color:rgba(245,245,247,.8);
  padding:8px 11px;
  transition:color var(--dur-fast) var(--ease);
}
.nav__links a:hover{color:var(--text)}
.nav__links a.is-active{color:var(--text)}

.nav__right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nav__login{
  padding:7px 14px;border-radius:var(--radius-input);
  background:var(--accent);color:#fff;
  font-size:12px;font-weight:400;letter-spacing:-.01em;line-height:1;
  transition:background var(--dur-fast) var(--ease);
}
.nav__login:hover{background:var(--accent-hover)}

.nav__burger{
  display:none;background:none;border:none;cursor:pointer;
  color:var(--text);font-size:16px;
  width:36px;height:36px;align-items:center;justify-content:center;
  margin-left:auto;
}

.drawer{
  display:none;position:fixed;
  top:var(--nav-h);left:0;right:0;z-index:9997;
  background:rgba(10,10,12,.98);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--line);
  padding:8px 22px 16px;
  flex-direction:column;gap:1px;
}
.drawer.is-open{display:flex}
.drawer a{
  padding:14px 4px;
  font-size:17px;font-weight:400;letter-spacing:-.022em;
  color:var(--text);
  border-bottom:1px solid var(--line);
}
.drawer a:last-child{border-bottom:none}
.drawer__login{
  margin-top:12px;
  background:var(--accent);color:#fff;
  text-align:center;
  border-radius:var(--radius-input);
  border-bottom:none !important;
  padding:12px !important;
}

.hero{
  position:relative;
  height:170vh;
  height:170dvh;
  background:#000;
}
.hero__stage{
  position:sticky;top:0;
  height:100vh;
  height:100dvh;
  overflow:hidden;
}

.hero__tv{
  --tv-r:8px;
  --bezel:0px;
  position:absolute;
  inset:0;
  border-radius:var(--tv-r);
  overflow:hidden;
  background:#1a1a1e;
  will-change:transform;
}
.hero__tv.is-framed{ --bezel:8px; }
.hero__tv-screen{
  position:absolute;
  top:var(--bezel); right:var(--bezel); bottom:var(--bezel); left:var(--bezel);
  overflow:hidden;
  border-radius:calc(var(--tv-r) - var(--bezel));
  transition:top .5s var(--ease),right .5s var(--ease),bottom .5s var(--ease),left .5s var(--ease),border-radius .5s var(--ease);
}
.hero__tv-screen video{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.hero__static{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
}

.hero__tv::after{
  content:'';
  position:absolute;inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 30px 80px rgba(0,0,0,0);
  transition:box-shadow .5s var(--ease);
  z-index:2;
}
.hero__tv.is-framed::after{
  box-shadow:0 70px 180px rgba(0,0,0,.95);
}

.hero__tv-stand{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  pointer-events:none;
  opacity:0;
}
.hero__tv-stand__neck{
  width:72px;height:10px;
  background:linear-gradient(180deg,#2e2e32 0%,#1c1c20 100%);
  border-radius:0 0 3px 3px;
  margin:0 auto;
}
.hero__tv-stand__base{
  width:170px;height:5px;
  background:linear-gradient(180deg,#26262a 0%,#161618 100%);
  border-radius:0 0 8px 8px;
  margin-top:1px;
}

.hero__tv-ambient{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:0;
  pointer-events:none;
  opacity:0;
  width:56vw;
  height:110px;
  display:block;
  filter:blur(36px) saturate(280%) brightness(0.55);
  border-radius:50%;
}


@media (max-width:734px){
  .hide-on-mobile{display:none!important}
  .show-on-mobile{display:block!important}
}

.hero__tv-glare{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(
    140deg,
    rgba(255,255,255,.08) 0%,
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,0) 65%,
    rgba(255,255,255,.03) 100%
  );
  opacity:0;
  transition:opacity var(--dur-mid) var(--ease),inset .5s var(--ease);
}
.hero__tv.is-framed .hero__tv-glare{inset:18px 18px 40px 18px;border-radius:2px;overflow:hidden}
.hero__tv.is-framed .hero__tv-glare{opacity:1}

.hero__overlay{
  position:absolute;inset:0;z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 50% 35%, transparent 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.7) 100%),
    linear-gradient(to bottom,
      rgba(0,0,0,.4) 0%,
      rgba(0,0,0,.1) 30%,
      rgba(0,0,0,.3) 60%,
      rgba(0,0,0,.75) 90%,
      var(--bg) 100%);
}

.hero__content{
  position:absolute;inset:0;z-index:4;
  display:flex;align-items:center;justify-content:center;
  padding:calc(var(--nav-h) + 40px) 22px 80px;
  text-align:center;
  pointer-events:none;
}
.hero__content > *{pointer-events:auto}
.hero__content-inner{max-width:1080px}    

.hero__eyebrow{
  font-size:var(--t-section-eyebrow);
  line-height:var(--t-section-eyebrow-lh);
  font-weight:600;letter-spacing:.0045em;
  color:rgba(245,245,247,.85);
  margin-bottom:6px;
  text-shadow:0 1px 16px rgba(0,0,0,.6);
}
.hero__headline{
  font-size:var(--t-hero-headline);
  line-height:var(--t-hero-headline-lh);
  font-weight:600;letter-spacing:0em;
  color:#fff;
  margin-bottom:18px;
  text-shadow:0 2px 24px rgba(0,0,0,.55);
}
.hero__headline em{font-style:normal}
.hero__intro{
  font-size:var(--t-hero-intro);
  line-height:var(--t-hero-intro-lh);
  font-weight:600;letter-spacing:.005em;
  color:rgba(255,255,255,.92);
  margin-bottom:32px;
  text-shadow:0 1px 14px rgba(0,0,0,.5);
}

.hero__form{
  display:flex;align-items:center;gap:6px;
  max-width:480px;margin:0 auto;
  padding:6px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(40px) saturate(200%);
  -webkit-backdrop-filter:blur(40px) saturate(200%);
  border-radius:var(--radius-input);
  transition:border-color var(--dur-fast) var(--ease);
}
.hero__form:focus-within{border-color:rgba(255,255,255,.35)}
.hero__input{
  flex:1;min-width:0;
  padding:10px 16px;
  background:transparent;border:none;outline:none;
  color:#fff;font-family:inherit;
  font-size:15px;font-weight:400;letter-spacing:-.022em;
}
.hero__input::placeholder{color:rgba(255,255,255,.6)}
.hero__submit{
  padding:10px 22px;
  background:var(--accent);color:#fff;
  border:none;cursor:pointer;border-radius:var(--radius-input);
  font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;
  display:inline-flex;align-items:center;gap:6px;
  transition:background var(--dur-fast) var(--ease);
}
.hero__submit:hover{background:var(--accent-hover)}
.hero__submit .fa-chevron-right{font-size:11px}
.hero__msg{
  margin-top:12px;min-height:18px;
  font-size:13px;font-weight:400;letter-spacing:-.022em;
  color:#ffb3b3;
  text-shadow:0 1px 8px rgba(0,0,0,.7);
}
.hero__msg.is-ok{color:#88e0a8}

.hero__floor{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  height:40%;pointer-events:none;
  background:radial-gradient(ellipse 60% 100% at 50% 100%,
    rgba(200,32,43,.06) 0%,
    transparent 70%);
  opacity:0;
  transition:opacity var(--dur-slow) var(--ease);
}
.hero__stage.is-final .hero__floor{opacity:1}

.hero__statement{
  position:absolute;
  left:0;right:0;bottom:8vh;
  z-index:5;
  padding:0 22px;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(40px);
}
.hero__statement-text{
  max-width:980px;margin:0 auto;
  font-size:clamp(20px, 2.4vw, 32px);
  line-height:1.22;
  font-weight:600;letter-spacing:0em;
  color:var(--text);
}
.hero__statement-text em{
  font-style:normal;
}

@media (max-width: 734px){
  .hero__statement{bottom:5vh}
  .hero__statement-text{font-size:clamp(16px, 4.8vw, 22px);line-height:1.25}
  /* Mobil TV mockup'ı: dikeyde full viewport, 16:9 landscape (yanlar taşabilir), X-centered */
  .hero__tv{
    inset:0 auto;
    left:50%;
    width:auto;
    height:100%;
    aspect-ratio:16/9;
    transform-origin:center center;
  }
}


.section-product-viewer{
  background:var(--bg);
  position:relative;
}

.pv-scroll-track{
  position:relative;
  height:300vh;
}
.pv-sticky-stage{
  position:sticky;
  top:0;
  height:100vh;
  height:100dvh;
  display:flex;
  align-items:stretch;          
  overflow:hidden;
}
.pv-sticky-stage .product-viewer-component{
  width:100%;
  height:100%;                  
  min-height:0;
  max-width:none;
}

.pv-section-header{
  padding:var(--section-py-md) 22px var(--section-py-sm);
  max-width:980px;margin:0 auto;
}
.pv-section-header .kit-eyebrow{margin-bottom:6px}
.pv-section-header .kit-headline{font-size:var(--t-section-headline);line-height:var(--t-section-headline-lh)}
.pv-section-header .kit-intro{max-width:680px}

.product-viewer-component{
  width:100%;max-width:1920px;margin:0 auto;
  min-height:580px;
  display:flex;align-items:center;
  position:relative;overflow:hidden;
  background:var(--bg);
}
.product-viewer-component::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to right,
    rgba(10,10,12,.85) 0%,
    rgba(10,10,12,.6) 25%,
    rgba(10,10,12,.2) 50%,
    transparent 72%);
}

.product-viewer-container{
  position:absolute;top:0;left:0;width:100%;height:100%;
}
.product-viewer-media{
  position:absolute;top:0;left:0;width:100%;height:100%;
  opacity:0;transition:opacity var(--dur-slow) var(--ease);
  pointer-events:none;
}
.product-viewer-media.is-active{opacity:1;pointer-events:auto}
.product-viewer-media img,
.product-viewer-media video{
  width:100%;height:100%;object-fit:cover;object-position:right center;display:block;
}

.dub-replay{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:10;
  display:flex;flex-direction:column;align-items:center;
  gap:14px;
  background:none;border:none;cursor:pointer;
  padding:12px;
  color:rgba(255,255,255,.9);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--ease);
}
.dub-replay:not([hidden]){opacity:1;pointer-events:auto}
.dub-replay__icon{
  width:60px;height:60px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.5);                       
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:center;
  transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);
}
.dub-replay:hover .dub-replay__icon{
  background:rgba(0,0,0,.65);
  border-color:rgba(255,255,255,.55);
}
.dub-replay__label{
  font-size:13px;font-weight:500;letter-spacing:-.022em;
  color:rgba(255,255,255,.85);
  text-shadow:0 1px 6px rgba(0,0,0,.6);             
}

.controls{
  position:relative;z-index:2;
  padding:0 40px 0 56px;
  width:fit-content;
}
.control-group{
  display:flex;flex-direction:column;gap:0;
  list-style:none;margin:0;padding:0;
  min-width:340px;max-width:400px;
}

.control-item{
  position:relative;overflow:hidden;
  height:64px;
  border-radius:18px;
  transition:height .42s var(--ease);
}
.control-item-bg-container{position:absolute;inset:0;pointer-events:none;border-radius:18px}
.control-item-bg{
  position:absolute;inset:0;border-radius:18px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  opacity:0;
  transition:opacity var(--dur-fast) var(--ease);
}
.control-item.expanded .control-item-bg{opacity:1}
.control-item:not(.expanded):hover .control-item-bg{opacity:.45}

.control-item-open{
  display:flex;align-items:center;
  height:64px;width:100%;
  padding:0 18px 0 22px;
  background:none;border:none;cursor:pointer;
  gap:14px;
  position:relative;z-index:1;
}

.control-item-icon{
  width:28px;height:28px;border-radius:50%;
  border:1.25px solid rgba(245,245,247,.3);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:rgba(245,245,247,.55);
  transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
}
.control-item:not(.expanded):hover .control-item-icon{
  border-color:rgba(245,245,247,.6);
  color:rgba(245,245,247,.85);
}
.control-item-icon svg{display:block}

.control-item-label{
  font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.022em;
  color:rgba(245,245,247,.65);
  flex:1;text-align:left;
  font-family:inherit;
  transition:color var(--dur-fast) var(--ease);
}
.control-item:not(.expanded):hover .control-item-label{color:var(--text)}

.control-item-content{
  position:absolute;
  top:64px;                                      
  left:0;width:100%;
  padding:4px 22px 18px 56px;                    
  display:flex;flex-direction:column;
  pointer-events:none;opacity:0;
  transition:opacity .18s var(--ease);
}
.control-item.expanded .control-item-content{
  pointer-events:auto;opacity:1;
  transition:opacity var(--dur-mid) var(--ease) .15s;
}
.control-item-content-mask{flex:1}
.pv-body{
  font-family:inherit;
  font-size:15px;line-height:1.47;font-weight:400;letter-spacing:-.022em;
  color:rgba(245,245,247,.72);
  margin:0;
}
.pv-body strong{font-weight:600;color:var(--text);margin-right:2px}
.control-item-nav{display:none}

.paddlenav-container{
  position:absolute;left:0;top:0;height:100%;width:56px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;pointer-events:none;
}
.paddlenav-button{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.1);
  color:rgba(245,245,247,.7);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;pointer-events:auto;
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
  flex-shrink:0;
}
.paddlenav-button svg{display:block}
.paddlenav-button:hover{background:rgba(255,255,255,.16);color:var(--text)}
.paddlenav-button:disabled{opacity:.25;cursor:default;pointer-events:none}

.compare-before{position:absolute;inset:0;z-index:0}
.compare-before img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none}
.compare-after{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 0 var(--split,50%))}
.compare-after img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none}
.compare-divider{
  position:absolute;z-index:2;top:0;bottom:0;
  left:var(--split,50%);width:2px;background:rgba(255,255,255,.9);
  transform:translateX(-50%);pointer-events:none;
}
.compare-handle{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;
  background:var(--accent);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px var(--accent-glow);
}
.compare-handle svg{display:block;pointer-events:none}
.compare-label{
  position:absolute;z-index:3;bottom:20px;
  font-size:11px;line-height:1;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:rgba(255,255,255,.9);
  background:rgba(0,0,0,.5);backdrop-filter:blur(8px);
  padding:6px 11px;border-radius:6px;pointer-events:none;
}
.compare-label-left{left:20px}
.compare-label-right{right:20px}
#compareStage{cursor:ew-resize;user-select:none}

.pv-schedule{
  position:absolute;inset:0;
  display:flex;flex-direction:column;
  background:linear-gradient(135deg,#0a0a0e 0%,#0e0c14 60%,#08070d 100%);
  padding:32px 36px 22px;overflow:hidden;
}
.sch-header{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:20px;flex-shrink:0;
}
.sch-title{
  font-family:inherit;font-size:24px;line-height:1.17;font-weight:600;letter-spacing:0em;
  color:var(--text);
}
.sch-week{
  font-size:11px;line-height:1;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);
}
.sch-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;flex:1;overflow:hidden}
.sch-col{
  display:flex;flex-direction:column;
  border-right:1px solid var(--line);
  padding:0 12px;overflow:hidden;pointer-events:none;
}
.sch-col:first-child{padding-left:0}
.sch-col:last-child{border-right:none;padding-right:0}
.sch-day-head{display:flex;flex-direction:column;margin-bottom:12px;flex-shrink:0}
.sch-day-abbr{font-family:inherit;font-size:21px;line-height:1;font-weight:600;letter-spacing:.005em;color:rgba(245,245,247,.3)}
.sch-day-full{font-size:11px;font-weight:400;letter-spacing:-.01em;color:rgba(245,245,247,.25);margin-top:3px}
.sch-list{list-style:none;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.sch-item{
  font-size:11px;line-height:1.35;font-weight:400;letter-spacing:-.022em;
  color:rgba(245,245,247,.48);
  padding:5px 8px;border-radius:6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sch-col.is-today .sch-day-abbr{color:var(--text)}
.sch-col.is-today .sch-day-full{color:var(--accent)}
.sch-col.is-today .sch-item{color:rgba(245,245,247,.82);background:rgba(200,32,43,.08)}

.schv2{
  width:100%;height:100%;
  background:var(--bg);
  display:flex;flex-direction:column;
  overflow:hidden;position:relative;
}
.schv2__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px 12px;
  border-bottom:1px solid var(--line);
  flex-shrink:0;
}
.schv2__label{
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);
}
.schv2__sub{font-size:11px;color:var(--text-tertiary)}

.schv2__body{
  display:flex;flex:1;overflow:hidden;
  position:relative;
  padding:0 10px;
  gap:8px;
}

.schv2__body::after{
  content:'';
  position:absolute;top:0;right:0;bottom:0;width:72px;
  background:linear-gradient(to right,transparent,var(--bg) 90%);
  pointer-events:none;z-index:4;
}

.schv2__day{
  flex:1;min-width:0;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
}

.schv2__day::after{
  content:'';
  position:absolute;bottom:0;left:0;right:0;height:52px;
  background:linear-gradient(to bottom,transparent,var(--bg));
  pointer-events:none;z-index:1;
}
.schv2__dh{
  display:flex;align-items:baseline;justify-content:space-between;
  padding:12px 2px 8px;flex-shrink:0;
}
.schv2__dn{font-size:12px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.schv2__dc{font-size:10px;color:var(--text-tertiary)}

.schv2__list{
  display:flex;flex-direction:column;
  gap:5px;overflow:hidden;flex:1;
  padding-bottom:52px;
}
.schv2__card{
  flex-shrink:0;position:relative;
  border-radius:5px;overflow:hidden;
  aspect-ratio:16/9;
  background:var(--bg-elevated);
  border:1px solid var(--line);
}
.schv2__card img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:opacity .3s;
}

.schv2__card img[src=""]{opacity:0}
.schv2__ctitle{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 7px 5px;
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.85));
  font-size:9.5px;font-weight:500;letter-spacing:-.01em;
  color:rgba(255,255,255,.92);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.schv2__peeks{
  display:flex;gap:3px;
  padding-top:40px;flex-shrink:0;
  opacity:.18;
}
.schv2__peek{
  display:flex;flex-direction:column;
  align-items:center;gap:5px;
  width:15px;
}
.schv2__peek-abbr{
  font-size:8px;font-weight:700;letter-spacing:.05em;
  color:var(--text);
  writing-mode:vertical-rl;text-orientation:mixed;
  white-space:nowrap;
}
.schv2__peek-bar{
  width:100%;height:30px;
  border-radius:3px;
  background:var(--bg-soft);
  border:1px solid var(--line);
}

.rooms{
  background:var(--bg);
  padding:var(--section-py-lg) 0;
  border-top:1px solid var(--line);
  
}
.rooms__inner{
  max-width:1440px;
  margin:0 auto;
  padding-left:22px;
  padding-right:22px;
  display:grid;
  grid-template-columns:minmax(0, 380px) 1fr;
  gap:80px;
  position:relative;
  align-items:start;
}

.rooms__list{
  display:flex;flex-direction:column;
  padding-bottom:15vh;                          
}
.room{
  min-height:70vh;
  display:flex;flex-direction:column;justify-content:center;
  padding:140px 0;
}

.room__lead{
  font-size:clamp(24px, 2.4vw, 32px);
  line-height:1.25;
  font-weight:400;letter-spacing:-.012em;
  color:var(--text);
  max-width:380px;
}
.room__lead strong{
  font-weight:600;
}

.rooms__gallery{
  position:sticky;top:0;
  height:100vh;
  height:100dvh;
  display:flex;align-items:center;justify-content:flex-end;
  margin-right:0;
}
.rooms__tv-wrap{
  position:relative;
  width:100%;
}
.rooms__ambient{
  position:absolute;
  bottom:-30px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  height:110px;
  background-image:url('assets/animelersayfasi.jpg');
  background-size:150% 300%;
  background-position:center bottom;
  filter:blur(32px) saturate(350%) brightness(0.85);
  border-radius:50%;
  pointer-events:none;
  opacity:1;
  transition:opacity .3s ease;
  z-index:0;
}
.rooms__tv{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  aspect-ratio:16/9;                           
  position:relative;
  border-radius:8px;                           
  background:#121214;                          
  padding:5px;                                 
  box-shadow:
    0 28px 70px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.03);     
}
.rooms__tv::after{
  
  content:'';
  position:absolute;left:50%;bottom:-6px;
  width:14%;height:4px;
  background:linear-gradient(180deg, #18181a, #0a0a0c);
  border-radius:0 0 3px 3px;
  transform:translateX(-50%);
}
.rooms__screen{
  position:relative;width:100%;height:100%;
  border-radius:4px;                           
  overflow:hidden;
  background:#000;
}
.rooms__media{
  position:absolute;inset:0;
  opacity:0;
  transition:opacity .55s var(--ease);
  pointer-events:none;
}
.rooms__media.is-active{opacity:1;pointer-events:auto}

.rooms__screen-img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}

.room__mobile-media{display:none}

.faq{
  padding:var(--section-py-lg) 22px;
  background:var(--bg);
}
.faq__inner{
  max-width:780px;margin:0 auto;
}
.faq__head{
  text-align:center;
  margin-bottom:64px;
}
.faq__head .kit-headline{font-size:var(--t-headline-reduced);line-height:var(--t-headline-reduced-lh)}

.faq__list{border-top:1px solid var(--line)}
.faq__row{border-bottom:1px solid var(--line)}

.faq__q{
  width:100%;background:none;border:none;
  text-align:left;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:24px 4px;
  font-family:inherit;
  font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.022em;
  color:var(--text);
  transition:color var(--dur-fast) var(--ease);
}
.faq__q:hover{color:var(--text)}
.faq__icon{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--text-muted);
  transition:transform var(--dur-mid) var(--ease),color var(--dur-fast) var(--ease);
}
.faq__row.is-open .faq__icon{transform:rotate(45deg);color:var(--accent)}
.faq__q:hover .faq__icon{color:var(--text)}
.faq__a{
  max-height:0;
  overflow:hidden;
  transition:max-height .38s var(--ease);
}
.faq__a-body{
  padding:0 4px 28px;
  font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.022em;
  color:var(--text-muted);
  max-width:600px;
}
.faq__a-body a{
  color:var(--accent);
  text-decoration:none;
  transition:color var(--dur-fast) var(--ease);
}
.faq__a-body a:hover{color:var(--accent-hover);text-decoration:underline}

.cta{
  padding:var(--section-py-lg) 22px;
  background:var(--bg);
  text-align:center;
  position:relative;
}
.cta__inner{max-width:680px;margin:0 auto}
.cta__headline{
  font-size:var(--t-headline-reduced);
  line-height:var(--t-headline-reduced-lh);
  font-weight:600;letter-spacing:0em;
  color:var(--text);margin-bottom:14px;
}
.cta__headline em{font-style:normal}
.cta__intro{
  font-size:var(--t-section-intro);line-height:var(--t-section-intro-lh);
  font-weight:600;letter-spacing:.005em;
  color:var(--text-muted);margin-bottom:32px;
}
.cta__form{
  display:flex;align-items:center;gap:6px;
  max-width:480px;margin:0 auto;
  padding:6px;
  background:rgba(245,245,247,.06);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-input);
  transition:border-color var(--dur-fast) var(--ease);
}
.cta__form:focus-within{border-color:rgba(245,245,247,.32)}
.cta__email{
  flex:1;min-width:0;
  padding:10px 16px;
  background:transparent;border:none;outline:none;
  color:var(--text);font-family:inherit;
  font-size:15px;font-weight:400;letter-spacing:-.022em;
}
.cta__email::placeholder{color:var(--text-muted)}
.cta__submit{
  padding:10px 22px;
  background:var(--accent);color:#fff;
  border:none;cursor:pointer;border-radius:var(--radius-input);
  font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;
  display:inline-flex;align-items:center;gap:6px;
  transition:background var(--dur-fast) var(--ease);
}
.cta__submit:hover{background:var(--accent-hover)}
.cta__submit .fa-chevron-right{font-size:11px}
.cta__note{
  font-size:12px;line-height:1.33;font-weight:400;letter-spacing:-.01em;
  color:var(--text-tertiary);
  margin-top:16px;
}

.footer{
  background:var(--bg);
  border-top:1px solid var(--line);
  padding:64px 22px 0;
  font-size:13px;line-height:1.6;font-weight:400;letter-spacing:-.01em;
  color:var(--text-muted);
}
.footer__inner{max-width:1200px;margin:0 auto}

.footer__top{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 2fr;
  gap:48px;
  padding-bottom:48px;
  border-bottom:1px solid var(--line);
}
.footer__brand-tagline{
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-tertiary);
  margin-top:12px;
}
.footer__col-title{
  font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:16px;
}
.footer__col ul{list-style:none}
.footer__col li{margin-bottom:10px}
.footer__col a{
  color:var(--text-muted);
  transition:color var(--dur-fast) var(--ease);
}
.footer__col a:hover{color:var(--text)}
.footer__desc{
  font-size:13px;line-height:1.65;
  color:var(--text-tertiary);
  margin-bottom:20px;
}
.footer__contact{
  font-size:13px;color:var(--text-tertiary);
  margin-bottom:10px;
}
.footer__contact b{color:var(--text-muted)}
.footer__address{
  font-size:12px;color:var(--text-tertiary);
  line-height:1.5;
}

.footer__bottom{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:12px;
  padding:20px 0 24px;
}
.footer__legal{
  display:flex;flex-wrap:wrap;gap:0;align-items:center;
}
.footer__legal a{
  font-size:12px;color:var(--text-tertiary);
  padding:0 14px 0 0;
  transition:color var(--dur-fast) var(--ease);
}
.footer__legal a:hover{color:var(--text)}
.footer__copy{
  font-size:12px;color:var(--text-tertiary);
  padding-top:6px;
}

@media(max-width:1068px){
  .footer__top{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:734px){
  .footer__top{grid-template-columns:1fr;gap:28px}
  .footer__bottom{flex-direction:column;align-items:flex-start}
}

.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);
}
.reveal.is-visible{opacity:1;transform:translateY(0)}

.covers{padding:var(--section-py-lg) 0;background:var(--bg)}
.covers__pin{position:relative;height:200vh;height:200dvh}
.covers__sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
.covers__stage{position:relative;width:100%;height:100%}
.covers__head{text-align:center;padding:0 24px;margin-bottom:56px}

/* Hero cover: stage içinde absolute centered, transform-origin center center.
   Base transform translate(-50%,-50%) — JS bunu scale ve ek translateY ile override eder. */
.covers__featured{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  transform-origin:center center;
  width:100%;
  will-change:transform;
  z-index:2;
  outline:none;
}

/* Marquee wrap — iki marquee'yi tek blok olarak grupluyor, cover'ın ALTINDA.
   Opacity ve transform JS tarafından scroll-progress'e bağlı olarak inline atanır. */
.covers__marquee-wrap{
  position:absolute;
  left:0; right:0;
  bottom:clamp(32px, 6vh, 72px);
  display:flex;
  flex-direction:column;
  gap:16px;
  opacity:0;
  transform:translateY(40px);
  will-change:opacity,transform;
  pointer-events:auto;
  z-index:1;
}
.covers__marquee{position:relative;overflow:hidden}
.covers__marquee:hover .covers__track{animation-play-state:paused}

.covers__track{display:flex;gap:14px;width:max-content;will-change:transform}
@keyframes papioskiCoversLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes papioskiCoversRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.covers__track--a{animation:papioskiCoversLeft 60s linear infinite;animation-delay:-6s}
.covers__track--b{animation:papioskiCoversRight 52s linear infinite;animation-delay:-4s}
.covers__card{flex-shrink:0;height:clamp(120px, 18vh, 180px);aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-elevated)}
.covers__card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-touch-callout:none;user-select:none}
@media (max-width:734px){
  .covers__card{width:clamp(140px,44vw,200px)}
  .covers__head{margin-bottom:36px}
}
@media (prefers-reduced-motion:reduce){.covers__track{animation:none}}

.covers__featured-viewport{position:relative;width:100%;height:clamp(280px, 42vh, 420px);overflow:hidden}
.covers__featured-track{position:relative;width:100%;height:100%}
.covers__featured-item{position:absolute;top:0;left:50%;height:100%;aspect-ratio:16/9;transform:translateX(calc(-50% + var(--x, 0px)));transition:transform .6s var(--ease-out),opacity .5s var(--ease-out);opacity:0;border-radius:var(--cover-radius, var(--radius-card));overflow:hidden;background:var(--bg-elevated);pointer-events:none;cursor:pointer;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.covers__featured-item.is-near{opacity:.4;pointer-events:auto}
.covers__featured-item.is-active{opacity:1;z-index:2;cursor:default}
.covers__featured-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-touch-callout:none}
.covers__featured-nav{position:absolute;top:50%;width:80px;height:80px;border-radius:0;background:transparent;border:none;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);padding:0}
.covers__featured-nav:hover{color:#fff;transform:translateY(-50%) scale(1.1)}
.covers__featured-nav:focus-visible{outline:2px solid var(--text);outline-offset:6px;border-radius:4px}
.covers__featured-nav svg{width:48px;height:48px}
.covers__featured-nav svg path{stroke-width:1.5}
.covers__featured-nav--prev{left:24px}
.covers__featured-nav--next{right:24px}
@media (max-width:734px){
  .covers__pin{height:auto}
  .covers__sticky{position:static;height:auto;overflow:visible}
  .covers__stage{height:auto}
  .covers__featured{position:static;transform:none !important;width:100%}
  /* Portrait aspect (2:3 movie poster) on mobile */
  .covers__featured-viewport{height:calc(60vw * 3 / 2)}
  .covers__featured-item{width:60vw;border-radius:12px}
  .covers__featured-nav{width:38px;height:38px}
  .covers__featured-nav svg{width:18px;height:18px}
  .covers__featured-nav--prev{left:10px}
  .covers__featured-nav--next{right:10px}
  /* Marquee shelf statik akış, fade gizli değil */
  .covers__marquee-wrap{position:static;opacity:1;transform:none;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){
  .covers__featured-item{transition:opacity .15s linear}
}

.player-demo{padding:clamp(40px,5vw,70px) 22px var(--section-py-lg);background:var(--bg)}
.player-demo__inner{max-width:var(--container-wide);margin:0 auto}
.player-demo__title{text-align:center;margin:0 0 clamp(48px,6vw,80px)}
.player-demo__stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.player-demo__video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
@media (max-width:734px){
  .player-demo{padding:24px 16px clamp(60px,12vw,100px)}
  .player-demo__title{margin-bottom:36px}
  .player-demo__stage{border-radius:12px}
}

.hero__player-ui{position:absolute;inset:0;z-index:20;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.hero__player-ui.player-ui-visible{opacity:1;transform:translateY(0)}
.hero__pause-overlay{position:absolute;top:50%;left:50%;width:88px;height:88px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.95);opacity:0;transform:translate(-50%,-50%) scale(.88);pointer-events:none;z-index:15;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.hero__pause-overlay svg{width:34px;height:34px;fill:currentColor}
.hero__tv.video-is-paused .hero__pause-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}
.hero__player-gradient{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 40%,transparent 100%)}
.hero__player-progress{position:absolute;bottom:64px;left:0;right:0;padding:0 24px}
.hero__player-track{position:relative;height:10px;background:rgba(255,0,0,.2);border-radius:4px}
.hero__player-loaded{position:absolute;inset:0;width:94%;background:rgba(255,255,255,.25);border-radius:4px}
.hero__player-opening{position:absolute;inset:0;left:3.36%;width:6.31%;background:#00e676;border-radius:4px;opacity:.85}
.hero__player-fill{position:absolute;inset:0;width:89.36%;background:red;border-radius:4px}
.hero__player-dot{position:absolute;top:50%;left:89.36%;width:17px;height:17px;background:#000;border:1px solid red;border-radius:50%;transform:translate(-50%,-50%)}
.hero__player-bar{position:absolute;bottom:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#fff}
.hero__player-bar-left,.hero__player-bar-right{display:flex;align-items:center;gap:6px}
.hero__player-icon{display:flex;align-items:center;justify-content:center;opacity:.95}
.hero__player-icon svg{width:38px;height:38px;fill:#fff}
.hero__player-time{font-size:14px;opacity:.75;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:0 8px}
.hero__player-ep{font-size:14px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(120px,20vw,300px);padding:0 8px}

@media (min-width: 1920px){
  :root{
    --container:              1380px;
    --container-wide:         1600px;
    --section-py-lg:          180px;
    --nav-h:                  64px;
    --t-hero-headline:        clamp(88px, 5.5vw, 110px);
    --t-hero-headline-lh:     1.04;
    --t-section-headline:     clamp(88px, 5.5vw, 110px);
    --t-section-headline-lh:  1.04;
    --t-section-eyebrow:      clamp(22px, 1.3vw, 28px);
    --t-section-intro:        clamp(19px, 1.1vw, 24px);
    --t-headline-reduced:     clamp(48px, 2.8vw, 60px);
    --t-body:                 18px;
    --t-body-tight:           18px;
    --t-cta:                  18px;
  }
  .nav__links a{ font-size:14px }
  .nav__login{ font-size:14px; padding:8px 18px }
  .rooms__inner{
    max-width:1800px;
    padding-left:40px;
    padding-right:40px;
    gap:100px;
  }
  .room__lead{ font-size:clamp(26px, 1.6vw, 34px); max-width:440px }
  .faq__q{ font-size:19px }
  .faq__a-body{ font-size:19px }
  .footer{ font-size:14px }
  .footer__col h3{ font-size:14px }
}

@media (min-width: 2560px){
  :root{
    --container:              1800px;
    --container-wide:         2100px;
    --section-py-lg:          260px;
    --nav-h:                  80px;
    --t-hero-headline:        clamp(120px, 5.8vw, 160px);
    --t-hero-headline-lh:     1.02;
    --t-section-headline:     clamp(120px, 5.8vw, 160px);
    --t-section-headline-lh:  1.02;
    --t-section-eyebrow:      clamp(28px, 1.4vw, 36px);
    --t-section-intro:        clamp(22px, 1.1vw, 28px);
    --t-headline-reduced:     clamp(60px, 2.8vw, 80px);
    --t-body:                 21px;
    --t-body-tight:           21px;
    --t-cta:                  21px;
    --radius-pill:            24px;
    --radius-card:            24px;
  }
  .nav__links a{ font-size:16px; padding:10px 14px }
  .nav__login{ font-size:16px; padding:10px 22px }
  .rooms__inner{
    max-width:2400px;
    padding-left:60px;
    padding-right:60px;
    grid-template-columns:minmax(0, 600px) 1fr;
    gap:160px;
  }
  .room{ min-height:65vh; padding:160px 0 }
  .room__lead{ font-size:clamp(32px, 1.6vw, 44px); max-width:560px }
  .faq__inner{ max-width:1100px }
  .faq__q{ font-size:22px; padding:32px 4px }
  .faq__a-body{ font-size:22px; max-width:860px }
  .cta__inner{ max-width:900px }
  .footer{ font-size:16px }
  .footer__inner{ max-width:1800px }
  .footer__col h3{ font-size:16px }
}

@media (min-width: 3840px){
  :root{
    --container:              2600px;
    --container-wide:         3000px;
    --section-py-lg:          360px;
    --nav-h:                  100px;
    --t-hero-headline:        clamp(180px, 5.5vw, 240px);
    --t-hero-headline-lh:     1.01;
    --t-section-headline:     clamp(180px, 5.5vw, 240px);
    --t-section-headline-lh:  1.01;
    --t-section-eyebrow:      clamp(40px, 1.3vw, 52px);
    --t-section-intro:        clamp(30px, 1vw, 40px);
    --t-headline-reduced:     clamp(88px, 2.8vw, 120px);
    --t-body:                 28px;
    --t-body-tight:           28px;
    --t-cta:                  28px;
    --radius-pill:            32px;
    --radius-card:            32px;
    --radius-input:           999px;
  }
  .nav{ padding:0 60px }
  .nav__logo img{ height:48px }
  .nav__links a{ font-size:20px; padding:12px 18px }
  .nav__login{ font-size:20px; padding:14px 28px }
  .rooms__inner{
    max-width:3600px;
    padding-left:80px;
    padding-right:80px;
    grid-template-columns:minmax(0, 860px) 1fr;
    gap:220px;
  }
  .room{ min-height:60vh; padding:200px 0 }
  .room__lead{ font-size:clamp(44px, 1.5vw, 60px); max-width:800px }
  .faq__inner{ max-width:1600px }
  .faq__q{ font-size:30px; padding:44px 4px }
  .faq__a-body{ font-size:30px; max-width:1200px }
  .faq__icon{ width:36px; height:36px; font-size:18px }
  .cta__inner{ max-width:1300px }
  .footer{ font-size:22px }
  .footer__inner{ max-width:3600px }
  .footer__col h3{ font-size:22px }
  .footer__cols{ gap:60px }
  .footer__socials a{ font-size:22px }
  .hero__form, .cta__form{ max-width:720px }
  .hero__input, .cta__email{ font-size:22px }
  .hero__submit, .cta__submit{ font-size:22px; padding:16px 36px }
}

@media (max-width: 1068px){
  :root{
    --section-py-lg: 100px;
    --section-py-md: 64px;
    --section-py-sm: 48px;
  }

  .nav{padding:0 16px}
  .nav__logo{padding-right:20px}
  .nav__links{display:none}
  .nav__burger{display:flex;margin-left:8px}
  .nav__right{margin-left:auto}
  .nav__login{padding:6px 12px;font-size:12px}

  
  .pv-scroll-track{height:auto}
  .pv-sticky-stage{position:static;height:auto;overflow:visible;display:block}

  
  .rooms__inner{grid-template-columns:1fr;gap:0}
  .rooms__gallery{display:none}
  .room{min-height:auto;padding:48px 0}
  .room__mobile-media{display:block;margin-top:32px}
  .room__mobile-tv{max-width:none}

  .product-viewer-component{flex-direction:column;min-height:auto;align-items:stretch}
  .product-viewer-container{position:relative;height:340px;flex-shrink:0}
  .product-viewer-media{position:absolute}
  .controls{padding:32px 22px 40px;width:100%}
  .control-group{min-width:unset;max-width:unset;width:100%}
  .product-viewer-component::after{
    background:linear-gradient(to bottom, transparent 0%, transparent 60%, var(--bg) 100%);
  }
  .paddlenav-container{display:none}

  .sch-day-abbr{font-size:16px;letter-spacing:.005em}
  .sch-day-full{display:none}
  .sch-item{font-size:10px;padding:4px 5px}
  .pv-schedule{padding:20px 18px 14px}
  .sch-col{padding:0 5px}

  .footer__cols{grid-template-columns:1fr 1fr;gap:28px 24px}
}

@media (max-width: 734px){
  :root{
    --section-py-lg: 64px;
    --section-py-md: 48px;
    
    --t-hero-headline:    clamp(40px, 10.5vw, 56px);
    --t-hero-headline-lh: 1.07;
    --t-section-headline: clamp(36px, 9vw, 56px);
    --t-section-headline-lh: 1.07;
    --t-headline-reduced: clamp(28px, 7vw, 36px);
    --t-headline-reduced-lh: 1.1;
    --t-hero-intro:       clamp(15px, 4.2vw, 17px);
    --t-section-intro:    clamp(15px, 4.2vw, 17px);
    --t-section-eyebrow:  clamp(16px, 4.5vw, 19px);
  }

  .hero__content{padding:calc(var(--nav-h) + 32px) 22px 60px}
  .nav__logo img{height:24px}
  .hero__form,.cta__form{flex-direction:column;gap:6px;padding:6px;border-radius:18px}
  .hero__input,.cta__email{text-align:center;width:100%;padding:12px 14px}
  .hero__submit,.cta__submit{width:100%;justify-content:center;border-radius:14px;padding:12px}
  .control-item{height:60px}
  .control-item-open{height:60px}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:16px}
}

.hero__scroll-hint{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;z-index:10;transition:opacity .25s ease}
.hero__scroll-hint-text{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);font-family:var(--font-sans)}
.hero__scroll-hint-icon{color:rgba(255,255,255,.85);font-size:13px;animation:papioskiScrollBounce 1.4s ease-in-out infinite}
@keyframes papioskiScrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto }
  *, *::before, *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; }
  .hero{ height:100vh; height:100dvh }
  .reveal{ opacity:1; transform:none }
  .hero__statement{ opacity:1; transform:none }
}