.direction-room{--ink:#050505;--paper:#f0dfbd;--accent:#d83a24;--accent-copy:#ff6149;--line:#f0dfbd38;background:var(--ink);min-height:100svh;color:var(--paper);font-family:Inter,Arial,sans-serif;overflow:hidden}.direction-room *{box-sizing:border-box}.direction-room a{color:inherit}.direction-room button{color:inherit;font:inherit}.direction-room.is-day{--ink:#efd29b;--paper:#15110c;--accent-copy:#9f2418;--line:#15110c3d}.direction-room-nav{z-index:300;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:18px 30px;display:grid;position:fixed;inset:0 0 auto}.direction-room-nav>a:nth-child(2){letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900;text-decoration:none}.direction-room-brand{align-items:center;gap:9px;text-decoration:none;display:flex}.direction-room-brand img{object-fit:contain;width:34px;height:34px}.direction-room-brand span{font-family:var(--serif-titres);font-size:19px;font-style:italic;font-weight:400}.direction-room-tools{justify-self:end;align-items:center;gap:14px;display:flex}.direction-room-tools button{cursor:pointer;opacity:.38;background:0 0;border:0;min-width:28px;min-height:30px;padding:5px;font-size:11px;font-weight:900}.direction-room-tools .direction-room-theme{opacity:1;font-size:18px}.direction-room-stage{isolation:isolate;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 54%,#d83a2429,transparent 27%),radial-gradient(circle at 50% 50%,transparent 0 31%,var(--line) 31.1% 31.25%,transparent 31.35%),var(--ink);flex-direction:column;height:100svh;min-height:680px;padding:13vh 5vw 0;display:flex;position:relative;overflow:hidden}.direction-room-stage:active{cursor:grabbing}.direction-room-stage canvas{z-index:2;pointer-events:none;filter:blur(7px)saturate(1.2);width:100%;height:100%;position:absolute;inset:0}.direction-room-orbit:before,.direction-room-orbit:after{content:"";z-index:0;border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.direction-room-orbit:before{width:min(76vw,1120px);height:min(57vh,620px)}.direction-room-orbit:after{border-color:color-mix(in srgb,var(--accent) 30%,transparent);width:min(61vw,890px);height:min(43vh,470px)}.direction-room-title{z-index:120;pointer-events:auto;margin:0 0 3vh;position:relative}.direction-room-title p{color:var(--accent-copy);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.direction-room-title h1{max-width:8ch;font-family:var(--serif-titres);letter-spacing:-.065em;margin:.28em 0 0;font-size:clamp(50px,6.3vw,98px);font-style:italic;font-weight:400;line-height:.82}.direction-room-orbit{z-index:3;perspective:1050px;min-height:0;transform-style:preserve-3d;flex:auto;position:relative}.direction-room-card{--x:0px;--y:0px;--z:0px;--scale:.65;--opacity:.4;--blur:0px;--tilt:0deg;aspect-ratio:4/3;border:1px solid color-mix(in srgb,var(--paper) 28%,transparent);width:clamp(220px,25vw,390px);filter:blur(var(--blur)) saturate(.84);opacity:var(--opacity);transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),var(--z)) scale(var(--scale)) rotate(var(--tilt));transform-origin:50%;will-change:transform,opacity,filter;background:#090807;transition:filter .35s,border-color .35s;display:block;position:absolute;top:52%;left:50%;overflow:hidden;box-shadow:0 35px 90px #0000007a}.direction-room-card[data-front=true]{border-color:color-mix(in srgb,var(--accent-copy) 68%,transparent);filter:blur(var(--blur)) saturate(1.08)}.direction-room-card[data-satellite=true]{pointer-events:none;box-shadow:0 20px 60px #0000005c}.direction-room-card[data-satellite=true] .direction-room-number,.direction-room-card[data-satellite=true] .direction-room-card-copy{display:none}.direction-room-card img{object-fit:cover;filter:saturate(.86)contrast(1.05);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.75,.2,1)}:is(.direction-room-card:hover img,.direction-room-card:focus-visible img){transform:scale(1.045)}.direction-room-card:after{content:"";background:linear-gradient(#0000 20%,#050505e6 45%,#050505f5 100%);position:absolute;inset:0}.direction-room-number{z-index:2;color:#fff;letter-spacing:.18em;font-size:11px;font-weight:900;position:absolute;top:14px;right:15px}.direction-room-card-copy{z-index:2;color:#f0dfbd;gap:6px;display:grid;position:absolute;bottom:19px;left:20px;right:20px}.direction-room-card-copy small{color:#ff6149;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.direction-room-card-copy strong{font-family:var(--serif-titres);letter-spacing:-.04em;font-size:clamp(24px,2.4vw,39px);font-style:italic;font-weight:400;line-height:1}.direction-room-card-copy em{letter-spacing:.08em;opacity:1;text-transform:uppercase;font-size:11px;font-style:normal}.direction-room-view{z-index:4;color:#fff;letter-spacing:.12em;opacity:0;text-transform:uppercase;background:#d83a24de;place-items:center;font-size:11px;font-weight:900;transition:opacity .3s;display:grid;position:absolute;inset:0}:is(.direction-room-card:hover .direction-room-view,.direction-room-card:focus-visible .direction-room-view){opacity:1}.direction-room-controls{z-index:150;align-items:center;gap:20px;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.direction-room-controls button{border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 82%,transparent);cursor:pointer;border-radius:50%;width:47px;height:47px;font-size:18px;transition:background .25s,color .25s}.direction-room-controls button:hover{background:var(--accent);color:#fff}.direction-room-controls span{text-align:center;letter-spacing:.16em;min-width:58px;font-size:11px;font-weight:900}.direction-room-help{z-index:120;color:color-mix(in srgb,var(--paper) 88%,transparent);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;position:absolute;bottom:28px;right:30px}.direction-room-note{z-index:120;max-width:320px;color:color-mix(in srgb,var(--paper) 88%,transparent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;position:absolute;bottom:28px;left:30px}.direction-room :is(a,button):focus-visible{outline:2px solid var(--accent-copy);outline-offset:4px}@media (max-width:760px){.direction-room{overflow:hidden}.direction-room-nav{grid-template-columns:1fr auto;padding:13px 16px}.direction-room-nav>a:nth-child(2){display:none}.direction-room-stage{touch-action:auto;cursor:auto;background:radial-gradient(circle at 85% 8%,#d83a2424,transparent 22%),var(--ink);height:100svh;min-height:650px;padding:88px 18px 24px;overflow:hidden}.direction-room-stage canvas,.direction-room-orbit:before,.direction-room-orbit:after,.direction-room-card[data-satellite=true]{display:none}.direction-room-title{margin:12px 0 28px;position:relative;top:auto;left:auto}.direction-room-title h1{font-size:clamp(48px,16vw,68px)}.direction-room-orbit{perspective:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;width:calc(100vw - 36px);padding:0 8vw;scroll-padding-inline:8vw;display:flex;position:relative;inset:auto;overflow:auto hidden}.direction-room-orbit::-webkit-scrollbar{display:none}.direction-room-card{scroll-snap-align:center;flex:0 0 82vw;width:82vw;max-width:340px;position:relative;top:auto;left:auto;opacity:1!important;filter:none!important;transform:none!important}.direction-room-card-copy strong{font-size:clamp(28px,9vw,38px)}.direction-room-controls{justify-content:center;margin-top:22px;position:relative;bottom:auto;left:auto;transform:none}.direction-room-controls button{width:42px;height:42px}.direction-room-help{display:none}.direction-room-note{max-width:270px;margin:18px 0 0;line-height:1.55;position:relative;bottom:auto;left:auto}}@media (prefers-reduced-motion:reduce){.direction-room-stage{touch-action:auto;cursor:auto;height:auto;min-height:100svh;padding:110px 5vw 90px;overflow:visible}.direction-room-stage canvas,.direction-room-orbit:before,.direction-room-orbit:after,.direction-room-card[data-satellite=true]{display:none}.direction-room-title{margin-bottom:55px;position:relative;top:auto;left:auto}.direction-room-orbit{perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid;position:relative;inset:auto}.direction-room-card{width:100%;position:relative;top:auto;left:auto;opacity:1!important;filter:none!important;transform:none!important}.direction-room-controls,.direction-room-help{display:none}.direction-room-note{grid-column:1/-1;margin-top:50px;position:relative;bottom:auto;left:auto}}.direction-room-stage canvas{filter:blur(7px)saturate(1.16)}@media (min-width:1600px){.direction-room-title{left:6vw}.direction-room-title h1{font-size:clamp(86px,6.6vw,132px)}.direction-room-card{width:clamp(390px,24vw,520px)}.direction-room-stage:before{width:min(79vw,1680px);height:min(62vh,840px)}.direction-room-stage:after{width:min(65vw,1370px);height:min(48vh,650px)}.direction-room-controls{bottom:6vh}}.direction-room-tools .direction-room-lab-trigger{border:1px solid color-mix(in srgb,var(--accent-copy) 55%,transparent);min-width:auto;color:var(--accent-copy);opacity:1;letter-spacing:.15em;text-transform:uppercase;margin-right:10px;padding:8px 12px}.direction-room-tools .direction-room-lab-trigger[aria-expanded=true]{background:var(--accent);color:#fff}.direction-room-lab{z-index:220;background:color-mix(in srgb,var(--ink) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;grid-template-rows:auto 1fr auto;gap:28px;padding:6vh 5vw 3vh;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .4s;display:grid;position:absolute;inset:76px 0 0;overflow:auto;transform:translateY(105%)}.direction-room.is-lab-open .direction-room-lab{opacity:1;pointer-events:auto;transform:translateY(0)}.direction-room-lab>header{grid-template-columns:minmax(0,1.2fr) minmax(260px,.7fr) auto;align-items:end;gap:5vw;display:grid}.direction-room-lab>header p{color:color-mix(in srgb,var(--paper) 68%,transparent);margin:0;font-size:14px;line-height:1.65}.direction-room-lab>header>div>p{color:var(--accent-copy);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:900}.direction-room-lab h2{max-width:10ch;font-family:var(--serif-titres);letter-spacing:-.06em;margin:12px 0 0;font-size:clamp(48px,6vw,92px);font-style:italic;font-weight:400;line-height:.85}.direction-room-lab>header>button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;align-self:start;width:48px;height:48px;font-size:28px}.direction-room-lab-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.direction-room-lab-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;padding:30px;position:relative}.direction-room-lab-grid article>span{color:var(--accent-copy);font-family:var(--serif-titres);font-size:30px;font-style:italic}.direction-room-lab-grid h3{font-family:var(--serif-titres);margin:18px 0 10px;font-size:clamp(24px,2.2vw,36px);font-style:italic;font-weight:400}.direction-room-lab-grid p{max-width:35ch;color:color-mix(in srgb,var(--paper) 68%,transparent);margin:0;font-size:13px;line-height:1.55}.direction-room-lab-grid small{color:var(--accent-copy);letter-spacing:.14em;font-size:11px;font-weight:900;position:absolute;bottom:22px;left:30px}.direction-room-lab>footer{color:color-mix(in srgb,var(--paper) 88%,transparent);letter-spacing:.17em;text-align:right;text-transform:uppercase;font-size:11px}@media (max-width:760px){.direction-room-brand span{display:none}.direction-room-tools{gap:3px}.direction-room-tools .direction-room-lab-trigger{margin-right:4px;padding:7px 8px;font-size:11px}.direction-room-lab{padding:35px 18px 28px;position:fixed;inset:69px 0 0}.direction-room-lab>header{grid-template-columns:1fr auto;align-items:start}.direction-room-lab>header>p{grid-column:1/-1}.direction-room-lab h2{font-size:14vw}.direction-room-lab-grid{grid-template-columns:1fr}.direction-room-lab-grid article{min-height:175px}.direction-room-lab>footer{text-align:left;line-height:1.6}}.direction-room-brand,.direction-room-nav>a:nth-child(2),.direction-room-tools button{align-items:center;min-height:44px;display:inline-flex}.direction-room-tools button{justify-content:center;min-width:44px}@media (max-width:760px){.direction-room-nav>a:nth-child(2){display:none}.direction-room-controls button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.direction-room-lab{transition:none}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.direction-room-orbit{grid-template-columns:minmax(0,1fr)}}.direction-room-lab>footer{justify-content:flex-end;gap:28px;display:flex}.direction-room-lab>footer a{color:var(--accent-copy);border-bottom:1px solid;padding-bottom:5px;text-decoration:none}@media (max-width:760px){.direction-room-lab>footer{flex-wrap:wrap;justify-content:flex-start}}