/* I&I BOOKING · v5 · built on the Inbar De Loco visual system (fonts, tokens, atmosphere, seal, tickers, foil type) + Orr De Loco (wordmark clip reveal, taped marker tags, halftone, giant outline type). Motion = transform/opacity only. */
@font-face{font-family:"Heebo";font-weight:100 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/heebo-26d34c3fcf.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-weight:100 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/heebo-6128ad0117.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cinzel";font-weight:400 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/cinzel-var.woff2) format("woff2")}
@font-face{font-family:"FrankRuhl";font-weight:300 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/frank-he-var.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Bodoni Moda";font-weight:400 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/bodoni-var.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/bodoni-ital-var.woff2) format("woff2")}
@font-face{font-family:"Pinyon Script";font-weight:400;font-display:swap;src:url(/artists/inbar-de-loco/assets/fonts/pinyon.woff2) format("woff2")}
@font-face{font-family:"Permanent Marker";font-weight:400;font-display:swap;src:url(/artists/orr-de-loco/assets/fonts/permanent-marker.woff2) format("woff2")}
:root{--ink:#0b0506;--gold:#e8c36a;--gold2:#ffe6a6;--wine:#8e1b2c;--wine2:#7a0c1c;--red:#c8102e;--text:#f4efe6;--muted:#b9aeb0;
--line:rgba(255,255,255,.08);--line2:rgba(232,195,106,.32);
--body:"Heebo",system-ui,sans-serif;--hed:"FrankRuhl","Heebo",serif;--didone:"Bodoni Moda","FrankRuhl",Georgia,serif;--script:"Pinyon Script","Bodoni Moda",cursive;--mark:"Permanent Marker",cursive;
--foil:linear-gradient(100deg,#8a6a32 0%,#f3dc9f 18%,#c9a25a 34%,#fff4cf 48%,#d7ac55 60%,#8a6a32 76%,#f0d48f 90%,#b8872f 100%);
--metal:linear-gradient(180deg,#fff7dc 0%,#f6d98c 38%,#c8963b 62%,#ffe9a8 82%,#d9a94c 100%);
--goldbtn:linear-gradient(135deg,#fff1c2,#e8c36a 40%,#c8902f 70%,#ffe39a);
--ease:cubic-bezier(.2,.7,.1,1);--sp:clamp(90px,12vw,170px);--pad:clamp(18px,5vw,72px);--hdr:66px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--hdr);background:var(--ink);overflow-x:clip}
body{margin:0;color:var(--text);font:400 clamp(15px,1.05vw,17.5px)/1.7 var(--body);overflow-x:clip;background:transparent}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.ltr{direction:ltr;unicode-bidi:isolate}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad);position:relative}
::selection{background:var(--red);color:#fff}
/* textures */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:70;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.backdrop{position:fixed;left:0;top:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;overflow:hidden;background:var(--ink)}
.bd{position:absolute;inset:-4%;opacity:0;transition:opacity 1.6s ease}
.bd.on{opacity:1}
.bd picture,.bd img{display:block;width:100%;height:100%;object-fit:cover}
.bd-a img{opacity:.42;object-position:50% 60%}.bd-b img{opacity:.34}.bd-c img{opacity:.5;filter:saturate(1.2)}
.bd.on img{animation:bdkb 40s ease-in-out infinite alternate}
@keyframes bdkb{from{transform:scale(1)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
.bd-shade{position:absolute;inset:0;background:radial-gradient(1100px 700px at 85% -5%,rgba(255,138,61,.14),transparent 60%),radial-gradient(900px 600px at -5% 30%,rgba(200,16,46,.18),transparent 60%),linear-gradient(180deg,rgba(11,5,6,.84),rgba(11,5,6,.74) 45%,rgba(11,5,6,.88))}
.vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(5,2,3,.85) 100%)}
.progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:80;pointer-events:none}
.progress i{display:block;height:100%;background:var(--foil);transform-origin:100% 50%;transform:scaleX(var(--sp,0));box-shadow:0 0 12px rgba(255,200,110,.8)}
/* curtain intro (CSS only, never blocks content) */
.curtain{position:fixed;inset:0;z-index:90;pointer-events:none;background:#070304;display:grid;place-items:center;animation:cuOut .7s 1.25s var(--ease) forwards}
.cu-line{position:absolute;top:50%;left:10%;right:10%;height:1px;background:var(--foil);transform:scaleX(0);animation:cuLine .9s .1s var(--ease) forwards;box-shadow:0 0 18px rgba(255,200,110,.9)}
.cu-mark{position:relative;font:700 clamp(22px,3vw,40px)/1 "Cinzel",serif;letter-spacing:.5em;padding-inline-start:.5em;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:-2.2em;opacity:0;animation:cuMark .8s .35s var(--ease) forwards}
@keyframes cuLine{to{transform:scaleX(1)}}
@keyframes cuMark{to{opacity:1;margin-top:-1.6em}}
@keyframes cuOut{to{opacity:0;visibility:hidden;transform:scaleY(1.04)}}
/* type */
.eyebrow{display:flex;align-items:center;gap:12px;font:700 .74rem/1.4 "Cinzel",var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--foil)}
.eyebrow:not(.ltr){font-family:var(--hed);font-size:1rem;letter-spacing:.04em}
.big{margin:0 0 .45em;font:900 clamp(2.9rem,7.6vw,7.4rem)/.95 var(--hed);letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#e6dccb);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
.big em{font-style:normal;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 9s ease-in-out infinite alternate}
@keyframes foil{from{background-position:0% 50%}to{background-position:100% 50%}}
.lead{font:400 clamp(17px,1.35vw,21px)/1.65 var(--body);color:#e4dad0;max-width:60ch;margin:0 0 1em}
.fine{color:var(--muted);font-size:.92em;margin-top:28px}.fine a{color:var(--gold2)}
.snum{display:block;font:800 clamp(64px,7.4vw,138px)/.8 var(--didone);color:transparent;-webkit-text-stroke:1.3px rgba(232,195,106,.62);letter-spacing:-.02em;margin:0 0 .12em auto;width:max-content;position:relative}
.snum::after{content:"";position:absolute;inset-inline-start:100%;bottom:.14em;width:.16em;height:.16em;margin-inline-start:.08em;border-radius:50%;background:var(--red);box-shadow:0 0 18px rgba(200,16,46,.8)}
html[dir=rtl] .snum{margin:0 0 .12em;margin-right:0}
.sec-head{position:relative;margin-bottom:clamp(36px,5vw,70px)}
.sec-head.center{text-align:center}.sec-head.center .snum{margin-inline:auto}.sec-head.center .eyebrow{justify-content:center}.sec-head.center .lead{margin-inline:auto}
.orn{display:block;width:min(240px,60vw);height:24px;margin:18px auto}
section{position:relative;padding-block:var(--sp);overflow:clip}
section:not(.hero)::before{content:"";position:absolute;top:0;inset-inline:max(24px,8vw);height:1px;background:linear-gradient(90deg,transparent,rgba(232,195,106,.55),rgba(200,16,46,.5),transparent)}
/* buttons */
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.cta-row.center{justify-content:center}
.btn-gold,.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;text-decoration:none;font:800 16px/1 var(--hed);letter-spacing:.01em;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.btn-gold{position:relative;overflow:hidden;background:var(--goldbtn);color:#1a0a04;box-shadow:0 14px 40px -12px rgba(255,170,70,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-120%);animation:sweep 4.5s var(--ease) infinite 1.5s}
@keyframes sweep{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(255,170,70,.9),0 0 0 4px rgba(232,195,106,.18)}
.btn-line{border:1px solid rgba(232,195,106,.6);color:var(--gold2);background:rgba(20,8,10,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-line:hover{background:rgba(232,195,106,.12);transform:translateY(-2px)}
.btn-sm{min-height:46px;padding:0 20px;font-size:15px}
/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:60;height:var(--hdr);display:flex;align-items:center;gap:14px;padding:0 var(--pad);background:rgba(11,5,6,.45);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line);transition:background .4s,box-shadow .4s}
.hdr::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,195,106,.5),rgba(200,16,46,.6),transparent)}
body.scrolled .hdr{background:rgba(11,5,6,.88);box-shadow:0 10px 40px rgba(0,0,0,.45)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.crest{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:800 13px/1 "Cinzel",serif;color:#1a0a04;background:var(--goldbtn);box-shadow:0 0 0 2px rgba(11,5,6,.9),0 0 0 3px rgba(232,195,106,.5),0 0 22px rgba(255,180,80,.35)}
.bt{display:flex;flex-direction:column;line-height:1}
.b1{font:800 21px/1 "Cinzel",serif;letter-spacing:.14em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.b2{font:600 7.5px/1.7 var(--body);letter-spacing:.34em;color:var(--gold)}
.pills{display:none;flex:1;justify-content:center;gap:6px}
.pills a{text-decoration:none;font:700 15px/1 var(--hed);padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);opacity:.88;transition:all .3s var(--ease)}
.pills a:hover{opacity:1;border-color:var(--line2);color:var(--gold2)}
.hdr-cta{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:800 15px/1 var(--hed);padding:11px 18px;border-radius:999px;background:var(--goldbtn);color:#1a0a04}
.hdr-cta .dot{width:8px;height:8px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 0 rgba(31,157,85,.7);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(31,157,85,0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0)}}
@media(min-width:1180px){.pills{display:flex}.hdr-cta{margin-inline-start:0}}
/* HERO */
.hero{min-height:100svh;padding:calc(var(--hdr) + 40px) 0 90px;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(11,5,6,.3) 0%,rgba(11,5,6,0) 30%,rgba(11,5,6,.35) 70%,rgba(11,5,6,.95) 100%)}
.hero-atmo{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#120607}
.ha-kb{position:absolute;inset:-8%;transform:translate3d(0,var(--py,0px),0)}
.ha-kb picture,.ha-kb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.ha-kb img{opacity:.85;filter:saturate(1.15) contrast(1.05);animation:kb 26s ease-in-out infinite alternate;transform-origin:60% 50%}
@keyframes kb{0%{transform:scale(1.02)}50%{transform:scale(1.10) translate3d(-2%,-1.5%,0)}100%{transform:scale(1.16) translate3d(1.5%,-2.5%,0)}}
.ha-glow{position:absolute;inset:-10% -5% 35%;background:url(/artists/inbar-de-loco/assets/img/p-bdglow-960.webp) center/cover no-repeat;mix-blend-mode:screen;opacity:.45;animation:glowdrift 14s ease-in-out infinite alternate}
@keyframes glowdrift{from{opacity:.28;transform:translate3d(-3%,0,0) scale(1.05)}to{opacity:.6;transform:translate3d(3%,2%,0) scale(1.15)}}
.ha-smoke i{position:absolute;border-radius:50%;filter:blur(50px);mix-blend-mode:screen;animation:smoke 20s ease-in-out infinite alternate}
.ha-smoke i:nth-child(1){width:60vw;height:30vw;left:-15vw;bottom:-6vw;background:radial-gradient(closest-side,rgba(220,30,40,.55),transparent)}
.ha-smoke i:nth-child(2){width:50vw;height:26vw;right:-12vw;bottom:2vw;background:radial-gradient(closest-side,rgba(200,20,40,.45),transparent);animation-duration:24s;animation-direction:alternate-reverse}
.ha-smoke i:nth-child(3){width:40vw;height:22vw;left:30vw;top:-6vw;background:radial-gradient(closest-side,rgba(255,200,110,.40),transparent);animation-duration:17s}
@keyframes smoke{from{transform:translate3d(0,0,0) scale(1);opacity:.7}to{transform:translate3d(6vw,-2vw,0) scale(1.25);opacity:1}}
.ha-wash{position:absolute;inset:0;background:linear-gradient(115deg,rgba(200,16,46,.35),rgba(255,150,60,.10) 45%,rgba(232,195,106,.18) 70%,rgba(142,27,44,.35));mix-blend-mode:soft-light}
.ha-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,5,6,.92) 0%,rgba(11,5,6,.6) 42%,rgba(11,5,6,.15) 75%),linear-gradient(0deg,rgba(11,5,6,.95),transparent 40%)}
.leaks{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.leaks i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 18s ease-in-out infinite alternate}
.leaks i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:-10vw;background:radial-gradient(circle,rgba(255,150,60,.7),transparent 65%)}
.leaks i:nth-child(2){width:38vw;height:38vw;right:-8vw;bottom:-12vw;background:radial-gradient(circle,rgba(200,16,46,.75),transparent 65%);animation-duration:22s}
.leaks i:nth-child(3){width:28vw;height:28vw;left:40%;top:20%;background:radial-gradient(circle,rgba(255,230,160,.4),transparent 65%);animation-duration:26s}
@keyframes drift{to{transform:translate3d(4vw,3vw,0) scale(1.15)}}
.beams{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.beams i{position:absolute;top:-20%;width:16vw;height:140%;background:linear-gradient(180deg,rgba(255,220,150,.22),rgba(255,180,90,.05) 60%,transparent);filter:blur(14px);transform-origin:50% 0;animation:beam 9s ease-in-out infinite alternate}
.beams i:nth-child(1){left:12%;transform:rotate(18deg)}
.beams i:nth-child(2){left:44%;animation-duration:11s;animation-delay:-3s;background:linear-gradient(180deg,rgba(220,40,60,.22),transparent 70%)}
.beams i:nth-child(3){left:74%;transform:rotate(-16deg);animation-duration:13s;animation-delay:-6s}
@keyframes beam{0%{transform:rotate(18deg);opacity:.5}100%{transform:rotate(-14deg);opacity:1}}
.dust{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-ghost{position:absolute;z-index:-1;bottom:2vh;left:-2vw;font:900 italic clamp(110px,20vw,340px)/.8 var(--didone);letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.2px rgba(232,195,106,.16);pointer-events:none;white-space:nowrap;transform:translate3d(var(--py,0px),0,0)}
.halftone{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(11,5,6,.9) 1.05px,transparent 1.6px) 0 0/6px 6px;mix-blend-mode:multiply;opacity:.5;-webkit-mask-image:linear-gradient(-25deg,#000 0%,transparent 38%);mask-image:linear-gradient(-25deg,#000 0%,transparent 38%)}
.hero-grid{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--pad);display:grid;gap:clamp(30px,4vw,70px);align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.08fr .92fr}}
.queen{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;border:1px solid rgba(232,195,106,.45);background:linear-gradient(135deg,rgba(200,16,46,.35),rgba(255,150,60,.12));font:700 .68rem/1 "Cinzel",serif;letter-spacing:.28em;color:var(--gold2);box-shadow:0 0 30px -8px rgba(255,170,70,.6)}
.queen .crown{font-size:16px;letter-spacing:0;color:#ffd77a;text-shadow:0 0 12px rgba(255,200,100,.9)}
.iw{position:relative;display:grid;width:max-content;max-width:100%;margin:18px 0 0 auto;line-height:.78}
.iw-stack{display:grid;font:900 clamp(64px,9.4vw,168px)/.8 var(--didone);letter-spacing:-.015em}
.iw-stack>span{grid-area:1/1}
.iw-sh{color:var(--wine2);transform:translate(.045em,.045em);-webkit-text-stroke:1px rgba(255,90,90,.25)}
.iw-gold{background:var(--foil);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 9s ease-in-out infinite alternate;filter:drop-shadow(0 0 22px rgba(255,190,90,.25))}
.iw-script{position:absolute;left:-.1em;bottom:-.42em;font:400 clamp(36px,4vw,70px)/1 var(--script);color:#ffd9a0;transform:rotate(-9deg);text-shadow:0 0 24px rgba(255,150,70,.65),0 2px 0 rgba(122,12,28,.9);white-space:nowrap;pointer-events:none}
.h1{margin:34px 0 0;font:900 clamp(40px,5.4vw,92px)/1 var(--hed);letter-spacing:-.02em;color:#fff6e6;text-shadow:0 10px 40px rgba(0,0,0,.6)}
.h1 em{font-style:normal;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 9s ease-in-out infinite alternate;filter:drop-shadow(.04em .04em 0 var(--wine2))}
.hook{margin:18px 0 0;font:700 clamp(21px,2vw,32px)/1.3 var(--hed);color:#ffd9a0}
.hook b{color:#fff;background:linear-gradient(90deg,#ffd77a,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-line{margin:12px 0 0;color:#e8ddd2;max-width:52ch;font-size:clamp(16px,1.2vw,19px)}
.glass-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;max-width:640px}
.glass{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;text-decoration:none;border:1px solid rgba(232,195,106,.35);background:linear-gradient(160deg,rgba(255,180,90,.10),rgba(200,16,46,.08));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .35s var(--ease),border-color .35s}
.glass:hover{transform:translateY(-3px);border-color:rgba(255,215,140,.8)}
.glass .gk{font:600 13px/1.2 var(--hed);color:#e9dccc}
.glass b{font:700 15px/1 "Cinzel",serif;letter-spacing:.06em;color:var(--gold2);white-space:nowrap}
.hero-media{position:relative;transform:translate3d(0,var(--py,0px),0)}
.hm-frame{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/5;border:1px solid rgba(232,195,106,.75);box-shadow:0 0 0 6px rgba(11,5,6,.9),0 0 0 7px rgba(232,195,106,.45),0 40px 120px -30px rgba(0,0,0,.95),0 0 140px -20px rgba(255,170,70,.45);animation:halo 6s ease-in-out infinite alternate}
@keyframes halo{from{box-shadow:0 0 0 6px rgba(11,5,6,.9),0 0 0 7px rgba(232,195,106,.45),0 40px 120px -30px rgba(0,0,0,.95),0 0 110px -30px rgba(255,170,70,.35)}to{box-shadow:0 0 0 6px rgba(11,5,6,.9),0 0 0 7px rgba(232,195,106,.75),0 40px 120px -30px rgba(0,0,0,.95),0 0 170px -10px rgba(255,170,70,.6)}}
.hm-frame picture,.hm-frame img{width:100%;height:100%;object-fit:cover;object-position:27% 40%}
.hm-frame img{animation:kbIn 2.6s var(--ease) both}
@keyframes kbIn{from{transform:scale(1.14)}to{transform:scale(1)}}
.hm-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,5,6,.75)),radial-gradient(80% 60% at 50% 110%,rgba(200,16,46,.35),transparent 70%);pointer-events:none}
.hm-sweep{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.28) 50%,transparent 65%);transform:translateX(-120%);animation:sweep 7s var(--ease) infinite 2.4s;pointer-events:none}
.hm-cap{position:absolute;z-index:3;bottom:18px;left:20px;font:700 11px/1 "Cinzel",serif;letter-spacing:.34em;color:var(--gold2)}
.seal{position:absolute;z-index:4;width:clamp(92px,8.6vw,146px);height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(200,16,46,.35));transform:rotate(-14deg);transition:transform .8s var(--ease)}
.seal .seal-ring{transform-origin:100px 100px;animation:spin 30s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seal:hover{transform:rotate(8deg) scale(1.05)}
.seal-hero{top:-34px;right:-30px}
.tag{position:absolute;z-index:5;font:400 clamp(16px,1.4vw,22px)/1 var(--mark);color:#fff;background:var(--red);padding:.55em .9em .45em;transform:rotate(-7deg);box-shadow:0 10px 30px rgba(0,0,0,.55);white-space:nowrap;pointer-events:none}
.tag::before{content:"";position:absolute;width:62px;height:20px;top:-10px;left:50%;margin-left:-31px;background:rgba(238,224,190,.62);transform:rotate(4deg)}
.tag-hero{bottom:12%;left:-26px}
.scroll-cue{position:absolute;z-index:2;bottom:22px;left:50%;width:26px;height:42px;margin-left:-13px;border:1px solid rgba(232,195,106,.6);border-radius:14px}
.scroll-cue span{position:absolute;top:8px;left:50%;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
/* hero entrance (Orr clip reveal + Inbar rise) */
.rise{opacity:0;transform:translate3d(0,26px,0);animation:rise 1.1s var(--ease) forwards;animation-delay:calc(var(--d,0s) + 1.15s)}
@keyframes rise{to{opacity:1;transform:none}}
.iw.rise{opacity:1;transform:none;animation:none}
.iw .iw-stack{clip-path:inset(100% 0 0 0);animation:omIn 1.15s cubic-bezier(.2,.8,.2,1) 1.45s forwards}
.iw .iw-script{opacity:0;clip-path:inset(0 100% 0 0);animation:sigIn 1.2s cubic-bezier(.2,.8,.2,1) 1.9s forwards}
@keyframes omIn{from{clip-path:inset(100% 0 0 0);transform:translateY(.12em)}to{clip-path:inset(-20% -10% -20% -10%);transform:none}}
@keyframes sigIn{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(-30% -30% -30% -30%)}}
.rise-img{opacity:0;clip-path:inset(12% 12% 12% 12% round 12px);animation:imgIn 1.6s var(--ease) 1.2s forwards}
@keyframes imgIn{to{opacity:1;clip-path:inset(-60px -60px -60px -60px)}}
/* tickers */
.tk2{position:relative;z-index:5;overflow:hidden;padding:30px 0;margin-block:-30px;direction:ltr;pointer-events:none}
.tkx{overflow:hidden;padding:13px 0;transform:rotate(-1.8deg);box-shadow:0 20px 60px rgba(0,0,0,.6);margin-inline:-2vw}
.tk-gold{background:#0b0506;border-block:1px solid rgba(232,195,106,.5)}
.tk-wine{background:linear-gradient(90deg,#5a0814,#9a1426 50%,#5a0814);transform:rotate(1.3deg);margin-top:-6px;border-block:1px solid rgba(232,195,106,.35)}
.tkt{display:flex;width:max-content;animation:tkm 46s linear infinite}
.tkt.rev{animation-direction:reverse;animation-duration:40s}
.tkt>span{display:inline-flex;align-items:center;white-space:nowrap}
.tk-gold span{font:700 italic clamp(22px,2.5vw,40px)/1.05 var(--didone);letter-spacing:.04em;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.tk-wine span{font:800 clamp(22px,2.3vw,38px)/1.05 var(--hed);color:#fff2dc}
.tkt i{font-style:normal;margin-inline:.75em;font-size:.6em;-webkit-text-fill-color:#ffcf6a;color:#ffcf6a}
@keyframes tkm{to{transform:translateX(-50%)}}
.tk2-b .tkx{transform:rotate(1.6deg)}.tk2-b .tk-wine{transform:rotate(-1.2deg)}
/* reveals */
.rv{opacity:0;transform:translate3d(0,34px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.rv-card{opacity:0;transform:translate3d(0,60px,0) scale(.97);transition:opacity 1s var(--ease),transform 1.2s var(--ease);transition-delay:var(--d,0s)}
.rv-card.in{opacity:1;transform:none}
.rv-img{opacity:0;clip-path:inset(18% 0 18% 0);transition:opacity 1s var(--ease),clip-path 1.4s var(--ease)}
.rv-img.in{opacity:1;clip-path:inset(-80px -80px -80px -80px)}
.no-js .rv,.no-js .rv-card,.no-js .rv-img{opacity:1;transform:none;clip-path:none}
/* pitch: scroll-scrubbed words */
.pitch{text-align:start}
.scrub{margin:0;font:900 clamp(30px,4.6vw,76px)/1.12 var(--hed);letter-spacing:-.015em;color:#fff4e0;max-width:22ch}
.scrub .w{opacity:.14;transition:opacity .25s linear}
.scrub .w.on{opacity:1}
.scrub em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.scrub em .w{opacity:.2}.scrub em .w.on{opacity:1}
/* marquee type behind sections */
.mega-bg,.any-type{position:absolute;top:clamp(40px,6vw,90px);left:0;white-space:nowrap;font:900 italic clamp(110px,16vw,260px)/.8 var(--didone);color:transparent;-webkit-text-stroke:1.2px rgba(232,195,106,.1);pointer-events:none;transform:translate3d(var(--mx,0px),0,0);direction:ltr}
.any-type{top:auto;bottom:clamp(30px,5vw,80px);-webkit-text-stroke-color:rgba(200,16,46,.22);font-family:"Cinzel",serif;font-style:normal}
/* roster */
.rgrid{display:grid;gap:clamp(18px,2vw,28px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1000px){.rgrid{grid-template-columns:repeat(12,1fr)}.rc{grid-column:span 4}.rc-alon{grid-column:1/6;grid-row:1/3}.rc-inbar{grid-column:6/9}.rc-orr{grid-column:9/13}.rc-daniel{grid-column:6/9}.rc-family{grid-column:9/13}}
@media(max-width:999px){.rc-alon{grid-column:1/-1}}
.rc{position:relative;display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,rgba(30,10,13,.82),rgba(14,6,8,.92));border:1px solid rgba(232,195,106,.28);transform-style:preserve-3d;transition:border-color .45s,box-shadow .45s}
.rc.in{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.rc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,210,130,.2),transparent 60%);z-index:3}
.rc:hover{border-color:rgba(255,215,140,.8);box-shadow:0 0 0 1px rgba(255,215,140,.35),0 40px 90px -30px rgba(255,140,60,.55)}
.rc:hover::after{opacity:1}
.rc-ph{position:relative;display:block;overflow:hidden;border-radius:19px 19px 0 0;aspect-ratio:4/5}
.rc-alon .rc-ph{flex:1;aspect-ratio:auto;min-height:420px}
.rc-ph picture,.rc-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .8s}
.rc-ph img{filter:saturate(1.05) contrast(1.04)}
.rc:hover .rc-ph img{transform:scale(1.06);filter:saturate(1.15) contrast(1.08)}
.rc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,5,6,.85)),radial-gradient(70% 50% at 50% 110%,rgba(200,16,46,.35),transparent 70%)}
.rc-shine{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.3) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1.1s var(--ease)}
.rc:hover .rc-shine{transform:translateX(120%)}
.rc-n{position:absolute;z-index:4;top:14px;left:16px;font:800 clamp(30px,2.6vw,44px)/1 var(--didone);color:transparent;-webkit-text-stroke:1px rgba(255,230,166,.85);text-shadow:0 0 20px rgba(0,0,0,.5)}
.stk{position:absolute;z-index:5;padding:.32em .7em .26em;font:400 clamp(22px,2vw,32px)/1 var(--script);color:var(--gold2);background:linear-gradient(135deg,#7a0c1c,#4a0612);border:1px solid rgba(232,195,106,.6);box-shadow:0 12px 30px rgba(0,0,0,.6);transform:rotate(-6deg);white-space:nowrap;pointer-events:none}
.stk::before{content:"";position:absolute;width:60px;height:18px;top:-10px;left:50%;margin-left:-30px;background:rgba(243,227,192,.55);transform:rotate(4deg)}
.rc-stk{top:clamp(200px,24vw,330px);right:-10px}
.rc-alon .rc-stk{top:auto;bottom:clamp(200px,15vw,230px)}
.rc-body{position:relative;z-index:4;padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:none}
.rc-en{font:700 11px/1 "Cinzel",serif;letter-spacing:.3em;color:var(--gold)}
.rc h3{margin:2px 0 0;font:900 clamp(24px,2.1vw,34px)/1.05 var(--hed);background:linear-gradient(180deg,#fff,#e9dcc3);-webkit-background-clip:text;background-clip:text;color:transparent}
.rc-alon h3{font-size:clamp(34px,3.4vw,54px)}
.rc p{margin:0 0 10px;color:#d9cdc2;font-size:15px;line-height:1.5}
.rc .btn-gold{align-self:flex-start}
@media(max-width:640px){.rc-stk{top:auto;bottom:calc(100% - 52vw);font-size:20px}.rc-body{padding:14px 14px 16px}.rc h3{font-size:21px}.rc p{font-size:13.5px}.rc .btn-gold{font-size:13.5px;padding:0 14px;min-height:42px;width:100%}.rc-alon .rc-ph{min-height:0;aspect-ratio:4/5}.rc-alon .rc-stk{bottom:auto;top:62vw}}
/* any artist */
.duo{display:grid;gap:clamp(18px,2vw,28px)}
@media(min-width:900px){.duo{grid-template-columns:1fr 1fr}}
.dk{position:relative;overflow:hidden;padding:clamp(28px,3.4vw,52px);border-radius:24px;border:1px solid rgba(232,195,106,.35);background:linear-gradient(160deg,rgba(40,10,15,.86),rgba(12,5,7,.92));display:flex;flex-direction:column;gap:12px;transition:box-shadow .45s,border-color .45s}
.dk::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,rgba(255,215,140,.95) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 6s linear infinite;pointer-events:none}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rot{to{--ang:360deg}}
.dk::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,226,160,.14) 50%,transparent 65%);transform:translateX(-110%);transition:transform 1.1s var(--ease)}
.dk:hover::after{transform:translateX(110%)}
.dk:hover{border-color:rgba(255,215,140,.7);box-shadow:0 40px 90px -30px rgba(255,140,60,.45)}
.dk-org{background:linear-gradient(160deg,rgba(90,8,20,.75),rgba(14,5,7,.92))}
.dn{position:absolute;top:-.12em;left:.08em;font:900 italic clamp(140px,14vw,230px)/1 var(--didone);color:transparent;-webkit-text-stroke:1px rgba(232,195,106,.2);pointer-events:none}
.dk-k{font:700 11px/1 "Cinzel",serif;letter-spacing:.34em;color:var(--gold)}
.dk h3{margin:0;font:900 clamp(30px,3vw,48px)/1.05 var(--hed);color:#fff4e0;max-width:16ch}
.dk-hook{margin:0;font:700 clamp(18px,1.5vw,23px)/1.4 var(--hed);color:#ffd9a0}
.dk-hook b{color:#fff}
.dk-list{list-style:none;margin:8px 0 10px;padding:0;counter-reset:s;display:grid;gap:10px}
.dk-list li{counter-increment:s;display:flex;gap:12px;align-items:baseline;color:#e7dccf}
.dk-list li::before{content:counter(s,decimal-leading-zero);font:800 15px/1 var(--didone);color:var(--gold)}
.dk .btn-gold{align-self:flex-start;margin-top:auto}
.chips{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:9px 15px;border-radius:999px;border:1px solid rgba(232,195,106,.35);background:rgba(255,200,120,.05);font:600 14.5px/1.2 var(--hed);color:#f2e6d6}
/* inbar */
.in-grid{display:grid;gap:clamp(40px,6vw,100px);align-items:center}
@media(min-width:960px){.in-grid{grid-template-columns:.9fr 1.1fr}}
.in-photo{position:relative;margin:0;max-width:520px;width:100%;justify-self:center}
.in-frame{border-radius:14px;overflow:hidden;border:1px solid rgba(232,195,106,.75);box-shadow:0 0 0 6px rgba(11,5,6,.9),0 0 0 7px rgba(232,195,106,.45),0 50px 120px -30px rgba(0,0,0,.95),0 0 140px -20px rgba(255,150,60,.45);transform:translate3d(0,var(--py,0px),0)}
.in-frame img{width:100%}
.seal-in{top:-36px;left:-30px;transform:rotate(12deg)}
.stk-in{bottom:9%;right:-22px;font-size:clamp(24px,2.2vw,34px)}
.phone{display:inline-flex;flex-direction:column;gap:4px;margin:10px 0 0;text-decoration:none;padding:18px 26px;border-radius:18px;border:1px solid rgba(232,195,106,.5);background:linear-gradient(135deg,rgba(122,12,28,.55),rgba(20,6,9,.75));box-shadow:inset 0 1px 0 rgba(255,241,194,.15),0 20px 60px -20px rgba(200,16,46,.5);transition:transform .35s var(--ease),box-shadow .35s}
.phone:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,241,194,.15),0 30px 70px -20px rgba(255,140,60,.6)}
.ph-k{font:700 14px/1 var(--hed);color:#e9d9c4}
.ph-n{font:800 clamp(34px,3.6vw,58px)/1 var(--didone);letter-spacing:.02em;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 9s ease-in-out infinite alternate}
.in-copy video{width:100%;max-width:560px;border-radius:16px;border:1px solid rgba(232,195,106,.5);margin:12px 0}
/* worked / stars (hidden until filled) */
.wgrid{display:grid;gap:18px}@media(min-width:900px){.wgrid{grid-template-columns:repeat(3,1fr)}}
.wcard{padding:24px;border-radius:20px;border:1px solid rgba(232,195,106,.3);background:rgba(20,8,10,.7)}
.wcard h3{margin:0 0 6px;font:900 24px var(--hed);color:var(--gold2)}
.stars-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.stars-grid figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(232,195,106,.4)}
/* packages: royal ticket cards */
.pgrid{display:grid;gap:clamp(18px,2vw,26px)}
@media(min-width:700px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pgrid{grid-template-columns:repeat(3,1fr)}}
.pk{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:34px 30px 30px;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,rgba(122,12,28,.45),transparent 60%),linear-gradient(180deg,rgba(26,9,12,.94),rgba(10,4,6,.96));overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pk-frame{position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--foil);background-size:200% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .4s;pointer-events:none;animation:foil 9s ease-in-out infinite alternate}
.pk::before{content:"";position:absolute;inset:9px;border-radius:15px;border:1px solid rgba(232,195,106,.18);pointer-events:none}
.pk::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,200,110,.18),transparent 60%)}
.pk:hover{transform:translateY(-8px);box-shadow:0 40px 90px -30px rgba(255,140,60,.55),0 0 0 1px rgba(255,215,140,.4)}
.pk:hover .pk-frame{opacity:1}.pk:hover::after{opacity:1}
.pk-c{position:absolute;width:18px;height:18px;border:1.5px solid var(--gold);pointer-events:none}
.pk-c1{top:16px;left:16px;border-width:1.5px 0 0 1.5px}.pk-c2{top:16px;right:16px;border-width:1.5px 1.5px 0 0}.pk-c3{bottom:16px;left:16px;border-width:0 0 1.5px 1.5px}.pk-c4{bottom:16px;right:16px;border-width:0 1.5px 1.5px 0}
.pk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.pk-num{font:800 clamp(44px,4vw,64px)/.8 var(--didone);color:transparent;-webkit-text-stroke:1.2px rgba(232,195,106,.7)}
.pk-ic{width:62px;height:62px;padding:13px;border-radius:50%;fill:url(#sg);stroke:url(#sg);background:radial-gradient(circle at 35% 30%,rgba(179,32,47,.9),rgba(61,6,16,.95));box-shadow:0 0 0 1px rgba(232,195,106,.6),0 0 0 5px rgba(11,5,6,.9),0 0 0 6px rgba(232,195,106,.3),0 10px 30px -6px rgba(200,16,46,.6);transition:transform .8s var(--ease)}
.pk:hover .pk-ic{transform:rotate(-10deg) scale(1.08)}
.pk-who{font:700 13px/1.3 var(--hed);color:var(--gold);letter-spacing:.02em}
.pk h3{margin:6px 0 10px;font:900 clamp(26px,2.2vw,34px)/1.08 var(--hed);color:#fff4e0}
.pk p{margin:0;color:#dacfc4;font-size:15.5px;line-height:1.6;flex:1}
.pk-rule{display:block;height:1px;margin:22px 0 20px;background:linear-gradient(90deg,transparent,rgba(232,195,106,.6),transparent);position:relative}
.pk-rule i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 10px rgba(255,200,110,.8)}
.pk .btn-gold{width:100%}
.pk-hl{background:radial-gradient(120% 80% at 50% 0%,rgba(200,16,46,.5),transparent 60%),linear-gradient(180deg,rgba(40,10,14,.96),rgba(12,4,6,.98))}
.pk-hl .pk-frame{opacity:.9}
.pk-flag{position:absolute;top:22px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;font:800 12px/1 var(--hed);background:linear-gradient(135deg,#7a0c1c,#b3202f);color:#fff2dc;box-shadow:0 0 24px rgba(200,16,46,.6);border:1px solid rgba(232,195,106,.5)}
/* proof */
.vlead{display:grid;gap:clamp(24px,3vw,48px);align-items:center;margin-bottom:clamp(30px,4vw,60px)}
@media(min-width:960px){.vlead{grid-template-columns:1.55fr 1fr}}
.vcard{position:relative;display:block;text-decoration:none;border-radius:20px;border:1px solid rgba(232,195,106,.3);background:rgba(16,6,8,.8);transition:box-shadow .45s,border-color .45s}
.vcard.in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.vcard::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,210,130,.22),transparent 60%);z-index:2}
.vcard:hover{border-color:rgba(255,215,140,.75);box-shadow:0 0 0 1px rgba(255,215,140,.35),0 40px 90px -30px rgba(255,140,60,.55)}
.vcard:hover::after{opacity:1}
.thumb{position:relative;overflow:hidden;border-radius:19px 19px 0 0;aspect-ratio:16/9;background:#140809}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.vcard:hover .thumb img{transform:scale(1.06)}
.play{position:absolute;top:50%;left:50%;width:68px;height:68px;margin:-34px;border-radius:50%;background:var(--goldbtn);box-shadow:0 0 0 8px rgba(232,195,106,.18),0 14px 40px rgba(0,0,0,.6);transition:transform .4s var(--ease)}
.play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #1a0a04}
.vcard:hover .play{transform:scale(1.12)}
.vcap{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.vcap b{font:800 18px/1.25 var(--hed);color:#fff4e0}.vcap span{color:var(--muted);font-size:14px}
.vcard.lead{border:1px solid rgba(255,215,140,.75);box-shadow:0 0 0 6px rgba(11,5,6,.9),0 0 0 7px rgba(232,195,106,.5),0 50px 120px -30px rgba(0,0,0,.95),0 0 120px -20px rgba(255,150,60,.5)}
.vcard.lead .thumb{border-radius:20px}
.lead-art{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.2em;text-align:center;background:linear-gradient(180deg,rgba(11,5,6,.15),rgba(11,5,6,.55) 60%,rgba(11,5,6,.92)),url(/artists/inbar-de-loco/assets/img/ima-bg.webp) center/cover,#140809}
.la-he{position:relative;font:900 clamp(90px,12vw,200px)/.85 var(--hed);background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.035em .035em 0 var(--wine2)) drop-shadow(0 0 30px rgba(255,180,80,.35));animation:foil 9s ease-in-out infinite alternate}
.la-en{position:relative;font:400 clamp(30px,3.2vw,52px)/1 var(--script);color:#ffd9a0;margin-top:-.15em;transform:rotate(-6deg)}
.la-k{position:relative;margin-top:.9em;font:700 clamp(10px,.9vw,13px)/1 "Cinzel",serif;letter-spacing:.34em;color:var(--gold2)}
.vcard.lead .play{top:auto;bottom:22px;left:auto;right:22px;margin:0}
.seal-lead{top:-30px;left:-24px;width:clamp(84px,7.6vw,128px);transform:rotate(12deg)}
.vlead-copy .vy{display:inline-block;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#7a0c1c,#b3202f);color:#fff2dc;font:800 15px/1 var(--hed);box-shadow:0 0 24px rgba(200,16,46,.5)}
.vlead-copy h3{margin:14px 0 6px;font:900 clamp(60px,6.4vw,110px)/.95 var(--hed);background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.vl-label{font:700 clamp(18px,1.6vw,24px)/1.3 var(--hed);color:#ffd9a0;margin:0 0 18px}
.vgrid{display:grid;gap:clamp(16px,2vw,24px)}
@media(min-width:760px){.vgrid{grid-template-columns:repeat(3,1fr)}}
/* how */
.how-grid{display:grid;gap:clamp(36px,5vw,80px);align-items:start}
@media(min-width:960px){.how-grid{grid-template-columns:1.2fr .8fr}}
.steps{list-style:none;margin:10px 0 0;padding:0 0 0 0;position:relative;display:grid;gap:18px}
.steps::before{content:"";position:absolute;top:10px;bottom:10px;right:27px;width:1px;background:rgba(232,195,106,.18)}
.steps::after{content:"";position:absolute;top:10px;bottom:10px;right:27px;width:2px;margin-right:-.5px;background:var(--foil);transform-origin:50% 0;transform:scaleY(var(--draw,0));box-shadow:0 0 12px rgba(255,200,110,.7)}
.steps li{position:relative;display:flex;align-items:center;gap:20px;font:800 clamp(20px,1.8vw,28px)/1.25 var(--hed);color:#fff1de}
.steps b{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font:800 18px/1 var(--didone);color:var(--gold2);background:#140709;border:1px solid rgba(232,195,106,.6);box-shadow:0 0 0 5px rgba(11,5,6,.9)}
.fit{position:relative;padding:34px 30px;border-radius:22px;background:linear-gradient(180deg,rgba(30,9,13,.9),rgba(12,4,6,.95));overflow:hidden}
.fit h3{margin:0 0 10px;font:900 34px/1 var(--hed);color:#fff4e0}
/* finale */
.finale{text-align:center;padding-block:clamp(120px,16vw,220px);isolation:isolate}
.fin-bg{position:absolute;inset:-10% 0;z-index:-1;transform:translate3d(0,var(--py,0px),0)}
.fin-bg picture,.fin-bg img{width:100%;height:100%;object-fit:cover}
.fin-bg img{opacity:.55}
.fin-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,5,6,.95),rgba(11,5,6,.45) 40%,rgba(11,5,6,.55) 70%,rgba(11,5,6,.98)),radial-gradient(60% 50% at 50% 50%,rgba(200,16,46,.25),transparent 70%)}
.finale .eyebrow{justify-content:center}
.fin-mega{position:relative;display:inline-block;font:900 clamp(110px,19vw,300px)/.8 var(--didone);letter-spacing:-.01em;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.04em .04em 0 var(--wine2)) drop-shadow(0 0 40px rgba(255,170,70,.3));animation:foil 9s ease-in-out infinite alternate}
.fin-mega span{position:absolute;left:50%;bottom:-.18em;transform:translateX(-50%) rotate(-7deg);font:400 .3em/1 var(--script);color:#ffd9a0;-webkit-text-fill-color:#ffd9a0;white-space:nowrap;text-shadow:0 0 24px rgba(255,150,70,.65),0 2px 0 rgba(122,12,28,.9)}
.fin-h{margin:.7em 0 .3em;font:900 clamp(34px,4.6vw,72px)/1.05 var(--hed);color:#fff4e0}
.fin-h em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.finale .lead{margin-inline:auto}
.contact-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:8px;color:#e6d9c8;font:600 16px/1.6 var(--hed)}
.contact-list a{color:var(--gold2);text-decoration:none}
.seal-fin{position:relative;display:block;width:120px;margin:34px auto 0;transform:none}
/* footer + dock */
.foot{padding:50px 0 120px;border-top:1px solid var(--line);text-align:center;background:rgba(7,3,4,.85)}
.foot-logos img{height:56px;width:auto;margin:0 auto 18px;opacity:.9}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:14px}
.foot-links a{text-decoration:none;color:#d8ccbd;font:600 15px var(--hed)}.foot-links a:hover{color:var(--gold2)}
.foot small{color:var(--muted);font-size:12px;letter-spacing:.06em}
.dock{position:fixed;z-index:58;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:8px;padding:8px;border-radius:999px;border:1px solid rgba(232,195,106,.45);background:rgba(14,5,7,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px -10px rgba(0,0,0,.8);transform:translateY(140%);transition:transform .5s var(--ease)}
body.scrolled .dock{transform:none}
.dock a{flex:1;display:grid;place-items:center;min-height:46px;border-radius:999px;text-decoration:none;font:800 15px/1 var(--hed)}
.dk-wa{background:var(--goldbtn);color:#1a0a04}.dock .dk-art{flex:.6;border:1px solid rgba(232,195,106,.5);color:var(--gold2)}
@media(min-width:1100px){.dock{display:none}.foot{padding-bottom:50px}}
/* mobile */
@media(max-width:899px){
 .hero{padding-top:calc(var(--hdr) + 22px);align-items:flex-start}
 .hero-media{order:-1;max-width:440px;width:86%;margin:10px auto 0}
 .hm-frame{aspect-ratio:4/4.4}
 .seal-hero{top:-22px;right:-14px;width:84px}
 .tag-hero{left:-8px;bottom:10%;font-size:15px}
 .iw{margin-top:16px}
 .iw-stack{font-size:clamp(58px,17vw,96px)}
 .h1{margin-top:28px}
 .ha-shade{background:linear-gradient(0deg,rgba(11,5,6,.97) 10%,rgba(11,5,6,.55) 60%,rgba(11,5,6,.35))}
 .hero-ghost,.beams,.scroll-cue{display:none}
 .glass-row{grid-template-columns:1fr 1fr}
 .glass:last-child{grid-column:1/-1}
 .seal-in{left:-8px;top:-24px;width:84px}.stk-in{right:-6px}
 .seal-lead{left:-6px;top:-22px}
 .hdr-cta{padding:10px 14px;font-size:14px}
 .b2{display:none}
 .ha-smoke i,.leaks i{filter:blur(40px)}
}
@media(max-width:420px){.btn-gold,.btn-line{padding:0 20px;font-size:15px}.cta-row>a{flex:1 1 100%}.glass b{font-size:13px}}
/* reduced motion: everything static and visible */
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .curtain{display:none}.dust,.grain{display:none}
 .rise,.rise-img,.rv,.rv-card,.rv-img{opacity:1!important;transform:none!important;clip-path:none!important}
 .iw .iw-stack,.iw .iw-script{opacity:1;clip-path:none}
 .scrub .w{opacity:1}
 .steps::after{transform:none}
}
/* reveal + hover transitions share one list (card rules above would otherwise drop the reveal) */
.rv-card{transition-property:opacity,transform,border-color,box-shadow!important;transition-duration:1s,1.1s,.45s,.45s!important;transition-timing-function:var(--ease)!important;transition-delay:var(--d,0s)!important}
.rv-card.done{--d:0s}
.rv-card.tilting{transition-duration:1s,.18s,.45s,.45s!important}
/* v5.1 fixes: legible Cinzel foil numerals, 5-up editorial roster (no upscaled crop), script clear of the wordmark */
.pk-num,.rc-n{font-family:"Cinzel",serif;font-weight:700;-webkit-text-stroke:0;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em;filter:drop-shadow(0 2px 0 rgba(122,12,28,.9))}
.pk-num{font-size:clamp(34px,3vw,48px)}.rc-n{font-size:clamp(22px,2vw,30px)}
@media(min-width:1000px){.rgrid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
 .rc,.rc-alon,.rc-inbar,.rc-orr,.rc-daniel,.rc-family{grid-column:auto;grid-row:auto}
 .rc:nth-child(even){margin-top:70px}
 .rc-alon .rc-ph{flex:none;aspect-ratio:4/5;min-height:0}
 .rc-alon h3,.rc h3{font-size:clamp(22px,1.9vw,30px)}
 .rc-stk,.rc-alon .rc-stk{top:auto;bottom:calc(100% - 82%);right:-8px;font-size:clamp(18px,1.6vw,26px)}
 .rc .btn-gold{width:100%;font-size:14px;padding:0 12px}
 .rc p{min-height:3em}}
.iw-script{left:auto;right:-.05em;bottom:-.62em}
html[dir=rtl] .iw{margin-left:auto;margin-right:0}
.rc-stk,.rc-alon .rc-stk{top:-16px!important;bottom:auto!important;right:14px!important;left:auto;transform:rotate(-5deg)}
.rc:nth-child(even) .rc-stk{transform:rotate(4deg)}
@media(max-width:640px){.rc-stk,.rc-alon .rc-stk{font-size:18px;right:8px!important;top:-12px!important}}
/* ===== v6 · TYPOGRAPHY PASS (Alon 22.10: "הפונטים טיפה לחדד... לייפות") — type only, no layout/colour changes ===== */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;font-optical-sizing:auto;letter-spacing:.003em}
/* no blurred glows on letters: drop every blur filter / soft text-shadow on text */
.big,.iw-gold,.h1,.h1 em,.la-he,.fin-mega,.vlead-copy h3,.ph-n{filter:none!important}
.h1,.iw-script,.fin-mega span,.la-en,.queen .crown,.hook{text-shadow:none}
/* Bodoni at display sizes: optical size 96 = razor hairlines */
.iw-stack,.hero-ghost,.snum,.fin-mega,.tk-gold span,.dn,.ph-n,.steps b,.dk-list li::before,.mega-bg{font-variation-settings:"opsz" 96;font-optical-sizing:auto}
/* BOOKING wordmark: crisp foil + hard wine offset (no blur, no stroke) */
.iw-stack{font-weight:800;letter-spacing:-.005em;font-size:clamp(60px,9vw,160px)}
.iw-sh{transform:translate(.032em,.032em);-webkit-text-stroke:0;color:#6e0a19}
.iw-gold{background-size:200% 100%}
/* "by I&I": in normal flow under the wordmark, so it can never collide with the H1 */
.iw{display:grid;row-gap:0}
.iw-script{position:relative;inset:auto;grid-row:2;justify-self:end;margin:-.2em -.02em 0 0;font-size:clamp(30px,3.2vw,56px);line-height:1.15;color:#ffe2ad;transform:rotate(-6deg);transform-origin:100% 50%;text-shadow:0 1px 0 rgba(110,10,25,.95)}
/* Hebrew H1 */
.h1{margin-top:clamp(14px,1.6vw,26px);font-weight:800;font-size:clamp(36px,5vw,86px);line-height:1.04;letter-spacing:-.012em;color:#fff8ec}
.h1 em{background-size:200% 100%}
.hook{font-weight:700;font-size:clamp(20px,1.85vw,30px);line-height:1.32;letter-spacing:-.003em;color:#ffdcaa}
.hero-line{font-weight:400;line-height:1.7;color:#ece3d9}
/* section headings: a touch lighter + tighter = sharper Hebrew */
.big{font-weight:800;line-height:1;letter-spacing:-.014em;font-size:clamp(2.7rem,7vw,6.8rem)}
.scrub{font-weight:800;line-height:1.16;letter-spacing:-.01em}
.dk h3,.pk h3,.rc h3,.fin-h,.fit h3{font-weight:800;letter-spacing:-.008em}
.dk h3{line-height:1.1}.pk h3{line-height:1.12}.fin-h{line-height:1.08}
.steps li{font-weight:700;letter-spacing:-.004em}
.dk-hook,.vl-label{font-weight:700;letter-spacing:-.003em}
.lead{font-weight:400;line-height:1.72;letter-spacing:.004em;color:#eae0d6}
.rc p,.pk p,.vcap span{letter-spacing:.004em}
/* Latin caps (Cinzel): lighter weight + even tracking */
.eyebrow.ltr,.queen,.rc-en,.dk-k,.la-k,.hm-cap,.b2,.cu-mark{font-weight:600}
.eyebrow.ltr{letter-spacing:.3em}
.glass b{font-weight:600;letter-spacing:.07em}
.b1{font-weight:700;letter-spacing:.16em}
.ph-n{font-weight:700;font-variant-numeric:lining-nums;letter-spacing:.01em}
.pk-num,.rc-n{font-weight:600;filter:none}
.btn-gold,.btn-line,.hdr-cta,.pills a,.dock a{letter-spacing:.005em}
/* script accents: crisp edge only */
.fin-mega span{text-shadow:0 1px 0 rgba(110,10,25,.95);color:#ffe2ad;-webkit-text-fill-color:#ffe2ad}
.la-he{filter:none;text-shadow:none}
.fin-mega{font-weight:800}
@media(max-width:899px){
 .iw{margin-top:14px}
 .iw-stack{font-size:clamp(54px,16.5vw,92px)}
 .iw-script{font-size:clamp(28px,8vw,40px);margin-top:-.25em}
 .h1{margin-top:14px;font-size:clamp(32px,9.4vw,46px);line-height:1.08}
 .hook{font-size:clamp(19px,5.2vw,23px)}
}
@media(max-width:360px){.iw-stack{font-size:52px}.h1{font-size:30px}}
.h1{margin-top:clamp(20px,2vw,30px)}
@media(max-width:899px){.h1{margin-top:20px}}
/* ===== v6 · FINALE = THE STAGE IS READY (curtain + golden ticket, Alon 22.10) ===== */
.stage{min-height:100svh;display:flex;align-items:center;padding-block:clamp(110px,12vw,170px)}
.st-wrap{position:relative;z-index:2;width:100%}
.st-dim{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 60% at 50% 45%,rgba(11,5,6,.35),rgba(5,2,3,.92) 75%);opacity:0;transition:opacity 1.4s var(--ease);pointer-events:none}
.st-spot{position:absolute;z-index:1;left:50%;top:-10%;width:min(1100px,120vw);height:120%;transform:translateX(-50%);background:radial-gradient(50% 55% at 50% 40%,rgba(255,214,140,.22),transparent 70%);opacity:0;transition:opacity 1.6s .5s var(--ease);pointer-events:none}
.stage.open .st-dim{opacity:1}.stage.open .st-spot{opacity:1}
body.stage-on .backdrop{opacity:.35;transition:opacity 1.2s}
.backdrop{transition:opacity 1.2s}
.drape{position:absolute;top:0;bottom:0;width:51%;z-index:4;pointer-events:none;transition:transform 2.2s cubic-bezier(.7,0,.2,1);
 background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 70%,rgba(0,0,0,.55)),
 repeating-linear-gradient(90deg,#3d0510 0,#7a0f22 2.2%,#a3172e 3.6%,#6e0c1d 5.2%,#3d0510 7%);box-shadow:inset 0 0 80px rgba(0,0,0,.6)}
.drape-r{right:0;transform-origin:100% 50%}
.drape-l{left:0;transform-origin:0 50%}
.drape-r::after,.drape-l::after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--foil);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.drape-r::after{left:0}.drape-l::after{right:0}
.fringe{position:absolute;left:0;right:0;bottom:0;height:34px;background:repeating-linear-gradient(90deg,#f3dc9f 0 2px,#b8872f 2px 4px,transparent 4px 7px);-webkit-mask:linear-gradient(180deg,#000 40%,transparent);mask:linear-gradient(180deg,#000 40%,transparent)}
.fringe::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--foil)}
.valance{position:absolute;z-index:5;top:0;left:0;right:0;height:clamp(34px,4vw,56px);pointer-events:none;background:radial-gradient(60% 120% at 50% 0,#a3172e,#5a0814 70%);border-bottom:3px solid #d7ac55;box-shadow:0 10px 30px rgba(0,0,0,.6);
 -webkit-mask:radial-gradient(28px 22px at 50% 100%,transparent 96%,#000) 0 0/56px 100%;mask:radial-gradient(28px 22px at 50% 100%,transparent 96%,#000) 0 0/56px 100%}
.stage.open .drape-r{transform:translateX(78%) scaleX(.3)}
.stage.open .drape-l{transform:translateX(-78%) scaleX(.3)}
/* ticket */
.tix{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;max-width:1020px;margin:0 auto;transform:scale(.9) translateY(40px);opacity:0;transition:transform 1.4s .9s var(--ease),opacity 1.2s .9s var(--ease)}
.stage.open .tix,.no-js .tix{transform:none;opacity:1}
.tix-main{position:relative;padding:14px;border-start-start-radius:24px;border-end-start-radius:24px;
 background:repeating-radial-gradient(circle at 30% 120%,rgba(90,55,10,.0) 0 6px,rgba(90,55,10,.12) 6px 7px),linear-gradient(135deg,#fff1c2 0%,#e8c36a 28%,#b8862f 52%,#ffe39a 74%,#c8902f 100%);
 box-shadow:0 50px 120px -30px rgba(0,0,0,.95),0 0 120px -30px rgba(255,170,70,.5),inset 0 1px 0 rgba(255,255,255,.7)}
.tix-c{position:absolute;width:22px;height:22px;border:2px solid #6e4a12;opacity:.55}
.tix-c1{top:6px;right:6px;border-width:2px 2px 0 0;border-top-right-radius:10px}.tix-c2{bottom:6px;right:6px;border-width:0 2px 2px 0;border-bottom-right-radius:10px}
.tix-panel{position:relative;padding:clamp(22px,3vw,40px);border-radius:16px;background:radial-gradient(120% 90% at 50% 0%,#5a0a18,#2a0509 60%,#150306);border:1px solid rgba(255,230,166,.6);box-shadow:inset 0 0 0 5px rgba(21,3,6,.9),inset 0 0 0 6px rgba(232,195,106,.35)}
.tix-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tix-k{font:600 11px/1 "Cinzel",serif;letter-spacing:.32em;color:var(--gold)}
.tix-admit{color:#d9b8a0}
.tix-title{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .3em;line-height:.9}
.tt-a{font:800 clamp(46px,6.4vw,92px)/.9 var(--didone);font-variation-settings:"opsz" 96;letter-spacing:-.005em;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 9s ease-in-out infinite alternate}
.tt-b{font:400 clamp(40px,5vw,72px)/1 var(--script);color:#ffe2ad;transform:rotate(-5deg);text-shadow:0 1px 0 rgba(110,10,25,.95)}
.tix-he{margin:10px 0 22px;font:800 clamp(24px,2.5vw,38px)/1.15 var(--hed);letter-spacing:-.01em;color:#fff4e0}
.tix-he em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.tix-f{border:0;margin:0;padding:0;min-width:0}
.tix-f legend,.tl{display:flex;align-items:center;gap:8px;padding:0;margin-bottom:10px;font:700 15px/1 var(--hed);color:#f2dcc0}
.tix-f legend b,.tl b{font:700 12px/1 "Cinzel",serif;color:var(--gold);letter-spacing:.1em}
.tchips{display:flex;flex-wrap:wrap;gap:8px}
.tchip{position:relative;cursor:pointer}
.tchip input{position:absolute;opacity:0;width:1px;height:1px}
.tchip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(232,195,106,.5);background:rgba(255,220,150,.05);font:700 15px/1.2 var(--hed);color:#f6e8d4;transition:background .25s,color .25s,border-color .25s,transform .25s}
.tchip:hover span{border-color:#ffe39a;transform:translateY(-1px)}
.tchip input:checked+span{background:var(--goldbtn);color:#1a0a04;border-color:#fff1c2;box-shadow:0 8px 24px -8px rgba(255,170,70,.8)}
.tchip input:focus-visible+span{outline:2px solid #ffe39a;outline-offset:2px}
.tix-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.tix-in{display:flex;flex-direction:column}
.tix-in input{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;padding:0 16px;border-radius:14px;border:1px solid rgba(232,195,106,.6);background:#fff7e6;color:#1f0a0e;font:600 17px/1.2 var(--body);color-scheme:light;box-shadow:inset 0 2px 6px rgba(80,40,10,.18)}
.tix-in input:focus{outline:2px solid #ffe39a;outline-offset:2px}
.tix-in input::placeholder{color:#8f7b6e}
.tix-go{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:78px;margin-top:24px;border-radius:18px;background:var(--goldbtn);color:#1a0a04;box-shadow:0 0 0 4px #150306,0 0 0 5px rgba(255,230,166,.7),0 24px 60px -16px rgba(255,170,70,.85);transition:transform .3s var(--ease),box-shadow .3s}
.tix-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);transform:translateX(-120%);animation:sweep 3.6s var(--ease) infinite 1s}
.tix-go span{font:800 clamp(28px,3vw,40px)/1 "Cinzel",serif;letter-spacing:.24em;padding-inline-start:.24em}
.tix-go small{font:700 14px/1 var(--hed);opacity:.8}
.tix-go:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #150306,0 0 0 5px #fff1c2,0 30px 70px -14px rgba(255,170,70,1)}
.tix-go:focus-visible{outline:3px solid #ffe39a;outline-offset:6px}
.tix-note{margin:14px 0 0;font-size:13.5px;color:#cdb9a8;text-align:center}
/* stub */
.tix-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 18px;text-align:center;border-start-end-radius:24px;border-end-end-radius:24px;
 background:repeating-linear-gradient(0deg,rgba(90,55,10,.0) 0 5px,rgba(90,55,10,.09) 5px 6px),linear-gradient(160deg,#ffe9b0,#e3b85c 45%,#b98a35 80%,#f0d48f);color:#2a0d10;
 box-shadow:0 50px 120px -30px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.6);transform-origin:50% 0}
.perf{position:absolute;top:0;bottom:0;right:-1px;width:2px;background:repeating-linear-gradient(180deg,#2a0d10 0 6px,transparent 6px 12px);opacity:.55}
.perf::before,.perf::after{content:"";position:absolute;right:-13px;width:28px;height:28px;border-radius:50%;background:#0b0506}
.perf::before{top:-14px}.perf::after{bottom:-14px}
.seal-stub{position:relative;width:92px;transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(60,20,0,.45))}
.stub-k{font:800 15px/1 "Cinzel",serif;letter-spacing:.3em;padding-inline-start:.3em}
.stub-who{font:800 15px/1.35 var(--hed)}
.stub-ph{font:800 21px/1 var(--didone);font-variation-settings:"opsz" 96;text-decoration:none;color:#5a0814;letter-spacing:.01em}
.stub-bar{width:80%;height:34px;background:repeating-linear-gradient(90deg,#2a0d10 0 2px,transparent 2px 4px,#2a0d10 4px 7px,transparent 7px 9px,#2a0d10 9px 10px,transparent 10px 13px);opacity:.75}
/* tear */
.tix.torn .tix-stub{animation:tear 1s cubic-bezier(.5,0,.75,0) forwards}
@keyframes tear{0%{transform:none}22%{transform:rotate(-3deg) translate(-4px,2px)}38%{transform:rotate(2deg) translate(-10px,6px)}100%{transform:translate(-60px,240px) rotate(-26deg);opacity:0}}
.tix.torn .tix-main{animation:tixpulse 1s var(--ease)}
@keyframes tixpulse{40%{box-shadow:0 50px 120px -30px rgba(0,0,0,.95),0 0 160px -10px rgba(255,190,90,.95),inset 0 1px 0 rgba(255,255,255,.7)}}
.tix.torn .tix-go span::before{content:"✓ ";}
.stage .contact-list{position:relative;z-index:2;text-align:center;margin-top:34px}
@media(max-width:899px){
 .tix{grid-template-columns:1fr}
 .tix-main{border-radius:22px 22px 0 0;padding:10px}
 .tix-stub{border-radius:0 0 22px 22px;flex-direction:row;flex-wrap:wrap;gap:8px 14px;padding:22px 16px 18px;transform-origin:0 0}
 .perf{top:-1px;bottom:auto;left:0;right:0;width:auto;height:2px;background:repeating-linear-gradient(90deg,#2a0d10 0 6px,transparent 6px 12px)}
 .perf::before,.perf::after{top:-13px;right:auto;bottom:auto}
 .perf::before{left:-14px}.perf::after{right:-14px;left:auto}
 .seal-stub{width:64px}.stub-bar{width:100%;height:26px}
 .tix-row{grid-template-columns:1fr}
 .tchip span{min-height:42px;padding:0 13px;font-size:14px}
 .drape{width:52%}
 @keyframes tear{0%{transform:none}25%{transform:rotate(2deg) translateY(3px)}100%{transform:translate(20px,200px) rotate(10deg);opacity:0}}
}
@media(prefers-reduced-motion:reduce){
 .drape,.valance{display:none}
 .tix{opacity:1!important;transform:none!important}
 .st-dim,.st-spot{opacity:1}
 .tix.torn .tix-stub{animation:none;opacity:.5}
}
.stage.open .drape-r{transform:scaleX(.13)}
.stage.open .drape-l{transform:scaleX(.13)}
@media(max-width:899px){.stage.open .drape-r,.stage.open .drape-l{transform:scaleX(.06)}}
.stub-ph{font:800 20px/1 "Cinzel",serif;letter-spacing:.04em}
.iw-gold{position:relative;z-index:1}.iw-sh{position:relative;z-index:0}

/* ===== v7 · talent-agency roster (full-bleed alternating spreads) + new hero photo ===== */
.hm-frame picture,.hm-frame img{object-position:50% 28%}
.roster .wrap{position:relative;z-index:2}
.talents{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(70px,10vw,150px);margin-top:clamp(40px,6vw,80px)}
.tal{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:0;max-width:1440px;margin:0 auto;width:100%;padding:0 var(--pad)}
.tal-flip .tal-ph{order:2}.tal-flip .tal-body{order:1}
.tal-ph{position:relative;margin:0;aspect-ratio:4/5;max-height:88vh;width:100%;justify-self:center;border-radius:4px;overflow:visible}
.tal-ph>a{position:absolute;inset:0;display:block;overflow:hidden;border-radius:4px;box-shadow:0 60px 140px -40px rgba(0,0,0,.95),0 0 120px -30px rgba(232,170,80,.35)}
.tal-ph picture,.tal-ph img{display:block;width:100%;height:100%;object-fit:cover}
.tal-ph img{transform:scale(1.04);transition:transform 2.2s var(--ease),filter 1s}
.tal-ph.in img{transform:scale(1)}
.tal:hover .tal-ph img{transform:scale(1.035);filter:brightness(1.05)}
.tal-ph>a::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,5,6,0) 55%,rgba(11,5,6,.6)),radial-gradient(120% 70% at 50% 120%,rgba(122,12,28,.35),transparent 60%)}
.tal-frame{position:absolute;inset:-14px;border:1px solid rgba(232,195,106,.55);border-radius:6px;pointer-events:none;transform:translate(12px,12px);transition:transform 1.2s var(--ease)}
.tal-flip .tal-frame{transform:translate(-12px,12px)}
.tal:hover .tal-frame{transform:translate(0,0)}
.tal-shine{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:4px}
.tal-shine::before{content:"";position:absolute;inset:-10% -60%;background:linear-gradient(110deg,transparent 40%,rgba(255,238,200,.22) 50%,transparent 60%);transform:translateX(-70%);transition:transform 1.6s var(--ease)}
.tal:hover .tal-shine::before{transform:translateX(70%)}
.tal-num{position:absolute;z-index:3;top:-.42em;left:-.18em;font:700 clamp(64px,8vw,132px)/1 "Cinzel",serif;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.tal-flip .tal-num{left:auto;right:-.18em}
.tal-tri{position:absolute;z-index:3;left:0;right:0;bottom:16px;display:flex;pointer-events:none}
.tal-tri b{font:600 11px/1 "Cinzel",serif;letter-spacing:.32em;color:#fff3d6;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.tal-tri b:nth-child(1),.tal-tri b:nth-child(3){width:30%}.tal-tri b:nth-child(2){width:40%}
.tal-body{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-inline-start:clamp(28px,5vw,84px)}
.tal-flip .tal-body{padding-inline-start:0;padding-inline-end:clamp(28px,5vw,84px)}
.tal-avail{display:inline-flex;align-items:center;gap:10px;font:600 11.5px/1 "Cinzel",serif;letter-spacing:.34em;color:var(--gold2);padding:9px 14px 9px 12px;border:1px solid rgba(232,195,106,.5);border-radius:999px;background:rgba(11,5,6,.55)}
.tal-avail i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:availPulse 2.2s ease-out infinite}
@keyframes availPulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}80%,100%{box-shadow:0 0 0 10px rgba(61,220,132,0)}}
.tal-en{display:block;font:500 clamp(44px,6.2vw,104px)/.88 var(--didone);font-variation-settings:"opsz" 96;letter-spacing:-.01em;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 0;padding-bottom:.06em;max-width:9.5ch;text-wrap:balance}
.tal-flip .tal-en{text-align:right;align-self:flex-start}
.tal-body h3{margin:0;font:800 clamp(26px,2.6vw,40px)/1.1 var(--hed);color:#fff;letter-spacing:-.005em}
.tal-script{font:400 clamp(30px,3vw,46px)/1 var(--script);color:var(--gold);margin-top:-2px}
.tal-desc{margin:4px 0 8px;max-width:30ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:#e2d7cc}
.tal-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tal-cta .btn-gold{min-height:54px;padding:0 26px;font-size:16px}
.tal-cta .btn-line{min-height:54px}
.tal-body::before{content:"";position:absolute;inset-inline-start:clamp(10px,2.4vw,40px);top:6%;bottom:6%;width:1px;background:linear-gradient(180deg,transparent,rgba(232,195,106,.6),transparent)}
.tal-flip .tal-body::before{inset-inline-start:auto;inset-inline-end:clamp(10px,2.4vw,40px)}
@media(max-width:899px){
 .talents{gap:64px;margin-top:28px}
 .tal{grid-template-columns:1fr;padding:0}
 .tal-flip .tal-ph,.tal-flip .tal-body{order:0}
 .tal-ph{max-height:none;border-radius:0}
 .tal-ph>a{border-radius:0;box-shadow:none}
 .tal-ph>a::after{background:linear-gradient(180deg,rgba(11,5,6,0) 52%,rgba(11,5,6,.92) 96%)}
 .tal-frame{display:none}
 .tal-num,.tal-flip .tal-num{top:14px;left:16px;right:auto;font-size:52px}
 .tal-tri{bottom:120px}
 .tal-body,.tal-flip .tal-body{margin-top:-104px;padding:0 20px;gap:10px}
 .tal-body::before{display:none}
 .tal-en{font-size:clamp(40px,12.5vw,64px);max-width:none}
 .tal-flip .tal-en{text-align:left}
 .tal-desc{max-width:none;font-size:16px}
 .tal-cta{width:100%}.tal-cta .btn-gold{flex:1 1 100%;justify-content:center}.tal-cta .btn-line{flex:1 1 100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.tal-ph img,.tal-frame,.tal-shine::before{transition:none!important;transform:none!important}.tal-avail i{animation:none}}
/* v7.1 · Lokito's retouched picks: wide Miami-night hero, hover-reveal second look, Lamborghini duo behind "any artist" */
.hm-frame picture,.hm-frame img{object-position:63% 38%}
.tal-ph>a>picture{position:absolute;inset:0}
.tal-alt{opacity:0;transition:opacity 1.1s var(--ease)}
.tal-alt img{transform:scale(1.06)!important;transition:transform 2.4s var(--ease)!important}
.tal:hover .tal-alt,.tal-ph>a:focus-visible .tal-alt{opacity:1}
.tal:hover .tal-alt img{transform:scale(1)!important}
.tal-inbar .tal-ph>a>picture:first-child img{object-position:50% 22%}
.tal-daniel .tal-alt img{object-position:24% 50%}
.tal-alon .tal-alt img{object-position:72% 30%}
.tal-family .tal-ph img{object-position:50% 35%}
.tal-ph:has(.tal-alt)::after{content:"HOVER · 2ND LOOK";position:absolute;z-index:3;bottom:14px;right:16px;font:600 10px/1 "Cinzel",serif;letter-spacing:.3em;color:rgba(255,236,190,.75);pointer-events:none;transition:opacity .6s}
.tal:hover .tal-ph::after{opacity:0}
@media(hover:none),(max-width:899px){.tal-alt{display:none}.tal-ph::after{display:none}}
.any{position:relative;overflow:hidden}
.any-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.any-bg picture,.any-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.any-bg img{opacity:.30;filter:saturate(.9) contrast(1.05)}
.any-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ink) 0%,rgba(11,5,6,.55) 30%,rgba(11,5,6,.62) 70%,var(--ink) 100%),radial-gradient(80% 70% at 50% 50%,transparent,rgba(11,5,6,.75))}
.any>.wrap{position:relative;z-index:1}.any>.any-type{z-index:1}
@media(max-width:899px){.any-bg img{opacity:.22;object-position:55% 60%}}
.hm-frame{aspect-ratio:6/5}
.hm-frame picture,.hm-frame img{object-position:68% 40%}
@media(max-width:899px){.hm-frame{aspect-ratio:5/4}}

/* ===== v8 · full-bleed video hero (no photo in the opener) ===== */
.hero-vid{position:absolute;inset:0;overflow:hidden;background:#0b0506}
.hero-vid picture,.hero-vid img,.hv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.hv-video{opacity:0;transition:opacity 1.2s var(--ease)}
.hv-video.on{opacity:1}
.hero-atmo{background:#0b0506}
.hero .ha-glow{opacity:.22;animation:none}
.hero .ha-smoke{opacity:.55}
.hero .ha-wash{opacity:.55}
.hero .ha-shade{background:linear-gradient(270deg,rgba(11,5,6,.88) 0%,rgba(11,5,6,.62) 34%,rgba(11,5,6,.18) 68%,rgba(11,5,6,.08) 100%),linear-gradient(0deg,rgba(11,5,6,.98) 0%,rgba(11,5,6,.35) 28%,transparent 52%),linear-gradient(180deg,rgba(11,5,6,.75) 0%,transparent 22%)}
.hero .beams{opacity:.45}
.hero .halftone{opacity:.25}
@media(min-width:900px){.hero-grid{grid-template-columns:minmax(0,760px) 1fr}}
.hero-copy{max-width:760px}
@media(max-width:899px){
 .hero{min-height:100svh;align-items:flex-end;padding-bottom:70px}
 .hero .ha-shade{background:linear-gradient(0deg,rgba(11,5,6,.97) 0%,rgba(11,5,6,.8) 38%,rgba(11,5,6,.35) 70%,rgba(11,5,6,.55) 100%)}
}
@media(prefers-reduced-motion:reduce){.hv-video{display:none}}
/* v8 tune: let the film breathe on the open side */
.hero .ha-glow,.hero .ha-wash{display:none}
.hero .ha-smoke{opacity:.28}
.hero .leaks{opacity:.35}
.hero .halftone{opacity:.12}
.hero .ha-shade{background:linear-gradient(270deg,rgba(11,5,6,.86) 0%,rgba(11,5,6,.55) 32%,rgba(11,5,6,.08) 62%,transparent 100%),linear-gradient(0deg,rgba(11,5,6,.98) 0%,rgba(11,5,6,.25) 26%,transparent 48%),linear-gradient(180deg,rgba(11,5,6,.6) 0%,transparent 18%)}
@media(max-width:899px){.hero .ha-shade{background:linear-gradient(0deg,rgba(11,5,6,.97) 0%,rgba(11,5,6,.78) 40%,rgba(11,5,6,.2) 72%,rgba(11,5,6,.45) 100%)}}
