:root{--ink:#171c19;--paper:#e9e6de;--accent:#eab086;--line:#ffffff30;--progress:0;--zoom:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c17b49;outline-offset:5px}.skip{position:fixed;top:-100px;left:10px;z-index:90;background:var(--paper);padding:12px}.skip:focus{top:10px}.review-bar{display:flex;justify-content:space-between;gap:15px;padding:9px 3.5vw;background:var(--accent);font-size:.64rem;font-weight:700;letter-spacing:.03em}.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px 3.5vw;border-bottom:1px solid #171c1930;gap:20px}.wordmark{font:700 2.7rem/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em}.wordmark span{display:block;font:600 .55rem/1.4 Manrope,sans-serif;letter-spacing:.18em;margin-top:8px}.masthead nav{display:flex;gap:35px;margin-left:auto;font-size:.78rem}.masthead button{border:1px solid #171c1950;background:none;padding:8px 14px;border-radius:100px;font-size:.7rem}.label,.hero-label{font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero{padding:28px 3.5vw 35px;overflow:hidden}.hero-label{display:flex;justify-content:space-between;gap:15px}.hero h1{font:700 clamp(6rem,19.5vw,21rem)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.045em;margin:35px 0 0;position:relative;z-index:2}.hero h1 span{display:block;font:italic clamp(2.5rem,7vw,7.5rem)/1 Georgia,serif;letter-spacing:-.065em;margin-left:2px;margin-top:8px;color:#715b48}.hero-photo{position:relative;width:78%;margin: -3.5vw 0 0 auto;background:var(--ink);overflow:hidden}.hero-photo img{display:block;width:100%;height:auto}.photo-corner{position:absolute;top:15px;right:20px;color:var(--paper);font-size:2rem}.photo-id{position:absolute;bottom:17px;left:22px;padding:8px 12px;background:var(--ink);color:var(--paper);font-size:.58rem;letter-spacing:.08em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px}.hero-bottom p{font-size:.85rem}.cta{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;padding:16px 25px;min-height:54px;border-radius:100px;background:var(--ink);color:var(--paper);font-size:.78rem;font-weight:700}.cta span{font-size:1.3rem}.scroll-cue{font-size:.75rem;display:flex;gap:22px;align-items:center}.scroll-cue span{font-size:1.4rem}h2{font:600 clamp(3.3rem,6vw,6.5rem)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em}h2 em{font-family:Georgia,serif;font-weight:400;font-size:.8em;letter-spacing:-.065em}.statement{padding:105px 7vw 115px;display:grid;grid-template-columns:1.45fr 1fr;gap:30px 8vw}.statement .label{grid-column:1/-1}.statement p{max-width:380px;align-self:end;font-size:.9rem}.process{background:var(--ink);color:var(--paper)}.process-stage{position:relative;padding:24px 3.5vw}.process-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}#chapter-count{font-size:.68rem;color:var(--accent)}.process-view{position:relative}.beat{display:grid;grid-template-columns:35% 65%;align-items:center;min-height:640px;padding:28px 0}.beat-copy{padding:20px 4vw 25px 0}.beat-copy .label{color:var(--accent);display:block;margin-bottom:28px}.beat-copy h2{font-size:clamp(3.8rem,5.9vw,6.7rem)}.beat-copy p{font-size:.84rem;max-width:335px;margin-top:24px;color:#d4d8d0}.beat-end{display:block;margin-top:28px;border-top:1px solid var(--line);padding-top:16px;max-width:335px;font-size:.65rem;color:#bec6ba}.visual{position:relative;min-width:0}.photo-window{position:relative;aspect-ratio:1.62;overflow:hidden;background:#101410}.photo-window img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(var(--zoom));transform-origin:66% 78%;will-change:transform}.visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:.55rem;letter-spacing:.09em;padding-top:14px;color:#b9c1b6}.viewfinder{position:absolute;inset:12% 12% 12% 39%;pointer-events:none}.viewfinder i{position:absolute;width:27px;height:27px;border-color:var(--accent);border-style:solid}.viewfinder i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.viewfinder i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.viewfinder i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.viewfinder i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.detail-orbit{position:absolute;width:35%;aspect-ratio:1;border:1px solid #eab08699;border-radius:50%;top:20%;left:46%;transform:rotate(calc(var(--progress)*240deg));pointer-events:none}.detail-orbit:after{content:'';position:absolute;top:50%;right:-4px;width:8px;height:8px;background:var(--accent);border-radius:50%}.detail-label{position:absolute;bottom:17px;left:20px;font-size:.58rem;letter-spacing:.1em;background:var(--ink);padding:6px 10px}.diagram-view{width:100%;max-width:680px;justify-self:center;background:radial-gradient(circle at 50% 42%,#354b3d 0%,#171c19 60%)}.diagram-view svg{display:block;width:100%;max-height:60svh}.orbit{stroke:#eab08635;fill:none;stroke-width:1}.outer{stroke-dasharray:2 15;transform-origin:350px 240px;transform:rotate(calc(var(--progress)*90deg))}.inner{stroke:#eab08613}.leg{fill:none;stroke:#eee8db;stroke-width:5;stroke-linejoin:round}.good-claw{fill:#ddd9c9}.bad-claw{fill:#6c796c;stroke:#eee8db;stroke-width:2}.ground{stroke:#eab086;stroke-width:2}.load-arrow path{fill:none;stroke:var(--accent);stroke-width:4}.gap path{fill:none;stroke:var(--accent);stroke-width:2}.diagram-view text{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:1px;fill:#d8ded3}.wood,.claws,.leg,.gap,.load-arrow{transition:transform .6s,opacity .4s}.diagram-view.unloaded .wood,.diagram-view.unloaded .gap,.diagram-view.unloaded .load-arrow{opacity:0}.diagram-view.unloaded .claws{transform:translateY(60px)}.diagram-view.unloaded .leg{transform:translateY(60px)}.diagram-view.unloaded .bad-claw{transform:translateY(9px)}.outline{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:100px;padding:13px 20px;background:none;font-size:.72rem;margin-top:24px;color:inherit}.beat-copy p.diagram-caption{font-size:.63rem;color:#bcc4b7;max-width:360px}.chapter-nav{position:relative;display:flex;gap:40px;border-top:1px solid var(--line);padding:21px 0 7px}.chapter-nav button{border:0;background:none;padding:5px 0;color:#a5b1a0;font-size:.68rem}.chapter-nav button span{margin-right:10px}.chapter-nav button[aria-current]{color:var(--accent)}.progress{position:absolute;left:0;right:0;top:-1px;height:2px;background:#ffffff20}.progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left}.motion-enabled .process{height:390svh}.motion-enabled .process-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column}.motion-enabled .process-view{flex:1;min-height:0}.motion-enabled .beat{position:absolute;inset:0;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s}.motion-enabled .beat.active{opacity:1;visibility:visible;pointer-events:auto}.handover{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#d5d0c3}.handover .label{display:block;margin-bottom:28px}.handover p{font-size:.88rem;max-width:370px;margin-top:30px}.visit-card{background:var(--paper);padding:35px;box-shadow:0 30px 55px #171c1920;transform:rotate(-2deg)}.card-top{display:flex;justify-content:space-between;font:600 3.2rem/1 'Barlow Condensed',sans-serif;border-bottom:1px solid #171c1940;padding-bottom:20px}.card-top span{color:#977454}.visit-card ol{padding:0;list-style:none;margin:10px 0 25px}.visit-card li{border-bottom:1px solid #171c1925;padding:15px 0;font-size:.82rem}.visit-card li span{font-size:.65rem;margin-right:20px;color:#715b48}.visit-card small{font-size:.6rem;color:#615e55}.booking{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.booking .label{display:block;margin-bottom:25px}.booking-head p{font-size:.88rem;max-width:360px;margin-top:30px}.planner{border-top:1px solid #171c1940;padding-top:25px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.choices button{border:1px solid #171c1940;background:none;font-size:.72rem;padding:18px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px}.choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.planner label{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}#animals-value{font:600 3rem/1 'Barlow Condensed',sans-serif}input[type=range]{display:block;width:100%;accent-color:var(--ink);height:38px;margin:10px 0 25px}.plan-note{border-top:1px solid #171c1925;padding-top:20px;min-height:145px}.plan-note .label{font-size:.56rem;margin-bottom:12px}.plan-note p{font-size:.79rem;max-width:450px}.planner .cta{margin-top:20px}.planner small{display:block;margin-top:18px;font-size:.59rem;color:#575e52}.owner{background:var(--ink);color:var(--paper);padding:85px 7vw}.owner .label{color:var(--accent);display:block;margin-bottom:25px}.owner p{font-size:.85rem;max-width:670px;margin-top:30px}.owner .outline{color:var(--accent)}footer{padding:40px 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);border-top:1px solid var(--line)}footer p,footer a{font-size:.61rem;color:#bdc4b6}
@media(min-width:1100px){.hero h1{max-width:100%;white-space:nowrap}.hero-photo{max-height:640px}.hero-photo img{max-height:640px;object-fit:contain}.motion-enabled .photo-window{max-height:60svh}}
@media(max-width:1000px){.statement,.handover,.booking{gap:40px}.beat{grid-template-columns:40% 60%}.beat-copy h2{font-size:4.3rem}.process-stage{padding:22px 5vw}.hero h1 span{font-size:6vw}.hero-photo{margin-top:10px;width:85%}.hero-bottom{flex-wrap:wrap}.hero-bottom p{flex-basis:55%}.scroll-cue{display:none}}
@media(max-width:700px){.review-bar{padding:8px 5vw;font-size:.52rem;letter-spacing:0}.review-bar a{white-space:nowrap}.masthead{padding:20px 5vw}.wordmark{font-size:2.4rem}.masthead nav{gap:15px;font-size:.66rem}.masthead button{font-size:.55rem;padding:7px 10px}.hero{padding:24px 5vw 35px}.hero-label{font-size:.53rem}.hero-label span:last-child{display:none}.hero h1{font-size:25vw;margin-top:24px;line-height:.83}.hero h1 span{font-size:12vw;margin-top:15px}.hero-photo{width:100%;margin-top:25px}.photo-id{bottom:10px;left:12px;font-size:.43rem;padding:5px 7px}.photo-corner{font-size:1.3rem;top:8px;right:10px}.hero-bottom{gap:20px;padding-top:24px}.hero-bottom p{flex-basis:100%;font-size:.8rem}.desktop{display:none}.hero-bottom .cta{width:100%}.statement{padding:65px 6vw;display:block}.statement .label{display:block;margin-bottom:24px}.statement h2{font-size:3.1rem}.statement p{margin-top:24px;font-size:.83rem}.process-stage{padding:18px 6vw}.process-top{padding-bottom:15px}.process-top .label{font-size:.49rem}.beat{grid-template-columns:1fr;align-content:center;gap:15px;padding:28px 0;min-height:0}.beat-copy{order:2;padding:7px 0 13px;max-width:none}.beat-copy .label{font-size:.54rem;margin-bottom:15px}.beat-copy h2{font-size:3.1rem;line-height:.94}.beat-copy h2 br{display:none}.beat-copy h2 br:after{content:' '}.beat-copy h2 em{display:block;margin-top:8px}.beat-copy h2 br{display:initial}.beat-copy p{margin-top:17px;font-size:.77rem;max-width:100%}.beat-end{font-size:.57rem;margin-top:16px;padding-top:12px;max-width:none}.visual{order:1;width:100%}.photo-window{aspect-ratio:1.64;max-height:32svh}.visual figcaption{font-size:.43rem;padding-top:8px}.diagram-view svg{max-height:30svh}.diagram-view figcaption{font-size:.43rem}.beat-copy .outline{font-size:.63rem;margin-top:18px;padding:10px 15px}.beat-copy p.diagram-caption{font-size:.55rem;margin-top:13px}.chapter-nav{gap:0;justify-content:space-between;padding-top:15px}.chapter-nav button{font-size:.54rem;min-height:38px}.chapter-nav button span{margin-right:5px}.handover,.booking{padding:65px 6vw;grid-template-columns:1fr;gap:40px}.handover h2,.booking h2,.owner h2{font-size:3.3rem}.handover p,.booking p{font-size:.82rem;margin-top:24px}.visit-card{padding:25px}.visit-card .label{font-size:.49rem}.card-top{font-size:2.6rem}.visit-card li{font-size:.75rem}.visit-card small{font-size:.55rem}.booking .label{font-size:.53rem}.choices button{padding:15px 12px;font-size:.64rem}.owner{padding:65px 6vw}.owner p{font-size:.8rem}footer{padding:30px 6vw;flex-wrap:wrap;gap:25px}footer p{flex:1;min-width:190px}.motion-enabled .process{height:355svh}.motion-enabled .beat{gap:12px;align-content:center;padding:10px 0}.motion-enabled .beat-copy h2{font-size:2.75rem}.motion-enabled .beat-copy h2 br{display:none}.motion-enabled .beat-copy h2 br:after{content:' '}}
@media(max-width:360px){.masthead nav a:first-child{display:none}.review-bar{font-size:.45rem}.beat-copy h2{font-size:2.6rem}.chapter-nav button{font-size:.49rem}.choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.photo-window img{transform:none!important}.visit-card{transform:none}.detail-orbit,.outer{transform:none}}
/* Layout remains linear for short screens, increased text, or disabled motion. */
body.linear .beat{position:relative;visibility:visible;opacity:1;pointer-events:auto;min-height:0;margin:25px 0 50px}body.linear .process-stage{height:auto;position:relative}body.linear .process{height:auto}body.linear .photo-window img{transform:none}body.linear .progress{display:none}
html.large-reading{font-size:32px}body.large{font-size:32px}body.large .hero h1{font-size:20vw;white-space:normal}body.large .hero h1 span{font-size:10vw}body.large .hero-photo{width:100%;margin-top:30px}body.large .masthead{flex-wrap:wrap}body.large .masthead nav{margin-left:0;flex-wrap:wrap;gap:20px}body.large .review-bar{flex-wrap:wrap}body.large .statement,body.large .handover,body.large .booking{grid-template-columns:1fr}body.large .beat{grid-template-columns:1fr}body.large .beat-copy{order:2;padding-right:0}body.large .visual{order:1}body.large .beat-copy h2,body.large h2{font-size:2.2rem}body.large .beat-copy p,body.large .beat-end{max-width:none}body.large .chapter-nav{flex-wrap:wrap;gap:20px}body.large .choices{grid-template-columns:1fr}body.large .diagram-view svg{max-height:none}body.large .hero-bottom{flex-wrap:wrap}body.large .hero-bottom p{flex-basis:100%}body.large .photo-window{max-height:none}body.large .visual figcaption{flex-wrap:wrap}body.large .wordmark span{font-size:.5rem}body.large footer{flex-wrap:wrap}body.large .cta{white-space:normal}body.large .visit-card{transform:none}