/* MANU STUDIO v3 — All fixes applied */
:root {
    --f-display: 'Libre Caslon Display', 'Georgia', serif;
    --f-body: 'DM Sans', sans-serif;
    --f-accent: 'Cormorant', serif;
    --gold: #d4a867;
    --gold-light: #e8c990;
    --dark: #0f0d0b;
    --dark2: #1a1714;
    --dark3: #242018;
    --cream: #f5f0e8;
    --text: #e8e0d4;
    --text-muted: rgba(232,224,212,0.55);
    --text-dim: rgba(232,224,212,0.3);
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:auto;overflow-x:hidden}
body{font-family:var(--f-body);background:var(--dark);color:var(--text);line-height:1.7;font-size:16px;overflow-x:hidden;cursor:none;max-width:100vw}
@media(min-width:1025px){body{font-size:18px}}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none;transition:color .3s}
a:hover{color:var(--gold-light)}
::selection{background:var(--gold);color:var(--dark)}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
em{color:var(--gold);font-style:italic}

@media(max-width:768px){.cursor{display:none!important}body{cursor:auto}}

/* CURSOR */
.cursor{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;mix-blend-mode:difference}
.cursor-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;position:absolute;top:-4px;left:-4px;transition:transform .1s}
.cursor-ring{width:40px;height:40px;border:1px solid rgba(212,168,103,.4);border-radius:50%;position:absolute;top:-20px;left:-20px;transition:all .15s ease-out}
.cursor.hovering .cursor-ring{width:60px;height:60px;top:-30px;left:-30px;border-color:var(--gold);background:rgba(212,168,103,.06)}
.cursor.hovering .cursor-dot{transform:scale(.5)}
.cursor.viewing .cursor-ring{width:90px;height:90px;top:-45px;left:-45px;border-color:var(--gold);background:rgba(212,168,103,.1)}
.cursor.viewing .cursor-text{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cursor-text{position:absolute;top:0;left:0;transform:translate(-50%,-50%) scale(.5);font-size:.6rem;font-weight:500;letter-spacing:.15em;color:var(--gold);opacity:0;transition:all .3s;white-space:nowrap;text-transform:uppercase}

/* PROGRESS BAR */
.progress-bar{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;align-items:center;gap:0}
.progress-track{width:3px;height:180px;background:rgba(232,224,212,.06);border-radius:3px;position:relative;overflow:hidden}
.progress-fill{width:100%;height:0%;background:var(--gold);border-radius:3px;transition:height .2s}
.progress-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text-dim);background:transparent;cursor:pointer;transition:all .3s;position:absolute;right:16px}
.progress-dot.active{background:var(--gold);border-color:var(--gold);transform:scale(1.4)}
.progress-dot:hover{border-color:var(--gold)}
.progress-label{position:absolute;right:34px;white-space:nowrap;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);opacity:0;transition:all .3s;transform:translateX(5px)}
.progress-dot:hover~.progress-label,.progress-dot.active~.progress-label{opacity:1;transform:translateX(0);color:var(--gold)}
@media(max-width:768px){.progress-bar{display:none}}

/* PRELOADER */
.preloader{position:fixed;inset:0;z-index:9999;background:var(--dark);display:flex;align-items:center;justify-content:center}
.preloader-inner{text-align:center}
.preloader-shutter{width:80px;height:80px;position:relative;margin:0 auto 2rem}
.shutter-blade{position:absolute;width:40px;height:2px;background:var(--gold);top:50%;left:50%;transform-origin:0% 50%;opacity:.6;animation:shutterSpin 2s linear infinite}
.shutter-blade:nth-child(1){transform:rotate(0deg);animation-delay:0s}
.shutter-blade:nth-child(2){transform:rotate(45deg);animation-delay:.1s}
.shutter-blade:nth-child(3){transform:rotate(90deg);animation-delay:.2s}
.shutter-blade:nth-child(4){transform:rotate(135deg);animation-delay:.3s}
.shutter-blade:nth-child(5){transform:rotate(180deg);animation-delay:.4s}
.shutter-blade:nth-child(6){transform:rotate(225deg);animation-delay:.5s}
.shutter-blade:nth-child(7){transform:rotate(270deg);animation-delay:.6s}
.shutter-blade:nth-child(8){transform:rotate(315deg);animation-delay:.7s}
@keyframes shutterSpin{0%,100%{opacity:.3}50%{opacity:1}}
.preloader-text{font-family:var(--f-display);font-size:1.5rem;letter-spacing:.2em;color:var(--cream);margin-bottom:1.5rem}
.preloader-bar{width:200px;height:2px;background:rgba(232,224,212,.1);margin:0 auto;border-radius:2px;overflow:hidden}
.preloader-progress{width:0%;height:100%;background:var(--gold);border-radius:2px;transition:width .3s}

/* NAV */
.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0.8em clamp(12px,3%,24px);display:flex;align-items:center;justify-content:space-between;transition:all .5s var(--ease);width:100%;max-width:100vw}
.main-nav.scrolled{background:rgba(15,13,11,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(212,168,103,.08)}
.nav-logo{position:relative;z-index:1002}
.nav-logo a{display:flex;align-items:center;color:var(--cream)}
.nav-logo-img{height:clamp(60px,8vw,90px);width:auto;display:block;margin-top:clamp(8px,2vw,20px);filter:drop-shadow(0 2px 12px rgba(0,0,0,.5));transition:height .4s var(--ease),margin .4s var(--ease)}
.main-nav.scrolled .nav-logo-img{height:clamp(36px,4vw,48px);margin-top:0}
.nav-links{display:flex;gap:clamp(2px,0.4vw,6px);flex:1;justify-content:center}
.nav-link{font-size:clamp(9px,0.85vw,12px);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:6px clamp(4px,0.6vw,10px);transition:color .3s;position:relative;white-space:nowrap}
.nav-link::after{content:'';position:absolute;bottom:2px;left:10px;right:10px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease)}
.nav-link:hover,.nav-link.active{color:var(--gold)}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:clamp(6px,1vw,14px);flex-shrink:0}

