/* Petal & Pin: video led, cinematic bars, scene sections, copper luxury */
:root{
  --ground:#FBF6F1; --surface:#FFFFFF; --ink:#2B1D17; --primary:#A4542D; --accent:#C98E6B; --muted:#75605A;
  --deep:#1B1210; --deep2:#26191500; --blush:#F4E6DC; --ivory:#F6EDE4; --copperlt:#E8B590; --wrap:1240px;
  --fh:'Playfair Display',Georgia,serif; --fb:'Jost',system-ui,sans-serif;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.7 var(--fb);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--primary);text-underline-offset:4px}
h1,h2,h3,.h3{font-family:var(--fh);font-weight:500;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,5rem)}
h2{font-size:clamp(1.9rem,4vw,3.2rem)}
h3,.h3{font-size:1.5rem}
h1 em,h2 em{font-style:italic;color:var(--copperlt)}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--primary);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{top:56px}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.small{font-size:.86rem;color:var(--muted)}
.lead{font-size:1.15rem;color:var(--muted);max-width:56ch;font-weight:300}
.center{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border-radius:99px;background:var(--primary);color:#fff;font:500 .95rem/1 var(--fb);letter-spacing:.08em;text-decoration:none;border:1px solid var(--primary);cursor:pointer;transition:background .4s,color .4s,transform .4s}
.btn:hover{background:#8A4422;transform:translateY(-1px)}
.btn.ghost{background:transparent;border-color:rgba(251,246,241,.6);color:#FBF6F1}
.btn.ghost:hover{background:rgba(251,246,241,.1)}
.btn.line{background:transparent;color:var(--primary)}
.btn.line:hover{background:var(--primary);color:#fff}
.btn.sm{min-height:44px;padding:10px 20px;font-size:.86rem}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.btns.center{justify-content:center}
.slate{display:inline-flex;align-items:center;gap:12px;font:500 .74rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:26px;border:1px solid currentColor;padding:0 14px 0 0}
.slate::before{content:"";width:30px;align-self:stretch;background:repeating-linear-gradient(-45deg,currentColor 0 5px,transparent 5px 10px);border-right:1px solid currentColor}
.slate span{color:var(--primary);padding:9px 0}
.slate.light,.scene.dark .slate,.book .slate{color:#E8D6C8}
.slate.light span,.scene.dark .slate span,.book .slate span{color:var(--copperlt)}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(27,18,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#FBF6F1;transition:background .5s}
.hd.is-scrolled{background:rgba(27,18,16,.97)}
.hd-in{max-width:var(--wrap);margin:0 auto;padding:12px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.menu-btn{justify-self:start;display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;border:0;color:#FBF6F1;cursor:pointer;font:500 .8rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;position:relative;padding:0 6px 0 34px}
.menu-btn i{position:absolute;left:0;width:24px;height:1.5px;background:currentColor}
.menu-btn i:nth-of-type(1){top:17px}.menu-btn i:nth-of-type(2){top:25px;width:16px}
.logo{text-align:center;color:#FBF6F1;text-decoration:none;font:500 1.7rem/1 var(--fh)}
.logo em{color:var(--copperlt);font-style:italic}
.logo small{display:block;font:400 .66rem/1 var(--fb);letter-spacing:.28em;text-transform:uppercase;color:#C9B4A6;margin-top:6px}
.hd-cta{justify-self:end}
.menu{position:fixed;inset:0;z-index:60;background:var(--deep) var(--grain);color:#FBF6F1;opacity:0;transition:opacity .5s}
.menu.on{opacity:1}
.menu-in{position:absolute;inset:48px 0 0;overflow:auto;padding:90px 24px 40px}
.menu-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:60px}
.menu-in nav{display:grid}
.menu-in nav a{display:flex;align-items:baseline;gap:18px;color:#FBF6F1;text-decoration:none;font:500 clamp(1.8rem,4vw,3rem)/1.2 var(--fh);padding:8px 0;border-bottom:1px solid rgba(251,246,241,.12);transition:color .4s,padding .4s}
.menu-in nav a small{font:400 .8rem/1 var(--fb);letter-spacing:.2em;color:var(--copperlt)}
.menu-in nav a:hover,.menu-in nav a[aria-current]{color:var(--copperlt);padding-left:10px}
.menu-side p{color:#D7C4B7}
.menu-side .small{color:#BFA999}
.menu-x{position:absolute;right:24px;top:22px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(251,246,241,.4);background:transparent;color:#FBF6F1;font-size:1.8rem;line-height:1;cursor:pointer}
body.menu-on{overflow:hidden}

/* film sections */
.film{position:relative;background:var(--deep);color:#FBF6F1;overflow:hidden;isolation:isolate}
.film::after{content:"";position:absolute;inset:0;background:var(--grain);pointer-events:none;z-index:3;opacity:.7}
.bars::before,.bars::after{content:"";position:absolute;left:0;right:0;height:clamp(18px,6vh,64px);background:#000;z-index:4}
.bars::before{top:0}.bars::after{bottom:0}
.js:not(.rm) .film .bars::before,.js:not(.rm) .film .bars::after{animation:bars 1.6s cubic-bezier(.6,0,.2,1) both}
@keyframes bars{from{height:0}}
.film-ph{position:absolute;inset:0;z-index:0}
.film-ph .ph{height:100%}
.film-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,18,16,.92),rgba(27,18,16,.55) 60%,rgba(27,18,16,.35)),linear-gradient(0deg,rgba(27,18,16,.8),transparent 50%)}
.js:not(.rm) .kb img{animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-2%,-1%)}}
.film-copy{position:relative;z-index:5}
.film .lead{color:#E3D2C6}
.film h1,.film h2{color:#FBF6F1}
.tc{font:400 .78rem/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--copperlt);margin-bottom:26px}
.hero{min-height:calc(100vh - 120px);min-height:calc(100svh - 120px);display:flex;align-items:center;padding:100px 0}
.hero h1{max-width:15ch}
.hero .lead{max-width:50ch}
.petals{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.hero-still{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 30%,rgba(232,181,144,.35),transparent 30%),radial-gradient(circle at 88% 70%,rgba(201,142,107,.25),transparent 25%),radial-gradient(circle at 60% 80%,rgba(244,206,190,.18),transparent 20%)}
.hero-hint{position:absolute;right:24px;bottom:calc(clamp(18px,6vh,64px) + 16px);z-index:5;margin:0;font:400 .72rem/1 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:#C9B4A6;writing-mode:vertical-rl}
.phead{padding:clamp(110px,14vw,170px) 0 clamp(90px,10vw,130px)}
.phead h1{max-width:16ch}
.ctaf{padding:clamp(110px,13vw,170px) 0;background:radial-gradient(700px 400px at 50% 50%,rgba(164,84,45,.35),transparent 70%),var(--deep)}
.ctaf h2{max-width:20ch;margin-left:auto;margin-right:auto}
.ctaf .lead{margin-left:auto;margin-right:auto}

/* scenes */
.sec{padding:clamp(70px,9vw,130px) 0;position:relative}
.scene.dark{background:var(--deep);color:#FBF6F1}
.scene.dark .lead,.scene.dark p{color:#E3D2C6}
.scene.dark .small{color:#BFA999}
.scene.blush{background:var(--blush)}
.sh{max-width:760px;margin-bottom:46px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}
.split.top{align-items:start}
.js:not(.rm) .rv{opacity:0;transform:translateY(26px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.js:not(.rm) .rv.in{opacity:1;transform:translateY(0px)}
.ph{margin:0;overflow:hidden;background:linear-gradient(135deg,#3A2721,#1B1210);position:relative}
.ph img{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
.ph.fill{position:absolute;inset:0}
.r45{aspect-ratio:4/5}.r11{aspect-ratio:1}.wide{aspect-ratio:2.39/1}
.scene:not(.dark) .ph{background:linear-gradient(135deg,#E9D3C3,#D8B8A3)}

/* palette tints for drawn frames */
.t-soft{background:radial-gradient(circle at 35% 40%,#F2D9C4,transparent 45%),linear-gradient(135deg,#E9C7A9,#B66A5C)}
.t-igba{background:radial-gradient(circle at 35% 40%,#F0C27A,transparent 45%),linear-gradient(135deg,#B5652E,#5B2514)}
.t-coral{background:radial-gradient(circle at 35% 40%,#F0B49A,transparent 45%),linear-gradient(135deg,#C8473A,#6E2A1D)}
.t-gele{background:radial-gradient(circle at 35% 40%,#E5B48A,transparent 45%),linear-gradient(135deg,#7A2D3E,#2F1A16)}
.t-court{background:radial-gradient(circle at 35% 40%,#F4E0D2,transparent 45%),linear-gradient(135deg,#D9B39A,#8E5E50)}
.t-night{background:radial-gradient(circle at 35% 40%,#C9A35E,transparent 40%),linear-gradient(135deg,#4A2430,#1B1210)}
.sws{display:inline-flex;gap:6px}
.sws i{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.7)}

/* film strip */
.strip{display:flex;gap:0;overflow-x:auto;padding:26px 0;margin:0 0 30px;background:#120C0A;scroll-snap-type:x mandatory;position:relative;border-radius:4px;scrollbar-width:thin}
.strip::before,.strip::after{content:"";position:sticky;left:0;display:none}
.frame{flex:0 0 230px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:0 10px;color:#FBF6F1;text-decoration:none;position:relative}
.frame::before,.frame::after{content:"";position:absolute;left:0;right:0;height:10px;background:radial-gradient(circle,#3A2A24 0 3px,transparent 3.5px) 0 0/18px 10px}
.frame::before{top:-20px}.frame::after{bottom:-20px}
.fr-ph{display:block;aspect-ratio:4/5;border-radius:2px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.frame:hover .fr-ph{transform:scale(1.03)}
.fr-n{font:400 .72rem/1 var(--fb);letter-spacing:.2em;color:var(--copperlt)}
.frame b{font:500 1.15rem/1.2 var(--fh)}
.frame small{color:#C9B4A6}

/* timeline */
.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid rgba(201,142,107,.35)}
.timeline b{font:500 1.15rem/1.3 var(--fh);color:var(--copperlt)}
.scene:not(.dark) .timeline b{color:var(--primary)}

/* packages */
.pk3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:20px;align-items:stretch}
.pkc{background:var(--surface);padding:36px 30px;border-radius:200px 200px 6px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 30px 60px -40px rgba(43,29,23,.4)}
.pkc ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;font-weight:300}
.pkc li::before{content:"\2022";color:var(--accent);margin-right:8px}
.pkc .btn{margin-top:auto}
.pkc.feat{background:var(--deep);color:#FBF6F1}
.pkc.feat .pk-k{color:var(--copperlt)}
.pkc.feat .btn.line{background:var(--primary);color:#fff;border-color:var(--primary)}
.pk-k{font:500 .74rem/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--primary);margin:40px 0 14px}
.pk-p{font:500 2.4rem/1 var(--fh);margin-bottom:22px}

/* reviews */
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.rev{margin:0}
.rev blockquote{margin:0 0 16px;font:italic 500 1.3rem/1.45 var(--fh)}
.rev figcaption{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.big-q{margin:0 auto;max-width:900px;text-align:center;font:italic 500 clamp(1.8rem,4vw,3rem)/1.3 var(--fh);color:#FBF6F1}
.big-q cite{display:block;margin-top:24px;font:400 .8rem/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;font-style:normal;color:var(--copperlt)}

/* look book viewer */
.lb{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"screen info" "thumbs thumbs";gap:30px 40px;align-items:center}
.lb-screen{grid-area:screen;position:relative;aspect-ratio:2.1/1;background:#000;overflow:hidden}
.lb-frames{position:absolute;inset:0}
.lb-fr{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s ease}
.lb-fr.on{opacity:1}
.lb-fr .ph{position:absolute;inset:0}
.lb-fr figcaption{position:absolute;left:24px;bottom:calc(clamp(10px,3vh,26px) + 14px);z-index:6;display:grid;gap:4px}
.lb-fr figcaption b{font:500 1.6rem/1.1 var(--fh)}
.lb-fr::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%)}
.bars.thin::before,.bars.thin::after{height:clamp(10px,3vh,26px)}
.lb-nav{position:absolute;top:50%;z-index:7;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:1px solid rgba(251,246,241,.5);background:rgba(27,18,16,.5);color:#FBF6F1;font-size:1.8rem;line-height:1;cursor:pointer}
.lb-nav.prev{left:14px}.lb-nav.next{right:14px}
.lb-info{grid-area:info}
.lb-info .pk-k{margin:0 0 12px;color:var(--copperlt)}
.lb-info h3{font-size:2.2rem}
.lb-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:16px 0}
.lb-dl dt{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#C9B4A6;align-self:center}
.lb-dl dd{margin:0;font:500 1.2rem/1.3 var(--fh)}
.lb-pal{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.lb-pal p{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#C9B4A6!important}
.lb-thumbs{grid-area:thumbs;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.lb-thumbs button{background:transparent;border:0;border-top:1px solid rgba(251,246,241,.2);padding:12px 0 0;color:#E3D2C6;font:400 .9rem/1.3 var(--fb);text-align:left;cursor:pointer;display:grid;gap:10px;min-height:44px}
.lb-thumbs button span{display:block;aspect-ratio:16/9;opacity:.55;transition:opacity .6s}
.lb-thumbs button[aria-selected=true]{border-top:2px solid var(--copperlt);color:#FBF6F1}
.lb-thumbs button[aria-selected=true] span,.lb-thumbs button:hover span{opacity:1}

/* dates */
.dates{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.cal{background:var(--surface);padding:28px;box-shadow:0 30px 60px -40px rgba(43,29,23,.4)}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cal-h h3{margin:0;font-size:1.7rem}
.cal-nav{width:48px;height:48px;border-radius:50%;border:1px solid var(--accent);background:transparent;color:var(--primary);font-size:1.6rem;cursor:pointer}
.cal-nav:disabled{opacity:.3;cursor:default}
.cal-dow,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-dow span{text-align:center;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 0}
.cd{aspect-ratio:1;min-height:44px;border-radius:50%;border:1px solid transparent;background:transparent;font:500 1rem/1 var(--fb);color:var(--ink);cursor:pointer;position:relative;transition:background .3s,color .3s}
.cd.empty{cursor:default}
.s-open{border-color:#D9B49C}
.s-open:hover{background:var(--blush)}
.s-few{background:#F1DCCD;border-color:var(--accent)}
.s-few::after{content:"";position:absolute;bottom:18%;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--primary)}
.s-full{color:#B4A29A;text-decoration:line-through;cursor:not-allowed}
.s-past{color:#CDBFB7;cursor:not-allowed}
.cd.on{background:var(--primary)!important;color:#fff;border-color:var(--primary)}
.cd.on::after{background:#fff}
.cal-key{list-style:none;padding:0;margin:18px 0 8px;display:flex;flex-wrap:wrap;gap:18px;font-size:.86rem}
.cal-key i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}
.k-open{border:1px solid #D9B49C}.k-few{background:#F1DCCD;border:1px solid var(--accent)}.k-full{background:#E8DEDA}
.book{background:var(--deep);color:#FBF6F1;padding:30px;position:sticky;top:110px}
.bk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;margin:0 0 18px;align-items:center}
.bk dt{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#C9B4A6}
.bk dd{margin:0;font:500 1.1rem/1.3 var(--fh)}
.bk select{width:100%;min-height:44px;background:transparent;color:#FBF6F1;border:1px solid rgba(251,246,241,.3);padding:8px 10px;font:400 .9rem var(--fb)}
.bk select option{color:var(--ink)}
.bk.tot{border-top:1px solid rgba(201,142,107,.4);padding-top:16px;margin-top:10px}
.bk.tot dd{font-size:1.6rem;color:var(--copperlt)}
.book .fld label{color:#C9B4A6}
.book .fld select{background:transparent;color:#FBF6F1;border-color:rgba(251,246,241,.3)}
.book .fld select option{color:var(--ink)}
.book .btn{width:100%}
.book .small{color:#BFA999;margin-top:10px}
.step{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(251,246,241,.3);border-radius:99px;padding:3px}
.step button{width:42px;height:42px;border-radius:50%;border:0;background:rgba(251,246,241,.1);color:#FBF6F1;font-size:1.2rem;cursor:pointer}
.step output{min-width:36px;text-align:center;font:500 1.2rem/1 var(--fh)}
.check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.95rem}
.check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}
.check b{margin-left:auto;font-weight:500;color:var(--copperlt);white-space:nowrap}

/* cards and misc */
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.c4{border-top:1px solid var(--accent);padding-top:18px}
.c4 .big{font:500 1.8rem/1 var(--fh);color:var(--primary);margin-bottom:14px}
.scene.dark .c4 .big{color:var(--copperlt)}
.c4 p:last-child{color:var(--muted);margin:0}
.scene.dark .c4 p:last-child{color:#E3D2C6}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px}
.ticks li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:1px;background:var(--accent)}
.check-list{margin:0;padding-left:22px;display:grid;gap:10px;font-size:1.1rem}
.check-list li::marker{font-family:var(--fh);color:var(--primary)}
.kitgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kitgrid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px;margin-bottom:24px}
.rl:nth-child(3n+2){margin-top:70px}
.rl .ph{margin-bottom:18px}
.rl p{color:var(--muted)}
.rl .fr-n{color:var(--primary)}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0}
.nums dt{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#C9B4A6}
.nums dd{margin:8px 0 0;font:500 clamp(2.4rem,5vw,4rem)/1 var(--fh);color:var(--copperlt)}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.mono{width:100px;height:130px;border-radius:60px 60px 4px 4px;background:var(--blush);display:grid;place-items:center;font:italic 500 2.6rem/1 var(--fh);color:var(--primary);margin-bottom:18px}
.person .pk-k{margin:0 0 8px}
.person p:last-child{color:var(--muted)}
.tbl-wrap{position:relative;overflow-x:auto;margin-bottom:12px}
.tbl{width:100%;border-collapse:collapse;min-width:520px}
.tbl th,.tbl td{text-align:left;padding:16px 14px;border-bottom:1px solid rgba(201,142,107,.35)}
.tbl thead th{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#C9B4A6;font-weight:400}
.tbl tbody th{font:500 1.1rem/1.3 var(--fh)}
.tbl td:last-child{font:500 1.15rem/1 var(--fh);color:var(--copperlt);white-space:nowrap}

/* faq */
.faq details{border-bottom:1px solid rgba(201,142,107,.4)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font:500 1.25rem/1.3 var(--fh);min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;font:300 1.6rem/1 var(--fb);color:var(--primary);transition:transform .4s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--muted);margin:0 0 20px}

/* forms */
.panel{background:var(--surface);padding:clamp(24px,4vw,44px);box-shadow:0 30px 60px -40px rgba(43,29,23,.4)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.fld{margin-bottom:18px;min-width:0}
.fld label{display:block;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.fld input,.fld select,.fld textarea{width:100%;min-height:50px;padding:12px 2px;border:0;border-bottom:1px solid #CDB3A3;background:transparent;font:inherit;color:var(--ink);border-radius:0}
.fld textarea{min-height:130px;resize:vertical;border:1px solid #CDB3A3;padding:12px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--primary)}
.err{display:none;color:#A3270F;font-size:.86rem;margin:6px 0 0}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad textarea{border-color:#A3270F}
.thanks h3{font-size:2rem}
.dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:20px 0}
.dl dt{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-self:center}
.dl dd{margin:0}
.mapbox svg{display:block;width:100%;height:auto}

/* footer */
.ft{background:var(--deep) var(--grain);color:#E3D2C6;padding:90px 0 110px}
.ft-credits{text-align:center;font:italic 500 clamp(1.4rem,3vw,2.2rem)/1.3 var(--fh);color:#FBF6F1;margin:0 0 70px}
.ft-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.ft-logo{font:500 1.9rem/1 var(--fh);color:#FBF6F1;margin-bottom:14px}
.ft-logo em{color:var(--copperlt)}
.ft-h{font:400 .76rem/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--copperlt);margin-bottom:16px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ft a{color:#FBF6F1}
.ft ul a{text-decoration:none;display:inline-block;padding:4px 0}
.ft .small{color:#BFA999}
.ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:60px;padding-top:24px;border-top:1px solid rgba(251,246,241,.12);font-size:.84rem;color:#BFA999}
.ft-base p{margin:0}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:10px;background:var(--primary);color:#fff;text-decoration:none;font:500 .85rem/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;padding:10px 20px 10px 12px;border-radius:99px;min-height:52px;box-shadow:0 18px 30px -16px rgba(164,84,45,.8)}
.wa-float svg{width:28px;height:28px}

@media (max-width:1060px){
  .hd-cta{display:none}
  .hd-in{grid-template-columns:auto 1fr auto}
  .logo{grid-column:2}
  .lb{grid-template-columns:minmax(0,1fr);grid-template-areas:"screen" "thumbs" "info"}
  .lb-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dates{grid-template-columns:minmax(0,1fr)}
  .book{position:static}
  .cards4,.team,.nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menu-grid{grid-template-columns:minmax(0,1fr);gap:30px}
}
@media (max-width:820px){
  .split,.pk3,.revs{grid-template-columns:minmax(0,1fr)}
  .reel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rl:nth-child(3n+2){margin-top:0}.rl:nth-child(2n){margin-top:60px}
  .ft-in{grid-template-columns:1fr 1fr}
  .kitgrid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{min-height:auto;padding:90px 0 110px}
  .hero-hint{display:none}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .hd-in{padding:10px 16px}
  .menu-btn span{display:none}
  .menu-btn{padding-left:30px;width:44px}
  .logo{font-size:1.35rem}
  .logo small{font-size:.56rem;letter-spacing:.2em}
  .two,.cards4,.team,.reel{grid-template-columns:minmax(0,1fr)}
  .rl:nth-child(2n){margin-top:0}
  .lb-screen{aspect-ratio:4/3}
  .lb-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cal{padding:16px 10px}
  .cal-dow,.cal-grid{gap:3px}
  .cd{font-size:.92rem}
  .timeline li{grid-template-columns:minmax(0,1fr);gap:2px}
  .ft-in{grid-template-columns:minmax(0,1fr)}
  .wa-float span{display:none}.wa-float{padding:12px}
  .frame{flex-basis:180px}
  .book{padding:24px 18px}
  .bk.tot{grid-template-columns:minmax(0,1fr);gap:2px}
  .bk.tot dd{margin-bottom:10px}
  .pkc{border-radius:140px 140px 6px 6px}
}
