:root{--purple:#32106d;--purple-light:#6f35ce;--orange:#eb4d0b;--yellow:#fff200;--ink:#100e12;--cream:#fff8ea;--white:#fff;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif}
main,section,header,footer,nav,div,article{min-width:0}
img,canvas{max-width:100%}
a{color:inherit;text-decoration:none}
.match-pointer{position:fixed;left:0;top:0;width:32px;height:32px;z-index:9999;pointer-events:none;opacity:0;transform:translate3d(-50px,-50px,0);transition:opacity .18s;will-change:transform}
.match-pointer.visible{opacity:1}
.match-pointer-stick{position:absolute;left:8px;top:8px;width:28px;height:4px;border-radius:3px;background:linear-gradient(#f0c27b,#b56f2d 55%,#6d3517);box-shadow:0 1px 1px rgba(0,0,0,.35);transform:rotate(45deg);transform-origin:2px 2px}
.match-pointer-head{position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e87623,#72245e 55%,#2b112d);box-shadow:0 0 3px #ff6a16}
.match-pointer-flame{position:absolute;left:0;top:-4px;width:13px;height:17px;transform-origin:50% 90%;animation:matchFlame .13s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(255,110,15,.85))}
.match-pointer-flame:before,.match-pointer-flame:after{content:"";position:absolute;inset:0;border-radius:52% 48% 58% 42% / 68% 65% 35% 32%;transform:rotate(7deg);background:linear-gradient(to top,#ff3b08 5%,#ff8a0a 50%,#ffd23b 76%,rgba(255,242,160,.92))}
.match-pointer-flame:after{left:4px;top:6px;width:5px;height:9px;background:linear-gradient(to top,#ffd51f,#fff6b0);filter:none;animation:matchFlameCore .11s ease-in-out infinite alternate}
.match-pointer.spark .match-pointer-flame{transform:scale(1.28) rotate(-7deg)}
@keyframes matchFlame{0%{transform:scale(.92,1.03) rotate(-5deg) skewX(-3deg);border-radius:58% 42% 55% 45%}100%{transform:scale(1.06,.94) rotate(6deg) skewX(4deg);border-radius:44% 56% 64% 36%}}
@keyframes matchFlameCore{from{transform:scale(.85,1.08) translateY(1px)}to{transform:scale(1.08,.88) translateY(-1px)}}
#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.96}
.site-header{position:fixed;top:0;left:0;right:0;height:94px;padding:0 5vw 0 calc(5vw + 104px);display:flex;align-items:center;gap:42px;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);transition:.35s}
.site-header.scrolled{height:76px;background:rgba(16,14,18,.9);backdrop-filter:blur(16px)}
.brand{position:absolute;left:5vw;top:8px;width:78px;height:105px;display:grid;place-items:center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5));transition:width .35s,height .35s,top .35s}
.brand img{width:100%;height:100%;object-fit:contain;display:block}
.site-header.scrolled .brand{top:5px;width:58px;height:78px}
.site-nav{display:flex;gap:34px;margin-left:auto}
.site-nav a{font:600 14px 'DM Sans';position:relative;padding:10px 0}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--yellow);transition:.25s}
.site-nav a:hover:after,.site-nav .active:after{right:0}
.header-cta{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:var(--ink);padding:14px 18px}
.header-cta span,.btn span,.text-link span{margin-left:12px}
.nav-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}.nav-toggle span{display:block;width:25px;height:2px;background:white;margin:5px;transition:transform .2s,opacity .2s}
.hero{height:max(760px,100vh);min-height:680px;position:relative;display:flex;align-items:center;padding:110px 8vw 60px;background-color:#090511;background-image:url('assets/images/sivakasi-night-sky-v2.png');background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,18,.88) 0%,rgba(17,5,38,.65) 45%,rgba(10,4,16,.14) 80%),linear-gradient(0deg,rgba(10,7,14,.7),transparent 40%)}
.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 68% 28%,transparent 0 13%,rgba(50,16,109,.18) 34%,transparent 60%);animation:pulseSky 5s infinite alternate}
.hero-copy{position:relative;z-index:2;max-width:860px;transition-delay:.8s}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:32px;height:2px;background:var(--orange);box-shadow:0 0 9px var(--orange)}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;line-height:.88;letter-spacing:-.025em}
h1{font-size:clamp(62px,7.2vw,112px);max-width:920px;line-height:.96;letter-spacing:-.018em;text-shadow:0 4px 30px rgba(0,0,0,.42)}
h1 em{color:#f1c84b;font-style:italic}h2 em{color:var(--yellow);font-style:italic}
.hero-text{max-width:610px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.82);margin:31px 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;transition:.25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px)}
.btn-primary{background:var(--orange);box-shadow:0 12px 30px rgba(235,77,11,.25)}.btn-primary:hover{background:var(--yellow);color:var(--ink)}.btn-ghost{border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}.play{font-size:9px;width:27px;height:27px;border:1px solid white;border-radius:50%;display:grid;place-items:center;margin-right:10px;padding-left:2px}
.hero-stamp{position:absolute;right:6vw;bottom:90px;width:160px;height:160px;border:1px solid rgba(255,242,0,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transform:rotate(-8deg);background:rgba(17,8,30,.36);backdrop-filter:blur(5px)}.hero-stamp:after{content:"✦";position:absolute;top:-13px;font-size:25px;color:var(--yellow)}.hero-stamp span{font-size:9px;letter-spacing:.18em;text-transform:uppercase}.hero-stamp strong{font-family:'Barlow Condensed';font-size:24px;color:var(--yellow)}
.scroll-cue{position:absolute;bottom:28px;left:8vw;font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{height:38px;width:1px;background:linear-gradient(var(--yellow),transparent);animation:scroll 1.7s infinite}
.spark{position:absolute;border-radius:50%;width:4px;height:4px;background:var(--yellow);box-shadow:0 0 8px 3px var(--yellow)}.spark-one{left:48%;top:32%;animation:drift 4s infinite}.spark-two{left:74%;top:63%;animation:drift 5s 1s infinite}
.marquee{background:var(--yellow);color:var(--ink);overflow:hidden;padding:16px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:7}.marquee-track{width:max-content;display:flex;gap:30px;align-items:center;animation:marquee 22s linear infinite;font:800 22px 'Barlow Condensed';letter-spacing:.06em}.marquee i{color:var(--orange);font-style:normal}
.section{padding:120px 8vw;position:relative}.section-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:60px}.story{background:radial-gradient(circle at 9% 70%,rgba(111,53,206,.2),transparent 25%),var(--ink)}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}.story h2,.products h2,.shops h2,.finale h2{font-size:clamp(58px,7vw,112px)}.story-copy{padding-top:55px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.8;max-width:540px}.text-link{display:inline-block;color:white;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em;border-bottom:2px solid var(--orange);padding:12px 0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-row div{padding:30px;border-right:1px solid var(--line)}.stat-row div:last-child{border:0}.stat-row strong{display:block;color:var(--yellow);font:700 35px 'Barlow Condensed';text-transform:uppercase}.stat-row span{font-size:12px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em}
.products{background:var(--cream);color:var(--ink);overflow:hidden}.products h2 em{color:#c55222}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.products .eyebrow span{background:var(--purple)}.btn-outline{border:1px solid #aaa}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{height:500px;padding:27px;position:relative;overflow:hidden;display:flex;align-items:end;transition:.35s}.product-card:hover{transform:translateY(-10px)}.product-card.purple{background:var(--purple);color:white}.product-card.orange{background:var(--orange);color:white}.product-card.yellow{background:#e2b943}.card-number{position:absolute;top:25px;right:25px;font-size:11px;letter-spacing:.15em}.product-card p{text-transform:uppercase;letter-spacing:.17em;font-size:10px}.product-card h3{font-size:54px}.product-card a{position:absolute;right:25px;bottom:30px;border:1px solid currentColor;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.25s}.product-card:hover a{background:white;color:var(--ink);transform:rotate(45deg)}
.card-firework{position:absolute;left:50%;top:40%;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 0 18px white}.flower:before,.flower:after,.wheel:before,.wheel:after{content:"";position:absolute;inset:-110px;border:2px dotted var(--yellow);border-radius:50%;box-shadow:0 0 0 25px transparent,0 0 0 26px rgba(255,255,255,.3),0 0 0 60px transparent,0 0 0 61px rgba(255,255,255,.2);animation:spin 18s linear infinite}.flower:after{inset:-72px;border-style:dashed;animation-direction:reverse}.orange .wheel:before{border-color:white;box-shadow:0 0 0 30px transparent,0 0 0 31px rgba(255,242,0,.7),0 0 0 65px transparent,0 0 0 66px rgba(255,255,255,.35)}.wheel:after{inset:-60px}.shower{width:5px;height:145px;border-radius:0;top:20%;background:linear-gradient(transparent,var(--orange));box-shadow:-40px 30px 0 -1px var(--orange),40px 30px 0 -1px var(--purple),-70px 65px 0 -1px var(--purple),70px 65px 0 -1px var(--orange);transform:perspective(100px) rotateX(-15deg)}
.shops{min-height:680px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw;background:linear-gradient(135deg,#24104b,#0d0b10);overflow:hidden}.shops-copy>p:not(.eyebrow){color:rgba(255,255,255,.65);line-height:1.7;max-width:500px;margin:28px 0}.map-art{height:480px;position:relative;background:radial-gradient(circle at center,rgba(255,242,0,.14),transparent 55%)}.orbit{position:absolute;border:1px solid rgba(255,242,0,.23);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitPulse 2.5s infinite}.orbit-one{width:260px;height:260px}.orbit-two{width:410px;height:410px;animation-delay:.6s}.map-pin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-pin span{width:30px;height:40px;border-radius:50% 50% 50% 0;background:var(--orange);transform:rotate(-45deg);box-shadow:0 0 30px var(--orange);margin-bottom:30px}.map-pin strong{font:700 46px 'Barlow Condensed';color:var(--yellow)}.map-pin small{letter-spacing:.22em;color:rgba(255,255,255,.5)}
.finale{min-height:680px;padding:100px 8vw;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(22,5,45,.35),rgba(8,5,13,.8)),url('assets/images/sivakasi-night-sky-v2.png') center 38%/cover fixed;position:relative}.finale:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent,rgba(0,0,0,.5))}.finale-copy{position:relative}.finale .eyebrow{justify-content:center}.finale h2{font-size:clamp(70px,9vw,140px);margin-bottom:35px}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.contact-link{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(10,8,14,.45);backdrop-filter:blur(8px);transition:.25s}.contact-link:hover{transform:translateY(-3px);border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.contact-link-icon{width:23px;height:23px;display:block}.contact-link-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-link-icon .icon-fill{fill:currentColor;stroke:none}.contact-empty{color:rgba(255,255,255,.68);font-size:14px;letter-spacing:.06em}
footer{min-height:170px;padding:30px 7vw;display:flex;align-items:center;justify-content:flex-start;gap:45px;background:#09080a;border-top:1px solid var(--line);font-size:12px;color:rgba(255,255,255,.5)}.footer-logo{display:block;flex:0 0 auto;transition:transform .25s,filter .25s}.footer-logo:hover{transform:translateY(-4px);filter:drop-shadow(0 7px 12px rgba(255,194,41,.18))}.footer-logo img{width:70px;height:80px;object-fit:contain;display:block}.footer-legal{text-align:left}.footer-legal p{margin:5px 0}.footer-legal a{display:inline-block;margin-top:7px}footer a{color:white}footer a:hover{color:var(--yellow)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulseSky{to{background-color:rgba(111,53,206,.12)}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes drift{0%{opacity:0;transform:translate(0,50px)}40%{opacity:1}100%{opacity:0;transform:translate(30px,-70px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){.site-header{height:76px;padding:0 20px 0 96px;overflow:visible}.brand{left:20px;top:5px;width:62px;height:84px}.site-header.scrolled .brand{width:55px;height:74px}.header-cta{display:none}.nav-toggle{position:relative;z-index:3;display:block;margin-left:auto}.site-nav{display:flex;position:absolute;top:76px;left:0;right:0;z-index:2;margin:0;padding:14px 20px 24px;background:#100e12;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 18px 35px rgba(0,0,0,.35);flex-direction:column;gap:2px;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.site-nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.site-nav a{display:block;padding:14px 4px;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08)}.site-nav a:last-child{border-bottom:0}.site-nav a:after{display:none}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding:110px 25px 70px}.hero-stamp{display:none}.section{padding:85px 25px}.story-grid,.shops{grid-template-columns:1fr}.story-copy{padding-top:10px}.stat-row{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.product-card{height:420px}.section-top{align-items:start;gap:30px;flex-direction:column}.shops{padding-top:90px}.map-art{height:380px}.finale{background-attachment:scroll}footer{flex-direction:column;gap:20px;text-align:center}}
@media(min-width:901px){.hero-copy{margin-left:46px}}
@media(max-width:520px){
  .site-header{padding-left:86px;padding-right:14px}
  .brand{left:14px;width:58px;height:78px}
  .site-header.scrolled .brand{width:51px;height:69px}
  .hero{height:auto;min-height:100svh;padding:118px 20px 82px;background-position:58% center}
  .hero-copy{width:100%;max-width:100%}
  h1{font-size:clamp(46px,14vw,58px);line-height:1;overflow-wrap:anywhere}
  .story h2,.products h2,.shops h2,.finale h2{font-size:clamp(44px,13vw,54px);line-height:.93;overflow-wrap:anywhere}
  .eyebrow{font-size:10px;letter-spacing:.16em;gap:8px;max-width:100%;flex-wrap:wrap}
  .eyebrow span{width:24px;flex:0 0 24px}
  .hero-text{font-size:15px;line-height:1.65;margin:24px 0}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%}
  .btn{width:100%;padding:15px 14px;white-space:normal;text-align:center}
  .scroll-cue{left:20px;bottom:22px}
  .section{padding:72px 20px}
  .section-kicker{margin-bottom:42px}
  .story-grid{gap:28px}
  .story-copy{font-size:15px;line-height:1.7}
  .stat-row{grid-template-columns:1fr;margin-top:55px}
  .stat-row div{border-right:0;border-bottom:1px solid var(--line);padding:22px 18px}
  .stat-row div:last-child{border-bottom:0}
  .section-top{margin-bottom:36px}
  .product-grid{width:100%}
  .product-card{width:100%;height:380px;padding:22px}
  .product-card h3{font-size:clamp(36px,11vw,44px);line-height:.92;overflow-wrap:anywhere;padding-right:46px}
  .product-card a{right:20px;bottom:22px;width:42px;height:42px}
  .card-firework{transform:scale(.78)}
  .shower{transform:perspective(100px) rotateX(-15deg) scale(.78)}
  .shops{padding-top:72px;gap:20px}
  .shops-copy{width:100%}
  .map-art{width:100%;height:300px;overflow:hidden}
  .orbit-one{width:190px;height:190px}
  .orbit-two{width:270px;height:270px}
  .map-pin strong{font-size:38px}
  .map-pin small{display:block;max-width:240px;padding:0 12px;text-align:center;font-size:9px;line-height:1.5;letter-spacing:.14em;overflow-wrap:anywhere}
  .finale{min-height:580px;padding:82px 20px}
  .finale-copy{width:100%;max-width:100%}
  .contact-links{width:100%}
  footer{padding:30px 20px}.footer-legal{text-align:center}
  footer p{max-width:300px;line-height:1.6;overflow-wrap:anywhere}
}
@media(max-width:360px){
  h1{font-size:46px}
  .story h2,.products h2,.shops h2,.finale h2{font-size:42px}
  .product-card h3{font-size:35px}
  .orbit-two{width:240px;height:240px}
}
@media(hover:hover) and (pointer:fine){html.match-cursor-active,html.match-cursor-active body,html.match-cursor-active a,html.match-cursor-active button,html.match-cursor-active summary,html.match-cursor-active input{cursor:none!important}}
@media(hover:none),(pointer:coarse){.match-pointer{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}#fireworks{display:none}.reveal{opacity:1;transform:none}}