:root{
  --ink:#16101a;--plum:#1C0A14;--plum2:#2a1220;--pink:#FF5FA2;--deep:#D1006F;--paper:#FBF7F1;--sand:#F3ECE2;--line:#E4D8CC;--muted:#6f6268;
  --display:"Anton",Impact,"Arial Narrow Bold",sans-serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif;--serif:"Cormorant Garamond",Garamond,Georgia,serif;
  --pad:clamp(20px,4.4vw,72px);--max:1400px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.H{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.btn.pink{background:var(--pink);color:var(--ink)}.btn.pink:hover{background:#fff}
.btn.ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.06)}
.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:var(--deep)}
.more{font-weight:700;text-decoration:none;border-bottom:2px solid var(--pink);padding-bottom:3px}
.more:hover{color:var(--deep)}

/* top bar, shared with the inner pages */
.top{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:60px;padding:0 clamp(12px,2.6vw,36px);background:var(--plum);color:#fff;padding-top:env(safe-area-inset-top,0px);height:calc(60px + env(safe-area-inset-top,0px))}
.brand{color:#fff;text-decoration:none;white-space:nowrap}
.brand b{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.05em}
.brand b i{font-style:normal;color:var(--pink)}
.tabs3{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px}
.tab{color:#cdbfc6;font-weight:700;font-size:13px;padding:7px 15px;border-radius:999px;white-space:nowrap;text-decoration:none}
.tab:hover{color:#fff}
.tab[aria-current="page"]{background:var(--pink);color:var(--ink)}
.tabs3 .tm,.tabs3 .ts{display:none}
.cbtn{justify-self:end;color:var(--pink);font-weight:700;font-size:14px;text-decoration:none;border:1.5px solid var(--pink);border-radius:999px;padding:9px 18px;white-space:nowrap}
.cbtn:hover{background:var(--pink);color:var(--ink)}
@media (max-width:1520px){.tabs3 .tl2{display:none}.tabs3 .tm{display:inline}}
@media (max-width:1180px){.tabs3 .tm{display:none}.tabs3 .ts{display:inline}}
@media (max-width:820px){
  .top{grid-template-columns:auto 1fr;gap:10px}
  .tabs3{min-width:0;overflow-x:auto;scrollbar-width:none}.tabs3::-webkit-scrollbar{display:none}
  .tab{flex:none;font-size:13px;padding:6px 10px}
  .cbtn{display:none}
}

/* hero */
.hero{background:var(--plum);color:#fff;position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:calc(100svh - 60px);max-height:980px}
.hero .copy{padding:clamp(40px,7vh,96px) var(--pad);display:flex;flex-direction:column;justify-content:center;max-width:900px}
.hero h1{font-size:clamp(50px,min(6.4vw,9.2vh),128px)}
.hero h1 > span{display:block}
.hero h1 .ans{color:var(--pink)}
.hero .lede{font-size:clamp(18px,1.45vw,22px);line-height:1.5;color:#eadde3;max-width:34em;margin:clamp(22px,3.4vh,36px) 0 0}
.hero .lede b{color:#fff;font-weight:700}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,4vh,40px)}
.hero .also{margin-top:clamp(26px,4.4vh,46px);font-size:14.5px;color:#b9a8b1;max-width:36em}
.hero .also a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,95,162,.7)}
.hero .also a:hover{color:var(--pink)}
.hero figure{margin:0;position:relative;min-height:420px}
.hero figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--plum) 0,rgba(28,10,20,0) 22%)}
.hero figcaption{position:absolute;z-index:2;left:clamp(16px,2.4vw,32px);bottom:clamp(16px,3vh,36px);background:var(--paper);color:var(--ink);border-radius:14px;padding:14px 18px;max-width:300px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.hero figcaption b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1;letter-spacing:.01em}
.hero figcaption span{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.4}
/* the one orchestrated moment */
@media (prefers-reduced-motion:no-preference){
  .hero h1 > span{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero h1 .ans{animation-delay:.45s}
  .hero .lede,.hero .acts,.hero .also{animation:fade .8s ease both;animation-delay:.9s}
  .hero figure img{animation:wipe 1.3s cubic-bezier(.7,0,.2,1) both .1s}
  .hero figcaption{animation:fade .7s ease both 1.2s}
}
@keyframes rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes wipe{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}

/* promises */
.promise{padding:clamp(64px,10vh,120px) 0}
.promise .head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end}
.promise h2{font-size:clamp(42px,5.2vw,88px)}
.promise .head p{margin:0;font-size:19px;max-width:30em;color:#3a2f35}
.promise .head p b{color:var(--ink)}
.plist{list-style:none;margin:clamp(40px,6vh,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.plist li{padding:26px 26px 6px 0;border-right:1px solid var(--line)}
.plist li+li{padding-left:26px}
.plist li:last-child{border-right:0}
.plist .n{font-family:var(--display);font-size:clamp(72px,8vw,132px);line-height:.85;color:var(--deep);display:block}
.plist .n small{font-size:.32em;color:var(--ink);margin-left:.15em;letter-spacing:.02em}
.plist h3{font-size:19px;margin:18px 0 6px;line-height:1.25}
.plist p{margin:0;color:#4a3e44;font-size:16px}

/* Sue */
.sue{background:var(--sand);padding:clamp(64px,10vh,120px) 0}
.sue .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:center}
.sue figure{margin:0;position:relative}
.sue figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:4px}
.sue figure figcaption{position:absolute;right:-14px;bottom:28px;background:var(--pink);color:var(--ink);font-weight:700;font-size:14px;padding:10px 14px;border-radius:999px;transform:rotate(-3deg)}
.sue h2{font-size:clamp(42px,5vw,84px)}
.sue .letter{font-family:var(--serif);font-size:clamp(21px,1.75vw,27px);line-height:1.5;color:#2b2026;max-width:31em;margin-top:24px}
.sue .letter p{margin:0 0 .8em}
.sue .sig{font-family:var(--serif);font-style:italic;font-size:60px;line-height:1;color:var(--deep);margin:6px 0 2px}
.sue .role{font-size:14px;color:var(--muted)}
.sue .facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;padding-top:22px;border-top:1px solid #d9ccbf;font-size:15px;color:#3a2f35}
.sue .facts b{font-family:var(--display);font-weight:400;font-size:28px;color:var(--ink);margin-right:8px;vertical-align:-3px}

/* three ways */
.ways{padding:clamp(64px,10vh,120px) 0 clamp(40px,6vh,80px)}
.ways>.wrap>h2{font-size:clamp(42px,5.2vw,88px);max-width:12em}
.way{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(48px,8vh,96px)}
.way:nth-of-type(even) figure{order:2}
.way figure{margin:0;position:relative;overflow:hidden;border-radius:4px}
.way figure img{width:100%;aspect-ratio:16/11;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.way:hover figure img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.way figure img{transition:none}.way:hover figure img{transform:none}}
.way .tag{position:absolute;left:16px;top:16px;background:var(--plum);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px}
.way .prob{font-family:var(--serif);font-style:italic;font-size:clamp(22px,1.9vw,30px);line-height:1.3;color:var(--deep);margin:0 0 14px}
.way h3{font-size:clamp(34px,3.4vw,56px)}
.way .body{margin:16px 0 0;font-size:18px;color:#3a2f35;max-width:30em}
.way dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:22px 0 26px;font-size:15.5px}
.way dt{font-weight:800}
.way dd{margin:0;color:#4a3e44}
.way .body+.more{display:inline-block;margin-top:22px}

/* the year */
.year{background:var(--plum);color:#fff;padding:clamp(64px,10vh,120px) 0}
.year .head{display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap}
.year h2{font-size:clamp(42px,5.2vw,88px)}
.year h2 .p{color:var(--pink)}
.year .head p{margin:0;max-width:26em;color:#d6c6ce;font-size:18px}
.cal-scroll{overflow-x:auto;margin-top:clamp(36px,5vh,56px);padding-bottom:10px;scrollbar-color:var(--pink) transparent}
.cal{min-width:1060px;display:grid;grid-template-columns:150px .55fr .55fr 1.3fr 1.3fr 1.3fr 1.3fr 1.3fr .55fr .55fr 1.3fr .55fr .55fr;column-gap:4px;row-gap:10px}
.cal .m{font-size:13px;font-weight:700;color:#b9a8b1;padding:0 0 8px 6px;border-bottom:1px solid rgba(255,255,255,.14)}
.cal .lab{grid-column:1;align-self:center;font-weight:700;font-size:15px;line-height:1.25;padding-right:12px}
.cal .lab small{display:block;font-weight:500;color:#b9a8b1;font-size:13px}
.cal a,.cal .band{text-decoration:none;border-radius:10px;padding:12px 11px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.cal a b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:17px;line-height:1.02;letter-spacing:.01em}
.cal a span{font-size:12.5px;font-weight:600;margin-top:8px}
.cal .conf{background:var(--pink);color:var(--ink)}
.cal .conf:hover{background:#fff}
.cal .eve{background:#fff;color:var(--ink)}
.cal .eve:hover{background:var(--pink)}
.cal .eve span{color:var(--deep)}
.cal .eve:hover span{color:var(--ink)}
.cal .band{grid-column:2 / -1;z-index:1;min-height:84px;background:repeating-linear-gradient(-45deg,rgba(255,95,162,.16) 0 10px,rgba(255,95,162,.05) 10px 20px);color:#f0d9e4;font-size:14px;justify-content:center;padding-left:16px}
.cal .own{justify-content:space-between;align-items:flex-start;padding:12px 16px}
.cal .own b{font-size:19px;max-width:9em}
.cal .own span{margin-top:8px;color:#f0c8da}
.cal .own:hover{background:repeating-linear-gradient(-45deg,rgba(255,95,162,.26) 0 10px,rgba(255,95,162,.1) 10px 20px)}
.cal .conc{grid-column:2 / -1;background:linear-gradient(90deg,#3a1a2b,#4a2135);color:#fff;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.cal .conc:hover{background:linear-gradient(90deg,#4a2135,#5a2840)}
.cal .conc em{font-family:var(--serif);font-size:22px;font-style:italic}
.cal .conc span{margin:0;color:#f0c8da}
.cal .now{grid-column:2 / -1}
.year .hint{display:none;font-size:13px;color:#b9a8b1;margin-top:8px}

/* contact */
.contact{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:clamp(72px,12vh,140px) 0}
.contact::before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(10px,1.4vw,22px);background:var(--pink)}
.contact::after{content:"";position:absolute;right:-12%;top:-30%;width:62%;height:160%;background:repeating-linear-gradient(-58deg,transparent 0 46px,rgba(255,95,162,.13) 46px 54px);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.contact .grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.contact h2{font-size:clamp(54px,7vw,128px)}
.contact h2 > span{display:block}
.contact h2 .p{color:var(--pink)}
.contact .intro{font-size:19px;color:#e2d5db;max-width:30em;margin:24px 0 0}
.contact .card{background:var(--paper);color:var(--ink);border-radius:18px;padding:clamp(24px,3vw,40px)}
.contact .lab{font-size:14px;font-weight:700;color:var(--muted)}
.contact .big{display:block;font-family:var(--display);font-size:clamp(38px,3.6vw,58px);line-height:1;margin:6px 0 18px;text-decoration:none;color:var(--ink)}
.contact .big:hover{color:var(--deep)}
.contact .mail{display:block;font-weight:800;font-size:clamp(18px,1.6vw,23px);margin:6px 0 22px;text-decoration:none;color:var(--ink);word-break:break-word}
.contact .mail:hover{color:var(--deep)}
.contact .card .acts{display:flex;flex-wrap:wrap;gap:10px}
.contact .tips{margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line);font-size:15px;color:#4a3e44}
.contact .tips b{color:var(--ink)}

/* footer */
footer{background:var(--plum);color:#b9a8b1;padding:44px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:14px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
footer .brand b{font-size:26px}
footer .slog{font-family:var(--display);color:#fff;text-transform:uppercase;font-size:22px;letter-spacing:.02em;margin-top:8px}
footer .slog i{font-style:normal;color:var(--pink)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer nav a{color:#fff;text-decoration:none;font-weight:600}
footer nav a:hover{color:var(--pink)}
footer .legal{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);max-width:62em;line-height:1.6}

/* responsive */
@media (max-width:1000px){
  .hero .grid{grid-template-columns:minmax(0,1fr);max-height:none;min-height:0}
  .hero figure{order:-1;min-height:0;height:46vh;max-height:440px}
  .hero figure::after{background:linear-gradient(0deg,var(--plum) 0,rgba(28,10,20,0) 40%)}
  .hero figcaption{display:none}
  .hero .copy{padding-top:8px}
  .promise .head,.sue .grid,.way,.contact .grid{grid-template-columns:1fr}
  .way:nth-of-type(even) figure{order:0}
  .plist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plist li:nth-child(2){border-right:0}
  .plist li:nth-child(3){padding-left:0}
  .plist li:nth-child(n+3){border-top:1px solid var(--line)}
  .sue figure{max-width:420px}
  .sue figure figcaption{right:12px}
  .year .hint{display:block}
}
@media (max-width:560px){
  body{font-size:16px}
  .plist{grid-template-columns:1fr}
  .plist li,.plist li+li{padding-left:0;border-right:0}
  .plist li+li{border-top:1px solid var(--line)}
  .hero .acts .btn{flex:1 1 100%}
  .way dl{grid-template-columns:1fr;gap:2px}
  .way dd{margin-bottom:8px}
}

/* ===== shared page components (inner pages) ===== */
.sec{padding:clamp(64px,10vh,120px) 0}
.sec.sand{background:var(--sand)}
.sec.dark{background:var(--plum);color:#fff}
.h2{font-size:clamp(40px,4.8vw,82px)}
.h2 .p{color:var(--deep)}
.dark .h2 .p,.hero .p{color:var(--pink)}
.intro{font-size:clamp(17px,1.3vw,20px);color:#3a2f35;max-width:34em;margin:20px 0 0}
.dark .intro{color:#d6c6ce}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.crumb{align-self:flex-start;display:inline-block;color:#d6c6ce;text-decoration:none;font-weight:600;font-size:14px;margin-bottom:22px;border-bottom:1px solid rgba(255,95,162,.6);padding-bottom:2px}
.crumb:hover{color:#fff}
.hero .chips{margin-top:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}
.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600}
.hero .chips li,.dark .chips li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.kf{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:clamp(22px,3.4vh,34px)}
.kf div{display:flex;flex-direction:column}
.kf b{font-family:var(--display);font-weight:400;font-size:clamp(34px,3vw,48px);line-height:1}
.kf b.p{color:var(--pink)}
.kf span{font-size:13.5px;color:#b9a8b1;margin-top:4px}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ddc84;margin-right:8px;box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.note{background:#fff;border-left:4px solid var(--pink);border-radius:4px;padding:14px 16px;font-size:15px;margin-top:22px;color:#3a2f35;max-width:36em}
.note b{color:var(--ink)}
.fine{font-size:13.5px;color:var(--muted)}
.dark .fine{color:#b9a8b1}

/* four conference cards */
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vh,56px)}
.cc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(380px,52vh,520px);border-radius:6px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate}
.cc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,10,20,.05) 30%,rgba(28,10,20,.92) 88%)}
.cc:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.cc img{transition:none}.cc:hover img{transform:none}}
.cc .mo{position:absolute;top:16px;left:16px;background:var(--pink);color:var(--ink);font-family:var(--display);font-size:20px;line-height:1;padding:8px 12px;border-radius:6px;text-transform:uppercase}
.cc .dual{position:absolute;top:16px;right:16px;background:#fff;color:var(--ink);font-weight:700;font-size:12.5px;padding:7px 11px;border-radius:999px}
.cc .tx{padding:20px}
.cc .w{font-size:13.5px;color:#ffc2dc;font-weight:600}
.cc h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,2.2vw,36px);line-height:.98;margin:8px 0 12px}
.cc .go{font-weight:700;font-size:14px;border-bottom:2px solid var(--pink);padding-bottom:2px}

/* 12 of 120 */
.vs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);margin-top:clamp(36px,5vh,56px);align-items:stretch}
.vs .a,.vs .b{border-radius:8px;padding:clamp(22px,2.6vw,36px)}
.vs .a{background:#fff;border:1px solid var(--line)}
.vs .b{background:var(--plum);color:#fff}
.vs h3{font-size:19px;margin:0 0 10px}
.vs .big{font-family:var(--display);font-size:clamp(56px,6vw,96px);line-height:.9;margin:6px 0 12px}
.vs .a .big{color:#b7aaa1}
.vs .b .big{color:var(--pink)}
.vs p{margin:0;max-width:30em}
.vs .a p{color:#4a3e44}
.vs .b p{color:#e2d5db}
.dots{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;margin-top:22px;max-width:520px}
.dots i{aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.16)}
.dots i.on{background:var(--pink)}
.vs .a .dots i{background:#e9e1d8}
.vs .a .dots i.on{background:#b7aaa1}

/* timeline (a real sequence) */
.tl{list-style:none;margin:clamp(36px,5vh,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.tl li{padding:20px 18px 0 0;position:relative}
.tl li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--pink);border:2px solid var(--ink)}
.tl small{display:block;font-weight:700;color:var(--deep);font-size:13.5px;margin-top:6px}
.tl b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:24px;line-height:1;margin:8px 0}
.tl span{font-size:15px;color:#4a3e44}

/* who you'll meet */
.mixbar{display:flex;height:46px;border-radius:6px;overflow:hidden;margin-top:28px}
.mixbar div{display:flex;align-items:center;padding-left:10px;font-weight:800;font-size:14px;color:var(--ink);min-width:0}
.mixkey{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.mixkey li{display:flex;align-items:center;gap:10px;font-size:15.5px}
.mixkey i{width:14px;height:14px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.mixkey b{min-width:3em}
.qs{list-style:none;padding:0;margin:26px 0 0;border-top:2px solid var(--ink)}
.qs li{padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.4vw,21px);font-weight:600;line-height:1.35}

/* planner */
.plan{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);margin-top:clamp(32px,5vh,52px);align-items:start}
.plan label,.plan .lbl{display:block;font-weight:700;font-size:14.5px;color:#d6c6ce;margin:0 0 10px}
.plan .grp{margin-bottom:26px}
.seg{display:inline-flex;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;gap:4px}
.seg button,.chs button{font:inherit;cursor:pointer;border:0}
.seg button{background:transparent;color:#d6c6ce;font-weight:700;font-size:14.5px;padding:9px 16px;border-radius:999px}
.seg button[aria-pressed="true"]{background:var(--pink);color:var(--ink)}
.chs{display:flex;flex-wrap:wrap;gap:8px}
.chs button{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);padding:8px 14px;border-radius:999px;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.chs button i{width:11px;height:11px;border-radius:50%}
.chs button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:none}
.dl{display:flex;justify-content:space-between;align-items:baseline}
.dl output{font-family:var(--display);font-size:30px;color:var(--pink)}
input[type=range]{width:100%;accent-color:var(--pink)}
.seats{display:grid;grid-template-columns:repeat(15,1fr);gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:clamp(14px,2vw,24px)}
.seats i{aspect-ratio:1;border-radius:50%;opacity:.18;transition:opacity .3s,transform .3s}
.seats i.on{opacity:.55}
.seats i.me{opacity:1;transform:scale(1.18);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media (prefers-reduced-motion:reduce){.seats i{transition:none}}
.rsum{margin:18px 0 0;font-size:18px;line-height:1.45;color:#fff}
.rsum b{display:block;font-size:13.5px;color:var(--pink);margin-bottom:4px}
.fun{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:18px;border-radius:8px;overflow:hidden}
.fun div{background:rgba(255,255,255,.07);padding:14px 12px}
.fun b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.2vw,36px);line-height:1}
.fun div:last-child{background:var(--pink);color:var(--ink)}
.fun span{font-size:12.5px;color:#d6c6ce}
.fun div:last-child span{color:var(--ink)}
.plan .acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}

/* two days */
.days{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);margin-top:clamp(32px,5vh,52px);align-items:start}
.day h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:30px;margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.slot{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.slot time{font-weight:800;font-variant-numeric:tabular-nums;color:var(--deep)}
.slot b{display:block}
.slot span{color:#4a3e44;font-size:15.5px}
.slot.star{background:linear-gradient(90deg,rgba(255,95,162,.14),transparent);margin:0 -10px;padding-left:10px;padding-right:10px}
.tbl svg{width:100%;max-width:320px;height:auto}
.tbl p{margin:10px 0 0;color:#4a3e44;max-width:22em}

/* packages */
.pk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;margin-top:clamp(32px,5vh,52px)}
.pkc{border-radius:10px;padding:clamp(24px,2.6vw,36px);background:#fff;border:1px solid var(--line)}
.pkc.lead{background:var(--plum);color:#fff;border:0}
.pkc .who{font-weight:700;font-size:14px;color:var(--deep)}
.pkc.lead .who{color:var(--pink)}
.pkc h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(34px,3vw,48px);margin:6px 0 4px;line-height:1}
.pkc .mt{font-family:var(--display);font-size:clamp(64px,6vw,96px);line-height:.9;color:var(--deep)}
.pkc.lead .mt{color:var(--pink)}
.pkc .mt small{font-family:var(--serif);font-style:italic;font-size:24px;color:inherit;margin-left:10px;color:#b9a8b1}
.pkc ul{list-style:none;padding:0;margin:18px 0 0}
.pkc li{padding:9px 0 9px 22px;border-top:1px solid var(--line);position:relative;font-size:16px}
.pkc.lead li{border-color:rgba(255,255,255,.12)}
.pkc li::before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(32px,5vh,52px);border-top:2px solid var(--ink)}
.mini div{padding:18px 18px 0 0}
.mini b{font-family:var(--display);font-weight:400;font-size:52px;line-height:.9;color:var(--deep);display:block}
.mini h3{font-size:16.5px;margin:10px 0 4px}
.mini p{margin:0;font-size:14.5px;color:#4a3e44}

/* other conferences strip */
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.others .cc{min-height:260px}

/* entertainment */
.evcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vh,56px)}
.evc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(360px,50vh,480px);border-radius:6px;overflow:hidden;color:#fff;isolation:isolate;border:0;padding:0;text-align:left;font:inherit;cursor:pointer;background:var(--plum)}
.evc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.evc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,10,20,0) 35%,rgba(28,10,20,.92) 90%)}
.evc:hover img{transform:scale(1.04)}
.evc[aria-pressed="true"]{outline:4px solid var(--pink);outline-offset:-4px}
@media (prefers-reduced-motion:reduce){.evc img{transition:none}.evc:hover img{transform:none}}
.evc .tx{padding:20px}
.evc .d{display:inline-block;background:var(--pink);color:var(--ink);font-family:var(--display);font-size:18px;text-transform:uppercase;padding:6px 10px;border-radius:5px}
.evc h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,2.6vw,42px);line-height:.98;margin:12px 0 8px}
.evc .pr{font-weight:700;font-size:15px}
.evp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);margin-top:clamp(28px,4vh,44px);background:#fff;border:1px solid var(--line);border-radius:10px;padding:clamp(24px,3vw,44px)}
.evp h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(36px,3.4vw,56px);margin:0;line-height:.95}
.evp .when{font-weight:700;color:var(--deep);margin:10px 0 0}
.evp .hook{font-family:var(--serif);font-size:clamp(20px,1.6vw,25px);line-height:1.45;margin:16px 0 0}
.evp .biz{margin:18px 0 0;padding:14px 16px;background:var(--sand);border-radius:6px;font-size:15.5px}
.evp .biz b{display:block;margin-bottom:4px}
.run{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.run li{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.run time{font-weight:800;color:var(--deep);font-variant-numeric:tabular-nums}
.evp .dress{font-size:15px;color:#4a3e44;margin:16px 0 0}
.evp .buy{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
.evp .price{font-family:var(--display);font-size:44px;line-height:1}
.evp .price small{font-family:var(--body);font-size:14px;color:var(--muted);margin-left:8px;font-weight:600}
.tiers{display:inline-flex;flex-wrap:wrap;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;gap:4px;margin-top:26px}
.tiers button{font:inherit;cursor:pointer;border:0;background:transparent;color:#d6c6ce;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px}
.tiers button[aria-pressed="true"]{background:var(--pink);color:var(--ink)}
.ideas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(196px,1fr);gap:12px;margin-top:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-color:var(--pink) transparent}
.idea{scroll-snap-align:start}
.idea{position:relative;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;border-radius:6px;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;background:var(--plum2)}
.idea img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.idea::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,10,20,0) 30%,rgba(28,10,20,.9) 92%)}
.idea .tx{padding:14px}
.idea b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:23px;line-height:1}
.idea span{font-size:13.5px;color:#ffc2dc;font-weight:600}
.idea[aria-pressed="true"]{outline:4px solid var(--pink);outline-offset:-4px}
.ip{margin-top:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:clamp(20px,2.6vw,36px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.ip h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(32px,3vw,48px);margin:0;line-height:.95}
.ip .hook{font-family:var(--serif);font-size:clamp(19px,1.5vw,24px);line-height:1.45;margin:12px 0 0;color:#f3e6ec}
.ip .biz{margin:16px 0 0;color:#d6c6ce;font-size:15.5px}
.ip .biz b{color:#fff}
.ip ol{list-style:none;padding:0;margin:0;border-top:2px solid var(--pink)}
.ip li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ip li b{display:block;color:var(--pink)}
.ip li span{color:#e2d5db;font-size:15.5px}
.ip .buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.ip .price{font-family:var(--display);font-size:34px}
.steps3{list-style:none;padding:0;margin:clamp(32px,5vh,52px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.steps3 li{padding:20px 22px 0 0}
.steps3 b{display:block;font-family:var(--display);font-weight:400;font-size:64px;line-height:.9;color:var(--deep)}
.steps3 h3{font-size:20px;margin:10px 0 6px}
.steps3 p{margin:0;color:#4a3e44}
.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vh,52px)}
.reasons div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}
.reasons h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:26px;margin:0 0 8px;line-height:1}
.reasons p{margin:0;color:#4a3e44}
.xsell{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;background:var(--pink);color:var(--ink);border-radius:10px;padding:clamp(24px,3vw,40px);margin-top:clamp(40px,6vh,64px)}
.xsell h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3vw,48px);margin:0;line-height:1}
.xsell p{margin:6px 0 0;font-size:17px}

@media (max-width:1000px){
  .split,.vs,.plan,.days,.pk,.evp,.ip{grid-template-columns:1fr}
  .cards4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .others,.evcards,.reasons,.steps3{grid-template-columns:1fr}
  .others .cc{min-height:200px}
}
@media (max-width:560px){
  .cards4{grid-template-columns:1fr}
  .cc{min-height:320px}
  .tl{grid-template-columns:1fr 1fr}
  .seats{grid-template-columns:repeat(12,1fr);gap:5px}
  .fun{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ideas{grid-auto-columns:72%}
  .idea{min-height:180px}
  .evc{min-height:300px}
}
.hero.solo{padding-bottom:clamp(56px,9vh,104px)}
.hero.solo .copy{max-width:none;padding:clamp(48px,8vh,96px) 0 0;display:block}
.hero.solo .row2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.hero.solo .lede{margin-top:0}
.hero .places{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:14.5px;color:#d6c6ce}
.hero .places b{color:#fff}

/* finish the sentence */
.sentwrap{position:relative;margin-top:clamp(28px,4vh,44px)}
.hint{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#ffc2dc}
.hint i{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 0 rgba(255,95,162,.6);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(255,95,162,0)}100%{box-shadow:0 0 0 0 rgba(255,95,162,0)}}
@media (prefers-reduced-motion:reduce){.hint i{animation:none}}
.sent{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.1vw,48px);line-height:1.55;color:#fff;max-width:26em;margin:14px 0 0}
.tok{font:inherit;font-style:italic;color:var(--pink);background:none;border:0;border-bottom:2px dashed rgba(255,95,162,.75);padding:0 .08em;cursor:pointer;line-height:1.2}
.tok:hover,.tok[aria-expanded="true"]{color:#fff;border-bottom-color:#fff}
.tok.pop{animation:tokpop .5s ease}
@keyframes tokpop{40%{color:#fff;text-shadow:0 0 18px rgba(255,95,162,.9)}}
@media (prefers-reduced-motion:reduce){.tok.pop{animation:none}}
.tmenu{position:absolute;z-index:30;min-width:240px;max-width:min(360px,92vw);background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:6px;display:none}
.tmenu.on{display:block}
.tmenu button{display:block;width:100%;text-align:left;font:inherit;font-size:16px;font-weight:600;border:0;background:none;padding:10px 12px;border-radius:7px;cursor:pointer;color:var(--ink)}
.tmenu button:hover,.tmenu button:focus-visible{background:var(--sand)}
.tmenu button[aria-selected="true"]{background:var(--pink)}
.sentacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(32px,5vh,48px)}
.res[hidden]{display:none}
.rc{position:relative;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}
.rc .im{position:relative;aspect-ratio:16/10;overflow:hidden}
.rc img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.rc:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.rc img{transition:none}.rc:hover img{transform:none}}
.rc .why{position:absolute;left:12px;top:12px;background:var(--pink);color:var(--ink);font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:999px}
.rc .tx{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.rc b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:28px;line-height:1}
.rc .hk{font-family:var(--serif);font-size:19px;line-height:1.4;color:#3a2f35}
.rc .pp{margin-top:auto;font-weight:700;font-size:15px}
.rc .pp span{display:block;font-weight:500;color:var(--muted);font-size:13.5px}
.rc[aria-pressed="true"]{outline:4px solid var(--pink);outline-offset:-4px}
.browse{margin-top:clamp(36px,5vh,56px);border-top:1px solid rgba(255,255,255,.14);padding-top:24px}
.browse summary{cursor:pointer;font-weight:700;font-size:16px;color:#fff;list-style:none;display:inline-flex;align-items:center;gap:10px}
.browse summary::-webkit-details-marker{display:none}
.browse summary::before{content:"+";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pink);color:var(--ink);font-weight:800}
.browse[open] summary::before{content:"\2212"}
@media (max-width:1000px){.res{grid-template-columns:1fr}}
.ip[hidden]{display:none}
button.btn{border:0;font:inherit;cursor:pointer;background:transparent}

/* scroll down indicator */
.scrollcue{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:45;display:inline-flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);font-weight:700;font-size:14px;padding:11px 16px 11px 20px;border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.38);text-decoration:none;transition:opacity .4s ease,transform .4s ease;animation:cuein .6s ease 1.8s backwards}
.scrollcue:hover{background:var(--pink)}
.scrollcue svg{width:18px;height:18px;color:var(--deep);animation:nudge 1.6s ease-in-out infinite}
.scrollcue:hover svg{color:var(--ink)}
.scrollcue.gone{opacity:0;pointer-events:none;transform:translate(-50%,14px)}
@keyframes cuein{from{opacity:0;transform:translate(-50%,14px)}}
@keyframes nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.scrollcue,.scrollcue svg{animation:none;transition:none}}
@media print{.scrollcue{display:none}}
@media (max-width:640px){
  .scrollcue{left:auto;right:14px;transform:none;padding:9px 12px 9px 14px;font-size:13px;animation-name:cueinm}
  .scrollcue.gone{transform:translateY(14px)}
}
@keyframes cueinm{from{opacity:0;transform:translateY(14px)}}


/* pull quotes, in Metis House's own voice */
.pq{padding:clamp(64px,11vh,128px) 0;background:var(--paper);position:relative;overflow:hidden}
.pq.dk{background:var(--ink);color:#fff}
.pq.pink{background:var(--pink);color:var(--ink)}
.pq .wrap{position:relative}
.pq blockquote{margin:0;max-width:1100px;position:relative;padding-left:clamp(0px,7vw,120px)}
.pq.r blockquote{margin-left:auto;width:fit-content}
.pq blockquote::before{content:"\201C";position:absolute;left:0;top:-.08em;font-family:var(--display);font-size:clamp(120px,15vw,240px);line-height:.8;color:var(--pink)}
.pq.pink blockquote::before{color:var(--plum)}
.pq p{margin:0;max-width:26ch;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(32px,4vw,62px);line-height:1.12;letter-spacing:-.005em}
.pq p b{font-family:var(--display);font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:var(--deep);font-size:.92em}
.pq.dk p b{color:var(--pink)}
.pq.pink p b{color:var(--plum)}
.pq .rule{display:block;width:72px;height:4px;background:var(--pink);margin-top:28px}
.pq.pink .rule{background:var(--plum)}
@media (max-width:640px){.pq blockquote{padding-left:0;padding-top:70px}.pq blockquote::before{font-size:130px}}

/* phone menu */
.mbtn{display:none;justify-self:end;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff;font:inherit;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;cursor:pointer}
.mbtn i{display:block;width:16px;height:2px;background:currentColor;position:relative}
.mbtn i::before,.mbtn i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor}
.mbtn i::before{top:-5px}.mbtn i::after{top:5px}
.top.open .mbtn i{background:transparent}
.top.open .mbtn i::before{top:0;transform:rotate(45deg)}
.top.open .mbtn i::after{top:0;transform:rotate(-45deg)}
@media (max-width:820px){
  .top{position:sticky;grid-template-columns:1fr auto}
  .mbtn{display:inline-flex}
  .top .tabs3{display:none}
  .top.open .tabs3{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--plum);border-radius:0;padding:10px 14px 18px;gap:4px;overflow:visible;box-shadow:0 18px 30px rgba(0,0,0,.35)}
  .top.open .tab{font-size:17px;padding:14px 16px;border-radius:10px;white-space:normal}
  .top.open .tab .tl2{display:inline}.top.open .tab .tm,.top.open .tab .ts{display:none}
  .top.open .tabs3::after{content:none}
  .top .mlink{display:block}
}
.mlink{display:none}
.top.open .mlink{margin-top:6px;text-align:center;background:var(--pink);color:var(--ink);font-weight:800;border-radius:999px;padding:13px;text-decoration:none}

/* phones: words first, photo second */
@media (max-width:1000px){
  .hero figure{order:1;height:32vh;max-height:300px;min-height:200px}
  .hero figure::after{background:linear-gradient(180deg,var(--plum) 0,rgba(28,10,20,0) 45%)}
  .hero .copy{padding-top:clamp(32px,6vh,56px);padding-bottom:28px}
}

/* privacy page */
.legaltext{max-width:44em}
.legaltext h2{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:28px;margin:40px 0 10px}
.legaltext p{font-size:17px;color:#3a2f35;margin:0 0 14px}

/* ================= devices (motion and interaction) ================= */
/* hero line: words flip in, underline draws, key word turns */
.hero h1 > span{display:block}
.twist{position:relative;perspective:700px}
.tw-w{display:inline-block;transform-origin:50% 65%}
.tw-k{position:relative}
.tw-k::after{content:"";position:absolute;left:.02em;right:.02em;bottom:-.08em;height:.07em;min-height:3px;border-radius:3px;background:linear-gradient(90deg,var(--deep),var(--pink))}
@media (prefers-reduced-motion:no-preference){
  .hero h1 .twist{animation:none}
  .tw-w{opacity:0;transform:rotateX(-95deg);animation:twIn .8s cubic-bezier(.2,.8,.2,1) forwards}
  .tw-w:nth-child(1){animation-delay:.45s}.tw-w:nth-child(2){animation-delay:.57s}.tw-w:nth-child(3){animation-delay:.69s}.tw-w:nth-child(4){animation-delay:.81s}.tw-w:nth-child(5){animation-delay:.93s}.tw-w:nth-child(6){animation-delay:1.05s}
  .tw-k{animation:twIn .8s cubic-bezier(.2,.8,.2,1) .95s forwards,twTurn 9s cubic-bezier(.65,0,.25,1) 4s infinite}
  .tw-k::after{transform:scaleX(0);transform-origin:left;animation:twLine .9s cubic-bezier(.2,.8,.2,1) 1.6s forwards}
  /* photos drift slowly after they arrive */
  .hero figure img{animation:wipe 1.3s cubic-bezier(.7,0,.2,1) both .1s,drift 22s ease-in-out 1.4s infinite alternate}
  .live{animation:livepulse 2s infinite}
}
@keyframes twIn{to{opacity:1;transform:none}}
@keyframes twTurn{0%,86%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes twLine{to{transform:scaleX(1)}}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.08) translate(-1%,-1%)}}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}

/* things that arrive as you scroll to them */
@media (prefers-reduced-motion:no-preference){
  .js .cal a{opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)}
  .js .cal.in a{opacity:1;transform:none}
  .js .dots i{transition:background .35s ease,transform .35s ease;transition-delay:calc(var(--i,0) * 40ms)}
  .js .dots:not(.in) i.on{background:rgba(255,255,255,.16);transform:scale(.7)}
  .js .vs .a .dots:not(.in) i.on{background:#e9e1d8}
}

/* tilted cards that straighten and lift */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .way figure{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
  .way:nth-of-type(odd) figure{transform:rotate(-1.6deg)}
  .way:nth-of-type(even) figure{transform:rotate(1.6deg)}
  .way:hover figure{transform:translateY(-10px) rotate(0);box-shadow:0 34px 70px rgba(28,10,20,.35)}
  .cc,.evc{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
  .cc:hover,.evc:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(28,10,20,.4)}
  .cards4 .cc:nth-child(odd){transform:rotate(-1deg)}.cards4 .cc:nth-child(even){transform:rotate(1deg)}
  .cards4 .cc:hover{transform:translateY(-12px) rotate(0)}
}

/* the black concierge card */
.ccwrap{position:relative;aspect-ratio:16/11;border-radius:4px;overflow:hidden;display:grid;place-items:center;background:#0d0a0b}
.ccwrap > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;filter:saturate(.8)}
.ccard{position:relative;width:min(380px,74%);aspect-ratio:1.586;border-radius:14px;background:linear-gradient(135deg,#1b1b1b 0%,#060606 58%,#211d16 100%);border:1px solid rgba(201,169,106,.55);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);color:#f3ead8;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform-style:preserve-3d;will-change:transform}
.ccard::after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 40%,rgba(255,240,210,.22) 50%,transparent 60%);transform:translateX(-60%);pointer-events:none}
.ccard .ct{display:flex;justify-content:space-between;align-items:flex-start;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:#c9a96a}
.ccard .ct svg{width:34px;height:31px}
.ccard .cn{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);line-height:1.05}
.ccard .cn i{color:#d9bf8a}
.ccard .cf{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#a99a80}
@media (prefers-reduced-motion:no-preference){
  .ccard{animation:float 6s ease-in-out infinite}
  .ccard::after{animation:sheen 5.5s ease-in-out 1.5s infinite}
}
@keyframes float{0%,100%{translate:0 0;rotate:-1.2deg}50%{translate:0 -8px;rotate:1deg}}
@keyframes sheen{0%,62%{transform:translateX(-60%)}100%{transform:translateX(60%)}}

/* sentence words glow until someone touches them */
@media (prefers-reduced-motion:no-preference){
  .sent:not(.touched) .tok{animation:tokglow 2.4s ease-in-out infinite}
  .seats i.me{animation:seatpop .5s cubic-bezier(.2,.8,.2,1)}
}
@keyframes tokglow{0%,100%{color:var(--pink);text-shadow:none}50%{color:#ffd3e7;text-shadow:0 0 18px rgba(255,95,162,.75)}}
@keyframes seatpop{0%{transform:scale(.4)}70%{transform:scale(1.35)}100%{transform:scale(1.18)}}

/* the invitation envelope */
.envfig{display:grid;place-items:center}
.envfig > img{opacity:.55}
.env{position:relative;z-index:3;width:min(460px,84%);aspect-ratio:1.55;perspective:1400px;margin-top:-4%}
.env .eback{position:absolute;inset:0;background:#191315;border-radius:6px;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.env .letter{position:absolute;left:5%;right:5%;top:6%;bottom:6%;background:var(--paper);color:var(--ink);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6%;z-index:1;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .45s;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.env .letter::after{content:"";position:absolute;inset:8px;border:1px solid rgba(209,0,111,.4);border-radius:3px;pointer-events:none}
.env .letter .it{font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.5vw,20px);color:#5c4f55}
.env .letter b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(28px,3vw,44px);line-height:.95;margin:6px 0 2px}
.env .letter b i{font-style:normal;color:var(--deep);display:block}
.env .letter .acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;position:relative;z-index:2;opacity:0;transition:opacity .5s 1.4s}
.env .letter .btn{padding:10px 16px;font-size:14px}
.env .front{position:absolute;inset:0;z-index:2;border-radius:6px;overflow:hidden;pointer-events:none}
.env .front::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#2a1f24,#161113);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}
.env .front::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(255,255,255,.05),transparent 40%);clip-path:polygon(0 100%,50% 48%,100% 100%)}
.env .flap{position:absolute;left:0;right:0;top:0;height:56%;z-index:3;transform-origin:top center;transition:transform .9s cubic-bezier(.4,0,.2,1),z-index 0s .45s}
.env .flap::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#30242a,#1d1619);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:6px 6px 0 0}
.env .addr{position:absolute;left:0;right:0;bottom:9%;z-index:4;text-align:center;pointer-events:none;transition:opacity .4s;color:#fff}
.env .addr b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(30px,3vw,46px);letter-spacing:.14em}
.env .addr span{font-family:var(--serif);font-style:italic;color:#bfaeb6;font-size:clamp(14px,1.2vw,17px)}
.seal{position:absolute;left:50%;top:50%;width:clamp(64px,7vw,96px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:5;border:0;padding:0;background:none;cursor:pointer;transition:transform .5s ease,opacity .5s ease;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.seal:hover{transform:translate(-50%,-50%) scale(1.07) rotate(-5deg)}
.seal svg{width:100%;height:100%}
.envhint{position:absolute;z-index:3;left:50%;bottom:7%;transform:translateX(-50%);background:rgba(28,10,20,.75);color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;padding:8px 16px;border-radius:999px;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.envhint{animation:breathe 2.6s ease-in-out infinite}}
@keyframes breathe{50%{opacity:.45}}
.env.open .seal{transform:translate(-50%,-30%) scale(.6) rotate(25deg);opacity:0;pointer-events:none}
.env.open .flap{transform:rotateX(180deg);z-index:0}
.env.open .addr{opacity:0}
.env.open .letter{transform:translateY(-52%)}
.env.open .letter .acts{opacity:1}
.env.out .letter{z-index:6;transform:translateY(-14%) scale(1.06);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.envfig.opened .envhint{display:none}
@media (prefers-reduced-motion:reduce){.env .letter,.env .flap,.seal,.env .letter .acts{transition:none}}
@media (max-width:1000px){.hero figure.envfig{height:auto;max-height:none;min-height:0;padding:110px 0 70px}.env{width:min(420px,88%);margin-top:0}.envhint{bottom:18px}}

/* the three-card deck with turn-over corners */
.deckwrap{margin-top:clamp(32px,5vh,48px)}
.deckwrap[hidden]{display:none}
.stage{position:relative;height:clamp(560px,74vh,660px);perspective:1800px;display:flex;align-items:center;justify-content:center}
.dcard{position:absolute;z-index:3;width:min(430px,88vw);height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}
.dcard.side-l,.dcard.side-r{z-index:1}
.dcard.side-l{transform:translateX(-66%) scale(.84) rotateY(10deg);opacity:.5;filter:brightness(.55);cursor:pointer}
.dcard.side-r{transform:translateX(66%) scale(.84) rotateY(-10deg);opacity:.5;filter:brightness(.55);cursor:pointer}
.dcard.deal{transform:translateY(60vh) rotate(10deg);opacity:0}
.dcard .flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.dcard.flipped .flip{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);color:var(--ink);border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55);display:flex;flex-direction:column}
.face::after{content:"";position:absolute;inset:9px;border:1px solid rgba(209,0,111,.35);border-radius:6px;pointer-events:none;z-index:3}
.face.back{transform:rotateY(180deg);padding:30px 28px 70px}
.face .im{height:44%;flex:none;position:relative;overflow:hidden}
.face .im img{width:100%;height:100%;object-fit:cover}
.face .pick{position:absolute;right:16px;top:16px;width:64px;height:64px;border-radius:50%;background:var(--pink);color:var(--ink);display:grid;place-items:center;text-align:center;font-weight:800;font-size:12.5px;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.face .inv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 26px 40px}
.face .inv small{font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.face .inv .it{font-family:var(--serif);font-style:italic;font-size:17px;color:#5c4f55;margin-top:6px}
.face .inv b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3vw,40px);line-height:.95;margin:6px 0}
.face .inv .hk{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35;color:#3a2f35;max-width:22em}
.face .inv .meta{margin-top:10px;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.face.back h4{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:30px;margin:2px 0 12px;line-height:1}
.face.back small{font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.btabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}
.btabs button{font:inherit;font-size:14px;font-weight:700;border:0;background:none;padding:8px 10px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.btabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--pink)}
.bpane{overflow:auto;font-size:15.5px;line-height:1.5}
.bpane dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px}
.bpane dt{font-weight:800;color:var(--deep)}
.bpane dd{margin:0;color:#3a2f35}
.bpane .big{font-family:var(--display);font-size:38px;line-height:1;margin:4px 0 6px}
.bpane .note2{background:var(--plum);color:#fff;border-radius:6px;padding:12px 14px;margin-top:12px;font-size:14.5px}
.bpane .btn{margin-top:14px}
.curl{position:absolute;right:0;bottom:0;width:66px;height:66px;border:0;padding:0;background:none;cursor:pointer;z-index:6;transform-origin:100% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.curl::before{content:"";position:absolute;inset:0;background:linear-gradient(315deg,var(--plum) 0 50%,transparent 50%)}
.curl::after{content:"";position:absolute;inset:0;background:linear-gradient(315deg,transparent 0 50%,#c9b9a6 50%,#efe6da 62%,#fffaf2 100%);filter:drop-shadow(-4px -4px 6px rgba(0,0,0,.28))}
.curl span{position:absolute;right:calc(100% - 4px);bottom:12px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--deep);padding-right:6px;pointer-events:none}
.curl:hover,.curl:focus-visible{transform:scale(1.2)}
@media (prefers-reduced-motion:no-preference){.curl{animation:peel 5s ease-in-out 1.5s infinite}.curl:hover,.curl:focus-visible{animation:none}}
@keyframes peel{0%,84%,100%{transform:scale(1)}90%{transform:scale(1.25)}}
.dcard.side-l .curl,.dcard.side-r .curl,.dcard.deal .curl{display:none}
.dcard.flipped .front .curl,.dcard:not(.flipped) .back .curl{visibility:hidden}
.deckctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.deckctl .arr{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:none;color:#fff;font-size:20px;cursor:pointer}
.deckctl .arr:hover{background:var(--pink);color:var(--ink);border-color:var(--pink)}
.dotsnav{display:flex;gap:6px}
.dotsnav button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.3);padding:0;cursor:pointer;transition:width .3s}
.dotsnav button[aria-current="true"]{background:var(--pink);width:24px}
@media (max-width:760px){.dcard.side-l,.dcard.side-r{opacity:0;pointer-events:none}.stage{height:clamp(560px,80vh,640px)}}
@media (prefers-reduced-motion:reduce){.dcard,.dcard .flip{transition:none}}
@media (max-width:560px){
  .env .letter{padding:5% 4%}
  .env .letter .it:last-of-type{display:none}
  .env .letter .acts{flex-wrap:nowrap;gap:6px;margin-top:10px}
  .env .letter .btn{padding:8px 11px;font-size:12.5px}
  .env.out .letter{transform:translateY(-10%) scale(1.04)}
}

/* lead generation page */
.fmts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(32px,5vh,52px)}
.fmt{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.fmt img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fmt .tx{padding:18px 18px 22px}
.fmt h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:28px;margin:0 0 6px;line-height:1}
.fmt p{margin:0;color:#4a3e44;font-size:15.5px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .fmt{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
  .fmt:nth-child(odd){transform:rotate(-1deg)}.fmt:nth-child(even){transform:rotate(1deg)}
  .fmt:hover{transform:translateY(-10px) rotate(0);box-shadow:0 26px 50px rgba(28,10,20,.22)}
}
.sgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;width:100%;max-width:300px;margin:18px auto 4px}
.sgrid i{aspect-ratio:1;border-radius:50%;background:#e4d8cc}
.sgrid i.me{background:var(--pink);box-shadow:0 0 0 2px var(--plum)}
@media (prefers-reduced-motion:no-preference){.dcard:not(.side-l):not(.side-r) .sgrid i.me{animation:seatpop .5s cubic-bezier(.2,.8,.2,1) both}}
.face .inv b.cnt{font-size:clamp(30px,2.8vw,40px);font-variant-numeric:tabular-nums}
@media (max-width:1000px){.fmts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fmts{grid-template-columns:1fr}}
.cal .lead{background:repeating-linear-gradient(-45deg,rgba(255,95,162,.3) 0 10px,rgba(255,95,162,.14) 10px 20px);color:#fff}
.cal .lead:hover{background:repeating-linear-gradient(-45deg,rgba(255,95,162,.45) 0 10px,rgba(255,95,162,.22) 10px 20px)}
.face .inv .hk strong{font-family:var(--body);font-style:normal;font-weight:800;color:var(--ink)}

/* build-in menu and extras */
.menu10{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(32px,5vh,52px)}
.mi{background:#fff;border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:6px;padding:20px 18px}
.mi h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:24px;line-height:1;margin:0 0 8px}
.mi p{margin:0;font-size:15px;color:#4a3e44}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .mi{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .3s}
  .mi:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(28,10,20,.18);border-top-color:var(--deep)}
}
.xtras{margin-top:26px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.04)}
.xtras summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.xtras summary::-webkit-details-marker{display:none}
.xtras summary::before{content:"+";display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--pink);color:var(--ink);font-weight:800;margin-right:4px}
.xtras[open] summary::before{content:"\2212"}
.xtras summary span{margin-left:auto;font-size:13px;color:#ffc2dc;font-weight:700}
#xpanel{padding:2px 18px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.xg h4{margin:0 0 10px;font-size:13.5px;color:#d6c6ce;font-weight:700}
#xpanel > .fine{grid-column:1 / -1}
@media (max-width:1100px){.menu10{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.menu10{grid-template-columns:repeat(2,minmax(0,1fr))}#xpanel{grid-template-columns:1fr}}
@media (max-width:460px){.menu10{grid-template-columns:1fr}}

/* our experience */
.bigstats{list-style:none;margin:clamp(40px,6vh,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}
.bigstats li{padding:22px 18px 0 0}
.bigstats li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
.bigstats .n{display:block;font-family:var(--display);font-size:clamp(40px,4.2vw,68px);line-height:.9;color:#fff;font-variant-numeric:tabular-nums}
.bigstats li:first-child .n,.bigstats li:nth-child(3) .n{color:var(--pink)}
.bigstats p{margin:10px 0 0;font-size:14px;color:#d6c6ce;line-height:1.4}
.pgrid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);align-items:center}
.pphoto{margin:0;position:relative}
.pphoto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:4px}
.pphoto figcaption{position:absolute;right:-12px;bottom:28px;background:var(--pink);color:var(--ink);font-weight:700;font-size:14px;padding:10px 14px;border-radius:999px;transform:rotate(-3deg)}
.pgrid .letter{font-family:var(--serif);font-size:clamp(21px,1.7vw,26px);line-height:1.5;color:#2b2026;max-width:31em;margin-top:22px}
.pgrid .letter p{margin:0 0 .8em}
.pgrid .facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:#3a2f35}
.pgrid .facts b{font-family:var(--display);font-weight:400;font-size:28px;color:var(--ink);margin-right:8px;vertical-align:-3px}
.mono{aspect-ratio:4/5;border-radius:4px;background:var(--plum);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:8%}
.mono::before{content:"";position:absolute;inset:-20% -40% auto auto;width:90%;height:140%;background:repeating-linear-gradient(-58deg,transparent 0 36px,rgba(255,95,162,.18) 36px 44px)}
.mono::after{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--pink)}
.mono b{position:relative;font-family:var(--display);font-weight:400;font-size:clamp(90px,11vw,170px);line-height:.85;color:#fff;letter-spacing:.02em}
.mono span{position:relative;color:var(--pink);font-weight:700;font-size:15px;margin-top:10px}

/* the little black book */
.bkwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(64px,10vh,110px)}
.book{position:relative;height:clamp(360px,46vh,440px);perspective:1600px}
.bkin{position:absolute;inset:0;overflow:auto;background:#fbf7ee;border-radius:6px 14px 14px 6px;box-shadow:0 30px 60px rgba(28,10,20,.3),inset 14px 0 18px -14px rgba(0,0,0,.35);padding:28px 30px 28px 40px;display:flex;flex-direction:column}
.bkin::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:rgba(209,0,111,.35)}
.bktabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.bktabs button{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:999px;padding:8px 14px;cursor:pointer;background:#efe6da;color:var(--ink)}
.bktabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.bkpage h4{font-family:var(--serif);font-style:italic;font-weight:500;font-size:32px;margin:0 0 8px;color:var(--deep)}
.bkpage ul{list-style:none;margin:0;padding:0}
.bkpage li{font-family:var(--serif);font-size:clamp(19px,1.5vw,22px);padding:9px 0;border-bottom:1px dotted #c9b9a6}
.bkcover{position:absolute;inset:0;z-index:2;border:0;cursor:pointer;border-radius:6px 14px 14px 6px;background:linear-gradient(135deg,#1d1d1d 0%,#070707 60%,#1f1b15 100%);box-shadow:0 30px 60px rgba(28,10,20,.4),inset 0 0 0 1px rgba(201,169,106,.4);color:#f3ead8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform-origin:left center;transition:transform 1.1s cubic-bezier(.3,.7,.2,1),box-shadow 1.1s;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bkcover svg{width:58px;height:54px}
.bkcover b{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3vw,42px);line-height:1;text-align:center}
.bkcover b i{color:#d9bf8a}
.bkcover span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#a99a80}
.bkcover::after{content:"";position:absolute;right:28px;top:-6px;bottom:-6px;width:10px;background:#c8006a;border-radius:2px}
.book.open .bkcover{transform:rotateY(-165deg);box-shadow:none;pointer-events:auto}
@media (prefers-reduced-motion:no-preference){.book:not(.open) .bkcover{animation:bknudge 4s ease-in-out 1.5s infinite}}
@keyframes bknudge{0%,85%,100%{transform:rotateY(0)}92%{transform:rotateY(-14deg)}}
@media (prefers-reduced-motion:reduce){.bkcover{transition:none}}

/* the symposium */
.symp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(56px,8vh,88px);background:var(--ink);color:#fff;border-radius:10px;padding:clamp(28px,4vw,56px);position:relative;overflow:hidden}
.symp::before{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:var(--pink)}
.sy-k{display:inline-block;background:var(--pink);color:var(--ink);font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px}
.symp h3{font-size:clamp(34px,3.6vw,58px);margin:14px 0 12px}
.symp p{margin:0;color:#e2d5db;font-size:18px;max-width:30em}
.sy-r{display:grid;gap:18px}
.sy-r div{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}
.sy-r b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(52px,5.4vw,86px);line-height:.9;color:var(--pink);font-variant-numeric:tabular-nums}
.sy-r span{font-size:15px;color:#d6c6ce}

/* career timeline */
.ctl{list-style:none;margin:28px 0 0;padding:0;position:relative}
.ctl::before{content:"";position:absolute;left:118px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--pink),var(--deep))}
.ctl li{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:0 0 28px;position:relative}
.ctl li::before{content:"";position:absolute;left:112px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--deep)}
.ctl li:last-child::before{background:var(--pink);border-color:var(--pink)}
.ctl .yr{font-family:var(--display);font-size:30px;line-height:1;text-align:right}
.ctl .yr i{display:block;font-family:var(--body);font-style:normal;font-size:13px;color:var(--muted);margin-top:4px}
.ctl h3{margin:0 0 4px;font-size:19px}
.ctl p{margin:0;color:#4a3e44;max-width:44em}
@media (prefers-reduced-motion:no-preference){
  .js .ctl li{opacity:0;transform:translateX(16px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 110ms)}
  .js .ctl.in li{opacity:1;transform:none}
}

/* credibility strips on other pages */
.creds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vh,44px)}
.cred{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-decoration:none;color:var(--ink)}
.cred img,.cred .m{width:110px;height:130px;border-radius:6px;object-fit:cover;object-position:50% 20%}
.cred .m{background:var(--plum);display:grid;place-items:center;font-family:var(--display);font-size:40px;color:#fff;border-left:6px solid var(--pink)}
.cred h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:28px;margin:0 0 6px;line-height:1}
.cred p{margin:0;font-size:15.5px;color:#4a3e44}
.cred .go{display:inline-block;margin-top:8px;font-weight:700;border-bottom:2px solid var(--pink);font-size:14px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.cred{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.cred:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(28,10,20,.16)}}

@media (max-width:1100px){.bigstats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.bigstats li:nth-child(4){padding-left:0;border-left:0}}
@media (max-width:1000px){.pgrid,.bkwrap,.symp,.creds{grid-template-columns:minmax(0,1fr)}.pphoto,.mono{max-width:420px}.pphoto figcaption{right:12px}}
@media (max-width:620px){
  .bigstats{grid-template-columns:repeat(2,minmax(0,1fr))}.bigstats li:nth-child(odd){padding-left:0;border-left:0}.bigstats li:nth-child(4){padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
  .ctl::before{left:8px}.ctl li{grid-template-columns:1fr;gap:6px;padding-left:34px}.ctl li::before{left:2px}.ctl .yr{text-align:left}
  .cred{grid-template-columns:80px 1fr}.cred img,.cred .m{width:80px;height:96px}
}
@media (max-width:620px){.book{height:500px}.bkin{padding:22px 18px 22px 30px}.bkpage li{font-size:18px}}

/* wish list versus budget */
.bstep{display:flex;align-items:center;gap:14px;margin-top:clamp(36px,5vh,52px)}
.bstep h3{margin:0;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(24px,2.2vw,32px);letter-spacing:.01em}
.bnum{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pink);color:var(--ink);font-family:var(--display);font-size:22px;flex:none}
.budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:clamp(18px,2.4vw,30px)}
.bsl{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 12px}
.bsl label{font-weight:700;font-size:15px;color:#e2d5db}
.bsl output{font-family:var(--display);font-size:30px;color:var(--pink);font-variant-numeric:tabular-nums}
.bsl input{grid-column:1 / -1;width:100%;accent-color:var(--pink)}
.meter{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.mtop{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mtop small{display:block;font-size:13px;color:#b9a8b1;font-weight:700}
.mtop b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(34px,3.2vw,50px);line-height:1;margin:4px 0;font-variant-numeric:tabular-nums}
.mtop span{font-size:13.5px;color:#d6c6ce}
.mtop > div:last-child{text-align:right}
.mbar,.cbar{position:relative;height:22px;border-radius:999px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 8px,rgba(255,255,255,.03) 8px 16px);margin-top:16px;overflow:visible}
.mbar .mpot,.cbar .mpot{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--deep),var(--pink));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.mbar .mwish,.cbar .mwish{position:absolute;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px;background:#fff;border-radius:2px;transition:left .5s cubic-bezier(.2,.8,.2,1)}
.mbar .mwish em{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-style:normal;font-size:13px;font-weight:700;white-space:nowrap;color:#fff}
@media (prefers-reduced-motion:reduce){.mbar .mpot,.mbar .mwish{transition:none}}
.mtext{margin:16px 0 0;font-size:16.5px;color:#ffd3e7}
.mtext b{color:#fff}
.mtext.ok b{color:#7be3a6}
.cbar{width:100%;max-width:300px;margin:18px auto 6px;background:repeating-linear-gradient(-45deg,#eadfd4 0 8px,#f4ece3 8px 16px)}
.cbar .mwish{background:var(--ink)}
.face .inv .meta.gapt{color:var(--deep)}
.face .inv .meta.okt{color:#1d8a52}
.clist{list-style:none;margin:0;padding:0}
.clist li{padding:9px 0 9px 22px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.clist li::before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.sharex{background:var(--plum);color:#fff;border-radius:12px;padding:clamp(22px,3vw,40px)}
.sharex small{font-weight:700;color:#ffc2dc;font-size:13px}
.shrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:17px}
.shrow b{font-family:var(--display);font-weight:400;font-size:clamp(30px,2.8vw,42px);font-variant-numeric:tabular-nums}
.shrow b.m{color:var(--pink)}
.shrow.tot{border-bottom:0}
.shrow.tot b{color:var(--pink);font-size:clamp(40px,3.8vw,58px)}
.shbar{display:flex;gap:4px;height:16px;margin-top:10px}
.shbar i{border-radius:4px;background:var(--pink)}
.shbar i:first-child{background:#fff}
@media (max-width:900px){.budget{grid-template-columns:1fr}.mtop > div:last-child{text-align:left}}

/* everyone else, or Metis House: the journey cards */
.jcards{list-style:none;margin:clamp(32px,5vh,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:j}
.jc{display:block;width:100%;height:clamp(300px,40vh,360px);border:0;padding:0;background:none;cursor:pointer;perspective:1200px;font:inherit;text-align:left}
.jin{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.jc.on .jin{transform:rotateY(180deg)}
.jc.peek:not(.on) .jin{transform:rotateY(28deg)}
.jf,.jb{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;padding:18px 16px;display:flex;flex-direction:column;overflow:hidden}
.jf{background:#e7e1da;color:#6f666a;box-shadow:inset 0 0 0 1px #d8cfc6}
.jb{transform:rotateY(180deg);background:var(--plum);color:#fff;box-shadow:0 20px 40px rgba(28,10,20,.3)}
.jb::after{content:"";position:absolute;right:-30%;top:-30%;width:80%;height:160%;background:repeating-linear-gradient(-58deg,transparent 0 26px,rgba(255,95,162,.12) 26px 32px);pointer-events:none}
.jf small,.jb small{font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.jf small{color:#9a9095}.jb small{color:var(--pink)}
.jf b,.jb b{font-family:var(--display);font-weight:400;font-size:46px;line-height:1;margin:10px 0 4px}
.jf b{color:#c9c0b7}.jb b{color:var(--pink)}
.jf h3,.jb h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1;margin:0 0 10px}
.jf p,.jb p{margin:0;font-size:15px;line-height:1.45;position:relative;z-index:1}
.jf p{font-family:var(--body)}
.jb p{font-family:var(--serif);font-size:18px;line-height:1.35}
.jf em{margin-top:auto;font-style:normal;font-weight:700;font-size:13px;color:var(--deep);display:flex;align-items:center;gap:6px}
.jf em::after{content:"\21BB";font-size:16px}
.jc:hover .jf{background:#efe9e3}
.jc:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:12px}
@media (prefers-reduced-motion:reduce){.jin{transition:none}}
.jfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px}
.jscore{flex:1 1 420px;max-width:620px}
.jscore small{display:block;font-weight:700;font-size:13.5px;color:var(--muted);margin-bottom:10px}
.jrow{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin:6px 0;font-size:14px;font-weight:700}
.jbar{height:14px;border-radius:999px;background:#ece4da;overflow:hidden}
.jbar i{display:block;height:100%;border-radius:999px}
.jbar i.o{background:#b9aea4}
.jbar i.m{width:12%;background:linear-gradient(90deg,var(--deep),var(--pink));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.jmsg{margin:12px 0 0;font-size:16px;color:#3a2f35}
.jmsg b{color:var(--deep)}
@media (max-width:1100px){.jcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.jcards{grid-template-columns:repeat(2,minmax(0,1fr))}.jc{height:330px}.jf,.jb{padding:14px 12px}.jb p{font-size:16px}}

/* one event, six returns */
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(28px,4vh,44px)}
.wwrap{max-width:520px;width:100%;margin:0 auto}
.wheel{width:100%;height:auto;overflow:visible}
.wseg{cursor:pointer;outline:none}
.wseg path{fill:#2d1422;stroke:rgba(255,95,162,.35);stroke-width:1.5;transition:fill .35s,transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:210px 210px}
.wseg text{font-family:var(--display);fill:#f3e6ec;letter-spacing:.04em;pointer-events:none;transition:fill .35s}
.wseg:hover path{fill:#3d1a2d}
.wseg.seen path{fill:#5a1f3c}
.wseg.on path{fill:var(--pink);transform:scale(1.045)}
.wseg.on text{fill:var(--ink)}
.wseg:focus-visible path{stroke:#fff;stroke-width:3}
.wcore{fill:var(--paper)}
.wct{font-family:var(--display);font-size:30px;fill:var(--ink);letter-spacing:.04em}
.wct.p{fill:var(--deep)}
@media (prefers-reduced-motion:no-preference){.wheel{animation:wspin 1.4s cubic-bezier(.2,.8,.2,1) both}}
@keyframes wspin{from{transform:rotate(-40deg) scale(.9);opacity:0}to{transform:none;opacity:1}}
.wpanel{background:var(--paper);color:var(--ink);border-radius:14px;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden}
.wpanel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--pink)}
.wpanel.swap{animation:wswap .45s ease}
@keyframes wswap{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wpanel.swap{animation:none}}
.wk{font-weight:800;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.wpanel h3{font-size:clamp(36px,3.6vw,58px);margin:8px 0 10px}
.wpanel > p{margin:0;font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:#2b2026}
.wpanel ul{list-style:none;padding:0;margin:18px 0 0}
.wpanel li{padding:9px 0 9px 22px;border-top:1px solid var(--line);position:relative;font-weight:600}
.wpanel li::before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.winst{margin:18px 0 0;padding-top:14px;border-top:2px solid var(--ink);font-size:15.5px}
.winst span{font-weight:800;color:var(--deep);margin-right:6px}
.wsup{margin-top:clamp(36px,5vh,52px)}
.wsup small{font-weight:700;font-size:13.5px;color:#d6c6ce}
.wsup ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.wsup li{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:14px 12px;font-size:14.5px;font-weight:600;color:#e2d5db;min-height:72px;display:flex;align-items:center;transition:background .4s,border-color .4s,color .4s}
.wsup li span{position:relative}
.wsup li span{text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .5s}
.wsup li.done{background:rgba(255,95,162,.1);border-color:rgba(255,95,162,.5);color:#a8939d}
.wsup li.done span{text-decoration-color:var(--pink)}
.wsup li.done::after{content:"In your event";position:absolute;right:8px;top:-9px;background:var(--pink);color:var(--ink);font-size:13px;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.04em}
.wdone{margin:16px 0 0;font-size:17px;color:#ffd3e7;min-height:1.5em}
.wdone b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,40px);text-transform:uppercase;color:var(--pink);letter-spacing:.01em}
@media (max-width:1000px){.wgrid{grid-template-columns:minmax(0,1fr)}.wsup ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.wsup ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* what Bob brings */
.bring{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bring li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--pink);border-radius:8px;padding:16px 16px 18px}
.bring b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1;margin-bottom:8px}
.bring span{font-size:15px;color:#4a3e44}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.bring li{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-left-color .3s}.bring li:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(28,10,20,.14);border-left-color:var(--deep)}}
@media (max-width:1000px){.bring{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bring{grid-template-columns:1fr}}

/* one event, a year of returns */
.yr{margin-top:clamp(28px,4vh,44px);display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(20px,3vw,44px);align-items:start}
.ynow{background:var(--paper);color:var(--ink);border-radius:14px;padding:clamp(22px,2.6vw,34px);position:relative;overflow:hidden;min-height:260px}
.ynow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--pink)}
.ynow.swap{animation:wswap .45s ease}
@media (prefers-reduced-motion:reduce){.ynow.swap{animation:none}}
.ynow small{font-weight:800;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.ynow h3{font-size:clamp(30px,2.8vw,44px);margin:8px 0 10px}
.ynow p{margin:0;font-family:var(--serif);font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:#2b2026}
.ytags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ytags span{background:var(--plum);color:#fff;font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:999px}
.ygrid{overflow-x:auto;padding-bottom:6px;scrollbar-color:var(--pink) transparent}
.ylanes{position:relative;min-width:620px;padding-top:26px}
.ylane{display:grid;grid-template-columns:170px 1fr;align-items:center;height:46px;border-bottom:1px solid rgba(255,255,255,.08)}
.yl{display:flex;justify-content:space-between;align-items:center;padding-right:16px;font-weight:700;font-size:14.5px;color:#b9a8b1;transition:color .4s}
.ylane.lit .yl{color:#fff}
.yc{font-style:normal;font-family:var(--display);font-size:20px;min-width:30px;text-align:center;border-radius:999px;padding:1px 0;background:rgba(255,255,255,.08);color:#b9a8b1}
.ylane.lit .yc{background:var(--pink);color:var(--ink)}
.yc.bump{animation:seatpop .45s cubic-bezier(.2,.8,.2,1)}
.ytrack{position:relative;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.ytrack::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.1)}
.ydot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#3a1a2b;border:2px solid rgba(255,95,162,.35);transition:background .3s,transform .3s,box-shadow .3s}
.ydot.on{background:var(--pink);border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,95,162,.18)}
.ydot.cur{transform:scale(1.35);box-shadow:0 0 0 6px rgba(255,95,162,.3),0 0 18px rgba(255,95,162,.6)}
.yover{position:absolute;top:0;bottom:0;left:170px;right:0;pointer-events:none}
.yhead{position:absolute;top:0;bottom:0;left:0;width:0}
.yhead i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6)}
.yevent{position:absolute;top:0;bottom:0}
.yevent::before{content:"";position:absolute;top:22px;bottom:0;left:-1px;width:0;border-left:2px dashed rgba(255,95,162,.6)}
.yevent span{position:absolute;top:0;left:0;transform:translateX(-50%);white-space:nowrap;background:var(--pink);color:var(--ink);font-weight:800;font-size:12.5px;padding:3px 9px;border-radius:999px}
.yticks{position:relative;min-width:620px;height:26px;margin-left:170px}
.yticks span{position:absolute;top:8px;transform:translateX(-50%);font-size:13px;color:#b9a8b1;white-space:nowrap}
.yticks span:first-child{transform:none}.yticks span:last-child{transform:translateX(-100%)}
.yctl{grid-column:1 / -1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.yctl input{flex:1 1 280px;accent-color:var(--pink)}
.yfine{font-weight:700;color:#ffd3e7;font-size:14.5px;min-width:150px}
@media (max-width:1000px){.yr{grid-template-columns:minmax(0,1fr)}.ynow{min-height:0}}

/* statement bands (our own words, so no quotation marks) */
.pq .stmt{margin:0;max-width:24ch;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,4.2vw,64px);line-height:1.1;letter-spacing:-.005em}
.pq.r .stmt{margin-left:auto}
.pq .stmt b{font-family:var(--display);font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:var(--deep);font-size:.92em}
.pq.dk .stmt b{color:var(--pink)}
.pq.pink .stmt b{color:var(--plum)}
.pq.r .rule{margin-left:auto}
.pq .rule{display:block}

/* one colour treatment across the photography */
.hero figure img,.way figure img,.cc img,.fmt img,.idea img,.face .im img,.evc img,.ccwrap > img,.envfig > img{filter:saturate(.8) contrast(1.06) sepia(.1) hue-rotate(-8deg)}
.way figure::after,.fmt::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(28,10,20,0) 55%,rgba(28,10,20,.22));mix-blend-mode:multiply}
.fmt{position:relative}

/* the guarantee */
.gterms{counter-reset:g;list-style:none;margin:28px 0 0;padding:0;max-width:52em}
.gterms li{position:relative;padding:22px 0 22px 64px;border-top:1px solid var(--line)}
.gterms li::before{counter-increment:g;content:counter(g);position:absolute;left:0;top:18px;font-family:var(--display);font-size:40px;line-height:1;color:var(--deep)}
.gterms h3{margin:0 0 6px;font-size:20px}
.gterms p{margin:0;color:#3a2f35;font-size:17px}
.gcomp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:clamp(28px,4vh,44px)}
.gcomp > div{border-radius:10px;padding:clamp(20px,2.4vw,32px)}
.gcomp .a{background:#fff;border:1px solid var(--line)}
.gcomp .b{background:var(--plum);color:#fff}
.gcomp h3{margin:0 0 8px;font-size:18px}
.gcomp .big{font-family:var(--display);font-size:clamp(52px,5.4vw,88px);line-height:.9;margin:4px 0 10px}
.gcomp .a .big{color:#b7aaa1}.gcomp .b .big{color:var(--pink)}
.gcomp p{margin:0}
.gcomp .a p{color:#4a3e44}.gcomp .b p{color:#e2d5db}
@media (max-width:1000px){.gcomp{grid-template-columns:minmax(0,1fr)}}
.glink{display:inline-block;margin-top:24px;font-weight:700;border-bottom:2px solid var(--pink);text-decoration:none;padding-bottom:2px}
.fmts + .menu10{margin-top:16px}
.btn.line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.line:hover{background:var(--ink);color:#fff}

/* header: Our Experience sits apart, on the right */
.hright{justify-self:end;display:flex;align-items:center;gap:18px}
.hright .cbtn{justify-self:auto}
.xlink{color:#e7dbe1;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;padding:6px 2px;border-bottom:2px solid transparent}
.xlink:hover{color:#fff;border-bottom-color:var(--pink)}
.xlink[aria-current="page"]{color:var(--pink);border-bottom-color:var(--pink)}
.tabs3 .tab.xm{display:none}
@media (max-width:820px){.hright{display:none}.top.open .tabs3 .tab.xm{display:block}}

/* the budget tool: inputs left, live results pinned right */
.tool{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3.4vw,52px);align-items:start;margin-top:clamp(20px,3vh,32px)}
.tin .bstep:first-child{margin-top:0}
.tin .sent{font-size:clamp(24px,2.3vw,36px)}
.tin .budget{grid-template-columns:1fr;gap:16px}
.tout{position:sticky;top:76px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:clamp(16px,1.8vw,24px)}
.tout .meter{border-top:0;padding-top:0}
.tout .mtop b{font-size:clamp(28px,2.4vw,40px)}
.dtabs{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin-top:16px}
.dtabs button{flex:1;font:inherit;font-weight:700;font-size:13.5px;border:0;border-radius:999px;padding:9px 8px;cursor:pointer;background:transparent;color:#d6c6ce}
.dtabs button[aria-selected="true"]{background:var(--pink);color:var(--ink)}
.tout .deckwrap{margin-top:14px}
.tout .stage{height:clamp(440px,56vh,500px)}
.tout .dcard{width:min(400px,100%)}
.tout .dcard.side-l,.tout .dcard.side-r{opacity:0;pointer-events:none;transform:scale(.94)}
.tout .face .im{height:36%}
.tout .face .inv b{font-size:clamp(26px,2.4vw,34px)}
.mmini{display:none}
@media (max-width:1000px){
  .tool{grid-template-columns:minmax(0,1fr)}
  .tout{position:static}
  .mmini{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:44;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.4);text-decoration:none;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .mmini.on{transform:none}
  .mmini small{display:block;font-size:12px;color:var(--muted);font-weight:700}
  .mmini b{font-family:var(--display);font-weight:400;font-size:22px}
  .mmGap{font-weight:800;font-size:14px;background:var(--deep);color:#fff;padding:6px 10px;border-radius:999px}
  .mmGap.ok{background:#1d8a52}
}

/* conference, unpacked */
.ystep{display:flex;align-items:center;gap:12px;margin-top:clamp(26px,4vh,40px)}
.ystep h3{margin:0;font-size:17px;font-weight:700;color:#f3e6ec}
.yparts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.ypart{font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:14px 14px 16px;border:1.5px solid var(--pink);background:rgba(255,95,162,.14);color:#fff;transition:background .3s,border-color .3s,opacity .3s,transform .3s}
.ypart b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:20px;line-height:1;margin-bottom:6px}
.ypart span{font-size:13.5px;color:#f0d9e4;line-height:1.35}
.ypart::before{content:"\2713  Included";display:block;font-size:12px;font-weight:800;color:var(--pink);margin-bottom:8px}
.ypart[aria-pressed="false"]{background:transparent;border-color:rgba(255,255,255,.2);opacity:.6}
.ypart[aria-pressed="false"]::before{content:"+  Add back";color:#b9a8b1}
.ypart:hover{transform:translateY(-3px)}
.ydot.off{opacity:.12;border-style:dashed}
.ylane.lead{background:rgba(255,95,162,.08)}
.ylane.lead .yl{color:#fff}
.yleads{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.yleads b{font-family:var(--display);font-weight:400;font-size:44px;line-height:1;color:var(--deep)}
.yleads b.bump{animation:seatpop .45s cubic-bezier(.2,.8,.2,1)}
.yleads span{font-weight:700;font-size:14px;color:#4a3e44}
.ytags span.lead{background:var(--deep)}
.yphase{position:relative;height:24px;min-width:620px;margin-left:170px}
.yphase span{position:absolute;top:0;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b9a8b1;border-bottom:1px solid rgba(255,255,255,.15)}
.yphase span.c{color:var(--ink);background:var(--pink);border-radius:6px 6px 0 0;border-bottom:0}
.yr .ylanes{padding-top:0}
@media (max-width:1100px){.yparts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.yparts{grid-template-columns:repeat(2,minmax(0,1fr))}.ypart b{font-size:17px}}
.yphase span{white-space:nowrap}
.tout .stage{height:clamp(360px,47vh,430px)}
.tout .face .im{height:30%}
.tout .face .inv{padding:12px 20px 34px}
.tout .face.back{padding:22px 22px 60px}
.tout .mtext{margin-top:12px;font-size:15px}
.tout .dtabs{margin-top:12px}

/* corporate hospitality: choose the job */
.jtabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(24px,3.4vh,36px)}
.jtabs button{font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px}
.jtabs button:hover{border-color:var(--pink)}
.jtabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.jpanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,3vw,44px);align-items:stretch;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.jpanel.swap{animation:wswap .45s ease}
@media (prefers-reduced-motion:reduce){.jpanel.swap{animation:none}}
.jtx{padding:clamp(22px,3vw,40px)}
.jtx h3{font-size:clamp(32px,3.2vw,52px);margin:0 0 12px}
.jwhat{font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.45;margin:0;color:#2b2026}
.jwhat b{font-family:var(--body);font-size:15px;color:var(--deep);display:block;margin-bottom:4px}
.jrow2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px;padding-top:16px;border-top:2px solid var(--ink)}
.jrow2 small{display:block;font-weight:700;font-size:13px;color:var(--muted)}
.jrow2 strong{display:block;font-size:17px;margin-top:4px}
.jimg{margin:0;min-height:260px;position:relative}
.jimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06) sepia(.1) hue-rotate(-8deg)}
@media (max-width:900px){.jpanel{grid-template-columns:minmax(0,1fr)}.jimg{min-height:200px;order:-1}}

/* ten guests or a thousand */
.scl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(24px,4vh,40px)}
.sclin input{width:100%;accent-color:var(--pink);margin-top:8px}
.scticks{display:flex;justify-content:space-between;font-weight:700;font-size:13px;color:#b9a8b1;margin-top:4px}
.scnow{margin-top:22px;background:var(--paper);color:var(--ink);border-radius:14px;padding:clamp(20px,2.6vw,32px)}
.scnow > b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(56px,6vw,96px);line-height:.9;color:var(--deep)}
.scnow h3{font-size:clamp(26px,2.4vw,36px);margin:6px 0 8px}
.scnow p{margin:0;color:#3a2f35}
.scb{margin:16px 0 8px;padding-top:12px;border-top:2px solid var(--ink)}
.scb small{display:block;font-weight:700;font-size:13px;color:var(--muted)}
.scb strong{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,36px)}
.scdots{display:grid;grid-template-columns:repeat(var(--cols,10),1fr);gap:4px;align-content:center;min-height:clamp(280px,40vh,420px)}
.scdots i{aspect-ratio:1;border-radius:50%;background:var(--pink)}
.scdots.n400 i,.scdots.n1000 i{border-radius:2px}
.scdots.n1000{gap:2px}
@media (prefers-reduced-motion:no-preference){.scdots i{animation:dotin .4s ease both;animation-delay:var(--d)}}
@keyframes dotin{from{opacity:0;transform:scale(.3)}}
@media (max-width:900px){.scl{grid-template-columns:minmax(0,1fr)}.scdots{min-height:200px}}

/* build it and they will come */
.bwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(28px,4vh,44px)}
.bseats{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:clamp(16px,2vw,26px)}
.bseats i{aspect-ratio:1;border-radius:6px 6px 3px 3px;border:1.5px solid rgba(255,255,255,.22);background:transparent;transition:background .4s,border-color .4s,transform .4s}
.bseats i.on{background:var(--pink);border-color:var(--pink);transform:scale(.92)}
.bseats i.chk{box-shadow:0 0 0 3px #fff}
@media (prefers-reduced-motion:reduce){.bseats i{transition:none}}
.bcount{margin:14px 0 0;font-weight:700;color:#e2d5db}
.bcount b{font-family:var(--display);font-weight:400;font-size:44px;color:var(--pink);margin-right:8px;vertical-align:-6px}
.bsteps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bstp{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;width:100%;text-align:left;font:inherit;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:#d6c6ce;transition:background .3s,border-color .3s,color .3s}
.bstp b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);font-family:var(--display);font-weight:400;font-size:20px;color:#fff}
.bstp strong{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:20px;color:#fff;line-height:1.05;margin-bottom:3px}
.bstp span{font-size:14.5px;line-height:1.4}
.bstp.done b{background:rgba(255,95,162,.35)}
.bstp.on{background:var(--paper);border-color:var(--paper);color:#3a2f35}
.bstp.on strong{color:var(--ink)}
.bstp.on b{background:var(--pink);color:var(--ink)}
.bctl{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
@media (max-width:1000px){.bwrap{grid-template-columns:minmax(0,1fr)}}

/* everything, end to end */
.fsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.fs{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 16px 16px}
.fs h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:21px;line-height:1.05;margin:0 0 10px}
.fs ul{list-style:none;margin:0;padding:0}
.fs li{position:relative;padding:5px 0 5px 22px;font-size:14.5px;color:#3a2f35;line-height:1.35}
.fs li::before{content:"";position:absolute;left:0;top:9px;width:13px;height:7px;border-left:2.5px solid var(--deep);border-bottom:2.5px solid var(--deep);transform:rotate(-45deg)}
.fs.hl{background:var(--plum);color:#fff;border-color:var(--plum);grid-row:span 3}
.fs.hl h3{font-size:clamp(28px,2.4vw,36px);color:var(--pink)}
.fs.hl li{color:#f0d9e4;font-size:15.5px;padding-top:8px;padding-bottom:8px}
.fs.hl li::before{border-color:var(--pink);top:12px}
.fsk{display:inline-block;background:var(--pink);color:var(--ink);font-weight:800;font-size:12px;padding:5px 10px;border-radius:999px;margin-bottom:12px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.fs{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.fs:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(28,10,20,.14)}}
@media (max-width:1100px){.fsgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.fs.hl{grid-row:auto;grid-column:1 / -1}}
@media (max-width:700px){.fsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs.hl{grid-column:1 / -1;grid-row:auto}}
@media (max-width:440px){.fsgrid{grid-template-columns:1fr}}

/* home: the rotating line, and no doubled photo edge */
.hero figure{overflow:hidden}
.rotl{white-space:normal}
.rot{display:inline-grid;vertical-align:top}
.rot .rw{grid-area:1/1;opacity:0;transform:translateY(.35em) rotateX(-70deg);transform-origin:50% 0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);white-space:nowrap}
.rot .rw.on{opacity:1;transform:none}
.rot .rw.out{opacity:0;transform:translateY(-.35em) rotateX(70deg)}
@media (max-width:620px){.rot .rw{white-space:normal}}
@media (prefers-reduced-motion:reduce){.rot .rw{transition:none}}
.hero .lede + .also{margin-top:22px}
.contact .big{font-size:clamp(30px,2.8vw,44px)}

/* not a meeting: before, during, after */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);gap:14px;margin-top:16px;position:relative}
.sbcol{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px}
.sbcol.mid{background:rgba(255,95,162,.1);border-color:rgba(255,95,162,.5)}
.sbh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}
.sbh b{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:30px;line-height:1;color:#fff}
.sbcol.mid .sbh b{color:var(--pink)}
.sbh span{font-size:13px;font-weight:700;color:#b9a8b1}
.sbcol ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sbcol.mid ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.sbc{background:var(--paper);color:var(--ink);border-radius:10px;padding:12px 12px 10px;transition:opacity .35s,filter .35s,transform .35s}
.sbc h4{margin:0 0 4px;font-size:15.5px;line-height:1.2}
.sbc p{margin:0;font-size:13.5px;color:#4a3e44;line-height:1.35}
.sbt{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.sbt span{font-size:11.5px;font-weight:800;padding:3px 7px;border-radius:999px;background:var(--plum);color:#fff}
.sbt span.lead{background:var(--deep)}
.sbc.off{opacity:.18;filter:grayscale(1);transform:scale(.97)}
@media (prefers-reduced-motion:no-preference){
  .js .story .sbc{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .35s;transition-delay:calc(var(--i,0) * 70ms)}
  .js .story.in .sbc{opacity:1;transform:none}
  .js .story.in .sbc.off{opacity:.18;transform:scale(.97);transition-delay:0s}
}
.tally{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:18px;background:var(--paper);color:var(--ink);border-radius:14px;padding:16px 20px}
.tlead{display:flex;align-items:baseline;gap:10px;padding-right:24px;border-right:2px solid var(--line)}
.tlead b{font-family:var(--display);font-weight:400;font-size:52px;line-height:1;color:var(--deep)}
.tlead b.bump,.tret b.bump{animation:seatpop .45s cubic-bezier(.2,.8,.2,1)}
.tlead span{font-weight:800;font-size:15px}
.tret{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.tret li{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:14px;color:#4a3e44}
.tret b{display:inline-block;font-family:var(--display);font-weight:400;font-size:26px;color:var(--ink)}
@media (max-width:1100px){.story{grid-template-columns:minmax(0,1fr)}.sbcol.mid ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sbcol.mid ol{grid-template-columns:1fr}.tlead{border-right:0;padding-right:0}}

/* one partner, six specialist teams */
.hubgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(24px,4vh,40px)}
.hubwrap{max-width:560px;width:100%;margin:0 auto}
.hub{width:100%;height:auto;overflow:visible}
.hub .hl{stroke:var(--pink);stroke-width:3;stroke-dasharray:240;stroke-dashoffset:0}
.hub .hn circle{fill:#fff;stroke:var(--line);stroke-width:2;transition:fill .3s,stroke .3s,transform .4s cubic-bezier(.2,.8,.2,1);transform-box:fill-box;transform-origin:center}
.hub .hn text{font-family:var(--display);font-size:20px;fill:var(--ink);letter-spacing:.02em;text-transform:uppercase;pointer-events:none}
.hub .hn{cursor:pointer;outline:none}
.hub .hn.on circle{fill:var(--pink);stroke:var(--deep);transform:scale(1.08)}
.hub .hn:focus-visible circle{stroke:var(--ink);stroke-width:4}
.hub .hc circle{fill:var(--plum)}
.hub .hc .h1{font-family:var(--display);font-size:40px;fill:#fff;letter-spacing:.06em}
.hub .hc .h2{font-family:var(--display);font-size:40px;fill:var(--pink);letter-spacing:.06em}
@media (prefers-reduced-motion:no-preference){
  .js .hubwrap .hl{stroke-dashoffset:240;transition:stroke-dashoffset .8s ease;transition-delay:calc(var(--i) * 120ms)}
  .js .hubwrap.in .hl{stroke-dashoffset:0}
  .js .hubwrap .hn{opacity:0;transition:opacity .5s ease;transition-delay:calc(.4s + var(--i) * 120ms)}
  .js .hubwrap.in .hn{opacity:1}
}
.hublist{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:h}
.hublist li{padding:14px 16px 14px 18px;border-radius:10px;border:1px solid var(--line);background:#fff;transition:background .3s,border-color .3s,transform .3s}
.hublist li b{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1.05}
.hublist li span{display:block;font-size:15px;color:#4a3e44;margin-top:4px}
.hublist li.on{background:var(--plum);border-color:var(--plum);color:#fff;transform:translateX(6px)}
.hublist li.on b{color:var(--pink)}
.hublist li.on span{color:#f0d9e4}
@media (max-width:1000px){.hubgrid{grid-template-columns:minmax(0,1fr)}.hubwrap{max-width:420px}}

/* budget-first composer */
.cmp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3.4vw,52px);align-items:start;margin-top:clamp(20px,3vh,32px)}
.cin .bstep:first-child{margin-top:0}
.cin .bsl{margin-top:14px}
.pdots{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin:10px 0 2px}
.pdots i{aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:background .3s,border-color .3s,transform .3s}
.pdots i.on{background:var(--pink);border-color:var(--pink);transform:scale(1.05)}
.pot{margin-top:18px;background:var(--paper);color:var(--ink);border-radius:14px;padding:16px 18px}
.pot small{font-weight:700;font-size:13px;color:var(--muted)}
.pot > b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(40px,3.8vw,60px);line-height:1;margin:4px 0 10px;font-variant-numeric:tabular-nums}
.potbar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px}
.potbar i{transition:flex .5s cubic-bezier(.2,.8,.2,1)}
.potbar i.you{background:var(--plum)}.potbar i.them{background:var(--pink)}
.potlg{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13.5px;font-weight:700;color:#4a3e44}
.potlg span{display:flex;align-items:center;gap:6px}
.potlg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.potlg i.you{background:var(--plum)}.potlg i.them{background:var(--pink)}
.sels{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.sels label{display:grid;gap:5px;font-weight:700;font-size:14px;color:#e2d5db}
.sels select{font:inherit;font-size:15.5px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#2a1220;color:#fff}
.cout{position:sticky;top:76px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:clamp(16px,1.8vw,24px)}
.cbase{background:var(--paper);color:var(--ink);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}
.cbase::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--pink)}
.cbase small{font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.cbase h3{font-size:clamp(24px,2.2vw,34px);margin:6px 0 10px;line-height:1}
.cchips{display:flex;flex-wrap:wrap;gap:6px}
.cchips span{font-size:12.5px;font-weight:800;background:var(--plum);color:#fff;padding:5px 9px;border-radius:999px}
.csize{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:700;color:var(--muted)}
.arr2{font:inherit;font-weight:800;font-size:13px;border:1.5px solid var(--ink);background:none;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink)}
.arr2:hover{background:var(--ink);color:#fff}
.arr2:disabled{opacity:.3;cursor:default;background:none;color:var(--ink)}
.cgauge{margin-top:14px}
.cg{height:12px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.cg i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--deep),var(--pink));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.cg i.over{background:#ff9a3d}
.cgauge p{margin:8px 0 0;font-size:14.5px;color:#e2d5db}
.cgauge b{color:#fff}
.ccols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
.ccols h4{margin:0 0 8px;font-size:13.5px;color:#d6c6ce;font-weight:800}
.ccols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start;min-height:60px}
.ccols li button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:8px 10px;font-size:13.5px;font-weight:700}
.clistIn li button{background:var(--pink);color:var(--ink);border:0}
.clistIn li button::before{content:"\2713";font-weight:900}
.clistIn li.pin button{box-shadow:inset 0 0 0 2px #fff}
.clistOut li button{background:transparent;color:#e2d5db;border:1.5px dashed rgba(255,255,255,.28)}
.clistOut li.drop button{opacity:.55;text-decoration:line-through}
.ccols .cl{flex:1}
.ccols .cp{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}
.cnext{margin:12px 0 0;font-size:14.5px;color:#ffd3e7;min-height:1.4em}
.cnext b{color:#fff}
.cact{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}
@media (max-width:1000px){.cmp{grid-template-columns:minmax(0,1fr)}.cout{position:static}}
@media (max-width:520px){.ccols{grid-template-columns:minmax(0,1fr)}}
.sec.inkbg{background:var(--ink)}

/* dream it first */
.dtabs2{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(24px,3.4vh,36px)}
.dtabs2 button{font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;border:1.5px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:10px 16px}
.dtabs2 button[aria-selected="true"]{background:var(--pink);color:var(--ink);border-color:var(--pink)}
.dream{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;margin-top:18px;border-radius:16px;overflow:hidden;background:var(--paper);color:var(--ink)}
.dimg{margin:0;position:relative;min-height:420px;overflow:hidden}
.dimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1.12));transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(.85) contrast(1.06) sepia(.1)}
.dlvl{position:absolute;left:18px;top:18px;background:var(--pink);color:var(--ink);font-family:var(--display);font-size:22px;text-transform:uppercase;padding:6px 12px;border-radius:8px}
.dtx{padding:clamp(22px,3vw,40px)}
.dtx.swap{animation:wswap .45s ease}
@media (prefers-reduced-motion:reduce){.dtx.swap{animation:none}.dimg img{transition:none}}
.dtx small{font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--deep)}
.dtx h3{font-size:clamp(32px,3vw,48px);margin:6px 0 10px}
.dtx > p{margin:0;font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:#2b2026;min-height:4.4em}
.dbud{margin:16px 0 18px;padding-top:12px;border-top:2px solid var(--ink)}
.dbud small{display:block;font-weight:700;font-size:13px;color:var(--muted);letter-spacing:0;text-transform:none}
.dbud strong{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.6vw,40px)}
.dtx .lbl{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:#4a3e44}
.dtx input{width:100%;accent-color:var(--deep)}
.dticks{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--muted);margin:4px 0 18px}
@media (max-width:900px){.dream{grid-template-columns:minmax(0,1fr)}.dimg{min-height:240px}}

/* plan it with us */
.tsteps{list-style:none;margin:clamp(28px,4vh,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tsteps li{background:#fff;border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:10px;padding:18px 16px}
.tsteps b{display:block;font-family:var(--display);font-weight:400;font-size:44px;line-height:1;color:var(--deep)}
.tsteps h3{margin:8px 0 6px;font-size:18px}
.tsteps p{margin:0;font-size:15px;color:#4a3e44}
.tsteps .chips{margin-top:10px;gap:5px}
.tsteps .chips li{border:1px solid var(--line);border-top:1px solid var(--line);padding:4px 9px;font-size:12.5px;background:var(--sand)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tsteps > li{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.tsteps > li:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(28,10,20,.14)}}
@media (max-width:1100px){.tsteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tsteps{grid-template-columns:1fr}}
.dtx > p.fine{font-family:var(--body);font-size:13.5px;line-height:1.5;color:var(--muted);min-height:0}

/* Phone booking bar: appears after the first screen, hides when the contact section is in view */
.bookbar{display:none}
@media (max-width:760px){
  .bookbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;align-items:center;justify-content:space-between;gap:12px;background:#16101a;color:#fff;border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 14px 40px rgba(0,0,0,.35);transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .bookbar.show{transform:none}
  .bookbar span{font-weight:700;font-size:14px;line-height:1.2}
  .bookbar span small{display:block;font-weight:500;font-size:12px;color:#cdbcc5}
  .bookbar a{flex:0 0 auto;background:#FF5FA2;color:#16101a;font-weight:800;font-size:15px;text-decoration:none;padding:12px 18px;border-radius:999px}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.bookbar{transition:none}}