/* Three looks for Carol, same engine. `html[data-look]` swaps tokens + a few structural rules.
   A "Nest"    — default (site.css): warm flyer cream/blush/clay, gentle carnival accents (not shouting).
   B "Big Top" — soft carnival: muted red / dusk navy / antique gold, slab type, awning, ticket vibe (gentler).
   C "Gallery" — white editorial: pure white, ink, champagne keylines, oversized serif, square corners. */

/* ---------- B · Big Top (softened — same carnival idea, quieter chroma) ---------- */
html[data-look="b"]{
  --paper:#FFF8EC; --cream:#FFFCF7; --blush:#F8E4D4; --blush2:#F0D2B8; --sand:#EEDCC4; --line:#E5D4BC;
  --clay:#A85A48; --cocoa:#3A4A6E; --ink:#242232; --mute:#646278;
  --red:#C45448; --navy:#3A4A6E; --gold:#D4B45C;
  --serif:"Alfa Slab One","Cormorant Garamond",Georgia,serif;
  --r:12px; --arch:14px; --shadow:0 6px 0 -2px rgba(212,180,92,.35),0 14px 28px rgba(58,74,110,.12);
}
html[data-look="b"] h1,html[data-look="b"] h2{font-weight:400;letter-spacing:.005em;line-height:1.05}
html[data-look="b"] h3,html[data-look="b"] .serif{font-family:"Nunito Sans",var(--sans);font-weight:800}
html[data-look="b"] .price,html[data-look="b"] .hero .facts b,html[data-look="b"] .ticket .line.tot,html[data-look="b"] .minicart .line.tot,html[data-look="b"] .reviews .num,html[data-look="b"] .cal .hd b,html[data-look="b"] .step::before{font-family:"Alfa Slab One",serif;font-weight:400}
html[data-look="b"] .brand b{font-family:"Alfa Slab One",serif;font-weight:400;letter-spacing:.06em;color:var(--red)}
html[data-look="b"] .brand small{color:var(--navy)}
html[data-look="b"] .kicker{color:var(--red);letter-spacing:.3em}
html[data-look="b"] .btn{background:var(--red);border-color:var(--red);border-radius:12px;box-shadow:0 3px 0 #9A4A42}
html[data-look="b"] .btn:hover{background:#B04A40;transform:translateY(-1px)}
html[data-look="b"] .btn.ghost{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:0 3px 0 rgba(58,74,110,.35)}
html[data-look="b"] .btn.ghost:hover{background:var(--blush)}
html[data-look="b"] .btn.red{background:var(--navy);border-color:var(--navy);box-shadow:0 3px 0 #2A3654}
html[data-look="b"] .nav{background:rgba(255,248,236,.96);border-bottom:1px solid var(--line)}
html[data-look="b"] .nav nav a[aria-current],html[data-look="b"] .nav nav a:hover{background:var(--gold);color:var(--ink)}
html[data-look="b"] .ribbon{background:var(--navy)}
html[data-look="b"] .ribbon b{color:var(--gold)}
/* hero: softer dusk-navy band — still carnival, less shouty contrast */
html[data-look="b"] .hero{background:linear-gradient(165deg,#465878 0%,var(--navy) 55%,#33425E 100%);min-height:min(calc(100svh - 79px),880px)}
html[data-look="b"] .hero .grid{grid-template-columns:1.05fr .95fr;padding-top:40px;padding-bottom:40px}
html[data-look="b"] .hero .copy h1,html[data-look="b"] .hero .copy .lede{color:#FFFCF7}
html[data-look="b"] .hero .copy .lede{opacity:.9;color:#F0EBE0}
html[data-look="b"] .hero .copy .kicker{color:var(--gold)}
html[data-look="b"] .hero .facts{border-top-color:rgba(255,255,255,.2);color:rgba(240,235,224,.85)}
html[data-look="b"] .hero .facts b{color:var(--gold)}
html[data-look="b"] .hero .motto{color:var(--gold)}
html[data-look="b"] .hero .facts-wrap .facts{border-top-color:rgba(255,255,255,.2)}
html[data-look="b"] .hero .art video,html[data-look="b"] .hero .art img{border-radius:18px;border:2px solid rgba(212,180,92,.85);box-shadow:5px 5px 0 rgba(196,84,72,.35),0 12px 28px rgba(0,0,0,.18)}
html[data-look="b"] .hero .art .real{background:var(--gold);border:0;color:var(--ink)}
html[data-look="b"] .hero .copy .btn.ghost{background:transparent;color:#FFFCF7;border-color:rgba(255,252,241,.7);box-shadow:0 3px 0 rgba(255,255,255,.22)}
html[data-look="b"] .hero .copy .btn.ghost:hover{background:rgba(255,255,255,.1)}
@media (max-width:900px){html[data-look="b"] .hero .grid{grid-template-columns:1fr}}
/* awning scallops under section heads (gentler red) */
html[data-look="b"] section > .wrap > .head.center h2::after,html[data-look="b"] section > .wrap > .head h2::after{content:"";display:block;width:120px;height:10px;margin:14px auto 0;background:radial-gradient(circle at 10px -4px,transparent 9px,var(--red) 10px) 0 0/20px 10px repeat-x;opacity:.85}
html[data-look="b"] section > .wrap > .head:not(.center) h2::after{margin-left:0}
html[data-look="b"] .card{border:1.5px solid var(--navy);box-shadow:3px 3px 0 rgba(212,180,92,.45),0 8px 20px rgba(58,74,110,.08)}
html[data-look="b"] .card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(212,180,92,.55),0 10px 24px rgba(58,74,110,.1)}
html[data-look="b"] .card .ph img{border-radius:10px;border:1.5px solid rgba(58,74,110,.35)}
html[data-look="b"] .tag.ok{background:var(--gold);color:var(--ink)}
html[data-look="b"] .bundle{background:var(--navy);color:#fff;border-radius:14px;position:relative}
html[data-look="b"] .bundle .price,html[data-look="b"] .bundle b{color:var(--gold)}
html[data-look="b"] .bundle .mute{color:rgba(255,255,255,.8)}
html[data-look="b"] .bundle::before,html[data-look="b"] .bundle::after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--paper);transform:translateY(-50%)}
html[data-look="b"] .bundle::before{left:-11px}html[data-look="b"] .bundle::after{right:-11px}
html[data-look="b"] .carnival{background:repeating-linear-gradient(90deg,#fff 0 40px,#F8E4D4 40px 80px)}
html[data-look="b"] .booth{border:1.5px solid var(--navy);border-radius:10px;box-shadow:3px 3px 0 rgba(196,84,72,.3)}
html[data-look="b"] .booth b{font-family:"Nunito Sans",var(--sans);font-weight:800;color:var(--navy)}
html[data-look="b"] .pickbar{border:1.5px dashed var(--red);background:#fff}
html[data-look="b"] .step{border:1.5px solid var(--navy);box-shadow:3px 3px 0 rgba(212,180,92,.4)}
html[data-look="b"] .step::before{color:#fff}
html[data-look="b"] .event,html[data-look="b"] .reel video,html[data-look="b"] .feedgrid a{border-radius:10px;border:1.5px solid rgba(58,74,110,.4)}
html[data-look="b"] .reviews{border:1.5px solid var(--navy);box-shadow:3px 3px 0 rgba(212,180,92,.4)}
html[data-look="b"] .quote{border-left:4px solid var(--red)}
html[data-look="b"] .about img{border-radius:14px;border:2px solid var(--navy);box-shadow:4px 4px 0 rgba(212,180,92,.4)}
html[data-look="b"] footer{background:var(--navy);color:rgba(255,255,255,.8);border-top:3px solid var(--red)}
html[data-look="b"] footer b{color:var(--gold)}
html[data-look="b"] footer .legal{border-top-color:rgba(255,255,255,.2)}
html[data-look="b"] .pane,html[data-look="b"] .ticket,html[data-look="b"] .item{border-radius:12px}
html[data-look="b"] .ticket{border:1.5px solid var(--navy);box-shadow:3px 3px 0 rgba(212,180,92,.4)}
html[data-look="b"] .ticket h3{color:var(--red)}
html[data-look="b"] .ticket .line.dep{background:var(--gold);color:var(--ink)}
html[data-look="b"] .tabs button[aria-selected="true"]{background:var(--red);border-color:var(--red)}
html[data-look="b"] .item.on{border-color:var(--red);box-shadow:0 0 0 3px var(--blush)}
html[data-look="b"] .item.on .chk{background:var(--red);border-color:var(--red)}
html[data-look="b"] .cal .days button.sel{background:var(--red);border-color:var(--red)}
html[data-look="b"] .minicart .pill{background:var(--red);box-shadow:0 3px 0 #9A4A42,0 10px 24px rgba(58,74,110,.22)}
html[data-look="b"] .minicart .pill .n{color:var(--red)}
html[data-look="b"] .stickybar{background:var(--navy)}
html[data-look="b"] .owner .side button[aria-selected="true"]{border-color:var(--navy)}
html[data-look="b"] .pubbar{background:var(--navy)}

/* ---------- C · Gallery ---------- */
html[data-look="c"]{
  --paper:#FFFFFF; --cream:#FFFFFF; --blush:#F4F1EA; --blush2:#E9E4D8; --sand:#F1EEE7; --line:#DAD5C9;
  --clay:#A8905B; --cocoa:#151515; --ink:#151515; --mute:#66625A;
  --red:#151515; --navy:#151515; --champagne:#C9B27C;
  --r:0px; --arch:0px; --shadow:none;
}
html[data-look="c"] body{font-weight:400}
html[data-look="c"] h1{font-size:clamp(3rem,7vw,6rem);font-weight:500;letter-spacing:-.02em;line-height:.98}
html[data-look="c"] h2{font-weight:500;font-size:clamp(2.2rem,4.4vw,3.6rem);letter-spacing:-.015em}
html[data-look="c"] h3{font-weight:500}
html[data-look="c"] .kicker{color:var(--champagne);letter-spacing:.34em;font-size:.68rem}
html[data-look="c"] .brand img{display:none}
html[data-look="c"] .brand>span{display:block}
html[data-look="c"] .brand b{letter-spacing:.34em;font-weight:500;font-size:1.05rem}
html[data-look="c"] .brand small{display:none}
html[data-look="c"] .nav{background:#fff;border-bottom:1px solid var(--ink)}
html[data-look="c"] .nav .wrap{min-height:68px}
html[data-look="c"] .nav nav a{font-weight:600;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;border-radius:0;padding:10px 12px}
html[data-look="c"] .nav nav a:hover,html[data-look="c"] .nav nav a[aria-current]{background:transparent;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
html[data-look="c"] .nav nav a.btn{color:#fff;text-decoration:none}
html[data-look="c"] .nav nav a.btn:hover{background:#000}
html[data-look="c"] .btn{border-radius:0;background:var(--ink);border-color:var(--ink);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700;padding:14px 28px}
html[data-look="c"] .btn:hover{background:#000;transform:none;box-shadow:none}
html[data-look="c"] .btn.ghost{background:#fff;color:var(--ink)}
html[data-look="c"] .btn.ghost:hover{background:var(--blush)}
html[data-look="c"] .btn.red{background:var(--champagne);border-color:var(--champagne);color:var(--ink)}
html[data-look="c"] .tag{border-radius:0;background:var(--blush);color:var(--ink)}
html[data-look="c"] .tag.ok{background:#fff;border:1px solid var(--champagne);color:var(--ink)}
html[data-look="c"] .ribbon{background:var(--ink)}
html[data-look="c"] .ribbon b{color:var(--champagne)}
/* hero: oversized headline, photo bleeds to the right edge, thin rules */
html[data-look="c"] .hero{min-height:min(calc(100svh - 69px),900px);border-bottom:1px solid var(--ink)}
html[data-look="c"] .hero .grid{grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch;max-width:none;padding-left:calc((100vw - var(--wrap)) / 2 + 22px)}
html[data-look="c"] .hero .copy{padding:60px 48px 60px 0;display:flex;flex-direction:column;justify-content:center}
html[data-look="c"] .hero .art{border-left:1px solid var(--ink)}
html[data-look="c"] .hero .art video,html[data-look="c"] .hero .art img{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center 25%;border-radius:0;box-shadow:none;filter:saturate(.9) contrast(1.02)}
html[data-look="c"] .hero .art .real{background:#fff;border:1px solid var(--ink);border-radius:0;left:18px;bottom:18px;transform:none;letter-spacing:.24em}
html[data-look="c"] .hero .facts{border-top-color:var(--ink);gap:20px 34px}
html[data-look="c"] .hero .facts b{font-weight:500;font-size:1.5rem}
@media (max-width:900px){html[data-look="c"] .hero .grid{grid-template-columns:1fr;padding-left:0}html[data-look="c"] .hero .copy{padding:28px 22px 36px}html[data-look="c"] .hero .art{border-left:0;border-bottom:1px solid var(--ink)}html[data-look="c"] .hero .art video,html[data-look="c"] .hero .art img{height:min(60svh,560px)}}
html[data-look="c"] section{padding:84px 0}
html[data-look="c"] .head{margin-bottom:44px}
html[data-look="c"] .cards{gap:0;border:1px solid var(--ink)}
html[data-look="c"] .card{border:0;border-right:1px solid var(--ink);border-radius:0;background:#fff}
html[data-look="c"] .card:last-child{border-right:0}
html[data-look="c"] .card:hover{transform:none;box-shadow:none;background:var(--blush)}
html[data-look="c"] .card .ph{padding:0}
html[data-look="c"] .card .ph img{border-radius:0;border-bottom:1px solid var(--ink);aspect-ratio:4/4.2}
html[data-look="c"] .card .bd{padding:24px}
html[data-look="c"] .card ul{padding-left:0;list-style:none}
html[data-look="c"] .card ul li::before{content:"— "}
html[data-look="c"] .price{font-weight:500}
@media (max-width:900px){html[data-look="c"] .card{border-right:0;border-bottom:1px solid var(--ink)}html[data-look="c"] .card:last-child{border-bottom:0}}
html[data-look="c"] .bundle{background:#fff;border:1px solid var(--ink);border-radius:0}
html[data-look="c"] .carnival{background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
html[data-look="c"] .carnival::before,html[data-look="c"] .carnival::after{display:none}
html[data-look="c"] .carnival .kicker{color:var(--champagne)!important}
html[data-look="c"] .booths{gap:0;border:1px solid var(--ink)}
html[data-look="c"] .booth{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;background:#fff;padding:22px 14px}
html[data-look="c"] .booth:nth-child(5n){border-right:0}
html[data-look="c"] .booth:nth-child(n+6){border-bottom:0}
html[data-look="c"] .booth img.photo,html[data-look="c"] .booth video.photo{border-radius:0}
html[data-look="c"] .booth b{font-weight:500}
@media (max-width:1000px){html[data-look="c"] .booth:nth-child(5n){border-right:1px solid var(--ink)}html[data-look="c"] .booth:nth-child(3n){border-right:0}html[data-look="c"] .booth:nth-child(n+6){border-bottom:1px solid var(--ink)}}
html[data-look="c"] .pickbar{border:1px solid var(--ink);border-radius:0;background:#fff}
html[data-look="c"] .steps{gap:0;border:1px solid var(--ink)}
html[data-look="c"] .step{border:0;border-right:1px solid var(--ink);border-radius:0;background:#fff;padding:26px 22px}
html[data-look="c"] .step:last-child{border-right:0}
html[data-look="c"] .step::before{color:var(--champagne);font-weight:500}
@media (max-width:800px){html[data-look="c"] .step:nth-child(2n){border-right:0}html[data-look="c"] .step:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
html[data-look="c"] .events{gap:0;border:1px solid var(--ink)}
html[data-look="c"] .event{border-radius:0;border-right:1px solid var(--ink)}
html[data-look="c"] .event:last-child{border-right:0}
html[data-look="c"] .event img{filter:saturate(.9)}
html[data-look="c"] .reviews{border:1px solid var(--ink);border-radius:0;background:#fff}
html[data-look="c"] .quote{border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0}
html[data-look="c"] .stars{color:var(--champagne)}
html[data-look="c"] .reviews .num{font-weight:500}
html[data-look="c"] .about img{border-radius:0;border:1px solid var(--ink);box-shadow:none;filter:saturate(.9)}
html[data-look="c"] .feedgrid{gap:0;border:1px solid var(--ink)}
html[data-look="c"] .feedgrid a{border-radius:0;border-right:1px solid var(--ink)}
html[data-look="c"] .feedgrid a:last-child{border-right:0}
html[data-look="c"] .reel video{border-radius:0;border:1px solid var(--ink)}
html[data-look="c"] .note{border-radius:0;border:1px solid var(--ink)}
html[data-look="c"] .note.ok,html[data-look="c"] .note.warn{background:#fff;border-color:var(--champagne)}
html[data-look="c"] .faq summary::after{color:var(--champagne)}
html[data-look="c"] footer{background:#fff;border-top:1px solid var(--ink)}
html[data-look="c"] footer b{letter-spacing:.2em;font-weight:500}
html[data-look="c"] .pane,html[data-look="c"] .ticket,html[data-look="c"] .item,html[data-look="c"] .cal,html[data-look="c"] .field input,html[data-look="c"] .field select,html[data-look="c"] .field textarea,html[data-look="c"] .choice label,html[data-look="c"] .tabs button,html[data-look="c"] .gamepick label,html[data-look="c"] .minicart .panel,html[data-look="c"] .confirm,html[data-look="c"] .signin,html[data-look="c"] .item img{border-radius:0}
html[data-look="c"] .ticket{border:1px solid var(--ink)}
html[data-look="c"] .ticket h3{color:var(--champagne)}
html[data-look="c"] .ticket .line.dep{background:var(--blush)}
html[data-look="c"] .tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink)}
html[data-look="c"] .item.on{border-color:var(--ink);box-shadow:none;background:var(--blush)}
html[data-look="c"] .item.on .chk{background:var(--ink);border-color:var(--ink)}
html[data-look="c"] .cal .days button{border-radius:0}
html[data-look="c"] .cal .days button.sel{background:var(--ink);border-color:var(--ink)}
html[data-look="c"] .minicart .pill{border-radius:0;background:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.2)}
html[data-look="c"] .minicart .pill .n{color:var(--ink);border-radius:0}
html[data-look="c"] .stickybar{background:var(--ink)}
html[data-look="c"] .pubbar{background:var(--ink);border-radius:0}

/* ---------- look chooser (all looks) ---------- */
.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.look{border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--cream);display:flex;flex-direction:column}
.look .swatch{height:150px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:end;padding:16px;gap:8px;position:relative}
.look .swatch i{display:block;height:34px;border-radius:6px}
.look .swatch b{position:absolute;left:16px;top:14px;font-size:1.6rem;line-height:1}
.look .bd{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.look .bd .btn{margin-top:auto}
.look.current{outline:3px solid var(--cocoa);outline-offset:2px}
@media (max-width:800px){.looks{grid-template-columns:1fr}}
.lookpill{position:fixed;left:18px;bottom:18px;z-index:71;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 10px 8px 14px;font-size:.82rem;font-weight:800;box-shadow:var(--shadow);display:flex;gap:8px;align-items:center;color:var(--ink)}
.lookpill select{font:inherit;font-weight:800;border:0;background:var(--blush);border-radius:999px;padding:6px 10px;color:var(--ink)}
@media (max-width:900px){.lookpill{bottom:auto;top:84px;left:12px}}