/* Locations / a second spatial object: the exploded room compass. */
.room-compass{background:#b6e04a;color:#241a2e;padding:clamp(90px,11vw,155px) clamp(22px,5vw,78px);overflow:hidden}.room-compass>header{display:grid;grid-template-columns:.55fr 1.2fr .72fr;gap:4vw;align-items:end;margin-bottom:75px}.room-compass>header>p:first-child,.arrival-protocol header>p,.location-questions header>p{font:500 10px 'DM Mono',monospace;letter-spacing:.14em}.room-compass h2,.arrival-protocol h2,.location-questions h2{font:800 clamp(60px,8vw,118px)/.76 Syne,sans-serif;letter-spacing:-.08em;margin:0}.room-compass h2 em{font-style:normal;color:#c1272d}.room-compass>header>p:last-child{line-height:1.72;max-width:48ch}
.compass-shell{--room-turn:0deg;display:grid;grid-template-columns:minmax(380px,1fr) minmax(300px,.85fr);min-height:680px;background:#241a2e;color:#f4eddb;border:2px solid #241a2e;box-shadow:18px 20px 0 #c1272d;perspective:1200px}.room-stack{position:relative;min-height:650px;transform-style:preserve-3d;perspective:1100px;overflow:hidden}.room-stack::before{content:'';position:absolute;inset:12%;border:1px solid rgba(244,237,219,.35);background:linear-gradient(90deg,rgba(244,237,219,.12) 1px,transparent 1px),linear-gradient(rgba(244,237,219,.12) 1px,transparent 1px);background-size:35px 35px;transform:rotateX(68deg) rotateZ(-9deg)}
.room-plane{position:absolute;left:50%;top:50%;width:min(62%,340px);aspect-ratio:1.25;border:2px solid #150f1c;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.15,1),filter .4s;box-shadow:18px 22px 0 rgba(0,0,0,.3)}.room-plane i{font:500 10px 'DM Mono',monospace;font-style:normal}.room-plane b{font:800 clamp(30px,4vw,55px)/1 Syne,sans-serif;letter-spacing:-.07em;align-self:end}.plane-one{background:#f4eddb;color:#241a2e;transform:translate(-70%,-68%) rotateY(calc(-23deg + var(--room-turn))) rotateX(9deg) translateZ(-90px)}.plane-two{background:#8cc63f;color:#241a2e;transform:translate(-58%,-57%) rotateY(calc(-13deg + var(--room-turn))) rotateX(6deg) translateZ(-15px)}.plane-three{background:#c1272d;color:#f4eddb;transform:translate(-46%,-46%) rotateY(calc(-3deg + var(--room-turn))) rotateX(3deg) translateZ(65px)}.plane-four{background:#b6e04a;color:#241a2e;transform:translate(-34%,-35%) rotateY(calc(7deg + var(--room-turn))) translateZ(145px)}
.compass-shell.lens-0 .plane-one,.compass-shell.lens-1 .plane-two,.compass-shell.lens-2 .plane-three,.compass-shell.lens-3 .plane-four{filter:brightness(1.14);outline:5px solid #f4eddb;outline-offset:4px}.stack-pin{position:absolute;left:17%;bottom:10%;z-index:6;width:125px;aspect-ratio:1;background:#f4eddb;color:#241a2e;border:2px solid;display:flex;flex-direction:column;justify-content:space-between;padding:12px;transform:rotate(-7deg);box-shadow:9px 10px 0 #150f1c}.stack-pin small{font:500 8px 'DM Mono',monospace}.stack-pin strong{font:800 68px/1 Syne,sans-serif}
.compass-shell.lens-0 .plane-one{z-index:7;transform:translate(-52%,-48%) rotateY(calc(-8deg + var(--room-turn))) rotateX(2deg) translateZ(225px)}
.compass-shell.lens-1 .plane-two{z-index:7;transform:translate(-48%,-44%) rotateY(calc(-5deg + var(--room-turn))) rotateX(2deg) translateZ(225px)}
.compass-shell.lens-2 .plane-three{z-index:7;transform:translate(-44%,-40%) rotateY(calc(-2deg + var(--room-turn))) rotateX(1deg) translateZ(225px)}
.compass-shell.lens-3 .plane-four{z-index:7;transform:translate(-40%,-36%) rotateY(calc(2deg + var(--room-turn))) translateZ(225px)}
.compass-console{padding:clamp(28px,4vw,58px);border-left:1px solid rgba(244,237,219,.35);display:flex;flex-direction:column;justify-content:center}.compass-console>div{display:grid;grid-template-columns:1fr 1fr;margin-bottom:50px}.compass-console button{padding:15px 3px;border:0;border-bottom:1px solid rgba(244,237,219,.4);background:transparent;color:inherit;text-align:left;cursor:pointer;font:500 10px 'DM Mono',monospace;text-transform:uppercase}.compass-console button.is-active{color:#b6e04a;border-color:#b6e04a}.compass-console article>p:first-child{font:500 9px 'DM Mono',monospace;letter-spacing:.13em;color:#b6e04a}.compass-console h3{font:800 clamp(39px,4.5vw,66px)/.9 Syne,sans-serif;letter-spacing:-.055em;margin:20px 0}.compass-console article>p:last-child{line-height:1.75;color:rgba(244,237,219,.74)}
.arrival-protocol{background:#f4eddb;color:#241a2e;padding:clamp(90px,11vw,150px) clamp(22px,5vw,78px)}.arrival-protocol>header{display:grid;grid-template-columns:70px .55fr 1.35fr;align-items:end;margin-bottom:70px}.arrival-protocol header>span{font:800 76px/1 Syne,sans-serif;color:#c1272d}.arrival-protocol ol{list-style:none;padding:0;margin:0;border-top:2px solid}.arrival-protocol li{display:grid;grid-template-columns:.35fr 1.65fr;padding:32px 0;border-bottom:1px solid;gap:5vw}.arrival-protocol li>span{font:500 clamp(25px,3.5vw,48px) 'DM Mono',monospace;color:#c1272d}.arrival-protocol li>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw}.arrival-protocol h3{font:800 clamp(28px,3.3vw,47px)/.94 Syne,sans-serif;letter-spacing:-.05em;margin:0}.arrival-protocol li p{line-height:1.72;margin:0;max-width:64ch}
.location-questions{background:#cde6ab;color:#241a2e;padding:clamp(90px,11vw,150px) clamp(22px,5vw,78px)}.location-questions>header{display:grid;grid-template-columns:.6fr 1.4fr;align-items:end;margin-bottom:60px}.question-platform{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid;border-left:3px solid;perspective:900px}.question-platform article{min-height:320px;padding:32px;border-right:3px solid;border-bottom:3px solid;position:relative;background:#cde6ab;transition:transform .35s,background .35s}.question-platform article:hover{transform:translateZ(25px) translate(-6px,-6px);background:#f4eddb}.question-platform span{font:500 10px 'DM Mono',monospace}.question-platform h3{font:800 clamp(28px,3.5vw,48px)/.92 Syne,sans-serif;letter-spacing:-.05em;margin:55px 0 20px;max-width:15ch}.question-platform p{line-height:1.7;max-width:57ch}
