*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}

:root{
  --canvas: #faf7f2;
  --canvas-alt: #f1ebe1;
  --canvas-dark: #171225;
  --canvas-dark-alt: #1e1832;
  --ink: #221c30;
  --ink-soft: #5a5169;
  --ink-faint: #8d8598;
  --white: #fffdfa;

  --primary: #4a3a72;
  --primary-deep: #2c2145;
  --secondary: #e8927c;
  --accent: #d1a24a;

  --violet-blur: #a78bfa;
  --coral-blur: #f2a08f;
  --teal-blur: #7fd8c9;
  --amber-blur: #f3cf7a;

  --radius-s: 10px;
  --radius-m: 18px;
  --radius-l: 28px;
  --radius-xl: 42px;

  --shadow-s: 0 2px 8px rgba(34,28,48,0.07), 0 1px 2px rgba(34,28,48,0.09);
  --shadow-m: 0 10px 28px rgba(34,28,48,0.09), 0 3px 10px rgba(34,28,48,0.06);
  --shadow-l: 0 24px 64px rgba(34,28,48,0.14), 0 10px 24px rgba(34,28,48,0.08);

  --space-2xs: .4rem;
  --space-xs: .75rem;
  --space-s: 1.25rem;
  --space-m: 2rem;
  --space-l: 3.25rem;
  --space-xl: 5rem;
  --space-2xl: 7.5rem;

  --ease: cubic-bezier(.22,1,.36,1);
  --header-h: 88px;
}

body.canvas{
  font-family:'Onest', sans-serif;
  background:var(--canvas);
  color:var(--ink);
  line-height:1.65;
  font-size:1.05rem;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:'Onest', sans-serif;
  font-weight:700;
  color:var(--ink);
  line-height:1.15;
  letter-spacing:-0.01em;
}
h1{font-size:clamp(2.4rem, 1.7rem + 3vw, 4.6rem); font-weight:800;}
h2{font-size:clamp(1.8rem, 1.4rem + 1.6vw, 2.75rem); margin-bottom:var(--space-s);}
h3{font-size:clamp(1.2rem, 1.05rem + .5vw, 1.5rem); margin-bottom:.5rem;}
p{color:var(--ink-soft);}
.lead-text{font-size:1.2rem; color:var(--ink-soft); margin-bottom:var(--space-s);}

.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}


.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.95rem 1.9rem;
  border-radius:999px;
  font-weight:600;
  font-size:.98rem;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), color .3s var(--ease);
  min-height:48px;
  white-space:nowrap;
}
.btn-primary{background:var(--primary); color:var(--white); box-shadow:var(--shadow-m);}
.btn-primary:hover{transform:translateY(-3px); box-shadow:var(--shadow-l); background:var(--primary-deep);}
.btn-ghost{background:transparent; color:var(--ink); border:1.5px solid rgba(34,28,48,.2);}
.btn-ghost:hover{border-color:var(--primary); color:var(--primary); transform:translateY(-3px);}
.btn-light{background:var(--white); color:var(--primary-deep); box-shadow:var(--shadow-m);}
.btn-light:hover{transform:translateY(-3px); box-shadow:var(--shadow-l);}
.btn-outline-light{background:transparent; color:var(--white); border:1.5px solid rgba(255,255,255,.6);}
.btn-outline-light:hover{background:rgba(255,255,255,.15); transform:translateY(-3px);}
.btn-block{width:100%;}


.header{position:fixed; top:0; left:0; right:0; z-index:1000; height:var(--header-h); perspective:1600px;}
.flip-card{position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .85s var(--ease);}
.flip-card.is-flipped{transform:rotateX(180deg);height: fit-content;}
.flip-face{position:absolute; inset:0; backface-visibility:hidden; width:100%; height:100%;}
.flip-back{transform:rotateX(180deg); background:var(--primary-deep);}

.header-inner{
  height:100%;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 var(--space-m);
  transition:background .4s var(--ease), box-shadow .4s var(--ease);
}
.header[data-theme="light"] .header-inner{background:rgba(250,247,242,.82); backdrop-filter:blur(14px); box-shadow:0 1px 0 rgba(34,28,48,.06);}
.header[data-theme="dark"] .header-inner{background:rgba(23,18,37,.35); backdrop-filter:blur(14px);}