/* Social pills — reverse-T dropdown label */
.nav-pills{display:flex;align-items:center;gap:10px}
.nav-pill{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:color .4s,border-color .4s,background .4s}
.nav-pill svg{position:relative;z-index:3;flex-shrink:0}
/* Dropdown tag below the circle */
.nav-pill-label{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);
    display:flex;align-items:center;justify-content:center;
    padding:0 12px;height:0;border-radius:10px;
    background:rgba(15,13,11,.85);backdrop-filter:blur(12px);
    border:1px solid transparent;
    opacity:0;pointer-events:none;overflow:hidden;
    transition:height .5s var(--ease),opacity .4s,padding .5s var(--ease),border-color .4s}
/* Connecting stem — the vertical line of the T */
.nav-pill::before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1px;height:0;transition:height .3s var(--ease);z-index:2}
.nav-pill:hover::before{height:4px}
.nav-pill-label span{font-family:var(--f-body);font-size:11px;letter-spacing:.5px;white-space:nowrap;opacity:0;transition:opacity .3s .25s}
/* Hover — drop down */
.nav-pill:hover{border-color:rgba(255,255,255,.25)}
.nav-pill:hover .nav-pill-label{height:26px;opacity:1;pointer-events:auto}
.nav-pill:hover .nav-pill-label span{opacity:1}
/* Brand colors */
.nav-pill[data-label="Facebook"]:hover{color:#7b9cc2;border-color:rgba(123,156,194,.5);background:rgba(123,156,194,.08)}
.nav-pill[data-label="Facebook"]:hover .nav-pill-label{border-color:rgba(123,156,194,.3);color:#7b9cc2}
.nav-pill[data-label="Facebook"]:hover::before{background:#7b9cc2}
.nav-pill[data-label="Instagram"]:hover{color:#c27ba0;border-color:rgba(194,123,160,.5);background:rgba(194,123,160,.08)}
.nav-pill[data-label="Instagram"]:hover .nav-pill-label{border-color:rgba(194,123,160,.3);color:#c27ba0}
.nav-pill[data-label="Instagram"]:hover::before{background:#c27ba0}
.nav-pill[data-label="YouTube"]:hover{color:#c27b7b;border-color:rgba(194,123,123,.5);background:rgba(194,123,123,.08)}
.nav-pill[data-label="YouTube"]:hover .nav-pill-label{border-color:rgba(194,123,123,.3);color:#c27b7b}
.nav-pill[data-label="YouTube"]:hover::before{background:#c27b7b}
.nav-pill[data-label="TikTok"]:hover{color:#9ab0b0;border-color:rgba(154,176,176,.5);background:rgba(154,176,176,.08)}
.nav-pill[data-label="TikTok"]:hover .nav-pill-label{border-color:rgba(154,176,176,.3);color:#9ab0b0}
.nav-pill[data-label="TikTok"]:hover::before{background:#9ab0b0}
.nav-pill[data-label="0721.247.883"]:hover{color:var(--gold);border-color:rgba(212,168,103,.5);background:rgba(212,168,103,.08)}
.nav-pill[data-label="0721.247.883"]:hover .nav-pill-label{border-color:rgba(212,168,103,.3);color:var(--gold)}
.nav-pill[data-label="0721.247.883"]:hover::before{background:var(--gold)}

.nav-menu-btn{display:flex;flex-direction:column;gap:6px;cursor:pointer;z-index:1001;padding:5px;visibility:hidden;width:0;overflow:hidden}
.nav-menu-btn span{width:28px;height:2px;background:var(--cream);transition:all .4s var(--ease);transform-origin:center}
.nav-menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg);background:var(--gold)}
.nav-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background:var(--gold)}
@media(max-width:1024px){.nav-links{display:none}.nav-pills{display:none}.nav-menu-btn{visibility:visible;width:auto;overflow:visible}}

/* MOBILE MENU */
.menu-overlay{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden}
.menu-overlay.active{pointer-events:all;opacity:1;visibility:visible}
.menu-overlay-bg{position:absolute;inset:0;background:rgba(15,13,11,1);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease)}
.menu-overlay.active .menu-overlay-bg{transform:scaleY(1)}
.menu-overlay-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(100px,18vh,140px) clamp(2rem,8vw,8rem) clamp(2rem,5vh,4rem);overflow:hidden}
/* Ensure nav bar is opaque when menu is open */
.main-nav.menu-active{background:rgba(15,13,11,1)!important;backdrop-filter:none}
/* Lock body scroll when menu is open */
body.menu-open{overflow:hidden;position:fixed;width:100%;top:var(--scroll-y,0)}
.menu-overlay-links{display:flex;flex-direction:column;gap:.3rem}
.overlay-link{font-family:var(--f-display);font-size:clamp(1.8rem,4vw,3rem);color:var(--text-dim);transition:all .4s var(--ease);display:flex;align-items:center;gap:1rem;opacity:0;transform:translateY(30px)}
.menu-overlay.active .overlay-link{opacity:1;transform:translateY(0)}
.overlay-link::before{content:attr(data-index);font-family:var(--f-body);font-size:.65rem;letter-spacing:.2em;color:var(--gold);opacity:0;transition:opacity .3s}
.overlay-link:hover{color:var(--cream);transform:translateX(15px)}
.overlay-link:hover::before{opacity:1}
.menu-overlay-info{margin-top:3rem;display:flex;flex-direction:column;gap:1.2rem;opacity:0;transform:translateY(15px);transition:all .6s var(--ease) .4s}
.menu-overlay.active .menu-overlay-info{opacity:1;transform:translateY(0)}
.overlay-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:.3rem}
.overlay-info-item a{color:var(--cream);font-size:clamp(1rem,2.5vw,1.3rem)}
.overlay-social-bar{display:flex;gap:20px;margin-top:2.5rem;opacity:0;transform:translateY(15px);transition:all .6s var(--ease) .55s}
.menu-overlay.active .overlay-social-bar{opacity:1;transform:translateY(0)}
.overlay-social-bar a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--text-muted);border:1px solid rgba(212,168,103,.15);transition:color .3s,background .3s,transform .3s,border-color .3s}
.overlay-social-bar a:hover{color:var(--gold);background:rgba(212,168,103,.08);border-color:var(--gold);transform:scale(1.15)}

/* HERO — rolling collage */
.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;padding-top:100px;padding-bottom:90px}
.hero-collage{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(.7);opacity:0;transition:opacity 1.5s ease}
.hero-slide.active{opacity:1}
.hero-grain{position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,13,11,.2) 0%,rgba(15,13,11,.7) 100%)}

/* HERO — mobile strips (hidden on desktop) */
.hero-strips{display:none}
@media(max-width:768px){
    .hero-collage{display:none}
    .hero-strips{display:flex;flex-direction:column;position:absolute;inset:0;width:100%;height:100%;gap:10px;padding:10px}
    .hero-strip{flex:1;position:relative;overflow:hidden;border-radius:4px}
    .hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.75);opacity:0;transition:opacity 0.8s ease}
    .hs-img.hs-active{opacity:1}
    .hero-strips .hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,13,11,.1) 0%,rgba(15,13,11,.75) 100%);z-index:1}
}
.hero-content{position:relative;z-index:2;text-align:center;max-width:750px;padding:0 24px;margin:auto 0}
.hero-line-deco{width:60px;height:1px;background:var(--gold);margin:0 auto 32px;transform:scaleX(0);animation:lineIn 1.2s ease .3s forwards}
@keyframes lineIn{to{transform:scaleX(1)}}
.hero-title{font-family:var(--f-display);font-size:clamp(28px,5vw,48px);font-weight:400;color:var(--cream);line-height:1.35;min-height:70px}
.hero-title .tw-cursor{animation:blink 1s step-end infinite;color:var(--gold)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-subtitle{font-family:var(--f-accent);font-size:clamp(20px,3vw,28px);color:var(--gold-light);font-style:italic;margin-top:20px;opacity:0;animation:fadeUp 1s ease 3.5s forwards}
.hero-ctas{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp 1s ease 4s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:28px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp 1s ease 4.5s forwards}
.hero-scroll span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}
.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease infinite}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.15)}}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-body);font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:15px 34px;cursor:pointer;border:1px solid rgba(212,168,103,.5);transition:all .35s;background:linear-gradient(135deg,rgba(212,168,103,.08),rgba(212,168,103,.02));color:var(--gold);position:relative;overflow:hidden;border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);border-color:var(--gold)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--dark);font-weight:500;border-color:var(--gold);box-shadow:0 6px 22px rgba(212,168,103,.25),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-gold:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--dark);box-shadow:0 10px 30px rgba(212,168,103,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-outline:hover{background:linear-gradient(135deg,rgba(212,168,103,.18),rgba(212,168,103,.08));color:var(--gold-light)}

/* SECTIONS */
.section{padding:0 0 clamp(60px,8vw,100px);position:relative;overflow:visible}

/* STICKY SECTION TITLES — every chapter */
.sticky-section-title{position:sticky;top:0;z-index:10;padding:clamp(60px,8vw,100px) 0 40px;text-align:center;background:linear-gradient(to bottom,var(--dark) 70%,transparent);pointer-events:none}
.botezuri-section .sticky-section-title,
.testimoniale-section .sticky-section-title,
.craft-section .sticky-section-title{background:linear-gradient(to bottom,var(--dark2) 70%,transparent)}

.section-label{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:20px}
.label-line{width:40px;height:1px;background:var(--gold)}
.section-label span{font-family:var(--f-body);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}

.section-title-editorial{font-family:var(--f-display);font-size:clamp(30px,5vw,48px);color:var(--cream);text-align:center;margin-bottom:12px;font-weight:400;line-height:1.25}
.section-subtitle-editorial{font-family:var(--f-accent);font-size:clamp(17px,2.2vw,22px);color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto;font-style:italic;line-height:1.7}

/* PILONI */
.piloni{background:var(--dark)}
.piloni-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.pillar-card{cursor:pointer;transition:transform .4s;display:block;color:var(--text)}
.pillar-card:hover{transform:translateY(-6px);color:var(--text)}
.pillar-card-img{aspect-ratio:4/5;overflow:hidden;position:relative;margin-bottom:20px;border-radius:12px}
.pillar-img-landscape{aspect-ratio:3/2}
.pillar-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(.85)}
.pillar-card:hover .pillar-card-img img{transform:scale(1.06);filter:saturate(1)}
.pillar-hover{display:none}
.pillar-card h3{font-family:var(--f-display);font-size:24px;color:var(--cream);margin-bottom:8px;font-weight:400}
.pillar-card p{font-family:var(--f-accent);font-size:20px;color:var(--text-muted);line-height:1.7}

