.orientation-story{padding:88px 0 48px;scroll-margin-top:100px}.orientation-heading h2{font-family:var(--ink-display);text-wrap:balance;font-size:clamp(32px,3.4vw,52px);font-weight:500;line-height:1.3}.orientation-heading>p{color:var(--muted);max-width:54ch;margin-top:20px;font-size:18px;line-height:1.8}.orientation-roles{gap:32px;margin-top:30px;display:flex}.orientation-roles a{grid-template-columns:auto 20px;gap:5px 24px;padding:8px 0;text-decoration:none;display:grid}.orientation-roles a>span{font-size:15px;font-weight:600}.orientation-roles small{color:var(--muted);grid-column:1;font-size:12px}.orientation-roles svg{color:var(--muted);grid-area:1/2/3;align-self:center}.orientation-roles a:hover>span{text-underline-offset:5px;text-decoration:underline}.orientation-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,76px);margin-top:40px;display:grid}.orientation-visual{min-width:0;margin:0;position:sticky;top:100px}.orientation-stage{aspect-ratio:1;perspective:900px;width:min(100%,100svh - 220px);margin:auto;position:relative}.orientation-scene{opacity:0;visibility:hidden;transition:opacity .16s linear;position:absolute;inset:0}.orientation-story:not([data-motion=ready]) .orientation-scene:first-child{opacity:1;visibility:visible}.orientation-scene img{width:100%;height:auto;display:block}.orientation-scene>div{position:absolute}.capture-photo{width:88%;top:20%;left:6%}.capture-photo img{border-radius:6px}.capture-frame{fill:none;stroke:#fff;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.capture-focus{transform-box:fill-box;stroke-width:1px}.capture-shutter{border:1px solid var(--line);background:var(--surface-raised);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;bottom:9%;left:calc(50% - 24px)}.upload-screen{aspect-ratio:1320/2868;height:88%;top:6%;right:14%}.upload-screen img,.accept-screen img{object-fit:contain;border-radius:16px;height:100%;box-shadow:0 12px 32px #231e141a}.upload-photo{width:40%;top:18%;left:3%}.upload-plan{width:32%;top:51%;left:4%}.upload-photo img,.upload-plan img{box-shadow:0 10px 24px #231e1424}.upload-arrow{color:#8c6a34;position:absolute;top:48%;left:40%}.generate-plan{width:65%;top:8%;left:18%}.generate-plan img{box-shadow:0 10px 28px #231e1417}.generate-depth{width:95%;top:30%;left:3%}.generate-depth img,.review-screen img{border-radius:8px;box-shadow:0 14px 32px #231e141a}.generate-plan>span,.generate-depth>span{color:var(--muted);font-size:13px;font-weight:600;position:absolute;bottom:-28px;right:4px}.generate-trace{fill:none;stroke:#9b7838;stroke-width:2px;stroke-dasharray:1300;width:100%;height:100%;position:absolute;inset:0}.orientation-plan{inset:6%}.orientation-plan img{box-shadow:0 14px 34px #231e1417}.orientation-compass{width:64%;top:18%;left:18%;transform:translate(-30%,25%)scale(.72)}.orientation-marks{fill:none;stroke:#756344;stroke-width:1.5px;stroke-dasharray:4 7;width:100%;height:100%;position:absolute;inset:0}.review-screen{width:100%;top:20%;left:0}.review-connector{fill:none;stroke:#9b7838;stroke-width:2px;stroke-dasharray:450;width:100%;height:100%;position:absolute;inset:0}.review-note{background:var(--surface-raised);align-items:flex-start;gap:14px;width:76%;padding:18px 22px;display:flex;bottom:8%;left:18%;box-shadow:0 10px 24px #231e1414}.review-note span{background:var(--text);width:25px;height:25px;color:var(--background);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.review-note p{margin:0;font-size:15px;line-height:1.7}.accept-screen{aspect-ratio:1080/2346;height:92%;top:4%;left:16%}.accept-receipt{background:var(--surface-raised);width:43%;padding:25px;top:36%;left:52%;box-shadow:0 14px 32px #231e141a}.accept-receipt svg{color:#8b682e}.accept-receipt p{font-family:var(--ink-display);margin:12px 0 8px;font-size:25px}.accept-receipt span{color:var(--muted);font-size:13px;line-height:1.7}.orientation-visual figcaption{max-width:55ch;color:var(--muted);text-align:center;margin:20px auto 0;font-size:12px;line-height:1.7}.orientation-step{flex-direction:column;justify-content:center;align-items:flex-start;min-height:66svh;padding:38px 0;scroll-margin-top:170px;display:flex}.orientation-step-meta{color:var(--muted);align-items:center;gap:16px;margin-bottom:20px;font-size:13px;display:flex}.orientation-number{font-variant-numeric:tabular-nums}.orientation-step h3{font-family:var(--ink-display);text-wrap:balance;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.35}.orientation-step>p{color:var(--muted);max-width:35ch;margin:20px 0 16px;font-size:16px;line-height:1.85}.orientation-points{margin:0 0 16px;padding:0;font-size:14px;line-height:1.7;list-style:none}.orientation-points li{border-top:1px solid var(--line);padding:8px 0}.orientation-step .ink-link{font-size:14px}.orientation-caption{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.6}@media (max-width:760px){.orientation-story{padding:56px 0 24px}.orientation-heading>p{font-size:16px}.orientation-roles{justify-content:space-between;gap:18px}.orientation-roles a{gap:4px 10px}.orientation-layout{margin-top:24px;display:block}.orientation-visual{z-index:2;background:var(--background);padding:8px 0 10px;top:66px}.orientation-stage{width:min(100%,34svh)}.orientation-visual figcaption{margin-top:7px;font-size:10px}.orientation-step{justify-content:flex-start;min-height:0;padding:30px 4px 44px;scroll-margin-top:calc(34svh + 130px)}.orientation-step-meta{margin-bottom:12px}.orientation-step>p{max-width:42ch;margin:14px 0;font-size:15px}.orientation-points{margin-bottom:10px;font-size:13px}.orientation-points li{padding:6px 0}.orientation-caption{margin-top:12px}.capture-shutter{width:34px;height:34px;bottom:4%;left:calc(50% - 17px)}.review-note{gap:8px;width:88%;padding:9px 12px;bottom:4%;left:8%}.review-note p{font-size:11px}.review-note span{width:18px;height:18px;font-size:10px}.accept-receipt{width:49%;padding:12px;left:48%}.accept-receipt p{margin:6px 0;font-size:18px}.accept-receipt span{font-size:10px}.accept-receipt svg{width:24px;height:24px}.generate-plan>span,.generate-depth>span{font-size:11px;bottom:-20px}}@media (prefers-reduced-motion:reduce),(max-height:649px){.orientation-visual{position:relative;top:auto}.orientation-stage{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.orientation-scene{opacity:1;visibility:visible;aspect-ratio:1;position:relative;inset:auto}.orientation-step{min-height:0;padding:28px 0}.generate-plan{transform:translate(-27%,25%)scale(.55)}}.orientation-story[data-motion=fallback] .orientation-stage{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:12px;display:grid}.orientation-story[data-motion=fallback] .orientation-scene{opacity:1;visibility:visible;aspect-ratio:1;position:relative;inset:auto}.orientation-story[data-motion=fallback] .orientation-visual{position:relative;top:auto}.orientation-story[data-motion=ready][data-scene="0"] .orientation-scene[data-scene="0"],.orientation-story[data-motion=ready][data-scene="1"] .orientation-scene[data-scene="1"],.orientation-story[data-motion=ready][data-scene="2"] .orientation-scene[data-scene="2"],.orientation-story[data-motion=ready][data-scene="3"] .orientation-scene[data-scene="3"],.orientation-story[data-motion=ready][data-scene="4"] .orientation-scene[data-scene="4"],.orientation-story[data-motion=ready][data-scene="5"] .orientation-scene[data-scene="5"]{opacity:1;visibility:visible}