.nav-side{display:flex; align-items:center; gap:var(--space-m); flex:1;}
.nav-side.nav-right{justify-content:flex-end;}
.navlink{
  font-weight:500; font-size:.95rem; padding:.5rem .2rem; position:relative;
  transition:color .35s var(--ease);
}
.header[data-theme="light"] .navlink{color:var(--ink);}
.header[data-theme="dark"] .navlink{color:var(--white);}
.navlink::after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--accent); transition:width .3s var(--ease);}
.navlink:hover::after, .navlink.is-active::after{width:100%;}
.navlink-cta{
  padding:.6rem 1.3rem !important; border-radius:999px; background:var(--accent); color:var(--primary-deep) !important;
}
.navlink-cta::after{display:none;}
.navlink-cta:hover{filter:brightness(1.08);}

.brandmark{display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1.15rem; flex-shrink:0;}
.header[data-theme="light"] .brandmark{color:var(--ink);}
.header[data-theme="dark"] .brandmark{color:var(--white);}

.hamburger{display:none; flex-direction:column; gap:5px; width:44px; height:44px; align-items:center; justify-content:center;}
.hamburger span{width:24px; height:2px; background:currentColor; border-radius:2px; transition:transform .3s var(--ease), opacity .3s var(--ease);}
.header[data-theme="light"] .hamburger{color:var(--ink);}
.header[data-theme="dark"] .hamburger{color:var(--white);}

.drawer{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-m); height:100%;}
.drawer-nav{display:flex; flex-direction:column; align-items:center; gap:var(--space-s);}
.drawer-nav a{color:var(--white); font-size:1.4rem; font-weight:600; transition:color .3s var(--ease);}
.drawer-nav a:hover{color:var(--accent);}
.drawer-close{color:rgba(255,255,255,.7); font-size:.95rem; display:flex; gap:.5rem; align-items:center;}


.blob-field{position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none;}
.blob{position:absolute; border-radius:50%; filter:blur(100px); opacity:.55; will-change:transform;}
.blob-violet{background:var(--violet-blur); width:520px; height:520px; top:-120px; left:-100px;}
.blob-coral{background:var(--coral-blur); width:460px; height:460px; bottom:-140px; right:-80px;}
.blob-teal{background:var(--teal-blur); width:480px; height:480px; top:20%; right:-160px;}
.blob-amber{background:var(--amber-blur); width:420px; height:420px; bottom:-100px; left:10%;}
.blob-white{background:rgba(255,255,255,.5); width:500px; height:500px; top:-140px; right:-100px;}
.blob-white-soft{background:rgba(255,255,255,.3); width:420px; height:420px; bottom:-120px; left:-80px;}


.stage{position:relative; min-height:92vh; display:flex; align-items:center; overflow:hidden;}
.stage-small{min-height:56vh;}
.stage-media{position:absolute; inset:0; z-index:0;}
.stage-media img{width:100%; height:100%; object-fit:cover;}
.stage-curtain{position:absolute; inset:0; background:linear-gradient(180deg, rgba(23,18,37,.55) 0%, rgba(23,18,37,.72) 60%, rgba(23,18,37,.88) 100%);}
.stage-content{position:relative; z-index:2; max-width:820px; margin:0 auto; padding:0 var(--space-m); text-align:center; color:var(--white);}
.stage h1{color:var(--white); margin-bottom:var(--space-s);}
.stage-lead{font-size:1.2rem; color:rgba(255,255,255,.88); max-width:640px; margin:0 auto var(--space-m);}
.stage-actions{display:flex; gap:var(--space-s); justify-content:center; flex-wrap:wrap; margin-top:var(--space-s);}
.eyebrow{
  display:inline-block; font-size:.85rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(255,255,255,.85); margin-bottom:var(--space-s); padding:.4rem 1rem; border:1px solid rgba(255,255,255,.3); border-radius:999px;
}
.eyebrow-dark{color:var(--primary); border-color:rgba(74,58,114,.25); background:rgba(74,58,114,.06);}
.eyebrow-onaccent{color:rgba(255,255,255,.9); border-color:rgba(255,255,255,.4);}


