/* The page after the story: material, space, and one typographic voice. */
.sound-button>span:after{content:none!important}.sound-button>span{font-size:10px!important}
.landing{--lp-slate:#142836;--lp-paper:#eaf0eb;--lp-bronze:#bca074;--lp-moss:#345c4e;--lp-line:#a0b5b333;--lp-pad:clamp(24px,5.3vw,100px);background:var(--lp-slate);color:var(--lp-paper);overflow:clip}
.landing *{box-sizing:border-box}.landing h2,.landing h3,.landing p,.landing figure{margin:0}.landing a{text-decoration:none;color:inherit}.landing svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.landing button{font:inherit}
.landing-mast{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px var(--lp-pad);border-top:1px solid #a6b6b42e;border-bottom:1px solid #a6b6b42e;font-size:12px;color:#b6c8c7}.landing-brand{font-size:34px;letter-spacing:-.065em;font-weight:600;color:#eef2eb!important}.landing-mast>a:last-child{display:flex;align-items:center;gap:22px}.landing-mast svg{width:17px;height:17px}
.landing-manifesto{padding:clamp(80px,11vw,180px) var(--lp-pad) 68px;background:#142836;position:relative;z-index:2}.landing #product-title{font-size:clamp(88px,17.7vw,310px);font-weight:400;line-height:.88;letter-spacing:-.077em;margin-left:-.055em;white-space:nowrap}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr 46px;gap:36px;align-items:end;margin-top:75px}.manifesto-bottom p{font-size:clamp(13px,1.1vw,17px);line-height:1.75;letter-spacing:-.02em;color:#b9ccc9}.manifesto-bottom p:first-child{color:#eaf0eb}.down-link{border:1px solid #d3dcd060;width:46px;height:60px;border-radius:30px;display:grid;place-items:center}.down-link svg{width:22px;height:27px;transition:transform .3s}.down-link:hover svg{transform:translateY(5px)}
.architecture-scroll{height:240vh;position:relative;scroll-margin-top:0;background:#142836}.architecture-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.architecture-sticky canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.architecture-copy{position:absolute;left:var(--lp-pad);top:32%;width:43%;pointer-events:none}.architecture-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s,transform .7s,visibility .5s}.architecture-panel.is-active{opacity:1;visibility:visible;transform:none}.architecture-panel h3{font-size:clamp(48px,5.6vw,102px);line-height:1.02;letter-spacing:-.06em;font-weight:400;max-width:9em}.architecture-panel p{color:#b3c8c5;line-height:1.9;font-size:clamp(13px,1.03vw,16px);max-width:30ch;margin-top:30px}.architecture-rail{position:absolute;bottom:40px;left:var(--lp-pad);right:var(--lp-pad);display:flex;gap:46px;font-size:11px;color:#7f9d9f;border-bottom:1px solid #abc4c540;padding-bottom:24px}.architecture-rail span{transition:color .35s}.architecture-rail span.is-active{color:#eff0dd}.architecture-rail i{position:absolute;height:2px;width:33.333%;background:#c0aa82;left:0;bottom:-1px;transform:translateX(calc(var(--product-progress,0)*200%));transition:transform .16s linear}.architecture-grain{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#14283655,transparent 50%),linear-gradient(0deg,#142836,transparent 22%,transparent 85%,#142836);opacity:.8}
.invitation-editorial{background:var(--lp-paper);color:#1b3942;padding:clamp(80px,10vw,170px) var(--lp-pad) 40px;position:relative}.invitation-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:80px}.invitation-intro h2{font-size:clamp(52px,7.2vw,130px);font-weight:400;line-height:1.02;letter-spacing:-.063em}.invitation-intro>p{font-size:clamp(14px,1.2vw,18px);line-height:1.8;color:#59736e;padding-bottom:10px;max-width:24ch}.invitation-composition{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:clamp(40px,7.4vw,140px)}.entrance-portrait{position:relative;aspect-ratio:1.08;max-height:700px;background:#a4b7b4;overflow:hidden}.entrance-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102c38b5,transparent 50%);pointer-events:none}.entrance-portrait img{width:100%;height:100%;object-fit:cover;object-position:51% center;display:block;filter:saturate(.7);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.entrance-portrait:hover img{transform:scale(1.045)}.entrance-portrait figcaption{position:absolute;left:28px;right:24px;bottom:26px;display:flex;align-items:center;gap:13px;color:#f1f2e6;font-size:12px;z-index:1}.entrance-portrait svg{width:19px;height:24px;flex-shrink:0}.invitation-specimen{border-top:1px solid #97aca3;border-bottom:1px solid #97aca3;padding:26px 0 30px;position:relative}.link-address{display:flex;align-items:center;gap:12px;font-size:11px;color:#5c7871}.link-address svg{width:19px;height:19px}.link-dot{height:6px;width:6px;background:#4e7b64;border-radius:50%;margin-left:auto;box-shadow:0 0 0 5px #4e7b6412}.limit-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:38px 0 42px}.limit-pair>div+div{border-left:1px solid #a1b7a9;padding-left:30px}.limit-pair strong{font-size:clamp(74px,10.3vw,180px);font-weight:400;line-height:1;letter-spacing:-.075em;font-variant-numeric:tabular-nums;display:block}.limit-pair strong span{font-size:18px;letter-spacing:-.03em;margin-left:11px;color:#688477}.limit-pair p{font-size:13px;line-height:1.7;color:#59766b;margin-top:22px}.link-boundary{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-top:22px;border-top:1px solid #bdcdbf}.link-boundary svg{width:19px;height:19px}.specimen-note{color:#61796f;font-size:12px;line-height:1.85;max-width:38ch;margin-top:24px!important}.editorial-footnote{font-size:12px;color:#6c8279;padding:50px 0 0;text-align:center}
.landing-questions{background:var(--lp-paper);color:#1b3942;padding:110px var(--lp-pad) 130px;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.questions-heading h2{font-size:clamp(44px,4.6vw,82px);line-height:1.07;font-weight:400;letter-spacing:-.055em}.questions-heading p{font-size:12px;line-height:1.8;color:#6a8177;margin-top:28px}.landing-question-list{border-top:1px solid #9eb3a7}.landing-question-list details{border-bottom:1px solid #a5b9ad}.landing-question-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;font-size:clamp(16px,1.4vw,22px);line-height:1.45;letter-spacing:-.025em;cursor:pointer}.landing-question-list summary::-webkit-details-marker{display:none}.landing-question-list summary svg{height:20px;width:20px;flex-shrink:0;transition:transform .3s}.landing-question-list details[open] summary svg{transform:rotate(45deg)}.landing-question-list details p{font-size:13px;line-height:1.9;color:#58766a;max-width:48ch;padding:0 36px 30px 0}.landing-question-list summary:hover{color:#4d7a5d}
.landing-contact{background:#24483f;color:#eaf0dc;padding:100px var(--lp-pad) 30px;position:relative;isolation:isolate;overflow:hidden;min-height:770px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0}.landing-contact>p{font-size:13px;margin-bottom:38px;color:#c2d2bb}.landing-contact h2{font-size:clamp(80px,13.1vw,230px);font-weight:400;letter-spacing:-.075em;line-height:.95;position:relative;z-index:1}.landing-cta{display:flex;align-items:center;gap:34px;align-self:flex-start;position:relative;z-index:1;margin-top:44px;font-size:14px;cursor:pointer}.cta-orbit{display:grid;place-items:center;width:65px;height:65px;border:1px solid #b7c8a9;border-radius:50%;transition:background .4s,color .4s,transform .4s}.cta-orbit svg{height:28px;width:28px;stroke-width:1.15}.landing-cta:hover .cta-orbit{background:#dce5c9;color:#24483f;transform:rotate(45deg)}.contact-portal{position:absolute;right:8%;top:7%;bottom:-3%;width:30%;perspective:1200px;z-index:-1;opacity:.58;transform:rotate(-6deg)}.contact-portal i{position:absolute;inset:0;border:1px solid #b7d1ab54;border-bottom:0;transform-origin:right center;box-shadow:inset 20px 0 50px #dae3b609}.contact-portal i:nth-child(2){inset:8% 12% 0;transform:rotateY(-25deg);border-color:#d3dfb95c}.contact-portal i:nth-child(3){inset:16% 24% 0;transform:rotateY(-45deg);border-color:#d3dfb988;background:linear-gradient(90deg,transparent,#9db7920a)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#acbfa9;margin-top:90px;position:relative;z-index:1;border-top:1px solid #c0d1af2e;padding-top:27px}.contact-bottom>a{display:flex;align-items:center;gap:30px}.landing-footer.page-footer{background:#24483f;color:#afc1aa;padding:34px clamp(24px,5.3vw,100px);border-top:1px solid #b0c3a12b}.landing-footer.page-footer .wordmark{color:#dce7cf}
@media(min-width:1700px){.landing-manifesto{padding-top:180px}.architecture-copy{top:30%}}
@media(max-width:900px){.manifesto-bottom{grid-template-columns:1fr 1fr 44px;gap:20px;margin-top:50px}.manifesto-bottom p{font-size:12px}.architecture-copy{top:19%;width:50%}.architecture-panel h3{font-size:56px}.architecture-panel p{font-size:13px;max-width:26ch}.invitation-intro{display:block}.invitation-intro>p{margin-top:30px}.invitation-composition{gap:35px}.landing-questions{gap:6vw}.landing-contact{min-height:690px}}
@media(max-width:700px){.sound-button>span{font-size:8px!important}.landing-mast{padding-block:25px;font-size:10px;gap:20px}.landing-mast>span{display:none}.landing-mast svg{width:14px;height:14px}.landing-brand{font-size:28px}.landing-manifesto{padding-top:85px;padding-bottom:50px}.landing #product-title{font-size:19.4vw}.manifesto-bottom{grid-template-columns:1fr 44px;gap:24px;margin-top:45px}.manifesto-bottom p{font-size:13px;line-height:1.8}.manifesto-bottom p:nth-child(2){grid-column:1;grid-row:2;color:#99b3b2}.down-link{grid-column:2;grid-row:1 / span 2;align-self:end;width:38px;height:52px}.architecture-scroll{height:210vh}.architecture-sticky{min-height:760px}.architecture-copy{top:8%;left:var(--lp-pad);right:var(--lp-pad);width:auto}.architecture-panel h3{font-size:clamp(47px,10vw,68px);line-height:1.03}.architecture-panel p{font-size:12px;line-height:1.8;max-width:31ch;margin-top:21px}.architecture-rail{bottom:35px;gap:0;justify-content:space-between;font-size:9px;padding-bottom:20px}.architecture-grain{background:linear-gradient(0deg,#142836,transparent 22%,transparent 70%,#14283633)}.invitation-editorial{padding-top:78px;padding-bottom:28px}.invitation-intro{margin-bottom:38px}.invitation-intro h2{font-size:clamp(48px,10vw,68px)}.invitation-intro>p{font-size:14px;line-height:1.7;margin-top:24px;max-width:none}.invitation-composition{display:flex;flex-direction:column;gap:38px}.entrance-portrait{width:100%;aspect-ratio:1.2;max-height:none}.entrance-portrait figcaption{left:20px;bottom:20px;font-size:10px;gap:10px}.invitation-specimen{width:100%;padding-top:24px}.limit-pair{margin:30px 0 35px;grid-template-columns:1fr 1fr}.limit-pair strong{font-size:clamp(100px,23vw,150px)}.limit-pair strong span{font-size:17px}.limit-pair>div+div{padding-left:30px}.limit-pair p{font-size:12px;margin-top:18px}.specimen-note{max-width:38ch;font-size:12px}.editorial-footnote{font-size:10px;padding-top:34px}.landing-questions{display:block;padding-top:70px;padding-bottom:75px}.questions-heading h2{font-size:clamp(43px,9vw,62px)}.questions-heading p{margin-top:20px;font-size:11px}.landing-question-list{margin-top:38px}.landing-question-list summary{font-size:17px;padding:24px 0;gap:20px}.landing-question-list details p{font-size:12px;padding-right:20px}.landing-contact{min-height:660px;padding-top:75px;padding-bottom:26px}.landing-contact>p{font-size:11px;margin-bottom:35px}.landing-contact h2{font-size:clamp(70px,15.4vw,110px)}.landing-cta{font-size:12px;gap:25px;margin-top:35px}.cta-orbit{width:53px;height:53px}.cta-orbit svg{width:23px;height:23px}.contact-portal{right:-15%;width:65%;top:20%;opacity:.4}.contact-bottom{font-size:9px;align-items:flex-start;margin-top:70px;line-height:1.7}.contact-bottom>span{max-width:18ch}.contact-bottom>a{max-width:16ch;gap:15px}.landing-footer.page-footer{padding-block:26px}}
@media(prefers-reduced-motion:reduce){.architecture-panel,.architecture-rail i,.cta-orbit,.entrance-portrait img{transition:none}.architecture-scroll{height:180vh}}
/* Native document travel is the story timeline; the browser owns its physics. */
html{scroll-behavior:auto;scrollbar-gutter:stable;overflow-y:scroll}
.manifesto-bottom{grid-template-columns:minmax(0,1fr) 46px}
.manifesto-bottom p{max-width:45ch}
.manifesto-bottom .down-link{grid-column:2;grid-row:1;justify-self:end}
#contact-title{font-size:clamp(40px,8.3vw,150px)}
#enquiry-title{margin-bottom:24px}
body{overflow-x:clip;overflow-y:visible}
.story-scroll{--story-distance:36000px;position:relative;height:calc(var(--story-distance) + 100svh)}
#story-scroll>#experience{position:sticky;top:0;height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}
.architecture-rail i{transition:none}
@media(max-width:700px){
 #story-scroll .phone{max-height:calc(100svh - 290px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 body[data-beat=management] #story-scroll #experience{height:100svh;min-height:100svh;max-height:100svh}
 body[data-beat=management] #story-scroll #world{height:48svh;bottom:auto}
 body[data-beat=management] #story-scroll #resident-hotspots,body[data-beat=management] #story-scroll #door-hotspots{height:48svh}
 body[data-beat=management] #story-scroll #story-heading{top:170px}
 body[data-beat=management] #story-scroll #chapter-name{font-size:28px}
 body[data-beat=management] #story-scroll #subtitle{display:none}
 body[data-beat=management] #story-scroll .management{top:48svh;bottom:50px;max-height:calc(52svh - 60px);overflow-y:auto;overscroll-behavior:contain}
}
