@font-face{font-family:Syne;src:url(assets/syne-800.ttf) format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Syne;src:url(assets/syne-700.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Jost;src:url(assets/jost.woff2);font-weight:400 600;font-display:swap}
:root{--bg:#e54425;--fg:#271b13;--accent:#f2f09b;--paper:#faf2df;--display:Syne,Arial,sans-serif;--body:Jost,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 var(--body);transition:background .5s,color .5s}body[data-palette=acid]{--bg:#d9e76b;--fg:#253725;--accent:#e85b35}body[data-palette=cobalt]{--bg:#1847ca;--fg:#fbf1d9;--accent:#def174}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%;height:auto}button{background:none}button span,a span{display:inline-block}button:hover span,a:hover span{transform:translateY(-2px)}.skip{position:fixed;top:-70px;z-index:50;padding:14px;background:var(--paper)}.skip:focus{top:10px}
.masthead{height:100px;padding:22px 3.5vw;display:flex;align-items:center;gap:30px;position:relative;z-index:5}.wordmark{font:800 27px/.76 var(--display);letter-spacing:-2px;transform:rotate(-5deg)}.wordmark span{display:block}.edition{font-size:9px;letter-spacing:.07em;line-height:1.4;margin-left:8px}.masthead nav{display:flex;gap:28px;margin:auto;font-size:14px}.masthead nav button{padding:12px 0;position:relative}.masthead nav button span{display:none}.masthead nav button[aria-current=page]{font-weight:600}.masthead nav button[aria-current=page]::after{content:'';position:absolute;height:6px;width:6px;bottom:0;left:calc(50% - 3px);border-radius:50%;background:currentColor}.talk{font-size:14px;border-bottom:1px solid currentColor;padding:10px 0}.talk span{margin-left:22px}
#experience{position:relative;min-height:560px;height:calc(100dvh - 186px);outline:none}.room{height:100%;position:relative;isolation:isolate;overflow:hidden}.room[hidden]{display:none}.stage-caption{position:absolute;top:8px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;font-weight:600}.monster{position:absolute;top:8%;left:3%;font:800 clamp(95px,14.5vw,260px)/.81 var(--display);letter-spacing:-.075em;z-index:0;pointer-events:none}.monster span{display:block}.monster span:last-child{color:var(--paper);margin-top:4px;font-size:.84em;letter-spacing:-.065em}.machine-rig{position:absolute;width:min(49vw,690px);height:100%;left:36%;top:-2%;z-index:2;will-change:transform;perspective:1000px}.machine-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(15px 26px 7px rgba(35,15,5,.25));user-select:none;will-change:transform}.machine-shadow{position:absolute;left:20%;bottom:5%;width:67%;height:30px;border-radius:50%;background:#24170f44;filter:blur(18px)}.machine-orbit{position:absolute;right:1%;top:16%;width:48vw;height:23vw;border:1px solid currentColor;border-radius:50%;transform:rotate(-25deg);opacity:.3;z-index:-1}.machine-orbit span{position:absolute;right:20px;top:35%;font-size:11px;letter-spacing:.25em;transform:rotate(90deg)}.hotspot{position:absolute;left:33%;top:53%;border:1px solid var(--paper);color:#22190f;background:var(--accent);border-radius:50%;width:44px;height:44px;z-index:4;display:grid;place-content:center;box-shadow:0 0 0 7px #faf2df22}.hotspot>span:first-child{font-size:27px;line-height:1}.hotspot-label{position:absolute;bottom:55px;left:-40px;width:175px;background:var(--paper);padding:12px;text-align:left;font-size:13px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1;transform:translateY(0)}.machine-intro{position:absolute;left:3.5vw;bottom:10%;max-width:300px;z-index:3}.machine-intro h2{font:800 31px/.95 var(--display);letter-spacing:-1px;margin-bottom:18px}.machine-intro p{font-size:15px;max-width:28ch}.machine-name{position:absolute;right:3.5vw;bottom:5%;text-align:right;display:grid;gap:4px;z-index:4}.machine-name>span{font-size:10px;letter-spacing:.13em}.machine-name strong{font:700 22px var(--display)}.machine-name button{font-size:12px;padding:8px 0;text-align:right}.stage-note{position:absolute;right:4%;top:12%;font:700 18px/1.1 var(--display);transform:rotate(9deg);z-index:3}.stage-note em{font:400 18px var(--body)}.scribble-arrow{font-size:60px;line-height:1;display:block;transform:rotate(100deg);margin-left:-40px}.round-cta{width:158px;height:158px;border-radius:50%;background:var(--accent);color:#241b12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:800 15px/1.13 var(--display);letter-spacing:-.3px;transform:rotate(-12deg);box-shadow:5px 6px 0 #241b12;transition:background .2s;z-index:5}.round-cta b{font:400 32px/.8 var(--body)}.machine-room>.round-cta{position:absolute;right:4.2%;top:44%}.round-cta:hover{background:var(--paper)}
.control-desk{height:86px;display:flex;justify-content:space-between;align-items:center;padding:12px 3.5vw;border-top:1px solid currentColor;position:relative;z-index:5;gap:20px}.palette-controls{display:flex;gap:15px;align-items:center}.palette-controls>span:first-child{font-size:9px;letter-spacing:.14em}.palette-controls>div{display:flex;gap:9px}.swatch{width:27px;height:27px;border-radius:50%;border:1px solid #241b12}.swatch[aria-pressed=true]{outline:1px solid currentColor;outline-offset:4px}.swatch.tomato{background:#e54425}.swatch.acid{background:#d9e76b}.swatch.cobalt{background:#1847ca}#palette-name{font-size:12px}.room-indicator{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.1em}.room-indicator button{font-size:22px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;transition:background .2s,color .2s}.room-indicator button:hover{background:var(--fg);color:var(--bg)}.utilities{display:flex;gap:15px;align-items:center}.utilities button{font-size:11px;padding:10px 0}.utilities button:last-child{border:1px solid currentColor;border-radius:50%;width:26px;height:26px;padding:0}
.taste-room{background:#b8200d;color:var(--paper)}.campaign{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-1}.taste-type{position:absolute;left:4%;top:8%}.taste-type>p{font-size:10px;letter-spacing:.15em;margin-bottom:20px}.taste-type h1{font:800 clamp(65px,9vw,155px)/.82 var(--display);letter-spacing:-.07em}.taste-type h1 em{font-style:normal;color:#e7ef83}.taste-action{position:absolute;right:4%;bottom:9%;display:flex;gap:28px;align-items:center}.taste-action p{font:600 17px var(--body);text-shadow:1px 2px 10px #1e0907}.art-credit{position:absolute;bottom:12px;left:4%;font-size:9px;opacity:.75}.brothers-room{background:var(--bg)}.brothers-head{position:absolute;left:3.5%;top:9%;font:800 clamp(65px,11vw,180px)/.83 var(--display);letter-spacing:-.065em}.brothers-head em{font-style:normal;color:var(--paper)}.brothers-print{position:absolute;width:min(37vw,530px);left:35%;top:4%;transform:rotate(-7deg);background:var(--paper);padding:12px;box-shadow:12px 12px 0 #241b12}.brothers-print img{width:100%}.brothers-print figcaption{font-size:10px;color:#241b12;padding:10px 0 0;letter-spacing:.1em}.brothers-words{position:absolute;right:4%;bottom:8%;width:25%;max-width:360px;z-index:3}.brothers-words h2{font:700 25px/1.05 var(--display);letter-spacing:-.7px;margin-bottom:16px}.brothers-words p{font-size:14px}.inline-action{margin-top:16px;padding:10px 0;border-bottom:1px solid currentColor;font-size:13px;text-align:left}.brothers-label{position:absolute;left:4%;bottom:13%;font-size:11px;letter-spacing:.12em;transform:rotate(-6deg)}
dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:540px;max-width:100%;border:0;padding:24px 36px 40px;background:var(--paper);color:#241b12;overflow:auto;box-shadow:-15px 0 50px #0003}dialog::backdrop{background:#1f110dbb;backdrop-filter:blur(6px)}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;margin-bottom:48px}.drawer-head button{font-size:30px;width:44px;height:44px;border:1px solid;border-radius:50%}#drawer-content h2{font:800 46px/.95 var(--display);letter-spacing:-2px;margin:15px 0 28px}#drawer-content p{font-size:17px;margin:0 0 24px}.panel-kicker{font-size:10px!important;letter-spacing:.1em}.choice-grid{display:grid;gap:10px;margin:24px 0}.choice-grid button{padding:17px;border:1px solid;text-align:left;display:flex;justify-content:space-between}.choice-grid button[aria-pressed=true]{background:#d9e76b}.choice-result{border-top:1px solid #241b1244;margin-top:28px;padding-top:24px}.choice-result h3{font:700 22px/1.1 var(--display);margin-bottom:14px}.choice-result p{font-size:15px!important}.panel-primary{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#241b12;color:var(--paper);padding:20px;margin:28px 0 14px;font-weight:600}.panel-secondary{display:block;margin:10px 0;padding:10px 0;text-decoration:underline;text-underline-offset:5px;font-size:15px;text-align:left}#drawer-content small{display:block;font-size:11px;margin-top:20px}.detail-photo{width:100%;max-height:280px;object-fit:contain;margin:20px 0}.taste-links{display:grid}.taste-links a{font:700 30px var(--display);padding:20px 0;border-bottom:1px solid;display:flex;justify-content:space-between}.no-js{padding:30px;background:var(--paper);color:#241b12}.no-js a{text-decoration:underline}
@media(min-width:1700px){.machine-rig{left:39%}.monster{font-size:14vw}.machine-intro{max-width:400px}.machine-intro h2{font-size:42px}}
@media(max-width:1100px){.edition{display:none}.masthead nav{gap:20px}.monster{font-size:15.5vw;top:14%}.machine-rig{width:58vw;left:30%;top:0}.machine-intro{bottom:8%;max-width:220px}.machine-intro h2{font-size:27px}.machine-intro p{font-size:14px}.stage-note{font-size:15px;right:4%;top:8%}.stage-note em{font-size:15px}.round-cta{width:133px;height:133px;font-size:13px}.machine-room>.round-cta{right:3.5%;top:47%}.machine-name{bottom:5%}.palette-controls{gap:12px}#palette-name{display:none}.utilities button:first-child{max-width:80px;line-height:1.2}.brothers-print{width:43vw;left:28%;top:14%}.brothers-words{width:29%}.brothers-words h2{font-size:22px}.brothers-words p{font-size:13px}}
@media(max-width:700px){.masthead{height:122px;padding:18px 22px 55px;justify-content:space-between;gap:0}.wordmark{font-size:23px}.talk{font-size:12px}.talk span{margin-left:10px}.masthead nav{position:absolute;left:22px;right:22px;bottom:8px;justify-content:space-between;gap:12px;margin:0;font-size:12px}.masthead nav button{padding:10px 0}.masthead nav button[aria-current=page]::after{bottom:2px}#experience{height:calc(100dvh - 242px);min-height:510px}.stage-caption{left:22px;right:22px;top:10px;font-size:8px}.stage-caption span:last-child{display:none}.monster{top:11%;left:18px;font-size:20vw;letter-spacing:-.075em}.monster span:last-child{font-size:.85em;margin-top:3px}.machine-rig{width:87vw;left:10%;height:75%;top:14%}.machine-orbit{width:91vw;height:45vw;right:-20%;top:30%}.machine-orbit span{display:none}.hotspot{width:34px;height:34px;left:33%;top:50%;box-shadow:0 0 0 5px #faf2df22}.hotspot>span:first-child{font-size:24px}.hotspot-label{display:none}.stage-note{display:none}.machine-intro{left:22px;bottom:7%;max-width:170px}.machine-intro h2{font-size:22px;margin-bottom:10px}.machine-intro p{font-size:12px;max-width:20ch}.machine-room>.round-cta{right:7%;top:auto;bottom:4%;width:108px;height:108px;font-size:11px;gap:7px;box-shadow:4px 4px 0 #241b12}.round-cta b{font-size:25px}.machine-name{top:3%;bottom:auto;right:22px}.machine-name>span{display:none}.machine-name strong{font-size:15px}.machine-name button{font-size:10px;padding:4px 0}.control-desk{height:120px;display:grid;grid-template-columns:1fr 1fr;padding:10px 22px;gap:8px}.palette-controls{gap:12px}.palette-controls>span:first-child{font-size:8px}.swatch{width:24px;height:24px}.room-indicator{gap:9px;justify-content:flex-end;font-size:8px}.room-indicator button{width:31px;height:31px;font-size:18px}.utilities{grid-column:1/-1;justify-content:space-between}.utilities button:first-child{max-width:none;font-size:10px}.utilities button:last-child{width:23px;height:23px}.taste-type{left:22px;top:8%}.taste-type h1{font-size:20vw}.taste-type>p{font-size:8px}.campaign{object-position:56% center}.taste-action{right:22px;left:22px;bottom:9%;justify-content:space-between;gap:10px}.taste-action p{font-size:14px}.taste-action .round-cta{width:110px;height:110px;font-size:10px}.brothers-head{left:22px;top:7%;font-size:19vw}.brothers-print{width:65vw;left:25%;top:20%;max-width:320px;padding:8px;box-shadow:7px 8px 0 #241b12}.brothers-print figcaption{font-size:7px;padding-top:7px}.brothers-words{left:22px;right:22px;bottom:5%;width:auto;max-width:none}.brothers-words h2{font-size:21px;max-width:240px;margin-bottom:10px}.brothers-words p{font-size:12px;max-width:33ch}.inline-action{font-size:11px;padding:8px 0;margin-top:10px}.brothers-label{display:none}dialog{padding:20px 24px 32px}.drawer-head{margin-bottom:30px}#drawer-content h2{font-size:39px}.hotspot:focus-visible{outline:3px solid #22190f}}
@media(max-height:730px) and (min-width:701px){#experience{min-height:470px}.machine-rig{width:45vw;left:36%}.monster{top:8%;font-size:13vw}.machine-intro{bottom:6%}.machine-intro h2{font-size:26px}.machine-room>.round-cta{width:125px;height:125px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}body.motion-off *,body.motion-off *::before,body.motion-off *::after{transition:none!important}
/* Functional labels stay readable against the intentionally very wide display face. */
.round-cta{font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:.045em}.machine-intro{max-width:360px}.machine-intro h2{font-size:28px}.brothers-words h2{font-family:var(--body);font-weight:600;font-size:27px;line-height:1.1;letter-spacing:0}
@media(max-width:1100px){.round-cta{font-size:12px}.machine-intro{max-width:260px}.machine-intro h2{font-size:23px}.brothers-words h2{font-size:24px}}
@media(max-width:700px){.monster{font-size:15vw;top:12%;left:22px}.monster span:last-child{font-size:.72em;margin-top:8px;letter-spacing:-.075em}.machine-rig{width:82vw;left:17%;height:66%;top:16%}.machine-intro{max-width:190px;bottom:6%}.machine-intro h2{font-family:var(--body);font-size:22px;line-height:1.05;letter-spacing:0;font-weight:600}.machine-intro p{max-width:19ch}.machine-room>.round-cta,.taste-action .round-cta{font-size:11px}.brothers-head{font-size:13.5vw;top:8%}.brothers-print{width:60vw;left:31%;top:24%}.brothers-words h2{font-size:21px}.taste-type h1{font-size:16vw}.brothers-words{bottom:4%}}
@media(max-width:700px){.monster span:last-child{font-size:.66em}.brothers-head{font-size:11.8vw}.brothers-print{width:54vw;left:35%;top:21%}.brothers-words{bottom:4%}}

.masthead nav a.all-machines{display:inline-flex;align-items:center;text-decoration:none;padding:8px 6px;border-bottom:2px solid currentColor;font:700 .7rem/1.1 Jost,sans-serif;white-space:nowrap}.masthead nav a.all-machines:hover{color:#1847ca}.masthead{gap:clamp(8px,1.6vw,30px)}.masthead nav{gap:clamp(6px,1.1vw,16px)}
@media(max-width:900px){.masthead nav a.all-machines{font-size:.64rem}}
/* The hero uses the unaltered product photograph in a printed campaign frame. */
.machine-rig{height:auto;aspect-ratio:1;top:7%;left:39%;width:min(42vw,580px);background:#f4eddf;border:3px solid #24170f;padding:12px;box-shadow:14px 14px 0 #24170f;transform:rotate(5deg)}
.machine-image{width:100%;height:100%;object-fit:contain;filter:none}
.machine-shadow{display:none}
.hotspot{left:67%;top:54%}
@media(max-width:1100px){.machine-rig{width:52vw;left:34%;top:15%}}
@media(max-width:700px){.machine-rig{width:68vw;height:auto;left:25%;top:24%;padding:7px;box-shadow:7px 7px 0 #24170f}.hotspot{left:65%;top:49%}}

/* Espresso Club: the real manufacturer cutout takes the stage without a beige photo box. */
:root{--bg:#d94b2b;--fg:#222622;--accent:#e3e9bb;--paper:#faf9f4}
body[data-palette=acid],body[data-palette=cobalt]{--bg:#d94b2b;--fg:#222622;--accent:#e3e9bb}
.machine-rig{top:3%;left:37%;width:min(49vw,670px);background:transparent;border:0;padding:0;box-shadow:none;transform:none;isolation:isolate}
.machine-rig::before{content:'';position:absolute;inset:11% 2% 13% 9%;background:#bbc8c3;border:2px solid var(--fg);box-shadow:13px 13px 0 var(--fg);transform:rotate(-7deg);z-index:-1}
.machine-image{position:relative;object-fit:contain;filter:drop-shadow(13px 23px 10px rgba(20,30,26,.28))}
.machine-shadow{display:block;bottom:9%;z-index:-1}
.hotspot{left:60%;top:51%}
.club-signature{font:800 clamp(.7rem,1vw,.9rem)/1.1 var(--display);letter-spacing:.055em;white-space:nowrap}
.masthead nav a.all-machines:hover{color:var(--paper)}
.taste-type h1 em{color:var(--accent)}
.choice-grid button[aria-pressed=true]{background:var(--accent)}
@media(max-width:1100px){.machine-rig{top:8%;left:31%;width:59vw}}
@media(max-width:700px){.machine-rig{top:20%;left:15%;width:78vw;padding:0;box-shadow:none}.machine-rig::before{inset:10% 1% 13% 8%;box-shadow:7px 7px 0 var(--fg)}.hotspot{left:62%;top:49%}.club-signature{font-size:.64rem;letter-spacing:.025em}}

/* Espresso Club palette: dark espresso, mineral green, chalk and restrained copper. */
:root{--bg:#27312f;--fg:#f1f2ed;--accent:#d17957;--paper:#f1f2ed}
body[data-palette=acid],body[data-palette=cobalt]{--bg:#27312f;--fg:#f1f2ed;--accent:#d17957;--paper:#f1f2ed}
body[data-room=brothers]{--bg:#a8b8b2;--fg:#202a29;--accent:#b96047;--paper:#f1f2ed}
.machine-rig::before{content:none}
.machine-rig{top:4%;height:88%;aspect-ratio:auto}
.machine-image{filter:drop-shadow(17px 27px 12px rgba(5,13,12,.42))}
.machine-shadow{background:rgba(6,15,14,.3)}
.machine-orbit{opacity:.18}
.hotspot{color:#202a29;border-color:var(--paper);box-shadow:0 0 0 7px rgba(241,242,237,.16)}
.round-cta{background:var(--accent);color:#172321;box-shadow:6px 7px 0 #111b19}
.round-cta:hover{background:var(--paper)}
.taste-room{background:#481c20}
.taste-type h1 em{color:var(--paper)}
.taste-action .round-cta{background:#27312f;color:#f1f2ed;box-shadow:6px 7px 0 #151b1a}
.taste-action .round-cta:hover{background:#d17957;color:#172321}
.brothers-room{background:var(--bg)}
.brothers-print{left:31%;top:10%;width:min(28vw,440px);background:var(--paper);box-shadow:13px 13px 0 #202a29;z-index:2}
.brothers-print figcaption{color:#202a29}
.brothers-words{right:4%;bottom:11%;width:28%;max-width:390px;z-index:3;background:var(--bg);padding:14px 8px 14px 18px;box-shadow:-8px 0 0 var(--bg)}
.brothers-words h2{font-size:clamp(23px,2.1vw,33px)}
.brothers-label{bottom:11%}
.choice-grid button[aria-pressed=true]{background:#b3c6bd}
@media(max-width:1100px){
  .brothers-print{left:27%;top:16%;width:33vw}
  .brothers-words{right:3%;width:30%;bottom:9%}
}
@media(max-width:700px){
  .machine-rig{top:20%;left:15%;width:78vw;height:auto;aspect-ratio:1}
  .machine-rig::before{content:none}
  .brothers-head{top:7%}
  .brothers-print{width:min(50vw,245px);left:26%;top:18%;padding:7px;box-shadow:7px 8px 0 #202a29}
  .brothers-words{left:22px;right:22px;bottom:4%;width:auto;max-width:none}
  .brothers-words h2{font-size:21px;max-width:24ch;margin-bottom:8px}
  .brothers-words p{max-width:46ch}
}
@media(max-width:700px) and (max-height:720px){
  .brothers-print{width:min(40vw,190px);left:32%;top:17%}
  .brothers-words h2{font-size:19px}
  .brothers-words p{font-size:11px}
}

/* The red taste artwork now leads the experience palette and the detail drawer. */
:root{--bg:#bd2519;--fg:#202a29;--accent:#f5f6f2;--paper:#f5f6f2}
.machine-room{background:#bd2519;color:var(--paper)}
.machine-room .monster span:last-child{color:var(--paper)}
.machine-orbit,.stage-note,.machine-name{display:none}
.machine-rig{left:38%;width:min(45vw,650px)}
.machine-intro{max-width:270px;bottom:10%}
.machine-intro h2{font:800 clamp(1.8rem,2.8vw,3rem)/.95 var(--display);letter-spacing:-.05em}
.machine-intro p{font-size:clamp(.88rem,1.2vw,1rem)}
.machine-room>.round-cta{background:var(--fg);color:var(--paper);right:5%;top:45%;box-shadow:6px 7px 0 #69180f}
.machine-room>.round-cta:hover{background:var(--paper);color:var(--fg)}
.hotspot{background:var(--paper);color:var(--fg);box-shadow:0 0 0 6px #f5f6f244}
.hotspot-label{color:var(--fg)}
dialog{background:#202a29;color:var(--paper)}
dialog::backdrop{background:#100b09c9;backdrop-filter:blur(8px)}
.drawer-head{border-bottom:1px solid #f5f6f250;padding-bottom:16px;margin-bottom:30px}
.drawer-head button{border-color:currentColor}
.drawer-head #close-drawer{position:relative;display:grid;place-items:center;padding:0;font-size:0;line-height:0;flex:none}
.drawer-head #close-drawer::before,.drawer-head #close-drawer::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:3px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.drawer-head #close-drawer::after{transform:translate(-50%,-50%) rotate(-45deg)}
#drawer-content h2{font-size:clamp(2.8rem,4.2vw,4.4rem);line-height:.9;letter-spacing:-.065em}
#drawer-content h2 em{font-style:normal;color:var(--paper)}
.panel-primary{background:var(--paper);color:var(--fg);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.panel-primary:hover{background:#e9c0a5}
.panel-secondary{color:inherit}
.choice-grid button[aria-pressed=true]{background:var(--paper);color:var(--fg)}
dialog[data-panel=details]{background:#bd2519;color:var(--paper)}
dialog[data-panel=details] .panel-kicker{font-weight:700;letter-spacing:.18em}
dialog[data-panel=details] #drawer-content h2{position:relative;z-index:2;margin:8px 0 0}
.detail-stage{position:relative;min-height:360px;display:grid;place-items:center;margin:-12px -22px 10px;overflow:hidden}
.detail-stage>span{position:absolute;left:-.05em;top:20%;font:800 clamp(7rem,16vw,16rem)/.75 var(--display);letter-spacing:-.1em;color:#8d160e;white-space:nowrap;pointer-events:none}
.detail-stage .detail-photo{position:relative;width:min(83%,400px);max-height:360px;object-fit:contain;margin:0;filter:drop-shadow(15px 25px 15px #4b110c77)}
dialog[data-panel=details] #drawer-content>p:not(.panel-kicker){font-size:16px;max-width:34ch}
dialog[data-panel=details] .panel-primary{background:var(--fg);color:var(--paper);margin-top:20px}
dialog[data-panel=details] .panel-primary:hover{background:#451b15}
@media(max-width:700px){
  .machine-rig{left:17%;width:78vw;top:19%}
  .machine-intro{bottom:6%;max-width:160px}
  .machine-room>.round-cta{right:6%;top:auto;bottom:5%}
  .detail-stage{min-height:270px;margin:0 -10px 10px}
  .detail-stage .detail-photo{max-height:270px;width:76%}
  .detail-stage>span{font-size:31vw}
}

/* Keep the poster legible: the machine is the focal point, the headline has a clear left edge. */
.masthead,.control-desk{background:#202a29;color:var(--paper)}
.control-desk .utilities a{font-size:11px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:700px){.control-desk .utilities{gap:8px}.control-desk .utilities a{font-size:10px}}
.masthead nav a.all-machines:hover{color:#ff7863}
.machine-room .monster{top:10%;left:3.5%;font-size:clamp(6.5rem,10.7vw,11.5rem);line-height:.86;letter-spacing:-.09em;max-width:67%}
.machine-room .monster span:last-child{font-size:.72em;letter-spacing:-.08em;margin-top:.13em}
.machine-rig{top:13%;left:45%;width:min(43vw,630px)}
.machine-intro{left:3.5%;bottom:8%;max-width:350px}
.machine-intro h2{font-size:clamp(1.6rem,2.4vw,2.6rem);line-height:.98;margin-bottom:13px}
.machine-intro p{max-width:30ch}
.machine-room>.round-cta{right:4%;top:auto;bottom:13%;width:142px;height:142px}
.brothers-room{background:#bd2519;color:var(--paper)}
.brothers-head{font-size:clamp(4rem,9vw,9.5rem);max-width:92%}
.brothers-print{left:33%;top:13%;width:min(28vw,420px)}
.brothers-words{background:#bd2519;color:var(--paper);right:4%;bottom:10%;width:27%;box-shadow:-8px 0 0 #bd2519}
@media(max-width:1100px){
  .machine-room .monster{font-size:10.5vw;top:14%}
  .machine-rig{left:42%;top:19%;width:49vw}
  .brothers-print{left:29%;width:34vw}
}
@media(max-width:700px){
  .machine-room .monster{top:11%;left:22px;max-width:none;font-size:16vw}
  .machine-room .monster span:last-child{font-size:.54em;letter-spacing:-.09em;margin-top:.2em;white-space:nowrap}
  .machine-rig{left:22%;top:20%;width:72vw}
  .machine-intro{left:22px;bottom:7%;max-width:170px}
  .machine-intro h2{font-size:22px}
  .machine-intro p{font-size:12px;max-width:20ch}
  .machine-room>.round-cta{right:5%;bottom:7%;width:108px;height:108px}
  .brothers-head{font-size:13vw;left:22px;top:8%}
  .brothers-print{left:32%;top:20%;width:min(55vw,245px)}
  .brothers-words{left:22px;right:22px;bottom:4%;width:auto;max-width:none}
}

/* Give the headline and the product their own stage space. */
.machine-room .monster{font-size:clamp(5rem,9vw,10rem);max-width:52%}
.machine-rig{left:53%;width:min(42vw,630px)}
@media(max-width:1100px) and (min-width:701px){
  .machine-room .monster{font-size:9vw}
  .machine-rig{left:51%;width:46vw}
}
@media(max-width:700px){
  .machine-room .monster{font-size:16vw;max-width:none}
  .machine-rig{left:32%;top:29%;width:60vw}
  .machine-intro{bottom:5%;max-width:230px}
}

/* Keep the brothers' portrait and the complete headline in separate areas. */
.brothers-head{left:4%;top:9%;max-width:92%;z-index:1}
.brothers-print{left:54%;top:44%;width:min(23vw,320px);z-index:2}
.brothers-words{left:4%;right:auto;bottom:10%;width:34%;max-width:440px;padding:0;background:transparent;box-shadow:none;z-index:3}
.brothers-label{left:auto;right:4%;bottom:11%;text-align:right;transform:rotate(6deg)}
@media(max-width:1100px) and (min-width:701px){
  .brothers-print{left:54%;top:44%;width:28vw}
  .brothers-words{left:4%;right:auto;bottom:8%;width:40%}
  .brothers-label{display:none}
}
@media(max-width:700px){
  .brothers-head{left:22px;top:8%;font-size:10.5vw;max-width:calc(100% - 44px);white-space:nowrap}
  .brothers-print{left:25%;top:25%;width:min(55vw,230px)}
  .brothers-words{left:22px;right:22px;bottom:4%;width:auto;max-width:none}
}

/* A selected setup must be obvious before the recommendation is revealed. */
#drawer-content [hidden]{display:none!important}
dialog[data-panel=advice] .choice-grid button[aria-pressed=true]{background:#bd2519;color:#f5f6f2;border-color:#bd2519;box-shadow:5px 5px 0 #f5f6f2}
dialog[data-panel=advice] .choice-grid button:focus-visible{outline:3px solid #f5f6f2;outline-offset:4px}

/* On phones, give the three rooms and the two destinations their own rows. */
@media(min-width:701px) and (max-width:900px){
  .masthead{height:136px;padding:20px 28px 64px;align-items:flex-start}
  .masthead nav{position:absolute;left:28px;right:28px;bottom:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
  .masthead nav button,.masthead nav a.all-machines{min-width:0;justify-content:center;text-align:center;white-space:nowrap;font-size:clamp(10px,1.45vw,12px);padding:10px 0}
  #experience{height:calc(100dvh - 222px)}
}
@media(max-width:700px){
  .masthead{height:148px;padding:18px 22px 78px;align-items:flex-start}
  .talk{margin-left:auto;white-space:nowrap}
  .masthead nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 8px;left:22px;right:22px;bottom:8px;margin:0;font-size:clamp(10px,2.8vw,12px)}
  .masthead nav button{grid-column:span 2;min-width:0;padding:10px 0 9px;text-align:center;white-space:nowrap;line-height:1.15}
  .masthead nav a.all-machines{grid-column:span 3;min-width:0;justify-content:center;padding:9px 0 8px;font-size:clamp(10px,2.7vw,11px);white-space:nowrap}
  #experience{height:calc(100dvh - 268px)}
}
@media(max-width:360px){
  .machine-intro{max-width:170px}
  .machine-intro h2{font-size:16px}
  .machine-intro p{font-size:11px}
  .machine-room>.round-cta{width:90px;height:90px;right:5%;font-size:10px}
  .control-desk{grid-template-columns:minmax(0,1fr) auto}
  .club-signature{min-width:0;font-size:.49rem;white-space:normal;line-height:1.1}
  .utilities{min-width:0;gap:6px}
  .utilities button:first-child{font-size:9px}
}

/* Device-independent editorial arrow and selection marks. */
.link-arrow{display:inline-block;position:relative;flex:none;width:14px;height:14px;vertical-align:-1px;color:inherit}
.link-arrow::before{content:"";position:absolute;left:1px;bottom:1px;width:calc(100% + 4px);border-top:1.5px solid currentColor;transform:rotate(-45deg);transform-origin:left center}
.link-arrow::after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.link-arrow--down{transform:rotate(90deg)}
.masthead nav a .link-arrow{margin-left:4px}
.round-cta .link-arrow{width:21px;height:21px}
.round-cta .link-arrow::after{width:10px;height:10px}
.choice-check{display:inline-block;width:16px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.choice-grid .choice-check,.choice-grid button:hover .choice-check{transform:rotate(-45deg)}
@media(max-width:700px){#drawer-content h2{font:600 clamp(2.3rem,9vw,3.2rem)/1.05 var(--body);letter-spacing:-.035em}}