.section{position:relative; padding:var(--space-2xl) var(--space-m); overflow:hidden;}
.section-light{background:var(--canvas);}
.section-alt{background:var(--canvas-alt);}
.section-dark{background:var(--canvas-dark); color:var(--white);}
.section-inner{max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.section-inner.narrow{max-width:760px;}
.section-sub{font-size:1.1rem; color:var(--ink-soft); max-width:640px; margin-bottom:var(--space-l);}
.on-dark{color:var(--white);}
.on-dark-text{color:rgba(255,255,255,.78); font-size:1.1rem; max-width:640px;}

.reveal{opacity:0; transform:translateY(36px);}


.gallery{container-type:inline-size; container-name:gallery;}
.shelf{display:grid; grid-template-columns:repeat(auto-fit, minmax(270px, 1fr)); gap:var(--space-m); margin-top:var(--space-l);}

.shelf-card{
  container-type:inline-size; container-name:card;
  background:var(--white); border-radius:var(--radius-l); overflow:hidden;
  box-shadow:var(--shadow-m); display:flex; flex-direction:column;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.shelf-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-l);}
.shelf-card-media{position:relative; aspect-ratio:4/3; overflow:hidden;}
.shelf-card-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease);}
.shelf-card:hover .shelf-card-media img{transform:scale(1.06);}
.badge-duration{position:absolute; top:14px; right:14px; background:rgba(23,18,37,.75); color:var(--white); font-size:.78rem; font-weight:600; padding:.4rem .8rem; border-radius:999px;}
.shelf-card-body{padding:var(--space-m); flex:1; display:flex; flex-direction:column;}
.tag{display:inline-block; font-size:.78rem; font-weight:700; color:var(--primary); letter-spacing:.05em; text-transform:uppercase; margin-bottom:.4rem;}
.link-arrow{margin-top:auto; padding-top:var(--space-s); font-weight:600; color:var(--primary); display:inline-flex; align-items:center; gap:.5rem; transition:gap .3s var(--ease);}
.link-arrow:hover{gap:.8rem;}
.link-arrow-static{color:var(--ink-faint); font-weight:500;}

@container card (min-width: 420px){
  .shelf-card{flex-direction:row; align-items:stretch;}
  .shelf-card-media{aspect-ratio:auto; width:42%; flex-shrink:0;}
  .shelf-card-body{width:58%;}
}

.shelf-plain{grid-template-columns:repeat(auto-fit, minmax(240px,1fr));}
.plain-card{background:var(--white); border-radius:var(--radius-m); padding:var(--space-m); box-shadow:var(--shadow-s); transition:transform .3s var(--ease), box-shadow .3s var(--ease);}
.plain-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-m);}
.plain-card i{font-size:1.6rem; color:var(--accent); margin-bottom:var(--space-xs);}

.shelf-modules{grid-template-columns:repeat(auto-fit, minmax(240px,1fr));}
.module-card{background:var(--white); border-radius:var(--radius-m); padding:var(--space-m); box-shadow:var(--shadow-s); position:relative;}
.module-index{font-size:2rem; font-weight:800; color:rgba(74,58,114,.15); display:block; margin-bottom:.4rem;}

.shelf-downloads{grid-template-columns:1fr;}
.download-card{
  background:var(--white); border-radius:var(--radius-m); padding:var(--space-m);
  display:flex; align-items:center; gap:var(--space-m); box-shadow:var(--shadow-s);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.download-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-m);}
.download-card i{font-size:1.5rem; color:var(--primary); flex-shrink:0;}
.download-card h3{margin-bottom:.2rem;}
.download-format{margin-left:auto; font-size:.85rem; color:var(--ink-faint); white-space:nowrap; font-weight:600;}


.zigzag-row{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-l); align-items:center; margin-bottom:var(--space-xl);}
.zigzag-row:last-child{margin-bottom:0;}
.zigzag-reverse{direction:rtl;}
.zigzag-reverse .zigzag-text{direction:ltr;}
.zigzag-media img{border-radius:var(--radius-l); box-shadow:var(--shadow-l); width:100%; aspect-ratio:4/3; object-fit:cover;}
.zigzag-text{direction:ltr;}
.zigzag-number{font-size:.9rem; font-weight:700; color:var(--accent); letter-spacing:.08em;}


.split-block{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-l); align-items:center; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.split-block.reverse{direction:rtl;}
.split-block.reverse .split-text{direction:ltr;}
.split-media img{border-radius:var(--radius-l); box-shadow:var(--shadow-l); width:100%; aspect-ratio:4/3.4; object-fit:cover; direction:ltr;}
.split-text{direction:ltr;}


.timeline{margin-top:var(--space-l); display:flex; flex-direction:column; gap:var(--space-m);}
.timeline-item{display:flex; gap:var(--space-m); align-items:flex-start; background:var(--white); padding:var(--space-m); border-radius:var(--radius-m); box-shadow:var(--shadow-s);}
.timeline-marker{flex-shrink:0; width:44px; height:44px; border-radius:50%; background:var(--primary); color:var(--white); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem;}


