:root{--paper:#f1f1ed;--ink:#252923;--accent:#a54420;--rule:#c4c5bd;--body:Arial,sans-serif;--display:Arial,sans-serif}.firn-hero{height:calc(100svh - 80px);min-height:580px;position:relative}.firn-hero>img{width:100%;height:100%;object-fit:cover}.firn-hero>div{position:absolute;bottom:12%;left:6%;background:#f1f1ed;padding:28px 36px;max-width:600px}.firn-hero a{display:inline-block;margin-top:28px}.firn-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:12%}.firn-intro p{margin-top:0}.firn-index,.firn-bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10%}.bench-crop{height:440px;object-fit:cover;object-position:left bottom}.firn-pair{border-top:1px solid var(--rule)}.firn-pair>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:40px}.firn-pair img{height:480px;object-fit:cover}.sun-crop{object-position:right center}.door-crop{object-position:65% center}.firn-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:15%;background:#e5e6df}.firn-note>div>p{max-width:30ch}.firn-close{text-align:center;padding:130px 6%}.firn-close p{margin:24px auto}.firn.login main{padding:10vh 10%;min-height:800px}.firn.login .stage-art{position:absolute;width:40%;right:5%;bottom:8%}.firn.login .auth{position:relative;z-index:2}.firn.login .layer-sheet{position:absolute;bottom:-8%;right:0;background:#f1f1ed;border:1px solid var(--rule);padding:16px 32px;transform:rotate(-6deg);font-size:14px}.firn.login .layer-line{position:absolute;left:8%;top:-12%;width:60%;height:30px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.story{height:240vh}.stage{position:sticky;top:16px;height:calc(100vh - 32px);overflow:clip;background:#eee9df;margin:0 3%}.composition{position:absolute;inset:0;display:grid;place-items:center}.model{position:relative;width:min(100%,1400px);aspect-ratio:3/2;transform-origin:52% 42%;transform:translate(0,10%) scale(1.5)}.story img{width:100%;height:100%;display:block}.story svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}.ray{fill:none;stroke:#ad481f;stroke-width:2;stroke-dasharray:600;stroke-dashoffset:600}.callouts{position:absolute;inset:0;opacity:0}.label{position:absolute;background:#f1f1ed;padding:8px 14px;font-size:16px;border-bottom:1px solid #ad481f}.label:nth-child(1){top:6%;left:39%}.label:nth-child(2){right:5%;top:51%}.label:nth-child(3){left:24%;bottom:8%}.intro{z-index:2;position:absolute;bottom:10%;left:6%;width:34%;padding:20px;background:#f1f1ed;transform-origin:0 0} .story h2{font-size:clamp(32px,4vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}.story p{margin:0;max-width:27ch}.caption{position:absolute;top:6%;left:5%;max-width:22ch;opacity:0;font-size:18px}.static-labels{display:none}@media(max-width:1100px),(prefers-reduced-motion:reduce){.story{height:auto}.stage{height:auto;position:relative;padding:28px 0}.composition{position:relative}.model{transform:none!important;width:100%}.intro{position:relative;width:auto;left:auto;bottom:auto;margin:0 5% 24px;background:none;padding:0;transform:none!important;opacity:1!important}.intro p{max-width:40ch}.caption,.callouts{display:none}.static-labels{display:grid;margin:24px 5% 0;gap:20px}.static-labels dt{font-size:21px;margin-bottom:4px}.static-labels dd{margin:0;font-size:17px;max-width:40ch} .story h2{font-size:38px;max-width:15ch}.story svg{display:none}}
 .story .intro h2{font-size:clamp(32px,4vw,64px)}@media(max-width:1100px){.firn.login .stage-art{position:relative;width:min(100%,500px);right:auto;bottom:auto;margin:60px 0 10px auto}.firn.login main{padding:60px 6%}.firn.login .auth{margin:auto}}@media(max-width:767px){.firn-hero{height:640px;min-height:0}.firn-hero>div{left:6%;right:6%;bottom:7%;padding:22px}.firn-hero h1{font-size:44px}.firn-intro,.firn-index,.firn-bench,.firn-note{display:block}.firn-intro p,.edge-list,.firn-bench figure,.firn-note .note-form{margin-top:32px}.firn-pair img{height:260px}.bench-crop{height:280px}.firn-close{padding:80px 6%}}
.firn:not(.enhanced) .story{height:auto}.firn:not(.enhanced) .story .stage{height:auto;position:relative;padding:28px 0}.firn:not(.enhanced) .story .composition{position:relative}.firn:not(.enhanced) .story .model{transform:none!important;width:100%}.firn:not(.enhanced) .story .intro{position:relative;width:auto;left:auto;bottom:auto;margin:0 5% 24px;background:none;padding:0;transform:none!important;opacity:1!important}.firn:not(.enhanced) .story .caption,.firn:not(.enhanced) .story .callouts,.firn:not(.enhanced) .story svg{display:none}.firn:not(.enhanced) .story .static-labels{display:grid;margin:24px 5% 0;gap:20px}.firn:not(.enhanced) .story .static-labels dd{margin:0}.firn:not(.enhanced) .story .static-labels dt{font-size:22px;margin-bottom:8px}.firn.enhanced .story{height:240vh}

.photo-window{overflow:clip}.firn-bench .photo-window{height:440px}.bench-crop{transform:scale(2);transform-origin:18% 82%}.firn-pair .photo-window{height:480px}.sun-crop{transform:scale(2.2);transform-origin:90% 62%}.door-crop{transform:scale(2);transform-origin:62% 48%}@media(max-width:767px){.firn-bench .photo-window{height:280px}.firn-pair .photo-window{height:260px}}