/* STATS COUNTER — clock-roll, percentage-based sizing */
.stats-section{position:relative;padding:6vw 0;overflow:hidden;background:linear-gradient(135deg,rgba(30,25,20,1) 0%,rgba(20,16,12,1) 100%)}
.stats-grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Stats inside hero — compact, at the bottom, semi-transparent backdrop */
.hero-stats-wrap{position:relative;z-index:2;width:min(1100px,92vw);margin:clamp(20px,4vh,56px) auto 0;padding:clamp(16px,2.5vh,28px) clamp(16px,3vw,40px);
    background:linear-gradient(135deg,rgba(15,13,11,.55) 0%,rgba(20,16,12,.55) 100%);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(212,168,103,.08);border-radius:14px;
    opacity:0;transform:translateY(20px);animation:fadeUp 1s ease 3.8s forwards}
.hero-stats-wrap .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;text-align:center;align-items:start}
.hero-stats-wrap .stat-roller{font-size:clamp(30px,4.5vw,52px)}
.hero-stats-wrap .stat-label{font-size:clamp(13px,1.4vw,17px);margin-bottom:3%}
.hero-stats-wrap .stat-sub{font-size:clamp(10px,1.1vw,13px)}
.hero-stats-wrap .stat-bar-wrap{width:70%;max-width:180px}
@media(max-width:700px){
    .hero-stats-wrap{width:94vw;padding:16px 14px}
    .hero-stats-wrap .stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}
    .hero-stats-wrap .stat-roller{font-size:clamp(22px,6vw,36px)}
    .hero-stats-wrap .stat-label{font-size:clamp(10px,2.5vw,13px)}
    .hero-stats-wrap .stat-sub{display:none}
    .hero-stats-wrap .stat-bar-wrap{width:80%}
}

