:root{--orange:#fa4d09;--charcoal:#25282a;--putty:#d6d2c4;--paper:#f3f1ec;--slate:#4a4f56;--stone:#8e8b82;--rule:#c6c5c1}
*{box-sizing:border-box}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--charcoal);-webkit-font-smoothing:antialiased}
p,h1,h2,h3{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kicker{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.kicker:before{content:"";width:32px;height:4px;background:var(--orange)}
.cover{display:block;width:100%;height:auto}
.btn{display:inline-block;padding:22px 32px;font-size:20px;font-weight:700;text-decoration:none}
.link{display:inline-block;padding:10px 0;font-size:20px;font-weight:500;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.field{display:flex;flex-wrap:wrap;gap:8px}
.field input{flex:1 1 260px;min-width:0;height:56px;padding:0 16px;border:1px solid var(--slate);border-radius:0;background:#fff;font:inherit;font-size:18px}
.field button{height:56px;padding:0 28px;border:0;border-radius:0;font:inherit;font-size:18px;font-weight:700}
.src{font-size:12px;line-height:1.4}


html{scroll-behavior:smooth}
body{margin:0;background:var(--charcoal);color:var(--paper)}
section{scroll-margin-top:24px}
h2{font-size:clamp(40px,5vw,64px);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.btn{background:var(--orange);color:var(--charcoal)}

/* 1. Hero */
.hero{display:flex;flex-direction:column;min-height:min(100vh,1100px);min-height:min(100svh,1100px)}
.hero .in{flex:1 0 auto;width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 36px;display:flex;flex-wrap:nowrap;justify-content:center;gap:72px;align-items:center;box-sizing:border-box}
.hero .book{--h:min(860px,calc(100vh - 150px));--h:min(860px,calc(100svh - 150px));flex:0 0 auto;height:var(--h);margin:-24px calc(var(--h)*-0.0436) -24px calc(var(--h)*-0.0456);display:flex}
.hero .book img{height:100%;width:auto;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-composite:intersect}
.hero .right{flex:0 1 640px;min-width:0;display:flex;flex-direction:column;gap:min(24px,2.6vh)}
.hero .kicker,.hero .by{color:var(--putty)}
.hero h1{font-size:clamp(72px,min(9.5vw,15vh),136px);line-height:.95;font-weight:900;letter-spacing:-.04em}
.hero .sub{font-size:clamp(20px,3.2vh,26px);line-height:1.3;font-weight:300}
.hero .by{font-size:20px;font-weight:500}
.rule{width:64px;height:4px;background:var(--orange)}
.hero .sum{font-size:clamp(19px,2.9vh,24px);line-height:1.45;max-width:600px}
.links{display:flex;flex-wrap:nowrap;gap:16px;padding-top:8px}
.links .btn{padding:20px 22px;font-size:17px;white-space:nowrap}

/* 2. Workshop */
.ws{background:var(--paper);color:var(--charcoal)}
.ws .wrap{padding:112px 24px;display:flex;flex-wrap:wrap;gap:48px 64px}
.ws .l{flex:1 1 440px;display:flex;flex-direction:column;gap:24px}
.ws .body{flex:1 1 520px;display:flex;flex-direction:column;gap:20px;font-size:20px;line-height:1.55;padding-top:44px}

/* 3. Book it */
.fee .wrap{padding:112px 24px;display:flex;flex-wrap:wrap;gap:48px 64px;align-items:flex-end}
.fee .l{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}
.fee .r{flex:0 1 420px;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(214,210,196,.2);padding-top:24px}

/* 4. Hosts */
.hosts{background:var(--putty);color:var(--charcoal)}
.hosts .wrap{padding:112px 24px;display:flex;flex-direction:column;gap:40px}
.hosts .row{display:flex;flex-wrap:wrap;gap:48px 64px}
.hosts .row>div{flex:1 1 420px;display:flex;flex-direction:column;gap:12px}
.hosts h3{font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.hosts p{font-size:18px;line-height:1.5}

/* 5. Book updates */
.up{background:var(--orange);color:var(--charcoal)}
.up .wrap{padding:96px 24px;display:flex;flex-wrap:wrap;gap:32px 64px;align-items:flex-end}
.up .l{flex:1 1 440px;display:flex;flex-direction:column;gap:16px}
.up .l p{font-size:20px;line-height:1.5}
.up form{flex:1 1 440px;display:flex;flex-direction:column;gap:8px}
.up label{font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.up .field input{border-color:var(--charcoal)}
.up .field button{background:var(--charcoal);color:var(--paper)}
.up .note{font-size:14px}

footer .wrap{padding:40px 24px;display:flex;flex-wrap:wrap;gap:16px 48px;align-items:center;justify-content:space-between;color:var(--putty)}
footer a{color:var(--putty)}

@media (min-width:901px) and (max-width:1199px){.hero .in{gap:48px}.hero .book{--h:min(700px,calc(100vh - 150px),calc((100vw - 666px)*1.8));--h:min(700px,calc(100svh - 150px),calc((100vw - 666px)*1.8))}.hero .right{flex-basis:570px}.hero h1{font-size:clamp(64px,min(9.5vw,13vh),112px)}.links .btn{font-size:15px;padding:18px 16px}}
@media (min-width:1680px){.hero .in,.up .wrap,footer .wrap{zoom:1.15}.hero .book{--h:min(800px,calc((100vh - 170px)/1.15));--h:min(800px,calc((100svh - 170px)/1.15))}}
@media (min-width:2200px){.hero .in,.up .wrap,footer .wrap{zoom:1.4}.hero .book{--h:min(800px,calc((100vh - 190px)/1.4));--h:min(800px,calc((100svh - 190px)/1.4))}}
@media (min-width:1040px) and (max-width:1199px){.hero .in{padding-left:38px;padding-right:24px}}
@media (max-width:1023px){.hero{min-height:0}}
@media (max-width:1023px){.hero .in{padding-top:8px;gap:24px;justify-content:center;flex-wrap:wrap}.hero .book{height:auto;width:100%;max-width:440px;margin:-32px auto 0;justify-content:center}.hero .book img{width:100%;height:auto}.hero .right{flex:1 1 100%;max-width:640px}.links{flex-wrap:wrap}.links .btn{white-space:normal;flex:1 1 100%;text-align:center;box-sizing:border-box}}
@media (max-width:900px){.ws .body{padding-top:0}}

/* site menu: measured from the main site header (Nov 9 2026) */
@font-face{font-family:"NMR Montserrat";font-weight:700;font-style:normal;font-display:swap;src:url("montserrat-700.woff2") format("woff2")}
.site{width:100%;box-sizing:border-box;height:72px;padding:0 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;position:relative;z-index:20}
.site a{color:#fff;text-decoration:none}
.site .l,.site .r{display:flex;align-items:flex-end}
.site .l{gap:20px;margin-left:-6px}
.site .r{gap:20px;justify-content:flex-end;margin-right:-6px}
.site .l>a,.site .r>a,.site .more>summary{display:block;padding:6px;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;letter-spacing:1.008px;white-space:nowrap}
.site .l>a:hover,.site .r>a:hover,.site .more>summary:hover{opacity:.8}
.site .l>a[aria-current="page"],.site .r>a[aria-current="page"]{padding:0 0 4px;margin:0 6px;border-bottom:1px solid #fff}
.site .mark{margin-top:2px;font-family:"NMR Montserrat",Montserrat,Helvetica,Arial,sans-serif;font-size:12px;line-height:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;text-align:center}
.site .more{display:none;position:relative}
.site .more>summary{list-style:none;cursor:pointer}
.site .more>summary::-webkit-details-marker{display:none}
.site .more ul{position:absolute;right:0;top:100%;margin:6px 0 0;padding:8px 0;list-style:none;background:var(--charcoal);border:1px solid rgba(214,210,196,.25);min-width:200px}
.site .more li a{display:block;padding:10px 18px;font-family:Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:1.008px}
.site .drawer{display:none}
@media (min-width:1536px){.site{height:75px}.site .l>a,.site .r>a,.site .more>summary{font-size:18px;line-height:27px;letter-spacing:1.134px}.site .mark{font-size:14px;line-height:17px}}
@media (max-width:1269px){.site .r>a.wide{display:none}.site .more{display:block}}
@media (max-width:1023px){
 .site{height:88px;padding:0 24px;grid-template-columns:40px 1fr 40px}
 .site .mark{line-height:14.5px;margin-top:0}
 .site .l,.site .r{display:none}
 .site .mark{white-space:nowrap;margin:0 auto}
 .site .drawer{display:block;grid-column:1;grid-row:1}
 .site .drawer>summary{list-style:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
 .site .drawer>summary::-webkit-details-marker{display:none}
 .site .drawer>summary i{display:block;width:22px;height:2px;background:#fff;box-shadow:0 7px 0 #fff,0 -7px 0 #fff}
 .site .drawer ul{position:absolute;left:0;right:0;top:88px;margin:0;padding:8px 0 16px;list-style:none;background:var(--charcoal);border-bottom:1px solid rgba(214,210,196,.25)}
 .site .drawer li a{display:block;padding:14px 24px;font-family:Helvetica,Arial,sans-serif;font-size:17px;letter-spacing:1.008px}
 .site .drawer li a[aria-current="page"]{color:var(--orange)}
 .site .mark{grid-column:2;grid-row:1}
}
@media (max-width:480px){.site .mark{font-size:11px;letter-spacing:3px}}
@media (max-width:359px){.site .mark{font-size:10px;letter-spacing:2.5px}}

.w2{max-width:1200px;margin:0 auto;padding:112px 24px}
.takes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.takes li{font-size:20px;line-height:1.4;padding-left:22px;position:relative}
.takes li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#E5097F}
.hosts2{display:flex;flex-wrap:wrap;gap:24px 48px}
.hosts2>div{flex:1 1 260px}
.hn{font-size:22px;font-weight:700}
.hb{font-size:16px;line-height:1.45;margin-top:4px}
.fn{margin-top:48px;opacity:.75}
.big{font-size:clamp(48px,6.4vw,92px);line-height:.95;font-weight:900;letter-spacing:-.04em}
.lead{font-size:24px;line-height:1.45;max-width:640px}
.w2 .btn{align-self:flex-start}

.o3{background:var(--paper);color:var(--charcoal)}
.o3 .w2{padding-bottom:72px;max-width:1280px}
.o3 .row{display:flex;justify-content:center;gap:96px;align-items:center}
/* quiz booklet */
.o3 .stage{flex:0 0 auto;display:flex;perspective:1800px;margin-left:15px}
.o3 .bk{width:440px;aspect-ratio:8.5/11;position:relative;transform:rotateY(14deg) rotateZ(-3deg);
  box-shadow:-2px 0 0 #ddd8cc,-4px 1px 0 #e9e4d8,-6px 2px 0 #d8d2c4,4px 36px 50px rgba(37,40,42,.24),1px 8px 14px rgba(37,40,42,.15);
  background:#fff;display:flex;flex-direction:column;overflow:hidden}
.o3 .bk:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.16) 0,rgba(0,0,0,0) 4%),linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.22) 52%,rgba(255,255,255,0) 64%)}
.o3 .bk .tiles{display:grid;grid-template-columns:repeat(4,1fr);height:24%}
.o3 .bk .tiles i{display:block}
.o3 .bk .in{flex:1;padding:26px 28px 22px;display:flex;flex-direction:column;justify-content:space-between}
.o3 .bk .hd{display:flex;flex-direction:column;gap:8px}
.o3 .bk .k{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6B47DC}
.o3 .bk .t{font-size:42px;line-height:.9;font-weight:900;letter-spacing:-.03em;color:#E5097F}
.o3 .bk .t span{color:var(--charcoal);display:block}
.o3 .bk .y{width:100%;height:5px;background:#F2C230;margin-top:6px}
.o3 .bk .bl{font-size:14px;line-height:1.45}
.o3 .bk .fill{display:flex;flex-direction:column;gap:14px}
.o3 .bk .ln{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;align-items:flex-end}
.o3 .bk .ln u{flex:1;border-bottom:1.5px solid var(--charcoal);height:12px}
.o3 .bk .ft{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid #e3e0d8;font-size:9px;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.o3 .bk .ft span{display:block}
.o3 .bk .ft img{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 auto}
/* right column */
.o3 .r{flex:0 1 600px;min-width:0;display:flex;flex-direction:column;gap:20px}
.o3 .gz{font-size:clamp(64px,8vw,104px);line-height:.9;font-weight:900;letter-spacing:-.03em;color:#E5097F}
.o3 .sub3{font-size:22px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding-bottom:12px;border-bottom:4px solid #F2C230;max-width:600px}
.o3 .ag{display:flex;flex-direction:column}
.o3 .ag div{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid var(--rule)}
.o3 .ag i{flex:0 0 14px;height:14px;border-radius:50%;background:var(--c);transform:translateY(2px)}
.o3 .ag b{font-size:21px;white-space:nowrap}
.o3 .ag span{font-size:18px;color:var(--slate)}
.o3 .more{border-top:1px solid var(--rule);padding-top:20px;font-size:18px;color:var(--slate)}
.o3 .more a{color:#C4086C;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.o3 .low{margin-top:80px;display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start;background:var(--charcoal);color:var(--paper);padding:48px}
.o3 .low>div{flex:1 1 360px;display:flex;flex-direction:column;gap:18px}
.o3 .stage{}
@media (min-width:901px) and (max-width:1199px){.o3 .row{gap:56px}.o3 .bk{width:360px}.o3 .bk .bl{font-size:12.5px}.o3 .bk .t{font-size:36px}.o3 .bk .in{gap:10px;padding:22px 24px 18px}.o3 .bk .fill{gap:10px}.o3 .ag div{display:grid;grid-template-columns:14px 1fr;column-gap:18px;row-gap:2px}.o3 .ag i{grid-row:1}.o3 .ag b{white-space:normal}.o3 .ag span{grid-column:2}}
@media (min-width:1680px){.o3 .w2{zoom:1.15}}
@media (min-width:2200px){.o3 .w2{zoom:1.4}}
@media(max-width:900px){.o3 .stage{margin-left:0}.o3 .w2{padding-top:40px}.o3 .row{flex-direction:column;align-items:stretch;gap:40px}.o3 .r{flex:0 0 auto}.o3 .stage{flex:1 1 100%;justify-content:center}.o3 .bk{width:min(380px,86vw);transform:rotateY(10deg)}.o3 .bk .in{gap:12px}.o3 .bk .bl{font-size:13px}.o3 .bk .t{font-size:38px}.o3 .bk .fill{gap:12px}.o3 .ag b{white-space:normal}}

.up .ok{font-size:28px;font-weight:800;letter-spacing:-.01em}
.up .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}