/* One continuous, native-scroll presentation. */
#land.worldflow{max-width:none;padding:0;margin:0;background:oklch(8% .004 90)}.worldflow .proposal-nav{position:sticky;top:12px;z-index:20;width:max-content;margin:0 auto -58px;transform:translateY(12px);font-size:11px}.flight-chapter{position:relative;background:oklch(8% .004 90);color:var(--text)}.flight-stage{position:relative;overflow:hidden;perspective:1300px;isolation:isolate}.flight-panel{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 6vw;text-align:center;transform-origin:50% 50%;transform-style:preserve-3d}.flight-panel h1{font-family:'Avenir Next',Avenir,Manrope,sans-serif;font-size:clamp(60px,9vw,145px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0;max-width:90vw}.flight-enhanced{height:calc(var(--panels)*var(--panel-travel,110svh) + 100svh)}.flight-enhanced .flight-stage{position:sticky;top:0;height:100svh}.flight-enhanced .flight-panel{position:absolute;inset:0;min-height:0;opacity:0;will-change:transform,opacity;visibility:hidden}.flight-panel.is-active{visibility:visible;pointer-events:auto}.flight-panel:not(.is-active){pointer-events:none}.quiet-label{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:38px}.offer-line{display:flex;align-items:center;gap:30px;font-size:13px;margin-top:40px}.offer-line>span{color:var(--muted)}.offer-line strong{font-weight:400}.offer-line a{color:var(--text);text-underline-offset:5px}.floating-image{position:absolute;width:76vw;height:66svh;inset:17svh 12vw auto;transform:translateZ(-180px);opacity:.42}.floating-image img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(transparent,black 18%,black 75%,transparent)}.portfolio-offer h1{position:relative;text-shadow:0 4px 45px oklch(5% .004 90 / .85)}.scene-note{position:absolute;bottom:55px;left:6vw;font-size:9px;color:var(--muted)}.scope-drawer{padding:0 7vw 50px;background:oklch(8% .004 90)}.scope-drawer details{max-width:1000px;margin:auto;border-top:1px solid oklch(38% .006 90);padding:22px 0;font-size:13px}.scope-drawer summary{cursor:pointer;color:var(--muted);min-height:40px}.scope-body{padding:30px 0 15px;max-width:75ch;line-height:1.8}.scope-body h2{font-size:30px;font-weight:400}.scope-body p{font-size:14px;color:var(--muted);margin:20px 0}.scope-body a{color:var(--text)}.website-case h1{font-size:clamp(45px,5.5vw,82px);margin:0 0 24px}.website-plane{display:block;width:min(1050px,78vw);height:min(57svh,650px);transform:rotateX(5deg) rotateY(-5deg);box-shadow:0 50px 120px oklch(3% .004 90 / .5);border:1px solid oklch(45% .006 90 / .35);overflow:hidden}.website-plane img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.case-foot{position:absolute;left:6vw;right:6vw;bottom:36px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:10px;line-height:1.7;flex-wrap:wrap;color:var(--muted)}.case-foot a{color:var(--text);text-underline-offset:4px;white-space:nowrap}.tour-case{flex-direction:row;gap:9vw;text-align:left}.tour-case h1{max-width:45vw;font-size:clamp(55px,7vw,110px)}.tour-plane{height:74svh;aspect-ratio:9/16;transform:rotateY(-8deg) rotateX(3deg);border:1px solid oklch(45% .006 90 / .35);box-shadow:0 40px 100px oklch(3% .004 90 / .6);background:oklch(12% .006 90)}.tour-plane video{width:100%;height:100%;display:block;object-fit:contain}.data-depth{position:absolute;inset:-20%;background-image:radial-gradient(oklch(67% .01 90 / .21) .6px,transparent .9px);background-size:90px 90px;mask-image:radial-gradient(ellipse,black,transparent 67%);transform:perspective(1000px) rotateX(25deg) scale(1.2);pointer-events:none;opacity:.35}.data-panel .data-number{font-size:clamp(100px,19vw,280px);font-weight:400;line-height:1;letter-spacing:-.065em;position:relative;transform:translateZ(65px);color:var(--text)}.data-panel h1{font-size:clamp(38px,5vw,76px);margin-top:20px;transform:translateZ(30px);position:relative}.data-identity{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-top:35px;position:relative}.reservation-field{position:absolute;inset:12% 6vw;perspective:900px;pointer-events:none}.reservation-field i{position:absolute;width:10px;height:10px;background:var(--gold);box-shadow:0 0 12px oklch(83% .06 85 / .14);opacity:.4;transform:translateZ(var(--z));}.reservation-field i.empty{background:none;border:1px solid oklch(60% .01 90);box-shadow:none;opacity:.28}.data-receipt{position:absolute;width:min(1000px,72vw);max-height:65svh;object-fit:contain;opacity:.16;transform:rotateX(5deg) rotateY(10deg) translateZ(-200px);filter:saturate(.6);pointer-events:none}.search-panel .data-number,.search-panel h1{text-shadow:0 5px 45px oklch(5% .004 90)}.option-transition{min-height:85svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 7vw;background:var(--bg)}.option-transition h1{font-size:clamp(60px,9vw,140px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0}.option-transition>span{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:35px}.worldflow #proposal,.worldflow #commitment-plan,.worldflow #working-together{margin-left:4vw;margin-right:4vw}.worldflow-footer{padding:100px 7vw 55px;background:var(--bg);text-align:center}.worldflow-footer h1{font-size:clamp(60px,9vw,140px);font-weight:400;letter-spacing:-.04em}.worldflow-footer>a{display:inline-block;margin:35px 15px;color:var(--text);font-size:13px;text-underline-offset:5px}.worldflow-footer small{display:block;margin-top:35px;color:var(--muted);font-size:10px}.architecture-heading{bottom:16%;max-width:90vw}.architecture-heading h1{font-size:clamp(50px,8vw,125px);letter-spacing:-.025em}.architecture-eyebrow,.architecture-subtitle,.architecture-caption,.architecture-end{display:none}.architecture-stage .story-disclaimer a{color:inherit;text-decoration:none}.architecture-steps{gap:25px}.architecture-steps button{font-size:9px}.architecture-vignette{background:linear-gradient(180deg,oklch(8% .004 90 / .24),transparent 18%,transparent 75%,oklch(8% .004 90 / .3))}
@media(max-height:700px){.flight-panel h1{font-size:clamp(45px,7vw,95px)}.website-case h1{font-size:42px;margin-bottom:15px}.case-foot{bottom:22px;font-size:9px}.data-panel .data-number{font-size:clamp(80px,15vw,190px)}.data-panel h1{font-size:45px}.quiet-label{margin-top:25px}.data-identity{margin-top:20px}.offer-line{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.flight-enhanced{height:auto}.flight-enhanced .flight-stage{position:relative;height:auto;overflow:visible}.flight-enhanced .flight-panel{position:relative;min-height:100svh;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto}.data-depth{display:none}.website-plane,.tour-plane,.floating-image,.data-receipt{transform:none!important}.worldflow .proposal-nav{position:relative}.flight-panel:not(.is-active){pointer-events:auto}}
@media print{.flight-enhanced{height:auto}.flight-enhanced .flight-stage{position:relative;height:auto;overflow:visible}.flight-enhanced .flight-panel{position:relative;height:90vh;opacity:1!important;visibility:visible!important;transform:none!important;break-inside:avoid}.data-depth{display:none}.proposal-nav{display:none!important}}

.website-offer .title-panel h1{font-size:clamp(55px,7vw,110px)}

/* A compact, architectural investment screen, followed by progressive scope details. */
.website-investment h1{font-size:clamp(50px,6.3vw,96px);margin:15px 0 20px}.investment-kicker{font-size:10px;letter-spacing:.15em;color:var(--muted)}.website-price{font-size:clamp(54px,7vw,100px);line-height:1.1;letter-spacing:-.045em}.website-price>span{font-size:18px;letter-spacing:0;color:var(--muted)}.website-price>small{display:block;font-size:12px;letter-spacing:.03em;color:var(--muted);margin-top:9px}.website-craft{font-size:15px;margin:25px 0 30px;color:var(--muted)}.website-support-row{display:grid;grid-template-columns:1fr 1fr;width:min(850px,83vw);border-top:1px solid oklch(35% .006 90);padding-top:24px;text-align:left;gap:50px}.website-support-row>div>span{display:block;font-size:12px;color:var(--muted);margin-bottom:11px}.website-support-row strong{font-size:32px;font-weight:400;letter-spacing:-.025em}.website-support-row strong small{font-size:13px;color:var(--muted);letter-spacing:0}.website-support-row p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}.investment-boundary{font-size:11px;line-height:1.8;max-width:90ch;margin:25px 0 20px;color:var(--muted)}.investment-boundary strong{font-weight:400;color:var(--text)}.investment-footer{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.investment-footer a{font-size:12px;color:var(--text);text-underline-offset:5px}.investment-footer span{font-size:9px;letter-spacing:.06em;color:var(--muted)}.scope-body h3{font-size:22px;font-weight:400;margin-top:40px}
@media(max-height:760px){.website-investment{padding-top:50px;padding-bottom:35px}.website-investment h1{font-size:55px;margin:9px 0 12px}.website-price{font-size:60px}.website-craft{margin:16px 0 20px;font-size:13px}.website-support-row{padding-top:16px}.website-support-row strong{font-size:27px}.investment-boundary{margin:17px 0 14px;font-size:10px}.website-support-row p{font-size:11px}.investment-kicker{font-size:9px}}

.website-support-row p.seo-plan-minimum{font-size:12px;color:var(--text);max-width:40ch}

/* A single offer, with a short expandable scope rather than a second sales document. */
.included-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 34px;width:min(900px,84vw);border-top:1px solid oklch(35% .006 90);padding-top:25px;font-size:13px;color:var(--text)}.managed-website .website-craft{margin-bottom:35px}.managed-website .investment-boundary{margin:30px 0;font-size:12px}.compact-scope{max-width:1100px;padding-top:18px}.compact-scope h2{font-size:36px;margin:8px 0 28px}.scope-drawer:has(.compact-scope) details{max-width:1100px}.scope-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.scope-columns h3{font-size:20px;margin:0 0 18px}.scope-columns ul{padding-left:18px;margin:0;font-size:14px;color:var(--muted)}.scope-columns li{padding-left:4px;margin:0 0 13px;line-height:1.6}.scope-options{margin:0;font-size:13px}.scope-options>div{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid oklch(33% .006 90 / .6)}.scope-options dt{color:var(--text);font-weight:400}.scope-options dd{margin:5px 0 0;color:var(--muted);line-height:1.6}.compact-scope p.scope-short-note{max-width:100ch;font-size:12px;line-height:1.7;margin:22px 0}.scope-links{display:flex;gap:30px;flex-wrap:wrap;font-size:12px}@media(max-height:760px){.managed-website .website-craft{margin-bottom:25px}.managed-website .investment-boundary{margin:23px 0;font-size:11px}.included-strip{padding-top:20px;font-size:12px}}@media(max-width:1100px){.scope-columns{gap:35px}}