.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;text-align:center;align-items:start}
.stat-card{opacity:0;transform:translateY(40px)}
.stat-card.visible{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.stat-card:nth-child(2).visible{transition-delay:.15s}
.stat-card:nth-child(3).visible{transition-delay:.3s}

/* Clock-roll number display — pure percentage positioning */
.stat-roller{display:flex;align-items:flex-end;justify-content:center;gap:0;margin:0 auto 4%;height:1.2em;overflow:hidden;font-size:clamp(42px,6.5vw,76px);line-height:1}
.stat-digit-wrap{position:relative;width:.65em;height:1.2em;overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.stat-digit-strip{display:flex;flex-direction:column;align-items:center;width:100%}
.stat-digit-strip span{display:flex;align-items:center;justify-content:center;width:.65em;height:1.2em;font-family:var(--f-display);font-size:inherit;color:var(--cream);font-weight:400;flex-shrink:0}
.stat-suffix{font-family:var(--f-display);font-size:.6em;color:var(--gold);font-weight:400;line-height:1.2em;padding-left:.04em;align-self:center}

/* Gradient bar for percentage (red → yellow → green) */
.stat-bar-wrap{width:80%;max-width:240px;margin:0 auto 4%}
.stat-bar-track{height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.stat-bar-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,#e74c3c 0%,#f39c12 40%,#f1c40f 65%,#2ecc71 100%);transition:width 3s cubic-bezier(.12,.98,.22,1)}
.stat-card.visible .stat-bar-fill{width:var(--bar-pct,0%)}

.stat-label{font-family:var(--f-display);font-size:clamp(16px,2vw,22px);color:var(--cream);margin-bottom:4%;font-weight:400}
.stat-sub{font-family:var(--f-accent);font-size:clamp(12px,1.4vw,15px);color:var(--text-dim);font-style:italic}
@media(max-width:700px){.stats-grid{grid-template-columns:1fr;gap:10vw}}

/* EDITORIAL */
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:60px}
.editorial-portrait{grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px)}
.editorial-reverse{direction:rtl}
.editorial-reverse>*{direction:ltr}
.editorial-img{overflow:hidden;border-radius:12px}
.editorial-img img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.85);transition:filter .5s,transform .6s}
.editorial-img-portrait img{aspect-ratio:2/3}
.editorial-img:hover img{filter:saturate(1);transform:scale(1.03)}
.editorial-text h3{font-family:var(--f-display);font-size:26px;color:var(--cream);margin-bottom:14px;font-weight:400}
.editorial-text p{font-family:var(--f-accent);font-size:21px;color:var(--text-muted);line-height:1.8}
@media(max-width:700px){.editorial,.editorial-reverse,.editorial-portrait{grid-template-columns:1fr;direction:ltr;gap:24px}.editorial-img-portrait img{aspect-ratio:3/4;max-height:70vh}}

/* PHOTO ROWS */
.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:60px}
.photo-row-4{grid-template-columns:repeat(4,1fr)}
.photo-row-item{overflow:hidden;border-radius:12px}
.photo-row-item img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.85);transition:filter .5s,transform .6s}
.photo-row-item:hover img{filter:saturate(1);transform:scale(1.04)}
@media(max-width:700px){.photo-row,.photo-row-4{grid-template-columns:repeat(2,1fr)}}