.faq-list{display:flex; flex-direction:column; gap:var(--space-xs); margin-top:var(--space-m);}
.faq-item{background:var(--white); border-radius:var(--radius-m); padding:var(--space-s) var(--space-m); box-shadow:var(--shadow-s);}
.faq-item summary{cursor:pointer; font-weight:600; list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+"; float:right; font-size:1.3rem; color:var(--accent);}
.faq-item[open] summary::after{content:"–";}
.faq-item p{margin-top:var(--space-xs);}


.info-table{width:100%; border-collapse:collapse; margin:var(--space-m) 0; font-size:.95rem;}
.info-table th, .info-table td{padding:.85rem 1rem; text-align:left; border-bottom:1px solid rgba(34,28,48,.1);}
.info-table th{width:35%; color:var(--ink); font-weight:600; background:rgba(74,58,114,.04);}
.info-table td{color:var(--ink-soft);}


.legal-page h1{margin-bottom:var(--space-s);}
.legal-page h2{margin-top:var(--space-l);}
.term-list{margin:var(--space-m) 0;}
.term-list dt{font-weight:700; color:var(--ink); margin-top:var(--space-s);}
.term-list dd{color:var(--ink-soft); margin-top:.2rem;}


.contact-grid{max-width:1200px; margin:0 auto; padding:var(--space-2xl) var(--space-m); display:grid; grid-template-columns:1fr 1.1fr; gap:var(--space-l); align-items:start;}
.contact-list{display:flex; flex-direction:column; gap:var(--space-s); margin:var(--space-m) 0;}
.contact-list li{display:flex; align-items:center; gap:var(--space-s); font-size:1.02rem; color:var(--ink-soft);}
.contact-list i{color:var(--accent); width:20px;}
.map-wrap{border-radius:var(--radius-m); overflow:hidden; box-shadow:var(--shadow-m); margin-top:var(--space-m);}
.contact-form-wrap{background:var(--white); padding:var(--space-l); border-radius:var(--radius-l); box-shadow:var(--shadow-l);}

.form{display:flex; flex-direction:column; gap:var(--space-s);}
.field{display:flex; flex-direction:column; gap:.4rem;}
.field label{font-weight:600; font-size:.92rem;}
.field input[type="text"], .field input[type="email"], .field textarea{
  padding:.85rem 1rem; border-radius:var(--radius-s); border:1.5px solid rgba(34,28,48,.15);
  background:var(--canvas); font-family:inherit; font-size:1rem; color:var(--ink);
  transition:border-color .3s var(--ease), box-shadow .3s var(--ease);
  min-height:48px;
}
.field textarea{min-height:120px; resize:vertical;}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--primary); box-shadow:0 0 0 4px rgba(74,58,114,.12);}
.field-checkbox{flex-direction:row; align-items:flex-start; gap:.6rem;}
.field-checkbox input{margin-top:.3rem; width:20px; height:20px; flex-shrink:0;}
.field-checkbox label{font-weight:400; font-size:.92rem; color:var(--ink-soft);}
.form-note{font-size:.9rem; color:var(--secondary); min-height:1.2em;}

.form-inline{flex-direction:row; align-items:flex-start; gap:var(--space-s); flex-wrap:wrap;}
.form-inline .field{flex:1; min-width:220px;}

.newsletter-block{max-width:1100px; margin:0 auto; background:var(--white); border-radius:var(--radius-l); box-shadow:var(--shadow-m); padding:var(--space-l); display:grid; grid-template-columns:1.2fr 1fr; gap:var(--space-l); align-items:center;}


.stage-thanks{position:relative; min-height:calc(100vh - var(--header-h)); margin-top:var(--header-h); display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%); overflow:hidden;}
.stage-thanks-content{position:relative; z-index:2; max-width:640px; text-align:center; padding:var(--space-m); color:var(--white);}
.stage-thanks-content h1{color:var(--white); margin-bottom:var(--space-s);}
.stage-thanks-content p{color:rgba(255,255,255,.85); font-size:1.15rem; margin-bottom:var(--space-l);}