/* Architecture-led website previews: preserve source framing at every viewport. */
.website-case{padding:100px 4vw 85px}
.website-case h1{font-size:clamp(38px,4.4vw,64px);margin-bottom:24px}
.website-plane{width:min(1180px,84vw,calc((100svh - 280px)*var(--preview-ratio,1.77777778)));height:auto;aspect-ratio:var(--preview-ratio,1.77777778);flex-shrink:0;transform:none;background:oklch(10% .004 90)}
.website-plane img{width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto}
@media(max-height:700px){.website-case h1{font-size:42px;margin-bottom:15px}}
@media print{.website-plane{max-height:65vh;width:auto;max-width:90vw;transform:none}}

.live-preview{position:relative;isolation:isolate}.live-preview>img{position:absolute;inset:0}.live-site-frame{position:absolute;top:0;left:0;width:1920px;height:1200px;border:0;transform:scale(var(--live-scale,0.5));transform-origin:0 0;opacity:0;transition:opacity .3s ease-out;background:oklch(8% .004 90);pointer-events:none}.live-ready .live-site-frame{opacity:1;pointer-events:auto}.case-foot [data-preview-toggle]{font:inherit;color:var(--text);border:0;background:none;padding:10px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.case-foot [data-preview-toggle]:focus-visible{outline:1px solid var(--text);outline-offset:5px}@media(prefers-reduced-motion:reduce){.live-site-frame{transition:none}}@media print{.live-site-frame{display:none!important}.live-preview>img{position:relative}.case-foot [data-preview-toggle]{display:none}}

/* Focus inside a scaled live page must not shift the camera's clipped stage. */
#website-work.flight-enhanced .flight-stage,#client-plan.flight-enhanced .flight-stage,.live-preview{overflow:clip}


/* Portfolio experience, kept distinct from the real-estate outcome scenes. */
#results{scroll-margin-top:0}
.budget-panel h1.budget-amount{font-size:clamp(110px,19vw,280px);line-height:1;letter-spacing:-.065em;margin:0;transform:translateZ(65px)}
.budget-amount span{font-size:clamp(21px,2.4vw,36px);letter-spacing:0;margin-left:12px}
.budget-panel h1.budget-title{font-size:clamp(38px,5vw,76px);margin-top:30px}
.budget-panel h1.budget-year{font-size:clamp(27px,3vw,44px);letter-spacing:-.025em;margin-top:25px;color:var(--muted)}
@media(max-height:700px){.budget-panel h1.budget-amount{font-size:clamp(95px,17vw,190px)}.budget-panel h1.budget-title{font-size:45px;margin-top:24px}.budget-panel h1.budget-year{font-size:30px;margin-top:20px}}

/* Optional website additions, separate from the base and marketing plans. */
.website-ala-carte{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:min(680px,80vw);margin:24px 0 0;padding:18px 0 0;border-top:1px solid oklch(35% .006 90);text-align:left}
.website-ala-carte>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.website-ala-carte dt{font-size:12px;color:var(--muted)}
.website-ala-carte dd{font-size:24px;white-space:nowrap;margin:0;letter-spacing:-.02em}
.website-ala-carte dd span{font-size:11px;color:var(--muted);letter-spacing:0}
.ala-carte-note{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.4}
.managed-website:has(.website-ala-carte) .website-craft{margin:18px 0 22px}
.managed-website:has(.website-ala-carte) .included-strip{padding-top:18px}
.managed-website:has(.website-ala-carte) .investment-boundary{margin:20px 0;font-size:11px}
@media(max-height:760px){.managed-website:has(.website-ala-carte){padding:78px 4vw 40px}.managed-website:has(.website-ala-carte) h1{font-size:48px;margin:7px 0 10px}.managed-website:has(.website-ala-carte) .website-price{font-size:54px}.managed-website:has(.website-ala-carte) .website-craft{margin:12px 0 15px}.managed-website:has(.website-ala-carte) .included-strip{padding-top:14px;gap:15px 25px;font-size:11px}.website-ala-carte{margin-top:17px;padding-top:14px}.website-ala-carte dd{font-size:22px}.website-ala-carte dt{font-size:11px}.ala-carte-note{font-size:9px;margin-top:8px}.managed-website:has(.website-ala-carte) .investment-boundary{margin:15px 0;font-size:10px}.managed-website:has(.website-ala-carte) .investment-footer{gap:16px}.managed-website:has(.website-ala-carte) .investment-footer a{font-size:11px}}

.website-ala-carte-current{grid-template-columns:repeat(3,minmax(0,1fr));width:min(860px,86vw);gap:20px 35px}.website-ala-carte-current>div{display:block;text-align:left}.website-ala-carte-current dd{margin-top:8px;font-size:25px}.website-ala-carte-current dd span{font-size:10px}
@media(max-height:760px){.website-ala-carte-current{gap:15px 28px}.website-ala-carte-current dd{font-size:22px;margin-top:7px}}