/* CLOTHESLINE */
.clothesline-section{padding:20px 0 10px;overflow:visible}
.clothesline-section .clothesline-scroll{overflow:hidden}
.clothesline-heading{font-family:var(--f-display);font-size:22px;color:var(--cream);text-align:center;margin-bottom:20px;font-weight:400}
.clothesline-scroll{overflow:hidden;position:relative;padding:34px 0 14px}
.clothesline-track{display:flex;gap:30px;padding:0 60px;position:relative;will-change:transform;transition:none}
.clothesline-wire{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(212,168,103,.4),rgba(212,168,103,.4),transparent)}
.cl-item{flex-shrink:0;width:320px;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:40px;transition:transform .6s var(--ease)}
.cl-item:hover{transform:translateY(-8px) rotate(-1deg)}
.cl-pin{width:14px;height:14px;background:var(--gold);border-radius:50%;position:absolute;top:-7px;z-index:2;box-shadow:0 0 12px rgba(212,168,103,.4)}
.cl-string{width:1px;height:40px;background:rgba(212,168,103,.3);position:absolute;top:7px}
.cl-card{background:var(--dark2);border:1px solid rgba(212,168,103,.1);padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.4);transition:border-color .4s,box-shadow .4s;transform-origin:top center}
.cl-item:nth-child(3) .cl-card{--rot:-2deg}
.cl-item:nth-child(4) .cl-card{--rot:1.5deg}
.cl-item:nth-child(5) .cl-card{--rot:-1deg}
.cl-item:nth-child(6) .cl-card{--rot:2deg}
.cl-item:hover .cl-card{border-color:rgba(212,168,103,.3);box-shadow:0 20px 60px rgba(0,0,0,.5)}

.cl-video{position:relative;overflow:hidden;cursor:pointer;width:304px;aspect-ratio:16/9;border-radius:4px}
.cl-video img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s;filter:brightness(.8)}
.cl-video:hover img{transform:scale(1.05);filter:brightness(1)}
.cl-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none;z-index:2}
.cl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(212,168,103,.9);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dark);transition:transform .3s;box-shadow:0 4px 20px rgba(0,0,0,.4);z-index:3}
.cl-video:hover .cl-play{transform:translate(-50%,-50%) scale(1.12)}
.cl-video.playing .cl-play{display:none}
.cl-video.playing img{opacity:0}
.cl-label{display:block;text-align:center;padding:10px 8px 4px;font-family:var(--f-accent);font-size:17px;color:var(--text-muted);font-style:italic}

/* Hover enlarge effect */
.cl-item:hover .cl-card{transform:rotate(0deg) scale(1.08)}

/* QUOTE */
.quote-section{position:relative;padding:100px 24px;text-align:left;overflow:hidden;min-height:50vh;display:flex;align-items:center;justify-content:center}
.quote-bg{position:absolute;inset:-20%;background-size:cover;background-position:center;background-attachment:fixed}
.quote-overlay{position:absolute;inset:0;background:rgba(15,13,11,.75)}
.quote-content{position:relative;z-index:1;max-width:800px}
.quote-content blockquote{font-family:var(--f-accent);font-size:clamp(22px,3.2vw,30px);color:var(--cream);line-height:1.8;font-style:italic;font-weight:500;border-left:3px solid var(--gold);padding-left:28px;margin:0;opacity:.95}
.quote-author{font-family:var(--f-body);font-size:14px;color:var(--gold);letter-spacing:2px;margin-top:24px;padding-left:28px}
@media(max-width:768px){.quote-bg{background-attachment:scroll}}

/* GALLERY */
.galerie-section{position:relative;min-height:150vh;overflow:visible;padding:0 0 80px}
.galerie-fade-top{position:sticky;top:0;left:0;right:0;height:120px;z-index:5;background:linear-gradient(to bottom,var(--dark),transparent);pointer-events:none;margin-top:-120px}
.galerie-fade-bottom{position:sticky;bottom:0;left:0;right:0;height:120px;z-index:5;background:linear-gradient(to top,var(--dark),transparent);pointer-events:none}
.galerie-network{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:40px}
.g-bubble{position:relative;overflow:hidden;border-radius:28px;cursor:pointer}
.g-landscape{aspect-ratio:3/2}
.g-portrait{aspect-ratio:2/3;grid-row:span 2}
.g-square{aspect-ratio:1}
.g-bubble img{width:100%;height:100%;object-fit:cover;transition:filter .5s;filter:saturate(.8) brightness(.9)}
.g-bubble:hover img{filter:saturate(1.05) brightness(1)}
.g-bubble::after{content:attr(data-caption);position:absolute;bottom:0;left:0;right:0;padding:24px 16px 14px;background:linear-gradient(to top,rgba(15,13,11,.9),transparent);font-family:var(--f-accent);font-size:16px;color:var(--cream);font-style:italic;opacity:0;transition:opacity .4s;border-radius:0 0 28px 28px}
.g-bubble:hover::after{opacity:1}

/* Gallery particle push — GSAP handles scale/translate, CSS just needs transition off */
.g-bubble{will-change:transform}

@media(max-width:900px){.galerie-network{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.galerie-network{grid-template-columns:repeat(2,1fr)}.g-portrait{grid-row:span 1}}

/* ALBUM CARDS — Fibonacci collage */
.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px}
.album-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;background:var(--dark2);display:block;text-decoration:none}
/* Background cover — animates into position on hover */
.album-cover{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.8) brightness(.7);transition:all .8s var(--ease);z-index:1}
.album-card:hover .album-cover,.album-card.active .album-cover{
    inset:4% 50% 30% 4%;border-radius:10px;filter:saturate(.9) brightness(.85);z-index:3}