.footer{background:var(--canvas-dark); color:rgba(255,255,255,.8); padding:var(--space-xl) var(--space-m) var(--space-m);}
.footer-top{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:var(--space-l); padding-bottom:var(--space-l); border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand p{color:rgba(255,255,255,.6); margin-top:var(--space-s); font-size:.95rem;}
.footer-brand img{margin-bottom:var(--space-xs);}
.footer-col h3{color:var(--white); font-size:1rem; margin-bottom:var(--space-s);}
.footer-col ul{display:flex; flex-direction:column; gap:.6rem;}
.footer-col a{color:rgba(255,255,255,.65); font-size:.95rem; transition:color .3s var(--ease);}
.footer-col a:hover{color:var(--accent);}
.footer address{font-style:normal; font-size:.95rem; color:rgba(255,255,255,.65); line-height:1.9;}
.footer-bottom{max-width:1200px; margin:0 auto; padding-top:var(--space-m); text-align:center; font-size:.85rem; color:rgba(255,255,255,.45);}


.cookie-bell{
  position:fixed; bottom:26px; right:26px; z-index:2000;
  width:56px; height:56px; border-radius:50%;
  background:var(--primary); color:var(--white);
  display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow-l); font-size:1.3rem;
  transition:transform .3s var(--ease), background .3s var(--ease);
}
.cookie-bell:hover{transform:scale(1.08); background:var(--primary-deep);}
.cookie-bell .badge{
  position:absolute; top:-4px; right:-4px; width:16px; height:16px; border-radius:50%;
  background:var(--secondary); border:2px solid var(--canvas-dark);
}
.cookie-panel{
  position:fixed; bottom:0; left:0; right:0; z-index:2001;
  background:var(--white); border-radius:var(--radius-xl) var(--radius-xl) 0 0;
  box-shadow:0 -20px 60px rgba(0,0,0,.25);
  transform:translateY(110%); transition:transform .5s var(--ease);
  max-height:82vh; overflow-y:auto;
  padding:var(--space-l) var(--space-m) var(--space-m);
}
.cookie-panel.is-open{transform:translateY(0);}
.cookie-panel-inner{max-width:640px; margin:0 auto;}
.cookie-panel h2{font-size:1.4rem; margin-bottom:.6rem;}
.cookie-panel p{margin-bottom:var(--space-m); font-size:.95rem;}
.cookie-option{display:flex; align-items:center; justify-content:space-between; gap:var(--space-m); padding:var(--space-s) 0; border-bottom:1px solid rgba(34,28,48,.08);}
.cookie-option-text h4{font-size:1rem; margin-bottom:.2rem;}
.cookie-option-text p{font-size:.86rem; margin-bottom:0;}
.switch{position:relative; width:48px; height:28px; flex-shrink:0;}
.switch input{opacity:0; width:0; height:0;}
.switch-track{position:absolute; inset:0; background:rgba(34,28,48,.2); border-radius:999px; transition:background .3s var(--ease); cursor:pointer;}
.switch-track::before{content:""; position:absolute; width:22px; height:22px; border-radius:50%; background:var(--white); top:3px; left:3px; transition:transform .3s var(--ease); box-shadow:var(--shadow-s);}
.switch input:checked + .switch-track{background:var(--primary);}
.switch input:checked + .switch-track::before{transform:translateX(20px);}
.switch input:disabled + .switch-track{opacity:.5; cursor:not-allowed;}
.cookie-actions{display:flex; gap:var(--space-s); margin-top:var(--space-m); flex-wrap:wrap;}
.cookie-close{position:absolute; top:var(--space-m); right:var(--space-m); width:40px; height:40px; border-radius:50%; background:rgba(34,28,48,.06); display:flex; align-items:center; justify-content:center; transition:background .3s var(--ease);}
.cookie-close:hover{background:rgba(34,28,48,.12);}


@media (max-width: 980px){
  .nav-side{display:none;}
  .hamburger{display:flex;}
  .contact-grid{grid-template-columns:1fr;}
  .zigzag-row, .zigzag-reverse{grid-template-columns:1fr; direction:ltr;}
  .split-block, .split-block.reverse{grid-template-columns:1fr; direction:ltr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .newsletter-block{grid-template-columns:1fr;}
}

@media (max-width: 640px){
  :root{--header-h:76px;}
  .section{padding:var(--space-xl) var(--space-s);}
  .footer-top{grid-template-columns:1fr;}
  .stage-actions{flex-direction:column; align-items:stretch;}
  .btn{width:100%;}
  .header-inner{padding:0 var(--space-s);}
  .brandmark span{display:none;}
  .cookie-panel{padding:var(--space-l) var(--space-s) var(--space-s);}
  .form-inline{flex-direction:column;}
  .form-inline button{width:100%;}
}