body.arrival-mode{background:#142d28}.arrival-mode>.masthead,.arrival-mode>.site-footer,.arrival-mode>.back-top{display:none!important}.entrance{min-height:100svh;background:radial-gradient(ellipse at 80% 40%,#6b714529,transparent 55%),#19372f;color:#f1e9d5;overflow:hidden;isolation:isolate;position:relative}.entrance:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#dbc9900b 1px,transparent 1px),linear-gradient(90deg,#dbc9900b 1px,transparent 1px);background-size:65px 65px}.arrival-header,.arrival-footer{display:flex;justify-content:space-between;gap:20px;margin:0 6%;padding:25px 0;font-size:9px;letter-spacing:2px;color:#c8c9ae}.arrival-header{border-bottom:1px solid #ddd0a62a}.arrival-footer{border-top:1px solid #ddd0a62a;font-size:8px;margin-top:30px}.arrival-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;max-width:1330px;margin:auto;padding:65px 7% 55px}.arrival-copy>.eyebrow{color:#d2b976;font-size:9px}.arrival-copy h1{font-size:clamp(65px,7.5vw,110px);line-height:1.02;letter-spacing:-4px;margin:28px 0}.arrival-copy h1 em{color:#dfbf77}.arrival-copy>p:not(.arrival-small){font-size:15px;line-height:1.9;color:#cbd1bc}.arrival-note{position:relative;background:#e9dbb9;color:#344739;padding:25px 30px;max-width:380px;margin:38px 0 30px;rotate:-2deg;box-shadow:7px 9px 0 #051f2825}.arrival-note p{font:26px/1.15 var(--hand)}.arrival-note>span:last-child{display:block;text-align:right;font:28px var(--hand);color:#887047;margin-top:8px}.arrival-primary{background:#e4c581;color:#243d32;padding:18px 24px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-size:12px;border:1px solid #f0db9d;transition:transform .25s,box-shadow .25s}.arrival-primary:hover{transform:translateY(-3px);box-shadow:0 6px 0 #081f2850}.arrival-primary>span{font-size:22px}.arrival-small{font-size:10px;color:#b6c0a9;margin-top:16px}.arrival-door{position:relative;perspective:1400px;justify-self:center;width:min(100%,360px);padding:20px 0 30px}.door-frame{position:relative;height:470px;border:12px solid #142c26;border-bottom:0;background:#10251f;box-shadow:0 0 0 1px #dfc78b30,18px 22px 55px #071c2560;perspective:1000px;isolation:isolate}.door-leaf{height:100%;position:relative;background:repeating-linear-gradient(90deg,transparent 0 53px,#0c271e35 54px 55px),linear-gradient(90deg,#325244,#263f35);border:3px solid #4c6046;transform-origin:left center;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);z-index:2;box-shadow:inset 0 0 35px #0a251a60}.door-window{position:absolute;inset:24px 24px auto;height:130px;background:radial-gradient(ellipse at 50% 90%,#e7cd8a99,#786e4390);border:7px solid #233c30;box-shadow:0 0 20px #dccb6220;display:flex}.door-window>span{flex:1;border-right:5px solid #233c30}.door-window>span:last-child{border:0}.door-window:after{content:'';position:absolute;top:50%;width:100%;height:5px;background:#233c30}.door-name{position:absolute;top:186px;left:0;right:0;text-align:center;font:25px var(--serif);letter-spacing:4px;color:#d8bd7e}.door-name small{display:block;font:6px var(--sans);letter-spacing:1px;margin-top:9px;color:#c1c2a2}.door-panels{position:absolute;left:24px;right:24px;top:256px;bottom:24px;display:flex;gap:18px}.door-panels i{flex:1;border:6px solid #203b2f;box-shadow:inset 0 0 0 1px #8e956136,0 0 0 1px #83916020}.door-lock{position:absolute;right:12px;top:228px;width:22px;height:60px;border:1px solid #a78d4c;border-radius:12px;background:#b79a57;box-shadow:2px 2px 6px #071a20}.door-lock:before{content:'';position:absolute;width:18px;height:18px;left:1px;top:8px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f0d899,#a08240)}.door-lock span{position:absolute;top:38px;left:8px;width:5px;height:10px;background:#344536;border-radius:50% 50% 0 0}.door-sign{position:absolute;top:103px;left:75px;background:#decfa5;color:#384e3d;padding:15px 26px;font:29px var(--hand);rotate:-8deg;box-shadow:2px 5px 7px #17281b40}.door-sign:before{content:'';position:absolute;width:70px;height:50px;border:1px solid #b4a374;border-bottom:0;left:24px;top:-38px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,transparent 49%,#b4a374 50% 51%,transparent 52%),linear-gradient(45deg,transparent 49%,#b4a374 50% 51%,transparent 52%)}.door-sign small{display:block;font-size:19px;text-align:right}.door-step{position:absolute;left:-22px;right:-22px;bottom:-13px;height:15px;background:#8b8767;box-shadow:0 7px 0 #4d5a43}.door-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#ffedb6,#d7b976 60%,#786943);box-shadow:0 0 40px #e8c98b30}.door-caption{display:block;font:22px/1.3 var(--hand);color:#b3bea3;rotate:3deg;margin:42px -10px 0;text-align:center}.arrival-work{background:var(--paper);color:var(--ink);min-height:80svh}.arrival-work-top{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 6%;background:#203c32;color:#e5dec9;font-size:9px;letter-spacing:1px}.arrival-work-top button{background:none;border-bottom:1px solid #b8bd9a;color:#ead59d;padding:10px 0;font-size:12px;letter-spacing:0}.arrival-work .drawer-page{padding-top:40px}.arrival-work .drawer-heading h1:focus{outline:none}.arrival-work .drawer-result{display:none}.arrival-work .drawer-page>.experiment-footnote{margin-bottom:10px}.arrival-work .machine-area{scroll-margin-top:20px}.arrival-finale{position:relative;text-align:center;padding:40px 6% 55px;max-width:1000px;margin:auto}.arrival-finale:focus{outline:none}.arrival-finale>.eyebrow{color:#d0b67c}.arrival-finale h1{font-size:clamp(36px,4vw,59px);margin:15px 0 14px;line-height:1.1}.arrival-finale>p:not(.arrival-welcome){font-size:13px;line-height:1.7;color:#c8d0b7}.opening-scene{position:relative;width:min(100%,540px);margin:30px auto 28px;height:300px;perspective:1000px}.opening-scene>.door-frame{width:195px;height:290px;margin:auto;border-width:8px}.opening-scene .door-window{inset:14px 14px auto;height:78px;border-width:4px}.opening-scene .door-name{top:113px;font-size:16px;letter-spacing:2px}.opening-scene .door-name small{font-size:4px}.opening-scene .door-panels{top:161px;left:14px;right:14px;bottom:14px;gap:10px}.opening-scene .door-panels i{border-width:4px}.opening-scene .door-sign{top:64px;left:35px;font-size:21px;padding:8px 15px}.opening-scene .door-sign small{font-size:14px}.opening-scene .door-sign:before{width:40px;left:20px}.opening-scene .door-lock{top:144px;right:7px;width:16px;height:40px}.opening-scene .door-lock:before{width:12px;height:12px}.opening-scene .door-lock span{top:27px;left:6px;width:4px;height:7px}.arrival-flying-bird{position:absolute;width:175px;left:-130px;top:30px;z-index:4;opacity:0;pointer-events:none}.arrival-flying-bird .bird-drawing{margin:0}.arrival-flying-bird .draft-lines,.arrival-flying-bird svg>g[font-family],.arrival-flying-bird svg>g:last-child{display:none}.flying-key{position:absolute;top:57%;right:7px;width:48px;color:#dcb865;rotate:85deg}.settled-key{position:absolute;width:48px;left:calc(50% + 80px);top:250px;color:#eed08a;opacity:0;rotate:25deg}.arrival-welcome{font:29px/1.3 var(--hand);color:#e8d39f;margin-bottom:23px}.arrival-welcome em{color:#f2ead4}.arrival-finale .arrival-primary{min-width:210px}.arrival-unlocking .door-leaf{animation:open-workshop-door 1.7s 1.1s ease-out forwards}.arrival-unlocking .arrival-flying-bird{animation:carry-the-key 2.4s ease-in-out forwards}.arrival-unlocking .arrival-flying-bird .wing{animation:flap .35s 7}.arrival-unlocking .settled-key{animation:key-land .6s 1.25s both}.arrival-reduced .opening-scene .door-leaf{transform:rotateY(-65deg)}.arrival-reduced .settled-key{opacity:1}.arrival-ready .door-light{box-shadow:0 0 65px #e8c98b80}.entrance button:focus-visible{outline:3px solid #c5a254;outline-offset:6px}@keyframes open-workshop-door{to{transform:rotateY(-72deg);filter:brightness(.8)}}@keyframes carry-the-key{0%{opacity:0;transform:translate(0,40px) rotate(-12deg)}15%{opacity:1}50%{opacity:1;transform:translate(340px,-25px) rotate(6deg)}70%{opacity:1;transform:translate(380px,0) rotate(-10deg)}100%{opacity:0;transform:translate(650px,-120px) rotate(-12deg)}}@keyframes key-land{from{opacity:0;transform:translateY(-130px) rotate(-70deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:800px){.arrival-layout{gap:6%;padding:50px 7%}.arrival-copy h1{font-size:70px;letter-spacing:-3px}.arrival-door{width:270px}.door-frame{height:400px}.door-name{font-size:20px;top:175px}.door-window{inset:20px 18px auto;height:115px}.door-sign{left:40px}.door-panels{top:245px;left:18px;right:18px}.arrival-note{padding:22px}.arrival-note p{font-size:24px}}
@media(max-width:600px){.arrival-header{font-size:7px;letter-spacing:1.1px;padding:22px 0}.arrival-layout{grid-template-columns:1fr;padding:35px 8% 30px;gap:25px}.arrival-copy h1{font-size:clamp(62px,17vw,82px);line-height:1;letter-spacing:-3px;margin:23px 0}.arrival-copy>p:not(.arrival-small){font-size:14px}.arrival-copy>.eyebrow{font-size:8px}.arrival-note{margin:30px 0 24px}.arrival-primary{width:100%;font-size:12px}.arrival-door{width:200px;padding-top:10px}.arrival-door .door-frame{height:290px;border-width:8px}.arrival-door .door-window{inset:14px 14px auto;height:80px;border-width:4px}.arrival-door .door-name{top:120px;font-size:16px;letter-spacing:2px}.arrival-door .door-name small{font-size:4px}.arrival-door .door-panels{top:170px;bottom:14px;left:14px;right:14px;gap:10px}.arrival-door .door-lock{top:157px;right:6px;width:18px;height:46px}.arrival-door .door-lock:before{width:14px;height:14px}.arrival-door .door-lock span{top:30px;left:6px}.arrival-door .door-sign{top:65px;left:34px;font-size:22px;padding:10px 18px}.arrival-door .door-sign small{font-size:15px}.door-caption{font-size:19px;margin-top:35px}.arrival-footer{font-size:6px;letter-spacing:1px;line-height:1.7}.arrival-footer>span:first-child{max-width:180px}.arrival-work-top{padding:14px 6%;gap:20px}.arrival-work-top>span{font-size:7px;max-width:110px;line-height:1.6}.arrival-work-top button{font-size:11px}.arrival-finale{padding-top:32px}.arrival-finale h1{font-size:37px}.arrival-finale>p:not(.arrival-welcome){font-size:12px}.arrival-flying-bird{width:140px;left:-150px}.opening-scene{height:300px;margin-top:28px}.arrival-welcome{font-size:27px}.arrival-finale .arrival-primary{width:auto;min-width:230px}@keyframes carry-the-key{0%{opacity:0;transform:translate(0,40px) rotate(-12deg)}15%{opacity:1}50%{opacity:1;transform:translate(290px,-25px) rotate(6deg)}70%{opacity:1;transform:translate(320px,0) rotate(-10deg)}100%{opacity:0;transform:translate(520px,-120px) rotate(-12deg)}}}
@media(prefers-reduced-motion:reduce){.entrance *, .entrance *:before,.entrance *:after{animation:none!important;transition:none!important}.arrival-unlocking .opening-scene .door-leaf{transform:rotateY(-65deg)}.arrival-unlocking .settled-key{opacity:1}}