/* Fibonacci collage grid — right 45%, stacked smaller */
.album-fib{position:absolute;top:4%;right:4%;bottom:30%;width:42%;display:grid;gap:4px;z-index:3;
    grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;opacity:0;transition:opacity .6s .1s}
.album-card:hover .album-fib,.album-card.active .album-fib{opacity:1}
.album-fib img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.album-fib img:nth-child(1){grid-column:1/3;grid-row:1}
.album-fib img:nth-child(2){grid-column:1;grid-row:2}
.album-fib img:nth-child(3){grid-column:2;grid-row:2}
/* Info — bottom left with readable bg */
.album-info{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;z-index:4;background:linear-gradient(to top,rgba(15,13,11,.95) 0%,rgba(15,13,11,.7) 70%,transparent 100%);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.album-info-text{flex:1;min-width:0}
.album-info h3{font-family:var(--f-display);font-size:clamp(16px,1.8vw,22px);color:var(--cream);font-weight:400;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-info p{font-family:var(--f-accent);font-size:clamp(12px,1.2vw,14px);color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-info .album-count{font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:4px;display:block}
.album-open-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,168,103,.3);padding:8px 18px;border-radius:20px;transition:all .3s;white-space:nowrap}
.album-card:hover .album-open-btn,.album-card.active .album-open-btn{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.album-open-btn::after{content:'→';font-size:14px}

/* Mobile: single column, scroll-activated */
@media(max-width:1024px){
    .albums-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto;gap:20px}
    .album-card{aspect-ratio:4/3}
    .album-cover{transition:all .6s var(--ease)}
    .album-fib{opacity:0;transition:opacity .6s .1s}
    .album-open-btn{background:rgba(212,168,103,.12);border-color:rgba(212,168,103,.3)}
}
@media(max-width:500px){.albums-grid{max-width:100%}}

/* Category badge on album card */
.album-badge{position:absolute;top:12px;left:12px;z-index:5;padding:5px 12px;border-radius:14px;font-family:var(--f-body);font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}
.album-badge.cat-nunta{background:rgba(194,123,160,.85);color:#fff}
.album-badge.cat-botez{background:rgba(123,156,194,.85);color:#fff}
.album-badge.cat-sedinta{background:rgba(154,176,176,.85);color:#fff}
.album-badge.cat-eveniment{background:rgba(212,168,103,.85);color:#1a1a1a}
.album-badge.cat-test{background:rgba(120,120,120,.8);color:#fff}

/* Albums "See all" button */
.albums-see-all-wrap{text-align:center;margin-top:36px}
.albums-see-all{display:inline-flex;align-items:center;gap:10px}

/* Filtered album strip — horizontal scroll */
.album-strip-section{margin:40px 0 60px}
.album-strip-attached{margin-top:-30px;padding-top:10px;margin-bottom:30px}
/* Inline strip — lives inside clothesline-section; keeps full card size/format */
.album-strip-inline{margin:14px 0 0;padding:14px 0 24px}
.album-strip-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 4px}
.album-strip-title{font-family:var(--f-display);font-size:clamp(18px,2.2vw,26px);color:var(--cream);font-weight:400}
.album-strip-link{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:color .3s}
.album-strip-link:hover{color:var(--gold-light)}
.album-strip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;padding-bottom:12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(212,168,103,.3) transparent}
.album-strip::-webkit-scrollbar{height:6px}
.album-strip::-webkit-scrollbar-thumb{background:rgba(212,168,103,.3);border-radius:3px}
.album-strip.dragging{cursor:grabbing;scroll-behavior:auto}
.album-strip.dragging a{pointer-events:none}
.album-strip-track{display:flex;align-items:flex-start;gap:16px;padding:0 4px}
.album-card-strip{flex:0 0 clamp(340px,40vw,440px);aspect-ratio:16/9;height:auto;align-self:flex-start}
@media(max-width:700px){
    .album-card-strip{flex:0 0 80vw;aspect-ratio:4/3}
}

/* CRAFT */
.craft-section{background:var(--dark2)}
.craft-intro{max-width:700px;margin:0 auto 40px;text-align:center}
.craft-intro p{font-family:var(--f-accent);font-size:23px;color:var(--text-muted);font-style:italic;line-height:1.7}
.craft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:50px}
.craft-card{background:rgba(255,255,255,.02);border:1px solid rgba(212,168,103,.08);padding:32px 24px;transition:all .4s;border-radius:8px}
.craft-card:hover{border-color:rgba(212,168,103,.2);background:rgba(212,168,103,.03);transform:translateY(-3px)}
.craft-icon{font-size:32px;display:block;margin-bottom:14px}
.craft-card h4{font-family:var(--f-display);font-size:20px;color:var(--cream);margin-bottom:10px;font-weight:400}
.craft-card p{font-size:16px;color:var(--text-muted);line-height:1.7}

/* CAROUSELS */
.craft-carousel-block{margin-top:50px;overflow:hidden}
.craft-carousel-label{text-align:center;margin-bottom:16px}
.craft-carousel-label span{font-family:var(--f-accent);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);opacity:.7}
.craft-carousel-wrap{overflow:hidden;width:100%;padding:8px 0;position:relative}
.craft-carousel-wrap::before,.craft-carousel-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.craft-carousel-wrap::before{left:0;background:linear-gradient(to right,var(--dark2),transparent)}
.craft-carousel-wrap::after{right:0;background:linear-gradient(to left,var(--dark2),transparent)}
.craft-carousel-track{display:flex;gap:14px;width:max-content;animation:crs-marquee 55s linear infinite;cursor:grab;user-select:none;-webkit-user-select:none}
.craft-carousel-track.dragging{animation-play-state:paused;cursor:grabbing}
.craft-carousel-track:hover{animation-play-state:paused}
@keyframes crs-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes crs-marquee-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.crs-img{height:clamp(170px,18vw,240px);width:auto;max-width:380px;object-fit:contain;border-radius:10px;flex-shrink:0;cursor:grab;transition:transform .35s,filter .35s;filter:saturate(.9);border:none}
.crs-img:hover{transform:scale(1.06);filter:saturate(1)}
.crs-camera{height:clamp(190px,20vw,260px)}

/* CAROUSEL LIGHTBOX */
.crs-lightbox-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.crs-lightbox-overlay.open{opacity:1;pointer-events:all}
.crs-lightbox-overlay img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.crs-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .2s;line-height:1}
.crs-lightbox-close:hover{opacity:1}

/* MIRROR SECTION */
.mirror-section{background:var(--dark)}
.mirror-intro{max-width:640px;margin:0 auto 48px;text-align:center}
.mirror-intro p{font-family:var(--f-accent);font-size:22px;color:var(--text-muted);font-style:italic;line-height:1.75}
.mirror-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(20px,3vw,48px);align-items:start}
.mirror-video-col{position:relative;display:flex;flex-direction:column;gap:12px}
.mirror-video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;display:block;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(212,168,103,.1)}
.mirror-video-label{text-align:center;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);opacity:.55}
.mirror-photos-col{display:flex;flex-direction:column;gap:20px;padding-top:10px}
.mirror-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mirror-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;cursor:zoom-in;transition:transform .35s,filter .35s;filter:saturate(.85);border:1px solid rgba(212,168,103,.08)}
.mirror-photo:hover{transform:scale(1.02);filter:saturate(1)}
.mirror-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:4px}
.mirror-feature{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--text-muted)}
.mirror-feature-icon{color:var(--gold);font-size:10px;flex-shrink:0}
@media(max-width:768px){
    .mirror-layout{grid-template-columns:1fr}
    .mirror-video{max-height:none}
    .mirror-features{grid-template-columns:1fr}
}

/* STORY */
.poveste-section{background:var(--dark)}
.story-lead{max-width:700px;margin:0 auto 50px;text-align:center}
.story-lead p{font-family:var(--f-accent);font-size:clamp(16px,2.2vw,21px);color:var(--text-muted);line-height:1.6;font-weight:400;font-style:italic}
.story-accent{text-align:center;max-width:700px;margin:20px auto 50px}
.story-accent p{font-family:var(--f-display);font-size:clamp(26px,4vw,38px);color:var(--gold);font-style:italic}

/* TESTIMONIALS */
.testimoniale-section{background:var(--dark2)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.testimonial-card{padding:36px;border:1px solid rgba(212,168,103,.1);background:rgba(255,255,255,.015);position:relative;transition:all .4s;border-radius:8px}
.testimonial-card:hover{border-color:rgba(212,168,103,.25);transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.3)}
.tc-quote{font-family:var(--f-display);font-size:60px;color:rgba(212,168,103,.15);position:absolute;top:8px;left:18px;line-height:1}
.tc-stars{color:var(--gold);font-size:14px;margin-bottom:16px;letter-spacing:2px}
.tc-text{font-family:var(--f-accent);font-size:21px;color:var(--text-muted);line-height:1.7;font-style:italic;margin-bottom:20px}
.tc-author strong{display:block;font-family:var(--f-display);font-size:19px;color:var(--cream);font-weight:400}
.tc-author span{font-family:var(--f-body);font-size:12px;color:var(--gold);letter-spacing:1px;text-transform:uppercase}

/* PACHETE */
.pachete-section{background:var(--dark)}
.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:stretch}
.pack-card{border:1px solid rgba(212,168,103,.1);background:rgba(255,255,255,.015);padding:44px 30px;text-align:center;position:relative;display:flex;flex-direction:column;transition:all .4s;border-radius:8px}
.pack-card:hover{border-color:rgba(212,168,103,.25);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pack-card-pop{border-color:var(--gold);background:rgba(212,168,103,.04)}
.pack-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--dark);padding:4px 18px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;border-radius:4px}
.pack-icon{font-size:34px;margin-bottom:8px;line-height:1}
.pack-name{font-family:var(--f-display);font-size:32px;color:var(--cream);font-style:italic;font-weight:400;margin-bottom:10px;letter-spacing:.5px}
.pack-tagline{font-family:var(--f-accent);font-size:16px;color:var(--text-muted);font-style:italic;line-height:1.5;margin-bottom:14px;padding:0 8px}
.pack-bonus{display:inline-block;padding:5px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(212,168,103,.18),rgba(212,168,103,.08));border:1px solid rgba(212,168,103,.3);font-family:var(--f-body);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:18px}
.pack-divider{width:40px;height:1px;background:rgba(212,168,103,.25);margin:16px auto 20px}
.pack-list{list-style:none;padding:0;margin:0 0 16px;flex:1;text-align:left}
.pack-list li{font-family:var(--f-accent);font-size:15px;color:var(--text-muted);padding:7px 0;display:flex;align-items:flex-start;gap:10px;justify-content:flex-start;line-height:1.5}
.pack-bullet{color:var(--gold);font-size:11px;flex-shrink:0;margin-top:6px}
.pack-signature{font-family:var(--f-accent);font-size:14px;color:var(--text-dim);font-style:italic;line-height:1.5;margin:14px 0 20px;padding:14px 6px 0;border-top:1px solid rgba(212,168,103,.08)}
.pack-btn{width:100%;justify-content:center;margin-top:auto}
.packs-note{font-family:var(--f-accent);font-size:18px;color:var(--text-dim);text-align:center;font-style:italic;margin-top:40px}

/* CONTACT */
.contact-section{background:var(--dark2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}}
.contact-form{display:flex;flex-direction:column;gap:16px}
.c-input{font-family:var(--f-body);font-size:16px;background:rgba(255,255,255,.03);border:1px solid rgba(212,168,103,.12);color:var(--text);padding:15px 16px;outline:none;transition:border-color .3s;border-radius:4px;width:100%}
.c-input:focus{border-color:var(--gold)}
.c-input::placeholder{color:var(--text-dim)}
select.c-input{appearance:none;color:var(--text-dim);cursor:pointer}
select.c-input option{background:var(--dark2);color:var(--text)}
textarea.c-input{resize:vertical}
.contact-info-wrap{display:flex;flex-direction:column;gap:28px}
.ci-label{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:6px}
.ci-value{font-family:var(--f-accent);font-size:22px;color:var(--text);display:block}
.ci-value-big{font-family:var(--f-display);font-size:32px;color:var(--cream)}
.ci-note{font-size:13px;color:var(--text-dim);margin-top:4px;display:block}

/* FOOTER */
.site-footer{border-top:1px solid rgba(212,168,103,.08);padding:32px 24px;text-align:center}
.footer-inner{max-width:1000px;margin:0 auto}
.footer-logo{margin-bottom:16px;display:flex;justify-content:center}
.footer-logo-img{height:clamp(60px,10vw,100px);width:auto;opacity:.85}
.footer-social{display:flex;justify-content:center;gap:14px;margin:18px 0}
.footer-social a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.1);transition:background .3s,transform .3s,border-color .3s}
.footer-social a:hover{transform:scale(1.15)}
.footer-social a[title="Facebook"]{color:#7b9cc2;border-color:rgba(123,156,194,.25)}
.footer-social a[title="Facebook"]:hover{background:rgba(123,156,194,.1);border-color:#7b9cc2}
.footer-social a[title="Instagram"]{color:#c27ba0;border-color:rgba(194,123,160,.25)}
.footer-social a[title="Instagram"]:hover{background:rgba(194,123,160,.1);border-color:#c27ba0}
.footer-social a[title="YouTube"]{color:#c27b7b;border-color:rgba(194,123,123,.25)}
.footer-social a[title="YouTube"]:hover{background:rgba(194,123,123,.1);border-color:#c27b7b}
.footer-social a[title="TikTok"]{color:#9ab0b0;border-color:rgba(154,176,176,.25)}
.footer-social a[title="TikTok"]:hover{background:rgba(154,176,176,.1);border-color:#9ab0b0}
.footer-copy{font-size:13px;color:var(--text-dim);letter-spacing:1px}

/* Social brand colors — soft muted palette */
a[title="Facebook"]{color:#7b9cc2}
a[title="Instagram"]{color:#c27ba0}
a[title="YouTube"]{color:#c27b7b}
a[title="TikTok"]{color:#9ab0b0}
a[title="Facebook"]:hover{color:#8caed9}
a[title="Instagram"]:hover{color:#d98ab3}
a[title="YouTube"]:hover{color:#d98a8a}
a[title="TikTok"]:hover{color:#b0c8c8}
.overlay-social-bar a[title="Facebook"]{color:#7b9cc2;border-color:rgba(123,156,194,.25)}
.overlay-social-bar a[title="Instagram"]{color:#c27ba0;border-color:rgba(194,123,160,.25)}
.overlay-social-bar a[title="YouTube"]{color:#c27b7b;border-color:rgba(194,123,123,.25)}
.overlay-social-bar a[title="TikTok"]{color:#9ab0b0;border-color:rgba(154,176,176,.25)}
.overlay-social-bar a[title="Facebook"]:hover{color:#8caed9;background:rgba(123,156,194,.08);border-color:#8caed9}
.overlay-social-bar a[title="Instagram"]:hover{color:#d98ab3;background:rgba(194,123,160,.08);border-color:#d98ab3}
.overlay-social-bar a[title="YouTube"]:hover{color:#d98a8a;background:rgba(194,123,123,.08);border-color:#d98a8a}
.overlay-social-bar a[title="TikTok"]:hover{color:#b0c8c8;background:rgba(154,176,176,.08);border-color:#b0c8c8}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,.95)}
.lightbox-img{position:relative;z-index:1;max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px}
.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;z-index:2;background:none;border:none;color:var(--cream);cursor:pointer;font-size:40px;transition:color .3s}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{color:var(--gold)}
.lightbox-close{top:20px;right:30px}
.lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}
.lightbox-next{right:20px;top:50%;transform:translateY(-50%)}
.lightbox-caption{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;font-family:var(--f-accent);font-size:18px;color:var(--text-muted);font-style:italic}

/* ANIM ITEMS — simple, no class swap needed, GSAP handles directly */
.anim-item{opacity:0;transform:translateY(30px)}