/* ==========================================================================
PETRA — petrasyria.com · canonical stylesheet · V111 (2026-09-07)
Consolidated from the V34→V111 override stack with computed-style parity
verified on 7,920 elements × 16 states (desktop 1920 / mobile 390).
PALETTE — ABLAQ (Damascene basalt & limestone), OPEN TO CHANGE decision:
Basalt #1B1A18 · Limestone #EFE9DC · Wheat #C48A4B (single accent, ≤5% of any screen)
Sand #CDBBA0 · Ink #17150F · Muted #6B655B · Light #F8F4EA (monumental type on basalt only)
Tonal: Basalt-2 #151412 · Basalt-3 #0F0E0D · Limestone-2 #F4EFE3 · Limestone-3 #E9E1D1 · Sand-2 #E4D9C4
Legacy token names (--green/--forest/--ivory/--stone/--bronze) are kept; their values are ABLAQ.
Rhythm: --breath 9s inhale/exhale · reduced-motion removes all animation.
========================================================================== */
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip{position:fixed;left:1rem;top:-100px;z-index:1000;background:#EFE9DC;color:#17150F;padding:.7rem 1rem}
.skip:focus{top:1rem}
.progress{position:fixed;z-index:900;left:0;right:0;top:0;height:2px}
.progress span{display:block;height:100%;width:0;background:var(--bronze)}
.site-header{position:fixed;z-index:800;left:0;right:0;top:0;display:grid;color:var(--ivory);transition:background .35s,backdrop-filter .35s,border-color .35s}
.site-header.scrolled{background:rgba(27,26,24,.86);border-bottom:1px solid rgba(239,233,220,.13)}
.desktop-nav{justify-self:center;display:flex}
.desktop-nav a,.investor-open{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.investor-open,.menu-toggle{color:inherit;background:transparent;border:1px solid rgba(239,233,220,.4);padding:.8rem 1rem;cursor:pointer}
.menu-toggle{display:none}
.scene{position:relative}
.warm{background:#EFE9DC;color:var(--ink)}
.eyebrow{font:600 .78rem/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem}
.eyebrow.dark{color:rgba(23,21,15,.66)}
h1,h2,h3{font-family:var(--serif);font-weight:430;letter-spacing:-.035em}
em{font-weight:340}
.btn{border:1px solid transparent}
.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;padding:.3rem 0;cursor:pointer}
.hero{position:relative;color:var(--ivory);display:flex;overflow:hidden}
.hero-media,.hero-vignette,.hero-breath{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;animation:heroInhale 7s cubic-bezier(.2,.7,.2,1) both}
.hero-breath{background:rgba(27,26,24,.18)}
.hero-copy{opacity:0}
.hero-sub{font:400 clamp(1.15rem,1.5vw,1.45rem)/1.45 var(--serif)}
.hero-actions{display:flex;flex-wrap:wrap}
.hero-caption{position:absolute;z-index:2;font-size:.82rem}
.breath-label{position:absolute;right:5vw;bottom:1.6rem;z-index:2;font-size:.76rem;letter-spacing:.12em}
.breath-label span{display:inline-block;width:48px;height:1px;background:rgba(239,233,220,.65);margin-right:.7rem}
@keyframes heroInhale{0%{transform:scale(1.09)}38%{transform:scale(1.09)}100%{transform:scale(1.03)}}
@keyframes lineBreathe{0%,100%{width:38px;opacity:.45}50%{width:72px;opacity:1}}
.asset-intro{display:flex;flex-direction:column;justify-content:center}
.number-stage{display:flex;align-items:flex-end;gap:1.2rem}
.big-number{font:440 clamp(7rem,17vw,19rem)/.72 var(--serif);letter-spacing:-.065em}
.unit{font:500 clamp(2.8rem,6vw,6rem)/1 var(--serif)}
.asset-meta{display:flex;gap:2.5rem;margin-top:2rem;font-size:.84rem;font-weight:600;letter-spacing:.08em}
.asset-heading{max-width:900px}
.asset-heading h2,.section-head h2,.snapshot-title h2,.qual-copy h2{font-size:clamp(3.4rem,6vw,7rem);line-height:.9;margin:.8rem 0 1.5rem}
.asset-heading>p:last-child,.section-head>p:last-child,.qual-copy>p:last-child{max-width:720px;font-size:1.08rem;color:rgba(23,21,15,.68)}
.geometry-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center}
.diagram-card{margin:0}
.diagram-card figcaption,.disclosure{font-size:.88rem;line-height:1.45;opacity:.72;margin-top:.8rem}
.survey-panel h3{margin:.6rem 0 1.2rem}
.survey-panel p{font-size:1.05rem}
.survey-panel .text-link{margin-left:1rem}
.cinematic-panel{position:relative}
.panel-sticky{position:sticky;top:0;overflow:hidden;background:var(--green)}
.panel-sticky>img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);will-change:transform}
.panel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,26,24,.8),rgba(27,26,24,.18) 58%,rgba(27,26,24,.08))}
.panel-shade.soft{background:linear-gradient(90deg,rgba(27,26,24,.74),rgba(27,26,24,.18) 62%,rgba(27,26,24,.08))}
.panel-copy{position:absolute;top:50%;z-index:2}
.panel-copy p{font-size:1.05rem;max-width:600px}
.scene-number{position:absolute;right:5vw;bottom:4rem;font:300 clamp(5rem,11vw,11rem)/1 var(--serif);opacity:.26}
.changing-portal{min-height:80vh;display:grid;place-items:center;text-align:center}
.portal-copy{max-width:950px}
.portal-copy h2{font-size:clamp(4.5rem,8vw,9rem);line-height:.88;margin:.6rem 0 1.5rem}
.portal-copy p:last-child{max-width:660px;margin:auto;color:rgba(239,233,220,.72)}
.facts-strip{padding-top:5rem}
.facts-head h2{margin:.5rem 0 2.5rem}
.fact-grid{display:grid;border-top:1px solid rgba(239,233,220,.2);border-left:1px solid rgba(239,233,220,.2)}
.fact{border-right:1px solid rgba(239,233,220,.2);border-bottom:1px solid rgba(239,233,220,.2);display:flex;flex-direction:column}
.fact span{font:430 clamp(2.7rem,4vw,5rem)/1 var(--serif);margin-bottom:auto}
.fact strong{margin-top:3rem}
.numeric{font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.05em}
.route{min-height:90vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw}
.snapshot{padding-top:10rem;padding-bottom:10rem}
.cinematic-threshold{position:relative}
.threshold-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;gap:1.8rem;flex-wrap:wrap;text-align:center;padding:4rem}
.threshold-sticky p{font:430 clamp(2.4rem,5vw,5.5rem)/1 var(--serif);margin:0;color:rgba(239,233,220,.38);transition:color .4s,transform .4s}
.threshold-sticky .bright{color:var(--ivory)}
.threshold-sticky span{width:70px;height:1px;background:rgba(239,233,220,.3)}
.threshold-sticky small{position:absolute;bottom:3rem;left:5vw;right:5vw;letter-spacing:.08em;color:rgba(239,233,220,.65)}
.possibility-chapter{color:var(--ink)}
.poss-sticky img{position:absolute;inset:0;width:100%;height:100%}
.land-layer{opacity:1;transform:scale(1.02)}
.future-layer{opacity:0;transform:scale(1.055);clip-path:inset(13% 0 13% 0)}
.poss-wash{position:absolute;inset:0}
.poss-copy>p:not(.eyebrow){font-size:1.08rem;max-width:520px}
.participate{padding-top:10rem;padding-bottom:10rem}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}
.path-grid article{padding:2.5rem;border:1px solid var(--line);min-height:330px;display:flex;flex-direction:column}
.path-grid span{font:430 2.5rem var(--serif);color:var(--bronze)}
.path-grid h3{font-size:3rem;line-height:1;margin:2rem 0 1rem}
.path-grid p{color:rgba(23,21,15,.65);flex:1}
.path-grid a{font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.diligence{padding-top:10rem;padding-bottom:10rem}
.diligence .section-head p:last-child{color:rgba(239,233,220,.65)}
.steps{list-style:none;margin:4rem 0;padding:0;border-top:1px solid rgba(239,233,220,.2)}
.steps li{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid rgba(239,233,220,.2);font:430 clamp(1.5rem,2.2vw,2.3rem) var(--serif)}
.steps span{font:600 .78rem var(--sans);letter-spacing:.12em;opacity:.55}
.diligence-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.qualification{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding-top:10rem;padding-bottom:10rem}
.investor-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.investor-form label{font-weight:600}
.investor-form input,.investor-form select,.investor-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(23,21,15,.35);background:rgba(239,233,220,.3);padding:1rem .2rem;font-size:1rem;color:var(--ink);border-radius:0}
.wide{grid-column:1/-1}
.contact{padding-top:10rem;padding-bottom:10rem}
.contact-copy h2{margin:.5rem 0 1rem}
.contact-copy>p:nth-of-type(2){letter-spacing:.06em}
.contact-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}
.contact-action{display:flex;align-items:center;gap:.8rem;min-width:150px;padding:1rem 1.2rem;border:1px solid rgba(239,233,220,.36);font-size:.9rem;font-weight:600}
.contact-action svg{width:24px;height:24px;fill:currentColor}
.closing{min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:7rem 5vw}
.closing-inner>p{font-weight:600;letter-spacing:.12em;opacity:.48}
.closing-inner h2{font-size:clamp(4.7rem,9vw,10rem);line-height:.82;margin:2rem 0}
.closing-inner img{width:min(420px,78vw);display:block;margin:3.5rem auto 1.2rem}
.closing-inner span{font-family:var(--arabic);font-size:.9rem;opacity:.65}
footer{display:flex;justify-content:space-between;padding:2rem 5vw;background:#1B1A18;color:rgba(239,233,220,.58)}
.investor-drawer{position:fixed;z-index:1000;right:0;top:0;bottom:0;width:min(470px,100%);background:var(--ivory);color:var(--ink);padding:7rem 3rem 3rem;transform:translateX(105%);transition:.45s cubic-bezier(.77,0,.18,1);box-shadow:-30px 0 70px rgba(23,21,15,.2)}
.investor-drawer.open{transform:none}
.investor-drawer h2{font-size:3.8rem;line-height:.95;margin:.5rem 0 3rem}
.investor-drawer>a{display:block;padding:1.1rem 0;border-top:1px solid var(--line);font-size:.9rem;font-weight:600}
.investor-drawer small{display:block;margin-top:2rem;font-size:.82rem;opacity:.6}
.drawer-close{position:absolute;top:1.5rem;right:1.5rem;border:0;background:none;font-size:2.4rem;cursor:pointer}
.drawer-backdrop{position:fixed;z-index:950;inset:0;background:rgba(23,21,15,.46);opacity:0;pointer-events:none;transition:.3s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.modal{position:fixed;z-index:1100;inset:0;background:rgba(23,21,15,.72);display:grid;place-items:center;padding:2rem;opacity:0;pointer-events:none;transition:.3s}
.modal.open{opacity:1;pointer-events:auto}
.modal-box{position:relative;background:var(--ivory);color:var(--ink);max-width:680px;max-height:90vh;overflow:auto;padding:2rem}
.modal-box img{display:block;max-width:100%;max-height:65vh;margin:auto}
.modal-close{position:absolute;right:1rem;top:.5rem;background:none;border:0;font-size:2rem;cursor:pointer}
@media(max-width:900px){
.hero-vignette{background:linear-gradient(0deg,rgba(27,26,24,.82),rgba(27,26,24,.32) 70%)}
.unit{font-size:9vw}
.asset-meta{flex-wrap:wrap;font-size:.78rem}
.asset-heading h2,.section-head h2,.snapshot-title h2,.qual-copy h2{font-size:clamp(3.3rem,14vw,5.4rem)}
.geometry-grid,.route,.qualification{grid-template-columns:1fr}
.survey-panel .text-link{display:block;margin:1rem 0 0}
.panel-copy{right:1.35rem}
.panel-copy p{font-size:1rem}
.changing-portal{min-height:75vh}
.portal-copy h2{font-size:clamp(3.8rem,15vw,6rem)}
.fact-grid,.snapshot-grid,.risk-grid,.path-grid{grid-template-columns:1fr}
.route{min-height:auto}
.snapshot-actions{align-items:flex-start;flex-direction:column}
.threshold-sticky{flex-direction:column;gap:1rem}
.threshold-sticky span{width:1px;height:46px}
.threshold-sticky small{left:1.35rem;right:1.35rem}
.poss-copy>p:not(.eyebrow){font-size:1rem;max-width:92%}
.participate,.diligence,.qualification,.contact{padding:7rem 1.35rem}
.path-grid article{min-height:280px}
.steps li{grid-template-columns:70px 1fr;font-size:1.45rem}
.investor-form{grid-template-columns:1fr}
.wide{grid-column:1}
.contact-actions{display:grid;grid-template-columns:1fr}
.contact-action{min-height:58px}
.closing{min-height:80vh;padding:6rem 1.35rem}
footer{flex-direction:column;gap:.8rem;padding:2rem 1.35rem;font-size:.74rem}
.investor-drawer{padding:6rem 1.35rem 2rem}
.investor-drawer h2{font-size:3.2rem}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none;transition:none}
.reveal{transform:none}
.hero-copy{opacity:1;transform:none}
.hero-media img{transform:none}
.future-layer{opacity:1;clip-path:none;transform:none}
.poss-copy{opacity:1}
}
@font-face{font-family:PetraDisplay;src:url('assets/fonts/PetraDisplay-Regular.woff') format('woff');font-display:swap;font-weight:400 700;font-style:normal}
@font-face{font-family:PetraText;src:url('assets/fonts/PetraText-Regular.woff') format('woff');font-display:swap;font-weight:400}
@font-face{font-family:PetraText;src:url('assets/fonts/PetraText-Medium.woff') format('woff');font-display:swap;font-weight:500}
@font-face{font-family:PetraText;src:url('assets/fonts/PetraText-SemiBold.woff') format('woff');font-display:swap;font-weight:600}
@font-face{font-family:PetraArabic;src:url('assets/fonts/PetraArabic-Regular.woff') format('woff');font-display:swap;font-weight:400}
@font-face{font-family:PetraArabic;src:url('assets/fonts/PetraArabic-Medium.woff') format('woff');font-display:swap;font-weight:500}
@font-face{font-family:PetraArabicDisplay;src:url('assets/fonts/PetraArabicDisplay-Regular.woff') format('woff');font-display:swap;font-weight:400}
.chapter-label{margin:0 0 1.2rem}
.hero h1,.panel-copy h2,.portal-copy h2,.snapshot-title h2,.section-head h2,.poss-copy h2,.contact-copy h2,.closing-inner h2,.metric strong,.fact span,.price-stage strong{font-family:var(--serif);font-weight:500;font-style:normal}
.hero h1 em,.panel-copy h2 em,.portal-copy h2 em,.snapshot-title h2 em,.section-head h2 em,.poss-copy h2 em{font-style:normal}
.hero-sub,.asset-heading>p,.panel-copy>p,.portal-copy>p,.section-head>p,.poss-copy>p,.risk-brief p{font-size:clamp(1.12rem,1.45vw,1.32rem);line-height:1.6}
.disclosure,.hero-caption,figcaption{font-size:clamp(.94rem,1vw,1.02rem);line-height:1.55}
.site-header{align-items:center}
.brand{display:flex;align-items:center;height:100%;overflow:visible}
.brand img{display:block}
.investor-open,.menu-toggle{align-self:center}
.corridor .panel-shade{background:linear-gradient(90deg,rgba(27,26,24,.68),rgba(27,26,24,.06) 70%)}
.route-cinematic{color:var(--forest)}
.price-sticky{flex-direction:column;justify-content:center}
.price-step,.price-result,.price-formula,.price-operator{transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.price-step small,.price-result small{font-size:1rem;opacity:.65}
.price-step.area{left:0;top:0}
.price-step.asking{left:48%;top:0}
.price-operator{left:43%;top:2.5rem;font-size:2rem;opacity:.25}
.price-result{left:0;top:16rem;transform:translateY(30px)}
.price-reveal .snapshot-actions{margin-top:1.5rem;opacity:.15;transition:opacity .5s}
.risk-brief{padding-top:5rem;padding-bottom:5rem}
.risk-brief h2{font-family:var(--serif)}
.risk-brief p{max-width:50ch}
.poss-sticky img{object-fit:contain;background:#EFE9DC}
.future-layer{will-change:opacity,transform,clip-path;filter:none}
.contact-copy>p:nth-of-type(2){font-size:1.1rem}
@media(max-width:900px){
.brand{min-width:0}
.hero .eyebrow,.eyebrow,.chapter-label{font-size:1rem;letter-spacing:.065em}
.hero-sub,.asset-heading>p,.panel-copy>p,.portal-copy>p,.section-head>p,.poss-copy>p,.risk-brief p{font-size:1.18rem;line-height:1.62}
.disclosure,.hero-caption,figcaption{font-size:.98rem;line-height:1.58}
.panel-copy{bottom:8vh}
.panel-shade,.panel-shade.soft{background:linear-gradient(0deg,rgba(27,26,24,.68),rgba(27,26,24,.02) 72%)}
.price-sticky{justify-content:flex-start}
.price-stage{margin-top:1rem}
.price-step,.price-result,.price-formula,.price-operator{position:absolute}
.price-step.area{top:0;left:0}
.price-step.asking{top:8.6rem;left:0}
.price-operator{display:none}
.price-result{top:22rem}
.price-result small{display:block}
.price-reveal .snapshot-actions{margin-top:0}
.poss-sticky img{object-fit:contain;object-position:center;background:#EFE9DC}
.poss-wash{opacity:.5}
.contact{padding-top:6rem}
.fact p{line-height:1.58}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
em{font-style:normal}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;line-height:1.25}
.hero-sub,.asset-heading>p,.panel-copy>p,.portal-copy>p,.section-head>p,.poss-copy>p,.risk-brief p,.qual-copy>p,.survey-panel>p{font-size:1.15rem;line-height:1.62}
.disclosure,.hero-caption,figcaption,.route-note{font-size:.92rem;line-height:1.5}
.diagram-card img{width:100%;height:auto;object-fit:contain;display:block}
.survey-panel .eyebrow{color:var(--bronze)!important;background:none!important}
.route-cinematic{position:relative;background:var(--ivory);min-height:150vh;overflow:hidden}
.price-reveal{min-height:0}
.price-sticky{overflow:visible!important}
.snapshot-title h2{font-family:var(--display);margin:.4rem 0 0}
.price-stage{grid-template-columns:1fr 1fr;align-items:end}
.price-step,.price-result,.price-formula,.price-operator{position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.price-step{padding:0 0 2rem;border-bottom:1px solid rgba(23,21,15,.18)}
.price-step span,.price-result span{display:block;font-size:1rem!important;font-weight:700;letter-spacing:.075em;color:var(--forest)}
.price-step strong{display:block;line-height:.98;white-space:nowrap}
.price-step small{display:block;margin-top:.6rem;font-size:1rem!important;color:var(--muted)}
.price-result{grid-column:1/-1;margin-top:1rem;border-top:1px solid rgba(23,21,15,.12);opacity:1!important}
.price-result strong{display:flex;align-items:baseline;gap:.35em;flex-wrap:wrap;white-space:normal}
.price-result strong i{font-family:var(--sans)!important;font-size:.25em!important;font-style:normal;font-weight:700;letter-spacing:0;white-space:nowrap}
.price-result p{margin:1.4rem 0 .45rem;max-width:40ch;color:var(--ink)}
.price-result small{display:block;line-height:1.55;max-width:48ch;color:var(--muted)}
.price-reveal.in .price-step.area{opacity:1;transform:none!important;transition-delay:.08s}
.price-reveal.in .price-step.asking{opacity:1;transform:none!important;transition-delay:.5s}
.price-reveal.in .price-result{opacity:1;transform:none!important;transition-delay:1.45s}
.snapshot-actions{position:relative!important;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.snapshot-actions .text-link{font-size:1rem}
.risk-brief{padding:5rem 5vw}
.risk-brief-inner{max-width:850px;margin:0 auto}
.risk-brief h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1;margin:.4rem 0 1rem}
.possibility-chapter{min-height:0}
.poss-sticky .land-layer{display:none!important}
.future-picture{display:block;width:100%}
.poss-sticky .future-layer{display:block;position:relative!important;inset:auto!important;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;clip-path:none!important}
.poss-wash{display:none!important}
.poss-copy .eyebrow,.poss-copy .chapter-label{background:none!important}
.concept-badge{left:auto!important;width:max-content}
.contact-copy h2{font-family:var(--display);line-height:1;letter-spacing:-.03em}
@media(max-width:900px){
.brand{width:100%;padding:0}
.brand img{object-fit:contain}
.investor-open{width:auto;letter-spacing:.055em}
.menu-toggle{padding:.7rem;font-size:1rem}
.hero-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:0 1.35rem}
.hero h1{font-family:var(--display)}
.hero-actions{gap:.8rem}
.hero-caption{right:auto!important;padding-top:1.1rem}
.breath-label{display:none!important}
.panel-copy>p,.portal-copy>p,.section-head>p,.poss-copy>p,.asset-heading>p,.survey-panel>p,.risk-brief p,.qual-copy>p{font-size:1.12rem!important;line-height:1.6}
.eyebrow,.chapter-label{font-size:1rem!important;letter-spacing:.055em}
.route-cinematic{min-height:165vh}
.price-result strong{align-items:baseline;letter-spacing:-.045em}
.price-result strong i{white-space:nowrap!important}
.snapshot-actions{margin-top:2.6rem!important}
.snapshot-actions .btn{white-space:normal;text-align:left}
.snapshot-actions .text-link{justify-self:start;padding:.2rem 0}
.future-picture{align-items:center;justify-content:center}
.concept-badge{margin-top:1.25rem}
.diligence{padding-top:5rem!important}
.snapshot-actions,.risk-brief,.threshold,.possibility-chapter,.participate,.diligence,.qualification,.contact{position:relative;z-index:1}
}
@media(max-width:430px){
.brand img{width:94vw!important}
.hero h1{font-size:clamp(3.85rem,15.5vw,6rem)!important}
.price-result strong{font-size:clamp(3.8rem,16vw,5.8rem)!important}
.price-step strong{font-size:clamp(2.9rem,12vw,4.5rem)!important}
.contact-copy h2{font-size:clamp(1.9rem,7.2vw,2.55rem)!important}
}
@media(prefers-reduced-motion:reduce){
.price-step,.price-formula,.price-result{opacity:1!important;transform:none!important}
}
.hero-media picture,.hero-media picture img,.panel-sticky>picture,.panel-sticky>picture img,.land-picture,.land-picture img,.unbuild-land-picture,.unbuild-land-picture img{display:block;width:100%;height:100%}
.hero-media picture img,.panel-sticky>picture img,.land-picture img,.unbuild-land-picture img{object-fit:cover}
@media(max-width:900px){
.future-picture{min-height:0!important;background:var(--ivory)!important}
.poss-sticky .future-layer{max-height:none!important}
.hero-media picture img{object-position:center 44%}
.panel-sticky>picture img{object-position:center 48%}
}
html{background:var(--forest)}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{isolation:isolate}
.scene{padding:clamp(5.5rem,9vw,9rem) var(--pad)}
.dark{background:var(--forest)!important;color:var(--ivory)!important}
.light{background:var(--ivory)!important;color:var(--ink)!important}
.eyebrow,.chapter-label{font-family:var(--sans)!important;font-size:.95rem!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.075em!important;text-transform:uppercase;margin:0 0 1rem}
h1,h2,h3,.big-number,.numeric,.fact span,.price-step strong,.price-result strong{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.035em}
p{max-width:68ch}
.disclosure,.hero-caption,figcaption,.distance-note,.route-v32-note{font-size:.95rem!important;line-height:1.55!important}
.btn{min-height:58px;padding:1rem 1.2rem;border-radius:0;font-family:var(--sans);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
@media(hover:hover){
.btn:hover{transform:translateY(-2px)}
}
.btn-dark{background:var(--forest)!important;color:var(--ivory)!important;border-color:var(--forest)!important}
.btn-light{color:var(--ink)!important}
.btn-ghost{color:var(--ivory)!important;border-color:rgba(239,233,220,.5)!important;background:rgba(27,26,24,.14)!important}
.site-header{height:112px;padding:1rem clamp(1.35rem,4vw,4rem);grid-template-columns:minmax(250px,340px) 1fr auto auto;gap:1.4rem;background:rgba(27,26,24,.93)!important;border-bottom:1px solid rgba(239,233,220,.12)}
.brand img{width:min(320px,24vw)!important;height:88px!important;object-fit:contain;object-position:left center}
.desktop-nav{gap:1.5rem}
.investor-open{min-height:50px;padding:.75rem 1rem}
.menu-toggle{min-width:52px;min-height:50px}
.hero{min-height:100svh;padding:9.5rem var(--pad) 5.5rem;align-items:flex-end;background:var(--forest)}
.hero-media img{filter:saturate(.88) contrast(.98)}
.hero-vignette{background:linear-gradient(90deg,rgba(27,26,24,.82) 0%,rgba(27,26,24,.48) 46%,rgba(27,26,24,.12) 78%),linear-gradient(0deg,rgba(27,26,24,.62) 0%,rgba(27,26,24,0) 54%)}
.hero-copy{max-width:850px}
.hero .eyebrow{max-width:46ch}
.hero h1 em{font-weight:400}
.hero-sub{font-family:var(--serif);font-size:clamp(1.2rem,1.6vw,1.45rem)!important;line-height:1.5!important}
.hero-actions{margin-top:2rem;gap:.8rem}
.hero-caption{left:var(--pad)!important;bottom:1.5rem!important;color:rgba(239,233,220,.8)!important;max-width:52ch}
.asset-intro{min-height:auto;padding-top:8rem;padding-bottom:7rem}
.number-stage{max-width:var(--content);margin:auto}
.big-number{font-size:clamp(6rem,14vw,14rem)!important;line-height:.78!important;color:var(--forest)}
.unit{color:var(--bronze)}
.asset-meta,.asset-heading{max-width:var(--content);margin-left:auto;margin-right:auto}
.asset-heading{margin-top:6rem}
.asset-heading h2{font-size:clamp(3.7rem,6vw,6.8rem)!important;line-height:.92!important;color:var(--forest)}
.asset-heading>p{font-size:1.2rem!important;line-height:1.65!important;color:var(--ink)!important;max-width:52ch}
.geometry{padding-top:1rem}
.geometry-grid{max-width:var(--content);margin:auto;gap:clamp(2.5rem,5vw,5rem)}
.diagram-card{padding:0!important;background:#EFE9DC!important;border:1px solid rgba(23,21,15,.08)}
.diagram-card img{padding:1.2rem;background:#EFE9DC!important}
.diagram-card figcaption{padding:1rem 1.2rem 1.25rem!important;margin:0!important;color:var(--muted)!important}
.survey-panel h3{font-size:clamp(3rem,5vw,5.4rem)!important;line-height:.93!important;color:var(--forest)}
.survey-panel>p{font-size:1.16rem!important;line-height:1.65!important;color:var(--ink)!important}
.cinematic-panel{height:165vh}
.panel-sticky{height:100svh}
.panel-sticky>img,.panel-sticky>picture,.panel-sticky>picture img{width:100%;height:100%;object-fit:cover}
.panel-shade,.panel-shade.soft{background:linear-gradient(90deg,rgba(27,26,24,.82) 0%,rgba(27,26,24,.46) 44%,rgba(27,26,24,.08) 76%)!important}
.panel-copy{left:var(--pad);max-width:680px}
.panel-copy h2{font-size:clamp(4rem,7vw,7.6rem)!important;line-height:.9!important;margin:.55rem 0 1.15rem}
.panel-copy>p{font-size:1.16rem!important;line-height:1.62!important;color:rgba(239,233,220,.92)!important}
.panel-copy .disclosure{color:rgba(239,233,220,.72)!important}
.distance-scene{padding:8rem var(--pad)}
.distance-head,.distance-list,.distance-note{max-width:var(--content);margin-left:auto;margin-right:auto}
.distance-head{margin-bottom:3.5rem}
.distance-head h2{font-size:clamp(3.8rem,6.5vw,7rem)!important;line-height:.9!important;color:var(--forest);margin:.4rem 0 1.4rem}
.distance-head>p{font-size:1.18rem!important;line-height:1.65!important;max-width:54ch}
.distance-list{border-top:1px solid var(--hair)}
.distance-list article{display:grid;grid-template-columns:135px 48px minmax(0,1fr);gap:1rem;align-items:baseline;padding:1.35rem 0;border-bottom:1px solid var(--hair)}
.distance-list strong{font-family:var(--serif);font-size:4.2rem;line-height:.8;color:var(--forest)}
.distance-list span{font-size:.82rem;font-weight:800;letter-spacing:.1em;color:var(--bronze)}
.distance-list h3{font-family:var(--sans)!important;font-size:1.28rem!important;font-weight:650!important;letter-spacing:0;margin:0}
.distance-note{margin-top:1rem;color:var(--muted)}
.facts-strip{padding:7rem var(--pad)}
.facts-head,.fact-grid{max-width:var(--content);margin-left:auto;margin-right:auto}
.facts-head h2{font-size:clamp(3.5rem,5.5vw,6rem)!important}
.fact-grid{grid-template-columns:repeat(3,1fr)}
.fact{min-height:320px;padding:2rem}
.fact span{font-size:clamp(3rem,4.5vw,5rem)!important;color:var(--stone)}
.fact strong{font-size:1.2rem}
.fact p{font-size:1rem!important;line-height:1.58!important;color:rgba(239,233,220,.76)!important}
.route-v32{background:var(--forest)!important;color:var(--ivory)!important}
.price-sticky{margin:auto}
.snapshot-title{margin-bottom:3.5rem}
.snapshot-title h2{font-size:clamp(3.6rem,6vw,6.6rem)!important;line-height:.92!important;color:var(--forest)}
.price-stage{gap:2.25rem 4rem}
.price-step strong{font-size:clamp(3.2rem,6vw,6.5rem)!important;color:var(--forest)}
.price-result{padding-top:3rem}
.price-result strong{line-height:.86!important;color:var(--forest);letter-spacing:-.05em}
.price-result p{font-size:1.24rem!important}
.price-result small{font-size:1rem!important}
.snapshot-actions{margin-top:2.5rem!important}
.possibility-chapter{padding-bottom:7rem!important}
.future-picture{background:var(--ivory)!important}
.poss-sticky .future-layer{background:var(--ivory)!important}
.poss-copy,.poss-copy *{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.poss-copy .eyebrow,.poss-copy .chapter-label{font-size:1rem!important}
.poss-copy h2{font-size:clamp(3.8rem,6.8vw,7.2rem)!important;line-height:.91!important;margin:.35rem 0 1rem}
.poss-copy>p:not(.eyebrow):not(.chapter-label){font-size:1.18rem!important;line-height:1.62!important;color:var(--ink)!important;max-width:50ch}
.poss-copy .btn{margin-top:1rem}
.concept-badge{text-align:left!important;font-weight:700!important;letter-spacing:.07em}
.risk-brief{background:#EFE9DC!important}
.risk-brief-inner,.diligence>*,.qualification>*{max-width:var(--content);margin-left:auto;margin-right:auto}
.risk-brief h2{color:var(--forest)}
.risk-brief p{font-size:1.1rem!important}
.contact-copy h2{white-space:normal!important;font-size:clamp(3rem,5.5vw,5.6rem)!important}
.closing-inner img{opacity:1!important;filter:none!important}
@media(max-width:900px){
body{font-size:18px;line-height:1.65}
.scene{padding:5rem 1.35rem}
.site-header{height:auto!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:.65rem .7rem!important;padding:.85rem 1.1rem 1rem!important}
.brand{grid-column:1/-1!important;display:flex;justify-content:center!important}
.brand img{object-position:center!important}
.desktop-nav{display:none!important}
.investor-open{grid-column:1!important;grid-row:2!important;justify-self:end!important;min-height:46px!important;padding:.7rem .85rem!important;font-size:.76rem!important}
.menu-toggle{display:block!important;grid-column:2!important;grid-row:2!important;min-width:50px!important;min-height:46px!important}
.hero{min-height:calc(100svh - 156px)!important;padding:4.5rem 1.35rem 4rem!important;align-items:flex-end!important}
.hero-copy{max-width:100%}
.hero .eyebrow{font-size:.92rem!important;line-height:1.35!important;max-width:31ch}
.hero-sub{font-size:1.15rem!important;line-height:1.55!important;max-width:29ch}
.hero-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:1.5rem!important}
.hero-actions .btn{width:100%!important}
.hero-caption{position:relative!important;left:auto!important;bottom:auto!important;margin:1.25rem 0 0!important;padding:1rem 0 0!important;border-top:1px solid rgba(239,233,220,.22);font-size:.95rem!important;line-height:1.5!important;max-width:32ch}
.big-number{font-size:clamp(5.3rem,22vw,7.4rem)!important}
.asset-meta{display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;margin-top:1.4rem!important}
.asset-heading{margin-top:4.5rem}
.asset-heading h2{font-size:clamp(3.4rem,13vw,5rem)!important}
.asset-heading>p{font-size:1.12rem!important}
.geometry-grid{display:block!important}
.diagram-card{margin:0 0 2.5rem!important}
.diagram-card img{padding:.7rem!important}
.diagram-card figcaption{font-size:.96rem!important;padding:1rem!important}
.survey-panel h3{font-size:clamp(3.1rem,12.5vw,4.6rem)!important}
.survey-panel>p{font-size:1.1rem!important}
.cinematic-panel{height:auto!important}
.panel-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:var(--forest)!important}
.panel-sticky>img,.panel-sticky>picture,.panel-sticky>picture img{position:relative!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important}
.panel-shade{display:none!important}
.panel-copy{position:relative!important;left:auto!important;top:auto!important;transform:none!important;max-width:none!important;padding:2.2rem 1.35rem 3rem!important;background:var(--forest)!important}
.panel-copy h2{font-size:clamp(3.6rem,14vw,5.2rem)!important}
.panel-copy>p{font-size:1.1rem!important;line-height:1.62!important}
.scene-number{right:1.35rem!important;bottom:1.25rem!important;font-size:5rem!important;opacity:.12!important}
.distance-scene{padding:5rem 1.35rem!important}
.distance-head h2{font-size:clamp(3.6rem,14vw,5.1rem)!important}
.distance-head>p{font-size:1.1rem!important}
.distance-list article{grid-template-columns:72px 38px minmax(0,1fr)!important;gap:.45rem!important;padding:1.2rem 0!important}
.distance-list strong{font-size:3rem!important}
.distance-list span{font-size:.72rem!important}
.distance-list h3{font-size:1.05rem!important;line-height:1.25!important}
.fact-grid{grid-template-columns:1fr!important;border-left:0!important}
.fact{min-height:0!important;padding:2rem 0!important;border-right:0!important}
.fact span{font-size:4.4rem!important;margin-bottom:1.2rem!important}
.fact strong{margin-top:0!important;font-size:1.2rem!important}
.fact p{font-size:1.08rem!important}
.snapshot-title{margin-bottom:2.6rem!important}
.price-step{margin-bottom:2.2rem!important;padding-bottom:1.8rem!important}
.price-result{margin-top:.5rem!important;padding-top:2.2rem!important}
.price-result strong{gap:.15em!important}
.price-result strong i{font-size:.28em!important}
.snapshot-actions .btn{width:100%!important}
.possibility-chapter{padding-bottom:5rem!important}
.future-picture{overflow:visible!important;display:block!important;width:100%!important}
.future-picture img,.poss-sticky .future-layer{width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important;display:block!important}
.risk-brief{padding:4.5rem 1.35rem!important}
.risk-brief h2{font-size:3rem!important}
}
@media(max-width:390px){
.brand img{width:88vw!important}
.hero h1{font-size:clamp(3.8rem,15vw,5.2rem)!important}
.price-result strong{font-size:clamp(3.7rem,15.5vw,5.2rem)!important}
}
@media(prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;animation:none!important;transition:none!important}
.reveal,.price-step,.price-formula,.price-result{opacity:1!important;transform:none!important}
}
html.motion-ready .site-header{transition:background .45s ease,border-color .45s ease,transform .45s var(--cin-ease),padding .45s var(--cin-ease)}
html.motion-ready .site-header.scrolled{box-shadow:0 12px 42px rgba(23,21,15,.12)}
.hero{isolation:isolate}
.hero-media{transform:translate3d(0,calc(var(--hero-p) * 2.7vh),0);will-change:transform}
.hero-media img{transform:scale(calc(1.055 - var(--hero-p) * .025))!important;will-change:transform}
.hero-vignette{opacity:calc(1 - var(--hero-p) * .22);will-change:opacity}
.hero-copy{transform:translate3d(0,calc(var(--hero-p) * -2vh),0);will-change:transform}
.hero-copy::before{content:"";display:block;width:clamp(52px,7vw,96px);height:1px;background:var(--stone);margin-bottom:1.25rem;transform-origin:left}
@keyframes heroRule{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.diagram-card{position:relative;overflow:hidden;isolation:isolate}
.diagram-card::before{content:"";position:absolute;z-index:3;inset:0;background:var(--ivory);transform:translateX(calc(var(--survey-p,0) * 108%));will-change:transform;pointer-events:none}
.diagram-card::after{content:"";position:absolute;z-index:4;top:0;bottom:0;left:0;width:2px;background:var(--bronze);box-shadow:0 0 0 1px rgba(196,138,75,.16);transform:translateX(calc(var(--survey-p,0) * min(90vw,1180px)));opacity:calc(1 - var(--survey-p,0));pointer-events:none}
.diagram-card img{transform:scale(calc(1.018 - var(--survey-p,0) * .018));will-change:transform}
.cinematic-panel{--scene-p:0}
.panel-sticky>img,.panel-sticky>picture img{transform:scale(calc(1.065 - var(--scene-p) * .035)) translate3d(calc((.5 - var(--scene-p)) * 1.2vw),0,0)!important;will-change:transform}
.panel-copy{transform:translate3d(0,calc((.5 - var(--scene-p)) * 5vh),0);opacity:calc(.72 + var(--scene-p) * .28);will-change:transform,opacity}
.scene-number{transform:translateY(calc((.5 - var(--scene-p)) * 5vh));will-change:transform}
.route-v32{height:225vh!important;position:relative;overflow:visible!important;--route-p:0}
.price-reveal{height:235vh!important;padding:0!important;position:relative;--price-p:0;background:var(--ivory)!important}
.price-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;max-width:none!important;padding:clamp(7rem,10vh,9rem) var(--pad) 4rem!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;overflow:hidden;background:var(--ivory);transition:background .6s ease}
.snapshot-title{max-width:var(--content);width:100%;margin:0 auto!important}
.price-stage{position:relative!important;min-height:0!important;height:100%!important;max-width:var(--content)!important;width:100%;margin:0 auto!important;display:grid!important;place-items:center start!important}
.price-step,.price-formula,.price-result{position:absolute!important;inset:auto 0!important;top:50%!important;transform:translate3d(0,-42%,0) scale(.985)!important;opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .32s ease,transform .55s var(--cin-ease)!important}
.price-step strong,.price-result strong{max-width:100%}
.price-reveal[data-price-state="area"] .price-step.area,.price-reveal[data-price-state="asking"] .price-step.asking,.price-reveal[data-price-state="formula"] .price-formula,.price-reveal[data-price-state="result"] .price-result{opacity:1!important;visibility:visible;transform:translate3d(0,-50%,0) scale(1)!important}
.price-operator{display:none!important}
.price-result{padding:0!important;margin:0!important}
.price-result strong{font-size:clamp(5rem,11vw,11rem)!important}
.price-result::before{content:"THE NUMBER THAT CHANGES THE FRAME";display:block;color:var(--bronze);font:700 .78rem/1.2 var(--sans);letter-spacing:.11em;margin-bottom:1rem}
.price-reveal[data-price-state="result"] .price-sticky{background:linear-gradient(180deg,var(--ivory) 0%,var(--ivory) 55%,rgba(205,187,160,.34) 100%)}
.snapshot-actions{max-width:var(--content);width:100%;margin:0 auto!important;opacity:0!important;transform:translateY(16px);pointer-events:none;transition:opacity .45s ease,transform .6s var(--cin-ease)!important}
.price-reveal[data-price-state="result"].price-cta .snapshot-actions{opacity:1!important;transform:none;pointer-events:auto}
.threshold-sticky{overflow:hidden}
.threshold-sticky::before{position:absolute;inset:0;background:var(--ivory);clip-path:inset(calc((1 - var(--threshold-open,0)) * 50%) 0);z-index:0;pointer-events:none}
.threshold-sticky>*{position:relative;z-index:1}
.threshold-sticky .bright{transform:scale(calc(.92 + var(--threshold-open,0) * .08));letter-spacing:calc(.04em - var(--threshold-open,0) * .02em);will-change:transform}
.possibility-chapter{height:205vh!important;padding:0!important;position:relative;background:var(--ivory)!important}
.poss-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;overflow:hidden!important;background:var(--ivory)!important}
.poss-sticky .land-picture,.poss-sticky .future-picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:var(--ivory)!important}
.poss-sticky .land-layer,.poss-sticky .future-layer{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;background:var(--ivory)!important;will-change:transform,clip-path,filter}
.poss-sticky .land-layer{opacity:1!important;transform:scale(calc(1.015 + var(--build) * .01))!important;filter:saturate(calc(.82 + var(--build) * .1)) contrast(.96)!important}
.poss-sticky .future-layer{opacity:1!important;transform:scale(calc(1.075 - var(--build) * .055))!important;clip-path:inset(100% 0 0 0);filter:none!important}
.poss-wash{z-index:1!important;background:linear-gradient(0deg,rgba(239,233,220,.98) 0%,rgba(239,233,220,.9) 25%,rgba(239,233,220,0) 58%)!important;opacity:calc(var(--copy) * .92)!important;pointer-events:none}
.poss-copy{position:absolute!important;z-index:3!important;left:var(--pad)!important;right:auto!important;top:auto!important;bottom:7vh!important;max-width:min(650px,78vw)!important;margin:0!important;padding:0!important;color:var(--ink)!important;opacity:var(--copy)!important;transform:translate3d(0,calc((1 - var(--copy)) * 24px),0)!important;pointer-events:auto;will-change:opacity,transform}
.poss-copy .eyebrow,.poss-copy .chapter-label{color:var(--forest)!important}
.poss-copy h2{color:var(--forest)!important}
.concept-badge{position:absolute!important;z-index:4!important;right:var(--pad)!important;top:auto!important;bottom:2rem!important;max-width:34ch!important;margin:0!important;color:var(--forest)!important;background:rgba(239,233,220,.93)!important;border-top:2px solid var(--bronze)}
.possibility-chapter[data-key="mixed"] .future-layer{transform-origin:50% 100%}
.possibility-chapter[data-key="residential"] .future-layer{transform-origin:50% 65%}
.possibility-chapter[data-key="commercial"] .future-layer{transform-origin:0 50%}
.possibility-chapter[data-key="hospitality"] .future-layer{transform-origin:50% 0}
.possibility-chapter[data-key="education"] .future-layer{transform-origin:50% 50%}
.possibility-chapter[data-key="healthcare"] .future-layer{transform-origin:50% 50%}
@media (hover:hover) and (pointer:fine){
.btn,.contact-action,.path-grid a{transition:transform .32s var(--cin-ease),background .28s ease,color .28s ease,border-color .28s ease}
.btn:hover,.contact-action:hover{transform:translateY(-3px)}
.btn-dark:hover{background:var(--slate)!important}
.btn-light:hover{background:var(--stone)!important}
}
@media(max-width:900px){
.hero-media img{object-position:center 44%;transform:scale(calc(1.045 - var(--hero-p) * .015))!important}
.hero-copy::before{width:58px;margin-bottom:.9rem}
.snapshot-title h2{margin-bottom:.4rem!important}
.price-step,.price-formula,.price-result{padding:0!important;inset-inline:0!important}
.price-step strong{font-size:clamp(3.2rem,12vw,4.8rem)!important;white-space:normal!important;overflow-wrap:normal!important}
.price-result strong{display:flex!important;flex-wrap:nowrap!important}
.price-result p{margin:.9rem 0 .35rem!important}
.snapshot-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
.poss-sticky .land-picture,.poss-sticky .future-picture{min-height:0!important}
.poss-sticky .land-layer,.poss-sticky .future-layer{max-height:none!important}
.poss-wash{background:linear-gradient(0deg,rgba(239,233,220,.99) 0%,rgba(239,233,220,.94) 31%,rgba(239,233,220,.3) 54%,rgba(239,233,220,0) 68%)!important}
}
@media(prefers-reduced-motion:reduce){
.diagram-card::before,.diagram-card::after{display:none!important}
.route-v32,.price-reveal,.possibility-chapter,.unbuild{height:auto!important}
.route-v32 .route-visual,.price-sticky,.poss-sticky,.unbuild-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}
.geo-marker,.price-step,.price-formula,.price-result,.poss-copy,.unbuild-copy{opacity:1!important;visibility:visible!important;transform:none!important}
.price-step,.price-formula,.price-result{position:relative!important;top:auto!important;margin:1.5rem 0!important}
.poss-sticky .land-picture{display:none!important}
.poss-sticky .future-picture{position:relative!important;height:auto!important}
.poss-sticky .future-layer{position:relative!important;height:auto!important;clip-path:none!important;transform:none!important}
.poss-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:1.8rem var(--pad)!important}
}
.approved-diagram{border:0!important;background:var(--ivory)!important;padding:0!important}
.approved-diagram img{display:block;width:100%;height:auto;padding:0!important;background:var(--ivory)!important;object-fit:contain}
.approved-diagram figcaption{font-size:.9rem!important;letter-spacing:.02em;color:var(--muted)!important;padding:.85rem 0 0!important}
@media(max-width:900px){
.approved-diagram{margin-bottom:2.75rem!important}
.approved-diagram img{width:100%!important;max-height:none!important}
.approved-diagram figcaption{font-size:.95rem!important;line-height:1.5!important}
}
.site-header .brand img{overflow:visible!important}
@media(max-width:900px){
.brand img{width:min(390px,91vw)!important;max-height:118px!important;height:auto!important}
.poss-sticky .land-picture{display:none!important}
.poss-sticky .future-picture{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;background:var(--ivory)!important;overflow:hidden!important}
.poss-sticky .future-layer{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important;object-position:center!important;clip-path:none!important}
.concept-badge{display:block!important}
.contact-copy h2{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(1.95rem,7.15vw,2.75rem)!important;line-height:1.05!important;letter-spacing:-.04em!important;max-width:none!important}
.contact-copy>p:nth-of-type(2){font-size:1.03rem!important;line-height:1.45!important;margin-top:1rem!important}
}
@media(max-width:380px){
.contact-copy h2{font-size:clamp(1.75rem,6.9vw,2.35rem)!important}
.brand img{width:94vw!important}
}
@media(max-width:900px){
.price-step span,.price-result span{font-size:.96rem!important;line-height:1.25!important;letter-spacing:.09em!important}
.price-step small,.price-result small{font-size:1rem!important;line-height:1.5!important}
.price-reveal:not(.petra-never) .price-result{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:1!important}
}
.site-header{animation:petraHeaderArrive .68s cubic-bezier(.2,.78,.2,1) both}
.site-header .brand{animation:petraBrandSettle .82s .08s cubic-bezier(.18,.82,.2,1) both}
@keyframes petraHeaderArrive{
0%{opacity:0;transform:translateY(-12px)}
100%{opacity:1;transform:none}
}
@keyframes petraBrandSettle{
0%{opacity:0;transform:translateY(-8px) scale(.985)}
100%{opacity:1;transform:none}
}
.hero-media picture{position:absolute;inset:0;display:block;transform-origin:50% 48%;animation:petraOpeningBreath 3.15s cubic-bezier(.22,.74,.18,1) both;will-change:transform,filter}
.hero-media picture img{width:100%;height:100%}
@keyframes petraOpeningBreath{
0%{transform:scale(1.065);filter:brightness(.88) saturate(.9)}
24%{transform:scale(1.042);filter:brightness(.96) saturate(.94)}
48%{transform:scale(1.028);filter:brightness(1) saturate(.97)}
68%{transform:scale(1.037);filter:brightness(.975) saturate(.95)}
100%{transform:scale(1.03);filter:brightness(.99) saturate(.96)}
}
.hero-breath{animation:petraBreathWash 3.05s ease-in-out both!important}
@keyframes petraBreathWash{
0%{opacity:.48}
30%{opacity:.16}
52%{opacity:.29}
78%{opacity:.08}
100%{opacity:0}
}
.hero-copy{animation:petraHeroCopyArrive .76s .64s cubic-bezier(.18,.8,.2,1) forwards!important}
@keyframes petraHeroCopyArrive{
0%{opacity:0;transform:translateY(18px)}
100%{opacity:1;transform:none}
}
.hero-copy::before{animation:heroRule .62s 1.08s var(--cin-ease) both!important}
.hero .eyebrow{animation:petraEyebrowArrive .58s .76s ease both}
.hero h1{animation:petraTitleSettle .7s .88s cubic-bezier(.18,.8,.2,1) both}
.hero-sub{animation:petraSubArrive .58s 1.18s ease both}
.hero-actions{animation:petraActionsArrive .55s 1.42s ease both}
@keyframes petraEyebrowArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes petraTitleSettle{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes petraSubArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes petraActionsArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.breath-label span{vertical-align:middle;animation:lineBreathe 2.15s 1.25s ease-in-out 2!important}
@media(max-width:900px){
.hero-media picture{animation-duration:2.8s!important;transform-origin:50% 44%}
.hero-copy{animation-delay:.52s!important;animation-duration:.7s!important}
.hero .eyebrow{animation-delay:.66s!important}
.hero h1{animation-delay:.78s!important}
.hero-sub{animation-delay:1.04s!important}
.hero-actions{animation-delay:1.28s!important}
.hero-copy::before{animation-delay:.98s!important}
}
@media(prefers-reduced-motion:reduce){
.site-header,.site-header .brand,.hero-media picture,.hero-breath,.hero-copy,.hero .eyebrow,.hero h1,.hero-sub,.hero-actions,.hero-copy::before{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}
@media(max-width:900px){
.site-header{padding-bottom:.8rem!important;padding-top:.8rem!important;position:sticky!important;top:0!important;z-index:950!important;width:100%!important;transition:padding .34s cubic-bezier(.2,.72,.2,1),
min-height .34s cubic-bezier(.2,.72,.2,1),
background .28s ease,
border-color .28s ease,
box-shadow .28s ease!important;background:rgba(27,26,24,.985)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(239,233,220,.08)!important}
.site-header:not(.scrolled){display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important}
.site-header:not(.scrolled) .brand{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;width:100%!important;min-width:0!important;justify-content:center!important}
.site-header:not(.scrolled) .investor-open{grid-column:1!important;grid-row:2!important;justify-self:end!important}
.site-header:not(.scrolled) .menu-toggle{grid-column:2!important;grid-row:2!important}
.site-header.scrolled{min-height:84px!important;height:84px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:1fr!important;gap:.34rem!important;padding:.38rem .65rem!important;background:rgba(27,26,24,.965)!important;border-bottom-color:rgba(239,233,220,.14)!important;box-shadow:0 10px 28px rgba(23,21,15,.14)!important}
.site-header.scrolled .brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;justify-content:flex-start!important;min-width:0!important;width:100%!important}
.site-header.scrolled .brand img{width:min(215px,52vw)!important;max-width:100%!important;max-height:72px!important;height:auto!important;object-position:left center!important;transition:width .34s cubic-bezier(.2,.72,.2,1),max-height .34s cubic-bezier(.2,.72,.2,1)!important}
.site-header.scrolled .investor-open{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;min-height:42px!important;padding:.52rem .58rem!important;font-size:.62rem!important;line-height:1.05!important;letter-spacing:.055em!important;white-space:nowrap!important}
.site-header.scrolled .menu-toggle{display:block!important;grid-column:3!important;grid-row:1!important;align-self:center!important;min-width:42px!important;min-height:42px!important;padding:.5rem!important}
}
@media(max-width:380px){
.site-header.scrolled{padding-left:.5rem!important;padding-right:.5rem!important;gap:.26rem!important}
.site-header.scrolled .brand img{width:min(198px,51vw)!important;max-height:68px!important}
.site-header.scrolled .investor-open{padding:.48rem .5rem!important;font-size:.59rem!important}
.site-header.scrolled .menu-toggle{min-width:40px!important;min-height:40px!important}
}
@media(prefers-reduced-motion:reduce){
.site-header,.site-header .brand img{transition:none!important}
}
@media(max-width:900px){
.route-v32{height:500vh!important;position:relative!important;overflow:visible!important}
}
@media(max-width:900px){
.price-reveal{padding:0!important;background:var(--ivory)!important}
.price-sticky{position:sticky!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;background:var(--ivory)!important;color:var(--forest)!important;transition:background .42s ease,color .42s ease!important}
.snapshot-title{position:relative!important;z-index:5!important;margin:0!important}
.snapshot-title .chapter-label{display:inline-block!important;width:auto!important;max-width:100%!important;background:var(--forest)!important;color:var(--ivory)!important;padding:.36rem .52rem!important;margin:0 0 .85rem!important;font-size:.92rem!important;line-height:1.15!important;letter-spacing:.07em!important}
.snapshot-title h2{font-size:clamp(2.75rem,10.9vw,4rem)!important;line-height:.93!important;max-width:8.8ch!important;margin:0!important;color:var(--forest)!important;transition:color .36s ease!important}
.price-stage{position:relative!important;height:100%!important;min-height:0!important;display:grid!important;place-items:center stretch!important;margin:0!important}
.price-step,.price-formula,.price-result{position:absolute!important;left:0!important;right:0!important;margin:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.price-reveal[data-price-state="area"] .price-step.area,.price-reveal[data-price-state="asking"] .price-step.asking,.price-reveal[data-price-state="formula"] .price-formula,.price-reveal[data-price-state="result"] .price-result{opacity:1!important;visibility:visible!important;z-index:3!important}
.price-step.area span,.price-step.area small{color:var(--forest)!important}
.price-step.area strong{color:var(--forest)!important}
.price-reveal[data-price-state="asking"] .price-sticky{background:var(--forest)!important;color:var(--ivory)!important}
.price-reveal[data-price-state="asking"] .snapshot-title h2{color:var(--ivory)!important}
.price-reveal[data-price-state="asking"] .snapshot-title .chapter-label{background:var(--bronze)!important;color:var(--forest)!important}
.price-step.asking span{color:var(--stone)!important;line-height:1.2!important}
.price-step.asking strong{color:var(--ivory)!important}
.price-step.asking small{color:var(--stone)!important}
.price-reveal[data-price-state="formula"] .price-sticky{background:linear-gradient(180deg,var(--ivory) 0%,rgba(205,187,160,.30) 100%)!important}
.price-reveal[data-price-state="result"] .price-sticky{background:linear-gradient(180deg,var(--ivory) 0%,var(--ivory) 58%,rgba(205,187,160,.38) 100%)!important}
.price-result::before{font-size:.82rem!important;line-height:1.25!important;margin-bottom:.85rem!important}
.price-result strong{line-height:.9!important;white-space:nowrap!important}
.price-result p{font-size:1.12rem!important;line-height:1.48!important;max-width:30ch!important}
.price-result small{font-size:.96rem!important;line-height:1.48!important;max-width:31ch!important}
.snapshot-actions{opacity:0!important;visibility:hidden!important;transform:translateY(12px)!important;pointer-events:none!important;transition:opacity .25s ease,transform .32s cubic-bezier(.2,.72,.2,1)!important}
.price-reveal[data-price-state="result"].price-cta .snapshot-actions{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
}
@media(max-width:380px){
.price-sticky{top:84px!important;height:calc(100svh - 84px)!important;min-height:calc(100svh - 84px)!important}
.price-step.asking strong{font-size:clamp(3.55rem,14.7vw,4.8rem)!important}
.price-result strong{font-size:clamp(3.6rem,15vw,4.9rem)!important}
}
.cinematic-threshold{--threshold-p:0;height:210vh!important;background:var(--forest)!important}
.threshold-sticky{background:var(--forest)!important;transition:background .34s ease!important}
.threshold-sticky::before{content:"";display:none!important}
.threshold-sticky p,.threshold-sticky span,.threshold-sticky small{transition:opacity .28s ease,color .28s ease,transform .34s var(--cin-ease)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>p:not(.bright),.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>span{opacity:1!important;visibility:visible!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky .bright{opacity:0!important;visibility:hidden!important;transform:scale(.94)!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky{background:var(--ivory)!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky>p:not(.bright),.cinematic-threshold[data-threshold-state="could"] .threshold-sticky>span{opacity:0!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky .bright{opacity:1!important;visibility:visible!important;color:var(--forest)!important;transform:scale(1)!important;font-size:clamp(4.5rem,10vw,9rem)!important;letter-spacing:-.025em!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky small{opacity:1!important;color:var(--bronze)!important;font-weight:700!important}
@media(max-width:900px){
.cinematic-threshold{height:240vh!important;min-height:240vh!important}
.threshold-sticky{top:84px!important;height:calc(100svh - 84px)!important;min-height:calc(100svh - 84px)!important;padding:2.25rem 1.35rem 2.5rem!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky{gap:1.15rem!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>p:not(.bright){font-size:clamp(2.5rem,10.5vw,4.1rem)!important;line-height:.98!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky{display:flex!important;align-items:center!important;justify-content:center!important}
.cinematic-threshold[data-threshold-state="could"] .threshold-sticky .bright{font-size:clamp(4.6rem,18vw,6.8rem)!important;line-height:.9!important;margin:0!important;max-width:92vw!important}
.threshold-sticky small{bottom:2.2rem!important;font-size:.78rem!important;line-height:1.45!important;letter-spacing:.085em!important}
}
.possibility-chapter{--copy:0;--build:0;--panel:0;--cta:0;--badge:0;--breath:0}
.poss-copy::before{content:"";display:block;width:calc(44px + var(--copy,0) * 64px);height:2px;background:var(--bronze);margin:0 0 .9rem;transform-origin:left center;transition:width .18s linear}
.poss-copy .eyebrow,.poss-copy .chapter-label{transform:translateY(calc((1 - var(--copy,0))*10px))}
.poss-copy h2{clip-path:inset(calc((1 - var(--copy,0))*100%) 0 0 0);transform:translateY(calc((1 - var(--copy,0))*18px));letter-spacing:calc(-.045em + (1 - var(--copy,0))*.018em)}
.poss-copy>p:not(.eyebrow):not(.chapter-label){transform:translateY(calc((1 - var(--copy,0))*14px))}
.poss-copy .btn{opacity:var(--cta,0)!important;transform:translateY(calc((1 - var(--cta,0))*14px))!important;pointer-events:calc(var(--cta,0))}
.concept-badge{opacity:var(--badge,0)!important;transform:translateY(calc((1 - var(--badge,0))*12px))!important}
@media(max-width:900px){
.possibility-chapter{height:310vh!important;min-height:310vh!important;padding:0!important;background:var(--forest)!important;color:var(--ink)!important}
.poss-sticky{position:sticky!important;top:84px!important;height:calc(100svh - 84px)!important;min-height:calc(100svh - 84px)!important;overflow:hidden!important;background:var(--forest)!important}
.poss-sticky .land-picture,.poss-sticky .future-picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:var(--forest)!important}
.poss-sticky .land-layer,.poss-sticky .future-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;will-change:transform,clip-path,filter!important}
.poss-sticky .land-layer{display:block!important;opacity:1!important;transform:scale(calc(1.025 + var(--breath,0)*.012))!important;filter:saturate(.80) contrast(.97) brightness(.86)!important}
.poss-sticky .future-layer{display:block!important;opacity:1!important;transform:scale(calc(1.055 - var(--build,0)*.025 + var(--breath,0)*.012))!important;filter:saturate(calc(.92 + var(--build,0)*.08)) contrast(.98)!important;background:transparent!important}
.poss-wash{display:none!important}
.poss-copy{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:61%!important;max-width:none!important;margin:0!important;padding:1.45rem 1.35rem 5.25rem!important;background:linear-gradient(180deg,#F4EFE3 0%,var(--ivory) 72%,#E9E1D1 100%)!important;border-top:1px solid rgba(155,113,77,.42)!important;color:var(--ink)!important;opacity:1!important;transform:translate3d(0,calc((1 - var(--panel,0))*104%),0)!important;box-shadow:0 -24px 60px rgba(27,26,24,.12)!important;overflow:hidden!important;will-change:transform!important}
.poss-copy::after{content:"";position:absolute;left:1.35rem;top:.72rem;width:34px;height:1px;background:var(--bronze);opacity:calc(.25 + var(--copy,0)*.75)}
.poss-copy::before{margin-top:.15rem;margin-bottom:.78rem}
.poss-copy .eyebrow,.poss-copy .chapter-label{color:var(--forest)!important;font-size:.92rem!important;line-height:1.25!important;letter-spacing:.09em!important;margin:0 0 .58rem!important;opacity:var(--copy,0)!important}
.poss-copy h2{color:var(--forest)!important;font-size:clamp(3.1rem,12.5vw,4.55rem)!important;line-height:.91!important;margin:.05rem 0 .72rem!important;opacity:var(--copy,0)!important}
.poss-copy>p:not(.eyebrow):not(.chapter-label){color:var(--ink)!important;font-size:1.05rem!important;line-height:1.48!important;max-width:31ch!important;margin:0 0 .95rem!important;opacity:var(--copy,0)!important}
.poss-copy .btn{display:inline-flex!important;width:auto!important;max-width:100%!important;min-height:50px!important;padding:.78rem .92rem!important;font-size:.76rem!important;line-height:1.25!important;white-space:normal!important;background:var(--forest)!important;color:var(--ivory)!important;border:1px solid var(--forest)!important}
.concept-badge{position:absolute!important;z-index:7!important;left:1.35rem!important;right:1.35rem!important;top:auto!important;bottom:1rem!important;width:auto!important;max-width:none!important;margin:0!important;padding:.62rem .72rem .62rem .78rem!important;background:var(--forest)!important;color:var(--ivory)!important;border:0!important;border-left:4px solid var(--bronze)!important;font-size:.72rem!important;line-height:1.32!important;letter-spacing:.07em!important;font-weight:700!important;text-align:left!important;box-shadow:0 10px 26px rgba(27,26,24,.12)!important}
.poss-sticky::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:61%;height:14%;background:linear-gradient(180deg,rgba(27,26,24,0),rgba(27,26,24,.18));opacity:var(--panel,0);pointer-events:none}
}
@media(max-width:380px){
.poss-copy{height:64%!important;padding:1.25rem 1.15rem 5.1rem!important}
.poss-copy h2{font-size:clamp(2.8rem,11.9vw,4.05rem)!important}
.poss-copy>p:not(.eyebrow):not(.chapter-label){font-size:1rem!important;line-height:1.43!important}
.concept-badge{left:1.15rem!important;right:1.15rem!important;font-size:.68rem!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
.possibility-chapter{height:auto!important;min-height:0!important;background:var(--ivory)!important;padding-bottom:4rem!important}
.poss-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--ivory)!important}
.poss-sticky .land-picture{display:none!important}
.poss-sticky .future-picture{position:relative!important;height:auto!important;aspect-ratio:9/16!important}
.poss-sticky .future-layer{position:relative!important;height:auto!important;aspect-ratio:9/16!important;clip-path:none!important;transform:none!important}
.poss-copy{position:relative!important;height:auto!important;transform:none!important;padding:1.5rem 1.35rem 1rem!important;overflow:visible!important}
.poss-copy .eyebrow,.poss-copy .chapter-label,.poss-copy h2,.poss-copy>p,.poss-copy .btn{opacity:1!important;transform:none!important;clip-path:none!important}
.concept-badge{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0 1.35rem!important;opacity:1!important;transform:none!important}
}
@media(max-width:900px){
.site-header:not(.scrolled){min-height:224px!important;padding:.7rem 1rem .85rem!important;gap:.46rem .65rem!important}
.site-header:not(.scrolled) .brand{min-height:166px!important;align-items:center!important;overflow:visible!important}
.site-header:not(.scrolled) .brand img{width:min(390px,78vw)!important;height:auto!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:center!important}
}
@media(max-width:380px){
.site-header:not(.scrolled){min-height:214px!important}
.site-header:not(.scrolled) .brand{min-height:156px!important}
.site-header:not(.scrolled) .brand img{width:80vw!important;max-height:none!important}
}
.hero h1 em{font-style:normal!important}
@media(max-width:900px){
.hero h1 span:first-child{margin-bottom:.08em}
}
@media(min-width:901px){
.route-v32{height:270vh!important;min-height:270vh!important;background:var(--forest)!important;overflow:visible!important}
.site-header:not(.scrolled){height:158px!important;grid-template-columns:minmax(430px,520px) 1fr auto auto!important;padding:.9rem clamp(1.5rem,3.4vw,4.25rem)!important;gap:1.5rem!important}
.site-header:not(.scrolled) .brand{width:100%!important;min-width:430px!important;overflow:visible!important}
.site-header:not(.scrolled) .brand img{width:min(500px,31vw)!important;height:136px!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
.site-header.scrolled .brand img{width:min(350px,22vw)!important;height:92px!important;max-height:92px!important}
}
@media (min-width:901px){
.price-reveal{background:var(--ivory)!important}
.price-sticky{transition:background .95s var(--cin-ease),color .75s ease!important}
.price-sticky::before,.price-sticky::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity 1.05s var(--cin-ease),transform 1.15s var(--cin-ease)}
.price-sticky::before{background:radial-gradient(circle at 50% 46%,rgba(205,187,160,.17) 0 14%,rgba(196,138,75,.08) 31%,transparent 57%),
linear-gradient(180deg,#1B1A18 0%,#151412 100%);transform:scale(1.035)}
.price-sticky::after{height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,var(--bronze) 18%,var(--stone) 50%,var(--bronze) 82%,transparent)}
.snapshot-title{transition:opacity .65s ease,transform .8s var(--cin-ease),color .6s ease!important}
.snapshot-title .chapter-label{transition:color .6s ease!important}
.snapshot-title h2{transition:color .6s ease!important}
.price-step,.price-formula,.price-result{transition:opacity .72s ease,transform 1.05s var(--cin-ease),filter .85s ease!important}
.price-reveal[data-price-state="area"] .price-step.area{width:min(860px,72vw)!important}
.price-reveal[data-price-state="area"] .price-step.area strong{font-size:clamp(5.4rem,8.7vw,10rem)!important;letter-spacing:-.055em!important}
.price-reveal[data-price-state="asking"] .price-sticky{background:#1B1A18!important;color:var(--ivory)!important}
.price-reveal[data-price-state="asking"] .price-sticky::before{opacity:1;transform:scale(1)}
.price-reveal[data-price-state="asking"] .price-sticky::after{opacity:1}
.price-reveal[data-price-state="asking"] .snapshot-title{opacity:.18!important;transform:translateY(-12px) scale(.985)!important}
.price-reveal[data-price-state="asking"] .snapshot-title h2,.price-reveal[data-price-state="asking"] .snapshot-title .chapter-label{color:var(--ivory)!important}
.price-reveal[data-price-state="asking"] .price-stage{place-items:center!important}
.price-reveal[data-price-state="asking"] .price-step.asking{inset-inline:50%!important;width:min(1180px,90vw)!important;text-align:center!important;transform:translate3d(-50%,-50%,0) scale(1)!important}
.price-step.asking span{color:var(--stone)!important;margin-bottom:1.15rem!important}
.price-step.asking strong{color:var(--ivory)!important;text-shadow:0 18px 55px rgba(0,0,0,.18)}
.price-step.asking small{color:rgba(239,233,220,.7)!important;margin-top:1.35rem!important}
.price-reveal[data-price-state="formula"] .snapshot-title{opacity:.34!important;transform:translateY(-8px) scale(.99)!important}
.price-reveal[data-price-state="result"] .price-result{width:min(1120px,88vw)!important}
.price-result::before{font-size:.88rem!important;letter-spacing:.17em!important;margin-bottom:1.15rem!important}
.price-result strong{letter-spacing:-.065em!important}
.price-result p{font-size:1.32rem!important;margin-top:1.45rem!important}
.price-result small{font-size:1rem!important}
.snapshot-actions{transition:opacity .75s ease,transform .95s var(--cin-ease)!important}
}
@media(min-width:901px){
.possibility-chapter{padding:0!important;background:var(--green)!important}
.poss-sticky{position:sticky!important;top:92px!important;height:calc(100vh - 92px)!important;min-height:calc(100vh - 92px)!important;overflow:hidden!important;background:var(--green)!important}
.poss-sticky .land-picture,.poss-sticky .land-layer{display:none!important}
.poss-sticky .future-picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:var(--green)!important}
.poss-sticky .future-layer{display:block!important;position:absolute!important;inset:-1.5%!important;width:103%!important;height:103%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;clip-path:none!important;-webkit-clip-path:none!important;filter:saturate(.96) contrast(.98) brightness(.96)!important;will-change:transform!important}
.poss-wash{display:none!important}
.poss-copy{position:absolute!important;z-index:6!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(42vw,660px)!important;max-width:none!important;height:100%!important;margin:0!important;padding:clamp(3.2rem,6vh,5.8rem) clamp(2.5rem,4vw,5rem)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(180deg,#F4EFE3 0%,var(--ivory) 68%,#E9E1D1 100%)!important;color:var(--ink)!important;border-left:1px solid rgba(196,138,75,.34)!important;opacity:1!important}
.poss-copy::before{width:calc(54px + var(--copy,0)*72px)!important;margin-bottom:1.15rem!important}
.poss-copy .eyebrow,.poss-copy .chapter-label{color:var(--green)!important;font-size:.86rem!important;letter-spacing:.11em!important;line-height:1.3!important;margin:0 0 .75rem!important;opacity:var(--copy,0)!important}
.poss-copy h2{color:var(--green)!important;font-size:clamp(4.3rem,6.25vw,7.4rem)!important;line-height:.88!important;margin:.1rem 0 1.2rem!important;max-width:7.4ch!important;opacity:var(--copy,0)!important}
.poss-copy>p:not(.eyebrow):not(.chapter-label){color:rgba(23,21,15,.83)!important;font-size:clamp(1.03rem,1.2vw,1.25rem)!important;line-height:1.48!important;max-width:35ch!important;margin:0 0 1.35rem!important;opacity:var(--copy,0)!important}
.poss-copy .btn{align-self:flex-start!important;margin-top:.35rem!important;background:var(--green)!important;color:var(--ivory)!important;opacity:var(--cta,0)!important;transform:translateY(calc((1 - var(--cta,0))*14px))!important}
.concept-badge{position:absolute!important;z-index:8!important;right:clamp(2.5rem,4vw,5rem)!important;bottom:clamp(2rem,4vh,3.2rem)!important;left:auto!important;width:min(34vw,520px)!important;padding:.72rem .9rem!important;background:var(--green)!important;color:var(--ivory)!important;border-left:4px solid var(--bronze)!important;font-size:.72rem!important;line-height:1.35!important;letter-spacing:.075em!important;opacity:var(--badge,0)!important;transform:translateY(calc((1 - var(--badge,0))*12px))!important;box-shadow:0 12px 28px rgba(27,26,24,.14)!important}
.poss-sticky::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(27,26,24,0) 52%,rgba(27,26,24,.08) 100%);opacity:var(--panel,0)}
}
@media (min-width:901px){
.facts-head,.fact-grid{margin-inline:auto!important}
.facts-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:end}
.facts-head .eyebrow{margin:0 0 1.15rem!important;font-size:.82rem!important;letter-spacing:.14em!important}
.facts-head h2{letter-spacing:-.042em!important}
.fact-grid{display:grid!important;align-items:stretch!important}
.fact{align-content:start!important}
.fact strong{font-weight:650!important}
.qualification{width:min(calc(100% - 10vw),var(--content))!important;max-width:var(--content)!important;margin-inline:auto!important;padding:10rem 0!important;display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr)!important;gap:clamp(4rem,6vw,7rem)!important}
.qualification>*{max-width:none!important;width:auto!important;margin:0!important}
.qual-copy{padding-top:.35rem!important;position:sticky!important;top:150px!important}
.qual-copy .eyebrow{margin-bottom:1.25rem!important;font-size:.78rem!important;letter-spacing:.14em!important}
.qual-copy h2{margin:.35rem 0 1.7rem!important;font-size:clamp(3.5rem,4.6vw,5.4rem)!important;line-height:.9!important;letter-spacing:-.04em!important}
.qual-copy>p:last-child{max-width:34ch!important;margin:0!important;font-size:1.05rem!important;line-height:1.65!important;color:rgba(23,21,15,.68)!important}
.investor-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:2rem!important;row-gap:1.7rem!important;align-items:start!important;padding:2.4rem!important;border:1px solid rgba(23,21,15,.16)!important;background:rgba(255,255,255,.13)!important}
.investor-form label{display:flex!important;flex-direction:column!important;gap:.55rem!important;margin:0!important;font-size:.72rem!important;line-height:1.2!important;font-weight:650!important;letter-spacing:.085em!important;text-transform:uppercase!important;color:rgba(23,21,15,.76)!important}
.investor-form input,.investor-form select,.investor-form textarea{width:100%!important;min-height:58px!important;margin:0!important;padding:.9rem 1rem!important;border:1px solid rgba(23,21,15,.20)!important;background:rgba(239,233,220,.55)!important;color:var(--ink)!important;font-size:1rem!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;outline:none!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.investor-form textarea{min-height:150px!important;resize:vertical!important}
.investor-form input:focus,.investor-form select:focus,.investor-form textarea:focus{border-color:var(--bronze)!important;background:rgba(255,255,255,.48)!important;box-shadow:0 0 0 2px rgba(196,138,75,.09)!important}
.investor-form .wide{grid-column:1/-1!important}
.investor-form button.wide{width:100%!important;min-height:64px!important;margin-top:.2rem!important;justify-content:space-between!important;padding-inline:1.4rem!important}
}
.cinematic-threshold,.threshold-sticky{background:var(--forest)!important}
.threshold-sticky{box-shadow:inset 0 0 0 1px rgba(239,233,220,.045)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>p:not(.bright){opacity:1!important;visibility:visible!important;color:var(--ivory)!important;text-shadow:0 2px 22px rgba(0,0,0,.18)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>p:first-of-type{color:var(--stone)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>span{opacity:1!important;visibility:visible!important;background:var(--bronze)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky small{opacity:1!important;color:var(--stone)!important;font-weight:600!important;text-shadow:0 1px 12px rgba(0,0,0,.18)!important}
@media(min-width:901px){
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky>p:not(.bright){font-size:clamp(3.35rem,5.2vw,6.2rem)!important;line-height:.94!important;letter-spacing:-.035em!important}
.threshold-sticky>span{width:84px!important;height:2px!important}
.threshold-sticky small{bottom:2.25rem!important;font-size:.88rem!important;letter-spacing:.095em!important}
}
@media(min-width:901px){
.contact-copy h2{font-size:clamp(3.15rem,3.8vw,4.15rem)!important;line-height:.98!important;letter-spacing:-.032em!important;white-space:nowrap!important;max-width:none!important;margin:.55rem 0 1.1rem!important}
.contact-copy>p:nth-of-type(2){font-size:1.02rem!important;letter-spacing:.055em!important;margin-top:.2rem!important}
}
.mobile-hero-break{display:none}
@media(max-width:900px){
.hero{scroll-margin-top:84px!important;--hero-p:0;padding-top:7rem!important;padding-bottom:4.75rem!important}
.hero-copy{margin-top:5vh!important}
.hero h1{font-size:clamp(3.25rem,12.6vw,4.75rem)!important;line-height:.93!important;letter-spacing:-.038em!important;max-width:12.6ch!important;margin:.7rem 0 1.35rem!important}
.hero h1>span{display:block!important;white-space:normal!important}
.hero h1>br:not(.mobile-hero-break){display:none!important}
.hero h1>span+span{margin-top:.18em!important}
.mobile-hero-break{display:block!important}
.hero .eyebrow{margin-bottom:.65rem!important}
}
@media(max-width:900px){
.cinematic-panel .panel-sticky{position:relative!important}
.cinematic-panel .scene-number{position:absolute!important;right:1.35rem!important;bottom:1.55rem!important;z-index:8!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;color:var(--bronze)!important;font-family:var(--display)!important;font-size:clamp(3.4rem,14vw,4.8rem)!important;line-height:.8!important;letter-spacing:-.04em!important;text-shadow:none!important;pointer-events:none!important}
.cinematic-panel .scene-number::before{content:"";position:absolute;right:0;top:-.62rem;width:2.6rem;height:1px;background:var(--bronze);opacity:.95}
.cinematic-panel .panel-copy{padding-bottom:6.8rem!important}
}
.route-v58{height:auto!important;min-height:0!important;overflow:hidden!important;background:var(--ivory)!important;color:var(--forest)!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr)!important;align-items:stretch!important}
.route-v58 .route-v58-visual{position:relative!important;inset:auto!important;min-height:760px!important;overflow:hidden!important;background:var(--forest)!important}
.route-v58 .route-v58-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,26,24,.06),rgba(27,26,24,.15));pointer-events:none}
.route-v58 .route-v58-visual picture,.route-v58 .route-v58-visual img{width:100%!important;height:100%!important;display:block!important}
.route-v58 .route-v58-visual img{object-fit:cover!important;object-position:center center!important;filter:saturate(.92) contrast(1.01) brightness(.95)!important;transform:scale(1.015)!important;animation:routeV58Breath 10s ease-in-out infinite alternate!important}
@keyframes routeV58Breath{
from{transform:scale(1.012)}
to{transform:scale(1.032)}
}
.route-v58 .route-v58-board{position:relative!important;padding:clamp(3.5rem,6vw,7rem) clamp(2rem,5vw,5.5rem)!important;background:var(--ivory)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1.35rem!important}
.route-v58 .route-v58-head{margin-bottom:.75rem!important}
.route-v58 .route-v58-kicker{margin:0 0 .8rem!important;font-family:var(--sans)!important;line-height:1.2!important;font-weight:760!important;letter-spacing:.13em!important;color:var(--bronze)!important}
.route-v58 .route-v58-head h2{margin:0!important;font-family:var(--display)!important;font-size:clamp(3.4rem,5.7vw,6.9rem)!important;line-height:.9!important;letter-spacing:-.035em!important;color:var(--forest)!important;max-width:8.5ch!important}
.route-v58 .route-v58-intro{margin:1rem 0 0!important;font-size:1.05rem!important;line-height:1.45!important;color:var(--muted)!important}
.route-v58 .route-v58-property,.route-v58 .route-v58-card{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important;background:var(--forest)!important;color:var(--ivory)!important;border:1px solid rgba(27,26,24,.08)!important;border-left:4px solid var(--bronze)!important;box-shadow:0 14px 34px rgba(27,26,24,.09)!important}
.route-v58 .route-v58-property{padding:1.1rem 1.2rem 1.12rem!important}
.route-v58 .route-v58-property span,.route-v58 .route-v58-property small,.route-v58 .route-v58-card small{display:block!important;font-family:var(--sans)!important;letter-spacing:.075em!important}
.route-v58 .route-v58-property span{font-size:.72rem!important;font-weight:750!important;color:var(--stone)!important;margin-bottom:.42rem!important}
.route-v58 .route-v58-property strong{display:block!important;font-size:1.08rem!important;line-height:1.25!important;letter-spacing:.045em!important}
.route-v58 .route-v58-property small{margin-top:.34rem!important;font-size:.78rem!important;line-height:1.35!important;color:rgba(239,233,220,.76)!important}
.route-v58 .route-v58-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}
.route-v58 .route-v58-card{min-height:168px!important;padding:1.2rem 1.15rem!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;overflow:hidden!important}
.route-v58 .route-v58-card-airport{grid-column:1/-1!important;min-height:154px!important}
.route-v58 .route-v58-distance{display:block!important;margin:0 0 auto!important;font-family:var(--display)!important;font-size:clamp(3rem,4.4vw,5.4rem)!important;line-height:.85!important;letter-spacing:-.035em!important;color:var(--ivory)!important}
.route-v58 .route-v58-distance i{font-family:var(--sans)!important;font-style:normal!important;font-size:.23em!important;font-weight:750!important;letter-spacing:.08em!important}
.route-v58 .route-v58-card strong{display:block!important;margin-top:1.1rem!important;line-height:1.22!important;letter-spacing:.055em!important;color:var(--ivory)!important}
.route-v58 .route-v58-card small{margin-top:.32rem!important;font-size:.72rem!important;line-height:1.25!important;color:var(--stone)!important}
.route-v58 .route-v58-note{margin:.15rem 0 0!important;padding-top:.9rem!important;border-top:1px solid rgba(27,26,24,.16)!important;line-height:1.4!important;color:var(--muted)!important}
@media(max-width:900px){
.route-v58{display:block!important;height:auto!important;min-height:0!important;overflow:hidden!important}
.route-v58 .route-v58-visual{position:relative!important;top:auto!important;height:42svh!important;min-height:330px!important;max-height:470px!important}
.route-v58 .route-v58-visual img{object-position:center 58%!important;animation:routeV58BreathMobile 8.5s ease-in-out infinite alternate!important}
@keyframes routeV58BreathMobile{
from{transform:scale(1.015) translateY(0)}
to{transform:scale(1.035) translateY(-.35%)}
}
.route-v58 .route-v58-board{position:relative!important;padding:2rem 1rem 2.35rem!important;gap:.9rem!important}
.route-v58 .route-v58-head{margin-bottom:.35rem!important}
.route-v58 .route-v58-kicker{font-size:.78rem!important;margin-bottom:.55rem!important}
.route-v58 .route-v58-head h2{font-size:clamp(3.2rem,14.2vw,4.75rem)!important;line-height:.9!important;max-width:8.3ch!important}
.route-v58 .route-v58-intro{font-size:1rem!important;margin-top:.8rem!important}
.route-v58 .route-v58-property{padding:1rem 1rem 1.02rem!important}
.route-v58 .route-v58-property strong{font-size:1rem!important}
.route-v58 .route-v58-property small{font-size:.8rem!important}
.route-v58 .route-v58-grid{grid-template-columns:1fr!important;gap:.72rem!important}
.route-v58 .route-v58-card,.route-v58 .route-v58-card-airport{grid-column:auto!important;min-height:132px!important;padding:1rem!important;display:grid!important;grid-template-columns:minmax(108px,.72fr) 1.28fr!important;grid-template-rows:auto auto!important;column-gap:1rem!important;align-items:end!important}
.route-v58 .route-v58-distance{grid-row:1/3!important;align-self:center!important;margin:0!important;font-size:clamp(3.4rem,16vw,5rem)!important}
.route-v58 .route-v58-card strong{margin:0!important;font-size:.98rem!important;line-height:1.22!important;align-self:end!important}
.route-v58 .route-v58-card small{margin-top:.32rem!important;font-size:.76rem!important;align-self:start!important}
.route-v58 .route-v58-note{margin-top:.4rem!important;font-size:.72rem!important}
}
@media(prefers-reduced-motion:reduce){
.route-v58 .route-v58-visual img{animation:none!important;transform:none!important}
}
@media(min-width:901px){
.closing-inner img{margin-top:5.15rem!important;margin-bottom:.85rem!important}
}
@media(min-width:901px){
.price-step.asking small{margin-top:3.1rem!important}
}
@media (min-width:901px){
.poss-copy .eyebrow,.poss-copy .chapter-label,.poss-copy h2,.poss-copy>p:not(.eyebrow):not(.chapter-label){transform:none!important;clip-path:none!important;filter:none;opacity:var(--copy,0)!important;will-change:opacity,filter!important}
.poss-copy .btn{will-change:opacity,filter!important}
}
@media (min-width:901px){
.possibility-chapter{height:285vh!important;min-height:285vh!important}
.poss-copy{transform:translate3d(calc((1 - var(--panel,0))*101.5%),0,0)!important;box-shadow:calc((1 - var(--panel,0))*-8px - 26px) 0 86px rgba(27,26,24,.14)!important}
.poss-copy::before{transition:none!important;width:126px!important;transform-origin:left center!important;transform:scaleX(var(--label,0))!important;opacity:calc(.20 + var(--label,0)*.80)!important;filter:none!important}
.poss-copy .eyebrow,.poss-copy .chapter-label{opacity:var(--label,0)!important;filter:none!important;transform:none!important}
.poss-copy h2{letter-spacing:-.045em!important;opacity:var(--title,0)!important;filter:none!important;transform:scale(calc(.995 + var(--title,0)*.005))!important;transform-origin:left center!important}
.poss-copy>p:not(.eyebrow):not(.chapter-label){opacity:var(--desc,0)!important;filter:none!important;transform:none!important}
.poss-copy .btn{opacity:var(--cta,0)!important;filter:none!important;transform:none!important}
.concept-badge{will-change:opacity,filter!important;opacity:var(--badge,0)!important;filter:none!important;transform:none!important}
.poss-sticky::after{opacity:calc(var(--panel,0)*.72)!important}
}
.drawer-qualified-note{margin:0 0 18px;color:var(--muted,#6B655B);font-size:14px;line-height:1.55;max-width:34ch}
.drawer-qualified-send{display:block!important;margin:0 0 22px;padding:16px 18px;background:var(--forest,#1B1A18);color:var(--ivory,#F4EFE3)!important;border:1px solid rgba(255,255,255,.16);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.drawer-qualified-send[hidden],.drawer-qualified-note[hidden]{display:none!important}
.drawer-qualified-send:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:900px){
.price-reveal{height:340vh!important;min-height:340vh!important}
.price-sticky{top:82px!important;height:calc(100svh - 82px)!important;min-height:calc(100svh - 82px)!important;padding:clamp(1rem,2.8vh,1.6rem) 1.35rem 1.15rem!important}
.price-step,.price-formula,.price-result{top:52%!important;transform:translate3d(0,-50%,0)!important;filter:none!important;transition:opacity .52s ease,filter .72s ease,clip-path .82s cubic-bezier(.2,.72,.2,1),letter-spacing .82s cubic-bezier(.2,.72,.2,1)!important}
.price-reveal[data-price-state="area"] .price-step.area,.price-reveal[data-price-state="asking"] .price-step.asking,.price-reveal[data-price-state="formula"] .price-formula,.price-reveal[data-price-state="result"] .price-result{transform:translate3d(0,-50%,0)!important;filter:none!important}
.price-step.area strong{font-size:clamp(3.25rem,13.2vw,4.55rem)!important;line-height:.9!important}
.price-reveal[data-price-state="asking"] .snapshot-title{opacity:.32!important;transform:none!important}
.price-step.asking{width:100%!important;text-align:left!important;padding:1.05rem 0 1.3rem!important;border-top:1px solid rgba(205,187,160,.42)!important;border-bottom:1px solid rgba(205,187,160,.24)!important}
.price-step.asking span{display:block!important;margin-bottom:1rem!important;font-size:.93rem!important;letter-spacing:.16em!important}
.price-step.asking strong{display:block!important;width:100%!important;font-size:clamp(3.15rem,13.05vw,4.35rem)!important;line-height:.88!important;letter-spacing:-.055em!important;white-space:nowrap!important;clip-path:inset(0 50% 0 50% round 0)!important;opacity:.15!important}
.price-reveal[data-price-state="asking"] .price-step.asking strong{clip-path:inset(0 0 0 0 round 0)!important;opacity:1!important;letter-spacing:-.045em!important}
.price-step.asking small{display:block!important;margin-top:1.15rem!important;font-size:.98rem!important;line-height:1.35!important;opacity:.72!important}
.price-result strong{font-size:clamp(3.4rem,14.4vw,4.9rem)!important}
.snapshot-actions{padding-bottom:0!important}
}
@media (max-width:900px){
.cinematic-threshold{height:155vh!important;min-height:155vh!important}
.threshold-sticky{top:84px!important;height:calc(100svh - 84px)!important;min-height:calc(100svh - 84px)!important}
.cinematic-threshold[data-threshold-state="context"] .threshold-sticky{gap:1rem!important}
.threshold-sticky small{bottom:1.65rem!important}
}
@media(max-width:900px){
.closing-inner img{width:min(300px,62vw)!important;margin-top:5.25rem!important;margin-bottom:.65rem!important}
}
.threshold-sticky > span{display:none!important}
@media(min-width:901px){
.possibility-chapter[data-key="commercial"] .poss-copy h2{font-size:clamp(4.15rem,5.55vw,6.75rem)!important;max-width:none!important;width:100%!important;padding-right:.18em!important;overflow:visible!important;text-wrap:balance!important}
}
@media(min-width:901px){
.possibility-chapter[data-key="education"] .poss-copy h2{font-size:clamp(4.05rem,5.45vw,6.6rem)!important;max-width:none!important;width:100%!important;padding-right:.24em!important;overflow:visible!important;text-wrap:balance!important}
}
@media (min-width:901px){
.qualification{align-items:start!important}
.qualification .qual-copy{position:relative!important;top:auto!important;align-self:start!important}
.qualification .investor-form{position:relative!important;top:auto!important;align-self:start!important}
}
.reveal{opacity:0!important;transform:none!important;filter:none;transition:opacity .72s ease,filter .9s cubic-bezier(.2,.72,.2,1)!important}
.reveal.in{opacity:1!important;transform:none!important;filter:none!important}
@media(min-width:901px){
.price-reveal{height:330vh!important;min-height:330vh!important}
.possibility-chapter{height:230vh!important;min-height:230vh!important}
.poss-copy{transform:none!important;clip-path:inset(0 0 0 calc((1 - var(--panel,0))*100%))!important;-webkit-clip-path:inset(0 0 0 calc((1 - var(--panel,0))*100%))!important;will-change:clip-path!important;box-shadow:-28px 0 78px rgba(27,26,24,.14)!important}
.poss-sticky .future-layer{transform:scale(calc(1.018 + var(--breath,0)*.012))!important}
}
@media(prefers-reduced-motion:reduce){
.reveal{opacity:1!important;filter:none!important}
.poss-copy{clip-path:none!important;-webkit-clip-path:none!important}
}
@media(min-width:901px){
.price-step.asking{left:50%!important;right:auto!important;inset-inline:auto!important;top:50%!important;width:min(1180px,90vw)!important;text-align:center!important;transform:translate3d(-50%,-50%,0)!important;filter:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .68s ease,filter .9s var(--cin-ease)!important}
.price-step.asking strong{clip-path:inset(0 48% 0 48%)!important;-webkit-clip-path:inset(0 48% 0 48%)!important;opacity:.16!important;transition:clip-path 1.05s var(--cin-ease),-webkit-clip-path 1.05s var(--cin-ease),opacity .72s ease,letter-spacing 1.05s var(--cin-ease)!important}
.price-reveal[data-price-state="asking"] .price-step.asking{left:50%!important;right:auto!important;inset-inline:auto!important;transform:translate3d(-50%,-50%,0)!important;filter:none!important;opacity:1!important;visibility:visible!important}
.price-reveal[data-price-state="asking"] .price-step.asking strong{clip-path:inset(0 0 0 0)!important;-webkit-clip-path:inset(0 0 0 0)!important;opacity:1!important}
}
@media (min-width:901px){
.site-header.scrolled{height:158px!important;min-height:158px!important;grid-template-columns:minmax(430px,520px) 1fr auto auto!important;padding:.9rem clamp(1.5rem,3.4vw,4.25rem)!important;gap:1.5rem!important}
.site-header.scrolled .brand{width:100%!important;min-width:430px!important;overflow:visible!important}
.site-header.scrolled .brand img{width:min(500px,31vw)!important;height:136px!important;max-height:none!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;transition:none!important}
}
@media (min-width:901px){
.price-step.asking{left:50%!important;right:auto!important;inset-inline:auto!important;width:min(1120px,84vw)!important;max-width:84vw!important;padding-inline:1.5vw!important;box-sizing:border-box!important;overflow:visible!important}
.price-step.asking strong{max-width:100%!important}
}
@media (min-width:901px){
.land-thesis-v64 h2{line-height:.84!important;letter-spacing:-.048em!important}
}
@media (max-width:900px){
.land-thesis-v64 h2{line-height:.86!important;letter-spacing:-.045em!important}
}
footer .hhs-credit-v97{display:inline-flex;align-items:center;justify-content:center;width:120px;max-width:120px;margin-left:auto;opacity:.72;text-decoration:none;transition:opacity .28s ease, transform .28s ease}
footer .hhs-credit-v97 img{display:block;width:100%;height:auto}
footer .hhs-credit-v97:hover,footer .hhs-credit-v97:focus-visible{opacity:.96;transform:translateY(-1px)}
@media (max-width:900px){
footer .hhs-credit-v97{width:108px;max-width:108px;margin-left:0;margin-top:1.1rem;opacity:.74}
}
@media (prefers-reduced-motion:reduce){
footer .hhs-credit-v97{transition:none}
}
@media (min-width:901px){
.price-sticky{isolation:isolate;top:158px!important;height:calc(100svh - 158px)!important;min-height:540px!important;padding:clamp(1.6rem,3.2vh,3rem) var(--pad) clamp(1.8rem,3.5vh,3rem)!important;grid-template-rows:auto minmax(0,1fr) auto!important;justify-items:center!important}
.snapshot-title{width:min(var(--content),100%)!important;max-width:none!important;text-align:center!important;transform-origin:center top!important}
.snapshot-title .chapter-label{display:inline-block!important;width:auto!important;margin:0 0 1rem!important;padding:.42rem .8rem!important;font-size:.86rem!important;line-height:1.15!important;letter-spacing:.14em!important;background:var(--forest)!important;color:var(--ivory)!important}
.price-reveal[data-price-state="asking"] .snapshot-title .chapter-label{background:var(--bronze)!important;color:var(--forest)!important}
.snapshot-title h2{margin:0 auto!important;max-width:16ch;font-size:clamp(2.9rem,4.6vw,5.4rem)!important;line-height:.94!important}
.price-stage{width:100%!important;max-width:none!important;place-items:center!important}
.price-reveal .price-step,.price-reveal .price-formula,.price-reveal .price-result,.price-reveal[data-price-state] .price-step.area,.price-reveal[data-price-state] .price-step.asking,.price-reveal[data-price-state] .price-formula,.price-reveal[data-price-state] .price-result{inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:min(1180px,88vw)!important;max-width:88vw!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:center!important;transform:translate3d(-50%,-49%,0) scale(.985)!important}
.price-reveal[data-price-state="area"] .price-step.area,.price-reveal[data-price-state="asking"] .price-step.asking,.price-reveal[data-price-state="formula"] .price-formula,.price-reveal[data-price-state="result"] .price-result{transform:translate3d(-50%,-50%,0) scale(1)!important}
.price-step.area strong{font-size:clamp(5rem,8vw,9.5rem)!important;letter-spacing:-.05em!important;white-space:nowrap!important}
.price-step.area small{display:block!important;margin-top:1rem!important}
.price-reveal .price-step.asking,.price-reveal[data-price-state="asking"] .price-step.asking{width:min(1560px,92vw)!important;max-width:92vw!important;padding:1.4rem 0 1.6rem!important}
.price-step.asking span{display:block!important;margin:0 0 1.4rem!important;font-size:clamp(1rem,1.1vw,1.25rem)!important;letter-spacing:.22em!important}
.price-step.asking strong{overflow:visible!important;display:block!important;width:100%!important;margin:0 auto!important;font-size:clamp(5.6rem,9vw,11.2rem)!important;line-height:.86!important;letter-spacing:-.05em!important;white-space:nowrap!important;text-align:center!important;transform:scale(1.05);transform-origin:center;transition:clip-path 1.15s var(--cin-ease),-webkit-clip-path 1.15s var(--cin-ease),opacity .8s ease,letter-spacing 1.15s var(--cin-ease),transform 1.25s var(--cin-ease)!important}
.price-reveal[data-price-state="asking"] .price-step.asking strong{transform:scale(1);letter-spacing:-.045em!important}
.price-step.asking small{display:block!important;margin:2.2rem auto 0!important;font-size:1.02rem!important;letter-spacing:.04em!important}
.price-sticky::after{inset:auto auto 9vh 50%!important;width:min(720px,52vw)!important;transform:translateX(-50%) scaleX(.2)!important}
.price-reveal[data-price-state="asking"] .price-sticky::after{transform:translateX(-50%) scaleX(1)!important}
.price-result::before{text-align:center!important}
.price-result span{text-align:center!important}
.price-result strong{justify-content:center!important;font-size:clamp(6.4rem,11vw,12.5rem)!important;line-height:.82!important}
.price-result p{margin:1.4rem auto .5rem!important;max-width:44ch!important;text-align:center!important}
.price-result small{margin:0 auto!important;max-width:60ch!important;text-align:center!important}
.snapshot-actions{justify-content:center!important;width:min(var(--content),100%)!important}
}
@media (min-width:901px){
.price-reveal[data-price-state="result"] .snapshot-title{opacity:0!important;transform:translateY(-14px) scale(.985)!important;pointer-events:none}
}
@media (min-width:901px) and (max-height:820px){
.snapshot-title h2{font-size:clamp(2.6rem,4vw,4.2rem)!important}
.price-step.area strong{font-size:clamp(4.4rem,7vw,7.6rem)!important}
.price-step.asking strong{font-size:clamp(5rem,8.2vw,9.4rem)!important}
.price-result strong{font-size:clamp(5.4rem,9.4vw,10rem)!important}
.price-result p{margin-top:1rem!important}
}
@media (min-width:901px){
.closing{--close-pt:calc(158px + clamp(1.5rem,4.5vh,3.5rem));--close-pb:clamp(2.6rem,5.5vh,4.2rem);min-height:100svh!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:var(--close-pt) var(--pad) var(--close-pb)!important;overflow:hidden}
.closing-inner{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:calc(100svh - var(--close-pt) - var(--close-pb))}
.closing-inner>p{max-width:none!important;margin:0 auto!important;text-align:center!important;font-size:clamp(.82rem,.95vw,1.05rem)!important;line-height:2.1!important;letter-spacing:.2em!important}
.closing-inner>p:first-child{margin-top:auto!important}
.closing-inner h2{margin:clamp(1.6rem,3.5vh,2.8rem) auto auto!important;font-size:min(clamp(4.7rem,9vw,11.5rem),8.6vw)!important;line-height:.84!important;letter-spacing:-.035em!important;white-space:nowrap!important;max-width:100%!important}
.closing-inner img{width:min(600px,34vw)!important;margin:clamp(3rem,7vh,5.5rem) auto 0!important;padding-top:clamp(2.2rem,4vh,3.2rem)!important;box-sizing:content-box!important;border-top:1px solid rgba(205,187,160,.42)!important;opacity:1!important;filter:none!important}
.closing-inner>p,.closing-inner h2,.closing-inner img{opacity:0;transform:translateY(14px);transition:opacity 1s ease,transform 1.2s var(--cin-ease)}
.closing-inner.in>p{opacity:.48;transform:none}
.closing-inner.in>p:nth-child(1){transition-delay:.05s}
.closing-inner.in>p:nth-child(2){transition-delay:.22s}
.closing-inner.in>p:nth-child(3){transition-delay:.39s}
.closing-inner.in h2{opacity:1;transform:none;transition-delay:.7s}
.closing-inner.in img{opacity:1!important;transform:none;transition-delay:1.45s;transition-duration:1.3s,1.5s}
}
@media (min-width:901px) and (max-height:820px){
.closing{--close-pt:calc(158px + 1.2rem)}
.closing-inner>p{line-height:1.9!important}
.closing-inner h2{font-size:min(clamp(4rem,8vw,9rem),8vw)!important}
.closing-inner img{width:min(480px,30vw)!important;margin-top:clamp(2rem,5vh,3.5rem)!important}
}
@media (prefers-reduced-motion:reduce){
.closing-inner>p{opacity:.48!important;transform:none!important}
.closing-inner h2,.closing-inner img{opacity:1!important;transform:none!important}
}
.price-formula,.price-operator{display:none!important}
@media (min-width:901px){
.price-reveal{height:300vh!important;min-height:300vh!important}
}
@media (max-width:900px){
.price-reveal{height:300vh!important;min-height:300vh!important}
}
@media (min-width:901px){
.route-v58{display:block!important}
.route-v58 .route-v58-visual{min-height:0!important;width:100%!important;aspect-ratio:1672/941!important;max-height:100vh!important}
.route-v58 .route-v58-visual::after{background:linear-gradient(180deg,rgba(27,26,24,0) 70%,rgba(27,26,24,.22))!important}
.route-v58 .route-v58-visual img{object-position:center center!important;filter:saturate(.96) contrast(1.01)!important}
.route-v58 .route-v58-board{max-width:var(--content)!important;margin:0 auto!important;padding:clamp(3rem,5vw,5rem) var(--pad) clamp(3.5rem,6vw,6rem)!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;grid-template-areas:"head grid" "property grid" "note note"!important;column-gap:clamp(2rem,5vw,5rem)!important;row-gap:1.4rem!important;align-items:start!important}
.route-v58 .route-v58-head{grid-area:head;margin-bottom:0!important}
.route-v58 .route-v58-property{grid-area:property}
.route-v58 .route-v58-grid{grid-area:grid;margin:0!important}
.route-v58 .route-v58-note{grid-area:note;margin-top:.6rem!important}
}
@media (max-width:900px){
.route-v58 .route-v58-visual{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:941/1672!important}
.route-v58 .route-v58-visual img{object-position:center center!important}
}
@media (min-width:901px){
.route-v58 .route-v58-head h2{max-width:none!important;font-size:clamp(2.8rem,4vw,4.6rem)!important;line-height:.95!important}
}
.land-thesis-v64{position:relative;height:100svh;min-height:620px;overflow:hidden;background:var(--green);color:var(--ivory);display:grid;place-items:center;isolation:isolate}
.land-thesis-v64-picture,.land-thesis-v64-image{position:absolute;inset:0;width:100%;height:100%;display:block}
.land-thesis-v64-image{object-fit:cover;object-position:center;filter:saturate(.82) brightness(.62);transform:scale(1.02)}
.land-thesis-v64-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 55%,rgba(27,26,24,.18) 0%,rgba(27,26,24,0) 55%),
linear-gradient(180deg,rgba(27,26,24,.52) 0%,rgba(27,26,24,.28) 45%,rgba(27,26,24,.72) 100%);pointer-events:none}
.land-thesis-v64-copy{position:relative;z-index:2;text-align:center;padding:0 var(--pad);max-width:100%}
.land-thesis-v64-plate p{margin:0;font-family:var(--sans);font-weight:600;line-height:2.1;letter-spacing:.2em;color:rgba(239,233,220,.72)}
.land-thesis-v64-plate .land-thesis-v64-shift{color:var(--bronze)}
.land-thesis-v64 h2{margin:clamp(1.4rem,3vh,2.4rem) 0 0;font-family:var(--serif)!important;font-weight:400!important;font-size:min(clamp(4.6rem,10vw,12rem),9.4vw);color:var(--ivory);text-shadow:0 18px 60px rgba(0,0,0,.25)}
@media (max-width:900px){
.land-thesis-v64{min-height:560px}
.land-thesis-v64-plate p{font-size:.78rem;line-height:2;letter-spacing:.16em}
.land-thesis-v64 h2{font-size:clamp(3.6rem,15.5vw,5.8rem);margin-top:1.2rem}
}
html,body{scroll-behavior:auto!important}
.hero h1,.panel-copy h2,.portal-copy h2,.contact-copy h2,.diligence .section-head h2,.land-thesis-v64 h2,.closing-inner h2,.price-reveal[data-price-state="asking"] .price-step.asking strong,.route-v58 .route-v58-card .route-v58-distance{color:var(--light)!important}
.btn-dark:hover{background:#0F0E0D!important}
.btn-light{background:var(--light)!important}
@keyframes petraBreatheScale{from{scale:1}to{scale:1.055}}
@keyframes petraBreatheLight{from{opacity:.28}to{opacity:1}}
@keyframes petraBreatheGlow{
from{text-shadow:0 0 0 rgba(248,244,234,0),0 18px 60px rgba(0,0,0,.22)}
to{text-shadow:0 0 42px rgba(248,244,234,.28),0 18px 60px rgba(0,0,0,.22)}
}
@keyframes petraBreatheHairline{from{opacity:.55}to{opacity:1}}
.hero-media img,.corridor .panel-sticky img,.context-film .panel-sticky img,.poss-sticky .future-layer,.poss-sticky .land-layer,.land-thesis-v64-image,.route-v58 .route-v58-visual img{animation:none!important;transform-origin:center!important}
.hero.in-breath .hero-media img,.corridor .panel-sticky.in-breath img,.context-film .panel-sticky.in-breath img,.poss-sticky.in-breath .future-layer,.poss-sticky.in-breath .land-layer,.land-thesis-v64.in-breath .land-thesis-v64-image,.route-v58-board.in-breath ~ .route-v58-visual img{animation:petraBreatheScale var(--breath) var(--breath-ease) infinite alternate both!important}
.hero-media img{animation:heroInhale 7s cubic-bezier(.2,.7,.2,1) both!important}
.hero.in-breath .hero-media img{animation:heroInhale 7s cubic-bezier(.2,.7,.2,1) both,petraBreatheScale var(--breath) var(--breath-ease) infinite alternate both!important}
.breath-host{isolation:isolate}
.breath-light{position:absolute;inset:-12% -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 55% at 50% 52%,rgba(205,187,160,.30) 0%,rgba(205,187,160,.14) 38%,rgba(205,187,160,0) 72%);opacity:.28;animation:petraBreatheLight var(--breath) var(--breath-ease) infinite alternate both;animation-play-state:paused;will-change:opacity}
.breath-host.in-breath .breath-light{animation-play-state:running}
[data-theme="dark"] .breath-light,.dark .breath-light,.price-sticky .breath-light{background:radial-gradient(ellipse 58% 52% at 50% 50%,rgba(205,187,160,.22) 0%,rgba(205,187,160,.09) 40%,rgba(205,187,160,0) 72%)}
.hero .breath-light{inset:-10% -6%;z-index:0}
.hero .hero-copy,.hero .hero-caption,.hero .breath-label{position:relative;z-index:1}
.poss-sticky .breath-light{z-index:1;mix-blend-mode:soft-light}
.price-sticky .breath-light{z-index:0}
.price-sticky>*:not(.breath-light){position:relative;z-index:1}
.hero h1,.price-reveal[data-price-state="asking"] .price-step.asking strong,.land-thesis-v64 h2,.closing-inner h2,.panel-copy h2{animation:none}
.hero.in-breath h1,.price-sticky.in-breath .price-step.asking strong,.land-thesis-v64.in-breath h2,.closing.in-breath .closing-inner h2,.panel-sticky.in-breath .panel-copy h2{animation:petraBreatheGlow var(--breath) var(--breath-ease) infinite alternate both}
.price-sticky::after,.route-v58 .route-v58-property,.closing-inner img{animation:none}
.price-sticky.in-breath::after,.route-v58-board.in-breath .route-v58-property,.closing.in-breath .closing-inner img{animation:petraBreatheHairline var(--breath) var(--breath-ease) infinite alternate both}
.closing-inner.in img{animation:petraBreatheHairline var(--breath) var(--breath-ease) infinite alternate both 1.6s}
@media (prefers-reduced-motion:reduce){
.breath-light{display:none}
.hero-media img,.corridor .panel-sticky img,.context-film .panel-sticky img,.poss-sticky .future-layer,.poss-sticky .land-layer,.land-thesis-v64-image,.route-v58 .route-v58-visual img,.hero h1,.price-step.asking strong,.land-thesis-v64 h2,.closing-inner h2,.panel-copy h2,.price-sticky::after,.route-v58 .route-v58-property,.closing-inner img{animation:none!important;scale:1!important}
}
.hero{--hero-p:0}
.hero-copy{position:relative;z-index:3}
.hero-dusk{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 88% 96%,rgba(196,138,75,.42) 0%,rgba(196,138,75,.16) 38%,rgba(196,138,75,0) 70%),
radial-gradient(ellipse 60% 48% at 10% 8%,rgba(27,26,24,.55) 0%,rgba(27,26,24,0) 68%);animation:heroDusk var(--breath) var(--breath-ease) infinite alternate both}
@keyframes heroDusk{from{opacity:.55}to{opacity:1}}
.hero-sweep{position:absolute;inset:-20% -30%;z-index:1;pointer-events:none;background:linear-gradient(112deg,rgba(248,244,234,0) 40%,rgba(248,244,234,.16) 49%,rgba(248,244,234,.28) 50%,rgba(248,244,234,.14) 52%,rgba(248,244,234,0) 61%);transform:translate3d(-60%,0,0);animation:heroSweep 2.9s .55s cubic-bezier(.3,.05,.2,1) both;mix-blend-mode:screen}
@keyframes heroSweep{0%{transform:translate3d(-60%,0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate3d(60%,0,0);opacity:0}}
.hero-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml;utf8,");background-size:160px 160px;mix-blend-mode:overlay}
.hero-ghost{position:absolute;right:calc(var(--pad) * -.35);bottom:-.08em;z-index:1;pointer-events:none;font-family:var(--serif);font-weight:400;font-size:clamp(11rem,27vw,34rem);line-height:.78;letter-spacing:-.06em;color:var(--light);opacity:0;transform:translate3d(0,calc(var(--hero-p) * 9vh),0);animation:heroGhostIn 2.2s 1.1s var(--breath-ease) forwards;will-change:transform,opacity;white-space:nowrap}
.hero-ghost i{font-style:normal;font-size:.34em;vertical-align:top;margin-left:.06em;letter-spacing:-.02em}
@keyframes heroGhostIn{to{opacity:.075}}
.hero .eyebrow{position:relative;padding-bottom:.9rem;margin-bottom:1.4rem!important;letter-spacing:.2em!important;color:var(--stone)!important}
.hero .eyebrow::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:linear-gradient(90deg,var(--bronze),rgba(196,138,75,0));animation:heroRuleDraw 1.2s 1.05s var(--breath-ease) forwards}
@keyframes heroRuleDraw{to{width:min(220px,40vw)}}
.hero h1{font-size:clamp(4.4rem,8.2vw,11rem)!important;line-height:.86!important;letter-spacing:-.045em!important;max-width:none!important;margin:.2rem 0 1.6rem!important}
.hero h1 span{display:block!important}
.hero h1 span:first-child{color:rgba(239,233,220,.62)!important;animation:heroLine .9s .8s var(--breath-ease) both}
.hero h1 span:last-child{color:var(--light)!important;animation:heroLine .9s 1.05s var(--breath-ease) both}
.hero h1 span:first-child,.hero h1 span:last-child{animation-name:heroLine}
@keyframes heroLine{from{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}
.hero-sub{max-width:34ch;color:rgba(239,233,220,.82)!important}
.hero-actions .btn-light{box-shadow:0 14px 40px rgba(0,0,0,.28)}
.hero-scroll{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--stone);font:600 .68rem/1 var(--sans);letter-spacing:.28em;opacity:0;animation:heroScrollIn 1s 2.2s ease forwards}
.hero-scroll i{display:block;width:1px;height:44px;background:linear-gradient(180deg,var(--bronze),rgba(196,138,75,0));transform-origin:top;animation:heroScrollBreath var(--breath) var(--breath-ease) infinite alternate both}
@keyframes heroScrollIn{to{opacity:1}}
@keyframes heroScrollBreath{from{transform:scaleY(.55);opacity:.6}to{transform:scaleY(1);opacity:1}}
.hero-scroll:hover{color:var(--light)}
@media (min-width:901px){
.hero{padding-bottom:7.5rem!important}
}
@media (max-width:900px){
.hero h1{line-height:.9!important;max-width:none!important}
.hero h1 span{display:block!important}
.hero-ghost{right:-.06em;bottom:auto;top:7.2rem;font-size:clamp(7.5rem,36vw,11rem);opacity:0;animation-name:heroGhostInMobile}
@keyframes heroGhostInMobile{to{opacity:.07}}
.hero-scroll{display:none}
.hero-dusk{background:radial-gradient(ellipse 90% 45% at 80% 100%,rgba(196,138,75,.40) 0%,rgba(196,138,75,.14) 40%,rgba(196,138,75,0) 72%),
radial-gradient(ellipse 80% 40% at 20% 0%,rgba(27,26,24,.55) 0%,rgba(27,26,24,0) 70%)}
}
@media (prefers-reduced-motion:reduce){
.hero-sweep{display:none}
.hero-ghost,.hero h1 span,.hero .eyebrow::after,.hero-scroll,.hero-scroll i,.hero-dusk{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.hero-ghost{opacity:.075!important}
.hero .eyebrow::after{width:min(220px,40vw)}
}
.hero h1 > br:not(.mobile-hero-break){display:none!important}
@media (min-width:901px){
.hero-copy{max-width:min(1520px,82vw)!important}
.hero h1{font-size:clamp(4rem,6.4vw,8.6rem)!important;line-height:.88!important;margin:.3rem 0 1.4rem!important}
.hero h1 span{white-space:nowrap}
.hero-sub{font-size:clamp(1.15rem,1.35vw,1.4rem)!important;max-width:40ch!important}
}
@media (max-width:900px){
.hero h1{letter-spacing:-.04em!important;font-size:clamp(3.2rem,12.4vw,4.9rem)!important}
.hero h1 .mobile-hero-break{display:inline!important}
}
@media (max-width:900px){
.hero-copy{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
}
@media (min-width:901px){
.hero-caption{position:absolute!important;left:var(--pad)!important;right:auto!important;bottom:1.7rem!important;max-width:34ch!important;margin:0!important;padding:0!important;border:0!important}
.breath-label{position:absolute!important;right:var(--pad)!important;left:auto!important;bottom:1.9rem!important}
}
@media (max-width:900px){
.hero{flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important}
.hero-caption{width:100%!important}
}
@media (min-width:901px){
.facts-strip{padding:clamp(6rem,9vh,8rem) var(--pad) clamp(6rem,9vh,8rem)!important}
.facts-head,.fact-grid{margin-left:auto!important;margin-right:auto!important}
.facts-head{margin-bottom:2.6rem!important}
.facts-head h2{font-size:clamp(3rem,4.6vw,5.6rem)!important;line-height:.94!important;max-width:none!important;margin:.5rem 0 0!important}
.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid rgba(239,233,220,.22)!important;border-left:1px solid rgba(239,233,220,.22)!important}
.fact{min-width:0!important}
.fact span{display:block!important;font-size:clamp(2.8rem,3.9vw,5.2rem)!important;line-height:.92!important;white-space:nowrap!important;color:var(--stone)!important}
.fact strong{margin:0 0 .8rem!important;font-size:clamp(1.15rem,1.25vw,1.4rem)!important;line-height:1.3!important;color:var(--light)!important}
.fact p{margin:0!important;font-size:clamp(1rem,1.1vw,1.18rem)!important;line-height:1.6!important;max-width:40ch!important;color:rgba(239,233,220,.78)!important}
}
@media (max-width:900px){
.fact span{font-size:clamp(3.2rem,13vw,4.6rem)!important;white-space:nowrap!important;line-height:.95!important}
.fact p{max-width:none!important}
}
@media (min-width:901px){
.facts-head,.fact-grid{width:100%!important;max-width:min(1560px,92vw)!important}
.fact{border-bottom:1px solid rgba(239,233,220,.22)!important;border-right:1px solid rgba(239,233,220,.22)!important;gap:0!important;flex-direction:column!important;padding:clamp(2rem,2.6vw,3.2rem) clamp(1.8rem,2.4vw,3rem) clamp(2.2rem,3vw,3.4rem)!important;min-height:0!important;display:flex!important;grid-template-rows:none!important}
}
@media (min-width:901px){
.fact span{overflow:visible!important;letter-spacing:-.035em!important;margin:0 0 2.2rem!important;padding-bottom:0!important;height:1em!important}
.fact strong{min-height:2.6em!important;display:flex!important;align-items:flex-start!important}
}
@media (max-width:900px){
.brand img{width:min(230px,62vw)!important;max-height:none!important}
.site-header{padding-top:.9rem!important;padding-bottom:.9rem!important}
}
@media (max-width:900px){
.site-header:not(.scrolled){min-height:0!important;padding:.8rem 1rem .9rem!important;gap:.4rem .65rem!important}
.site-header:not(.scrolled) .brand{min-height:0!important}
.site-header:not(.scrolled) .brand img{width:min(230px,62vw)!important;height:auto!important;max-height:none!important}
}
:root{--breath-ease:cubic-bezier(.42,0,.28,1);--breath:9s;--cin-ease-out:cubic-bezier(.12,.76,.18,1);--cin-ease-in:cubic-bezier(.55,.02,.72,.28);--cin-ease:cubic-bezier(.16,.84,.22,1);--sans:PetraText,"Helvetica Neue",Arial,sans-serif;--serif:PetraDisplay,"Iowan Old Style",Georgia,serif;--pad:clamp(1.35rem,5vw,5rem);--content:1180px;--hair-dark:rgba(239,233,220,.18);--hair:rgba(23,21,15,.16);--muted:#6B655B;--ink:#17150F;--bronze:#C48A4B;--stone:#CDBBA0;--ivory:#EFE9DC;--forest-2:#1B1A18;--forest:#1B1A18;--display:Baskerville,"Iowan Old Style",Georgia,serif;--forest2:#1B1A18;--arabic:PetraArabic,'IBM Plex Sans Arabic',Arial,sans-serif;--line:rgba(23,21,15,.18);--green:#1B1A18;--petra-muted:#6B655B;--petra-ink:#17150F;--petra-slate:#2A2724;--petra-bronze:#C48A4B;--petra-stone:#CDBBA0;--petra-ivory:#EFE9DC;--petra-green:#1B1A18;--basalt:#1B1A18;--limestone:#EFE9DC;--wheat:#C48A4B;--sand:#CDBBA0;--light:#F8F4EA;--slate:#0F0E0D}
.desktop-nav a{font-size:.875rem!important;letter-spacing:.08em!important}
.investor-open{font-size:.875rem!important}
footer{font-size:.875rem!important}
.asset-meta span{font-size:.9rem!important}
figcaption,.hero-caption,.distance-note,.disclosure{font-size:1rem!important;line-height:1.5!important}
.route-v58 .route-v58-kicker{font-size:.875rem!important}
.route-v58 .route-v58-property span,.route-v58 .route-v58-property small,.route-v58 .route-v58-card small{font-size:.875rem!important}
.route-v58 .route-v58-card strong{font-size:.95rem!important}
.route-v58 .route-v58-note{font-size:.875rem!important;letter-spacing:.06em!important}
.chapter-label,.eyebrow{font-size:.95rem!important}
.concept-badge{font-size:.9rem!important;line-height:1.3!important;padding:.55rem .8rem!important}
.threshold-sticky small{font-size:.95rem!important}
.land-thesis-v64-plate p{font-size:.9rem!important}
.closing-inner>p{font-size:.9rem!important}
.closing-inner.in>p{opacity:.65}
.path-grid a{font-size:.95rem!important}
.text-link{font-size:1rem!important}
.btn{font-size:.95rem!important}
.investor-form label{font-size:.95rem!important}
.price-step span,.price-result span,.price-result::before{font-size:.95rem!important}
.hero-scroll{text-decoration:none;z-index:3;font-size:.78rem!important}
@media (max-width:900px){
.poss-copy .btn{font-size:.9rem!important}
.hero .eyebrow{font-size:.9rem!important;letter-spacing:.14em!important}
}
@media (min-width:901px){
.facts-head .eyebrow,.snapshot-title .chapter-label,.poss-copy .eyebrow,.poss-copy .chapter-label{font-size:.95rem!important}
}
/* ==========================================================================
PETRA V112 — MOTION GRAMMAR + LABEL VOICE (OS 04/08: M1 M2 M3 T2)
========================================================================== */
/* M1 — service sections are still: no reveal on the form, contact, risk note */
.qualification .reveal,.contact .reveal,.risk-brief .reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
/* M2 — chapters 02–06: editorial reel, half the runway, panel open on arrival */
@media (min-width:901px){.possibility-chapter:not([data-key="mixed"]){height:140vh!important;min-height:140vh!important}}
@media (max-width:900px){.possibility-chapter:not([data-key="mixed"]){height:170vh!important;min-height:170vh!important}}
.possibility-chapter:not([data-key="mixed"]) .land-picture{display:none!important}
/* M3 — three deliberately still scenes: documentary survey, diligence, the form */
.geometry .breath-light,.diligence .breath-light,.qualification .breath-light,.contact .breath-light{display:none!important}
/* T2 — uppercase stays an accent (eyebrows, chapter kickers, nav, CTAs); metadata reads in sentence case */
.asset-meta span,.route-v58 .route-v58-property span,.route-v58 .route-v58-property strong,.route-v58 .route-v58-property small,
.route-v58 .route-v58-card strong,.route-v58 .route-v58-card small,.route-v58 .route-v58-note,
.price-step span,.price-result span,.price-result::before,.threshold-sticky small,.concept-badge,.investor-form label,footer div{
text-transform:none!important;letter-spacing:.02em!important;
}
.route-v58 .route-v58-card strong{font-size:1.05rem!important;letter-spacing:0!important}
.price-step span,.price-result span{font-size:1rem!important;letter-spacing:.04em!important;font-weight:600!important}
.price-result::before{content:"The number that changes the frame"!important;letter-spacing:.04em!important;font-size:.95rem!important}
.investor-form label{font-size:1rem!important}
/* ==========================================================================
PETRA V114 — TYPE SYSTEM (OS 08, T3): DM Serif Display for display/numerals · IBM Plex Sans text
· IBM Plex Sans Arabic · Amiri for Arabic display. Self-hosted, OFL, subset.
========================================================================== */
:root{--arabic-display:PetraArabicDisplay,Amiri,serif}
/* DM Serif Display is a single sturdy weight: no optical-size pinning needed. Tighten the
monumental settings slightly — its counters are wider than the previous face. */
.hero h1{letter-spacing:-.035em!important}
.land-thesis-v64 h2,.closing-inner h2{letter-spacing:-.03em!important}
.price-reveal[data-price-state="asking"] .price-step.asking strong{letter-spacing:-.045em!important}
.price-result strong{letter-spacing:-.045em!important}
.fact span{letter-spacing:-.03em!important}
/* ==========================================================================
PETRA V115 — DEVELOPMENT CHAPTERS: THE STORY PANEL MOVES LEFT (desktop)
All six concept images place their subject on the right third (towers,
terraces, façades); the sky and horizon sit on the left. The ivory panel
therefore lives on the left so the architecture is never covered.
========================================================================== */
@media (min-width:901px){
.poss-copy{
left:0!important;right:auto!important;
clip-path:inset(0 calc((1 - var(--panel,0))*100%) 0 0)!important;
-webkit-clip-path:inset(0 calc((1 - var(--panel,0))*100%) 0 0)!important;
box-shadow:28px 0 78px rgba(27,26,24,.14)!important;
}
.possibility-chapter:not([data-key="mixed"]) .poss-copy{clip-path:none!important;-webkit-clip-path:none!important}
.poss-sticky .future-layer{object-position:68% center!important}
.poss-sticky .concept-badge{left:auto!important;right:var(--pad)!important}
}
/* V116 — studio credit: as quiet as it can be while still legible (72px, 38% opacity; wakes on hover) */
footer .hhs-credit-v97{width:72px!important;max-width:72px!important;opacity:.38!important;filter:grayscale(1)}
footer .hhs-credit-v97:hover,footer .hhs-credit-v97:focus-visible{opacity:.85!important;transform:none!important}
@media (max-width:900px){footer .hhs-credit-v97{width:64px!important;max-width:64px!important;margin-top:1.4rem!important;opacity:.38!important}}
/* V117 — sources: evidence lines under the investment context (OS 23: financial figures carry documentary sources) */
.facts-sources{max-width:min(1560px,92vw);margin:2.2rem auto 0;padding-top:1.4rem;border-top:1px solid rgba(239,233,220,.18);display:grid;grid-template-columns:auto 1fr;gap:1rem 2rem;align-items:start}
.facts-sources-label{font:600 .8rem/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--wheat);padding-top:.1rem}
.facts-sources ol{margin:0;padding:0 0 0 1.2rem;font-size:.9rem;line-height:1.6;color:rgba(239,233,220,.72);max-width:100ch}
.facts-sources li{margin:0 0 .45rem}
.facts-sources a{color:var(--sand);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(205,187,160,.5)}
.facts-sources a:hover{color:var(--light)}
.context-film .disclosure a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.facts-sources{grid-template-columns:1fr;gap:.6rem;margin-top:1.6rem}.facts-sources ol{font-size:.875rem}}
/* V118 — five distances on the corridor board: airport card spans the row on desktop */
@media (min-width:901px){
.route-v58 .route-v58-grid{grid-template-columns:1fr 1fr!important}
.route-v58 .route-v58-card-airport{grid-column:1/-1!important}
.route-v58 .route-v58-card strong{font-size:1rem!important;line-height:1.25!important}
}
/* V120 — polish: D1 equal hero buttons · D2 shorter mobile eyebrow · D3 unit on cap line */
.hero-actions .btn{min-height:3.4rem!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important;line-height:1!important}
.hero-actions .btn-ghost{border-width:1px!important}
/* V190 — Khiyarat Nawfal stays in the hero eyebrow on every screen */
@media (max-width:900px){.hero .eyebrow .eyebrow-full{display:inline!important}.hero .eyebrow{max-width:34ch!important}}
.price-result strong{display:inline-flex!important;align-items:flex-start!important;gap:.18em!important}
.price-result strong i{align-self:flex-start!important;margin-top:.16em!important;line-height:1!important}
/* V122 — consent control · diligence lead · lazy-loading has no visual cost */
.investor-form .consent{display:flex!important;gap:.75rem!important;align-items:flex-start!important;font-size:.92rem!important;line-height:1.5!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.investor-form .consent input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:1.1rem;height:1.1rem;margin:.2rem 0 0;border:1px solid var(--ink);border-radius:2px;background:transparent;display:grid;place-content:center;cursor:pointer}
.investor-form .consent input::before{content:"";width:.6rem;height:.6rem;background:var(--ink);transform:scale(0);transition:transform .12s ease}
.investor-form .consent input:checked::before{transform:scale(1)}
.investor-form .consent input:focus-visible{outline:2px solid var(--wheat);outline-offset:2px}
.diligence .section-lead{max-width:52ch;margin:1.2rem 0 0;font-size:1.08rem;line-height:1.6;color:rgba(239,233,220,.78)}
@media (max-width:900px){.diligence .section-lead{font-size:1rem}}
.investor-form .consent input[type="checkbox"]{width:1.15rem!important;height:1.15rem!important;min-height:0!important;padding:0!important;margin:.15rem 0 0!important;border:1px solid var(--ink)!important;border-radius:2px!important;background:transparent!important;box-shadow:none!important;flex:0 0 auto!important}
.investor-form .consent{grid-column:1/-1!important;margin-top:.2rem!important}
.investor-form label.consent{flex-direction:row!important;align-items:flex-start!important;gap:.8rem!important}
.investor-form label.consent span{display:block;max-width:60ch}
/* ==========================================================================
PETRA V123 — MOBILE DEVELOPMENT CHAPTERS: THE ARCHITECTURE IS THE HERO
The portrait masters carry the subject in their upper-middle band, but the
story panel sat over the lower 61% of the image so only sky remained.
Mobile grammar now: full-width image band (4:5, cropped to the subject)
ABOVE the ivory panel — nothing overlaps the architecture. Chapter 01 keeps
its land → future build inside the band; 02–06 open on the architecture.
========================================================================== */
@media (max-width:900px){
.possibility-chapter{height:auto!important;min-height:0!important}
.poss-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;background:var(--limestone)!important}
.poss-sticky .land-picture,.poss-sticky .future-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}
.poss-sticky .poss-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--basalt)}
.poss-sticky .land-layer,.poss-sticky .future-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 42%!important;transform:none!important;background:transparent!important}
.poss-sticky .poss-wash{display:none!important}
.poss-copy{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:1.6rem 1.35rem 1.4rem!important;background:var(--limestone)!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;opacity:1!important;box-shadow:none!important;overflow:visible!important}
.poss-copy>*{opacity:1!important;transform:none!important;filter:none!important}
.poss-sticky .concept-badge{position:relative!important;inset:auto!important;margin:0 1.35rem 1.4rem!important;width:auto!important;opacity:1!important;transform:none!important}
.possibility-chapter:not([data-key="mixed"]) .poss-sticky .land-picture{display:none!important}
}
@media (min-width:901px){.poss-sticky .poss-frame{display:contents}}
@media (max-width:900px){
.possibility-chapter .poss-sticky .poss-copy .eyebrow,.possibility-chapter .poss-sticky .poss-copy h2,.possibility-chapter .poss-sticky .poss-copy p,.possibility-chapter .poss-sticky .poss-copy .btn,.possibility-chapter .poss-sticky .poss-copy>*{
opacity:1!important;clip-path:none!important;-webkit-clip-path:none!important;filter:none!important;transform:none!important;visibility:visible!important;pointer-events:auto!important
}
.possibility-chapter .poss-sticky .poss-copy h2{font-size:clamp(2.6rem,11vw,3.6rem)!important;margin:.5rem 0 .8rem!important}
.possibility-chapter .poss-sticky .poss-copy>p:not(.eyebrow){font-size:1.05rem!important;line-height:1.55!important}
.possibility-chapter .poss-sticky .future-layer{clip-path:none!important;-webkit-clip-path:none!important;opacity:1!important}
.possibility-chapter[data-key="mixed"] .poss-sticky .land-picture{display:none!important}
}
/* ==========================================================================
PETRA V124 — DEVELOPMENT CHAPTERS: ALL SIX OPEN CINEMATICALLY (Hala's call)
Every chapter uses the full desktop grammar: ARRIVE → IMAGE HOLD (full
frame, uncovered) → PANEL → words. The category is now the headline
(Residential Development.) and the project name is the second line.
Panel narrowed to 34vw so the architecture stays in frame once it opens.
========================================================================== */
@media (min-width:901px){
.possibility-chapter,.possibility-chapter:not([data-key="mixed"]){height:230vh!important;min-height:230vh!important}
.possibility-chapter:not([data-key="mixed"]) .poss-copy{clip-path:inset(0 calc((1 - var(--panel,0))*100%) 0 0)!important;-webkit-clip-path:inset(0 calc((1 - var(--panel,0))*100%) 0 0)!important}
.poss-copy{width:min(34vw,560px)!important;padding:clamp(3rem,6vh,5.4rem) clamp(2.2rem,3.2vw,3.6rem)!important}
.poss-sticky .future-layer{object-position:74% center!important}
.poss-copy .eyebrow{font-size:.9rem!important;letter-spacing:.2em!important}
.poss-copy h2{font-size:clamp(3.2rem,4.6vw,5.4rem)!important;line-height:.92!important;letter-spacing:-.035em!important;margin:.6rem 0 .5rem!important}
.poss-copy .poss-name{font-family:var(--serif)!important;font-size:clamp(1.5rem,1.9vw,2.2rem)!important;line-height:1.1!important;color:var(--wheat)!important;margin:0 0 1.2rem!important;max-width:none!important;opacity:var(--title,0)!important;filter:blur(calc((1 - var(--title,0))*2px))!important;transition:opacity .4s ease,filter .5s ease!important}
}
@media (max-width:900px){
.possibility-chapter .poss-sticky .poss-copy h2{font-size:clamp(2.6rem,11.5vw,3.8rem)!important}
.possibility-chapter .poss-sticky .poss-copy .poss-name{font-family:var(--serif)!important;font-size:1.45rem!important;line-height:1.15!important;color:var(--wheat)!important;margin:-.2rem 0 .9rem!important;opacity:1!important}
}
.possibility-chapter .poss-copy>p.poss-name:not(.eyebrow){font-family:var(--serif)!important;font-size:clamp(1.5rem,1.9vw,2.2rem)!important;line-height:1.1!important;color:var(--wheat)!important;margin:0 0 1.2rem!important;max-width:none!important}
@media (max-width:900px){.possibility-chapter .poss-copy>p.poss-name:not(.eyebrow){font-size:1.45rem!important;margin:-.2rem 0 .9rem!important}}
/* V126 — mobile chapters: the band takes the master's own 9:16 aspect, so the whole
portrait image is on screen, uncropped, before the panel. */
@media (max-width:900px){
.poss-sticky .poss-frame{aspect-ratio:941/1672!important;max-height:none!important}
.poss-sticky .land-layer,.poss-sticky .future-layer{object-position:center center!important}
}
@media (max-width:900px){
.possibility-chapter,.possibility-chapter:not([data-key="mixed"]),.possibility-chapter[data-key="mixed"]{height:auto!important;min-height:0!important;padding:0!important}
}
/* V129 — context films accept a wrapper without changing the img rules */
.context-film .panel-sticky picture{display:contents}
/* V131 — final council pass: three readability leftovers */
.site-header .investor-open,.investor-open{font-size:.875rem!important;letter-spacing:.08em!important}
@media (max-width:900px){.site-header .investor-open{font-size:.8rem!important;padding:.55rem .7rem!important;letter-spacing:.06em!important}}
.possibility-chapter .poss-copy>p.eyebrow,.possibility-chapter .poss-copy>p.eyebrow.dark{font-size:.9rem!important}
.facts-sources-label{font-size:.875rem!important}
/* V132 PERFORMANCE HARDENING — canonical runtime safeguards */
.panel-sticky>img,.panel-sticky>picture img,.panel-copy,.scene-number,.diagram-card::before,.diagram-card::after,.diagram-card img,.future-layer,.poss-copy,.poss-copy *,.concept-badge,.breath-light{will-change:auto!important}
@media(max-width:900px){
/* V123/V124 already make possibility chapters static editorial spreads on mobile.
Remove inherited desktop runway so one normal gesture advances the story. */
.possibility-chapter{height:auto!important;min-height:0!important}
.poss-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
.poss-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:none!important;padding:1.65rem 1.35rem 2.35rem!important;opacity:1!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important}
.concept-badge{position:relative!important;inset:auto!important;margin:0 1.35rem 2rem!important;opacity:1!important}
}
/* ==========================================================================
PETRA V146 — CONSOLIDATED MULTILINGUAL / LEGIBILITY PRODUCTION LAYER
Replaces superseded V135–V144 patch stack. One current source of truth for
multilingual controls, RTL, French heading safety, logo tone and legibility.
========================================================================== */
/* Multilingual + PHP form */
.language-switcher{display:flex;align-items:center;gap:12px;margin-inline-start:auto;margin-inline-end:20px;font:600 14px/1 PetraText,Arial,sans-serif;letter-spacing:.07em}
.language-switcher a{color:inherit;text-decoration:none;opacity:.68;padding:8px 4px;border-bottom:1px solid transparent;min-width:28px;text-align:center}
.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher a.active{opacity:1;border-bottom-color:currentColor}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.field-optional{font-size:.88em;opacity:.7;font-weight:400}
.form-status{margin:2px 0 4px;padding:12px 14px;border:1px solid currentColor;font-size:1rem;line-height:1.55}
.form-status.is-success{color:#10241F}.form-status.is-error{color:#7D3028}.investor-form button:disabled{opacity:.65;cursor:wait}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .panel-copy,html[dir="rtl"] .poss-copy{text-align:right}
/* Global comfortable readability — all four language editions */
.desktop-nav a{font-size:clamp(.94rem,.82vw,1.02rem)!important;line-height:1.2!important;letter-spacing:.065em!important}
.site-header .investor-open,.investor-open{font-size:clamp(.9rem,.78vw,.98rem)!important;line-height:1.15!important;letter-spacing:.055em!important;min-height:48px!important}
.eyebrow,.chapter-label,.breath-label,.facts-sources-label,.facts-head .eyebrow,.qual-copy .eyebrow,.snapshot-title .chapter-label,.poss-copy .eyebrow,.poss-copy .chapter-label,.possibility-chapter .poss-copy>p.eyebrow,.route-v58 .route-v58-kicker{font-size:max(.9rem,14px)!important;line-height:1.4!important}
.hero-caption,figcaption,.disclosure,.route-note,.distance-note,.route-v32-note,.diagram-card figcaption,.approved-diagram figcaption,.asset-meta,.asset-meta span,.distance-list span,.concept-badge,.investor-drawer small,.investor-drawer>a,.facts-sources ol,.investor-form label,.investor-form .consent,.route-v58 .route-v58-property span,.route-v58 .route-v58-property small,.route-v58 .route-v58-card small,.route-v58 .route-v58-card strong,.route-v58 .route-v58-note,.route-v58 .route-v58-intro,.threshold-sticky small,.land-thesis-v64-plate p,.drawer-qualified-note,.price-step span,.price-step.asking span,.price-result span,.closing-inner span,.closing-inner>p,.contact-action,.path-grid a,.hero-scroll{font-size:max(.95rem,15px)!important;line-height:1.55!important}
.btn,.poss-copy .btn{font-size:max(.9rem,14px)!important;line-height:1.2!important}
.investor-form input,.investor-form textarea,.investor-form select{font-size:1rem!important;line-height:1.4!important}
footer{font-size:max(.9rem,14px)!important;line-height:1.5!important}
/* Arabic optical parity + RTL composition */
html[lang="ar"][dir="rtl"] body{font-size:21px!important;line-height:1.85!important}
html[lang="ar"][dir="rtl"] body *,html[lang="ar"][dir="rtl"] body *::before,html[lang="ar"][dir="rtl"] body *::after{letter-spacing:0!important}
html[lang="ar"][dir="rtl"] .desktop-nav a{font-size:22px!important;font-weight:500!important}
html[lang="ar"][dir="rtl"] .investor-open,html[lang="ar"][dir="rtl"] .site-header .investor-open{font-size:20px!important}
html[lang="ar"][dir="rtl"] .site-header.scrolled .investor-open{font-size:18px!important}
html[lang="ar"][dir="rtl"] .language-switcher{font-size:15px!important;gap:14px}
html[lang="ar"][dir="rtl"] .eyebrow,html[lang="ar"][dir="rtl"] .hero .eyebrow,html[lang="ar"][dir="rtl"] .chapter-label,html[lang="ar"][dir="rtl"] .breath-label,html[lang="ar"][dir="rtl"] .steps span,html[lang="ar"][dir="rtl"] .facts-sources-label,html[lang="ar"][dir="rtl"] .facts-head .eyebrow,html[lang="ar"][dir="rtl"] .qual-copy .eyebrow,html[lang="ar"][dir="rtl"] .snapshot-title .chapter-label,html[lang="ar"][dir="rtl"] .poss-copy .eyebrow,html[lang="ar"][dir="rtl"] .poss-copy .chapter-label,html[lang="ar"][dir="rtl"] .possibility-chapter .poss-copy>p.eyebrow,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-kicker,html[lang="ar"][dir="rtl"] .price-result::before{font-size:23px!important;line-height:1.5!important;text-transform:none!important;max-width:none!important}
html[lang="ar"][dir="rtl"] .hero-sub{font-size:30px!important;line-height:1.7!important;max-width:34ch!important}
html[lang="ar"][dir="rtl"] .hero-caption,html[lang="ar"][dir="rtl"] figcaption,html[lang="ar"][dir="rtl"] .disclosure,html[lang="ar"][dir="rtl"] .route-note,html[lang="ar"][dir="rtl"] .distance-note,html[lang="ar"][dir="rtl"] .route-v32-note,html[lang="ar"][dir="rtl"] .diagram-card figcaption,html[lang="ar"][dir="rtl"] .approved-diagram figcaption,html[lang="ar"][dir="rtl"] .asset-meta,html[lang="ar"][dir="rtl"] .asset-meta span,html[lang="ar"][dir="rtl"] .distance-list span,html[lang="ar"][dir="rtl"] .concept-badge,html[lang="ar"][dir="rtl"] .investor-drawer small,html[lang="ar"][dir="rtl"] .investor-drawer>a,html[lang="ar"][dir="rtl"] .facts-sources ol,html[lang="ar"][dir="rtl"] .investor-form label,html[lang="ar"][dir="rtl"] .investor-form .consent,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-property span,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-property small,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-card small,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-card strong,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-note,html[lang="ar"][dir="rtl"] .route-v58 .route-v58-intro,html[lang="ar"][dir="rtl"] .threshold-sticky small,html[lang="ar"][dir="rtl"] .land-thesis-v64-plate p,html[lang="ar"][dir="rtl"] .drawer-qualified-note,html[lang="ar"][dir="rtl"] .price-step span,html[lang="ar"][dir="rtl"] .price-step.asking span,html[lang="ar"][dir="rtl"] .price-result span,html[lang="ar"][dir="rtl"] .closing-inner span,html[lang="ar"][dir="rtl"] .closing-inner>p,html[lang="ar"][dir="rtl"] .contact-action,html[lang="ar"][dir="rtl"] .path-grid a,html[lang="ar"][dir="rtl"] .hero-scroll{font-size:22px!important;line-height:1.7!important}
html[lang="ar"][dir="rtl"] .btn,html[lang="ar"][dir="rtl"] .poss-copy .btn{font-size:21px!important}
html[lang="ar"][dir="rtl"] footer{font-size:19px!important;line-height:1.7!important}
html[lang="ar"][dir="rtl"] p,html[lang="ar"][dir="rtl"] li{line-height:1.85!important}
html[lang="ar"][dir="rtl"] .hero-vignette{background:linear-gradient(270deg,rgba(27,26,24,.86) 0%,rgba(27,26,24,.55) 46%,rgba(27,26,24,.14) 78%),linear-gradient(0deg,rgba(27,26,24,.66) 0%,rgba(27,26,24,0) 54%)!important;opacity:1!important}
html[lang="ar"][dir="rtl"] .hero h1 span:first-child,html[lang="ar"][dir="rtl"] .hero h1 span:last-child{color:var(--light)!important;text-shadow:0 2px 24px rgba(27,26,24,.55),0 0 2px rgba(27,26,24,.6)}
html[lang="ar"][dir="rtl"] .price-result::before{content:"ما يعنيه السعر بالمتر المربع"!important}
html[lang="fr"] .price-result::before{content:"Le chiffre qui change le cadre"!important}
html[lang="es"] .price-result::before{content:"La cifra que cambia el marco"!important}
/* Arabic footer credit: physical right side, never mirrored by RTL */
html[lang="ar"][dir="rtl"] footer{direction:ltr}
html[lang="ar"][dir="rtl"] footer>div{direction:rtl;text-align:right}
html[lang="ar"][dir="rtl"] footer .hhs-credit-v97{margin-left:auto!important;margin-right:0!important;align-self:auto}
/* French long-heading safety across all six possibility chapters */
@media (min-width:901px){
html[lang="fr"] .poss-copy{width:min(45vw,700px)!important;max-width:none!important;padding:clamp(2.8rem,5vh,5rem) clamp(1.8rem,2.7vw,3.2rem)!important;overflow:visible!important}
html[lang="fr"] .poss-copy h2,html[lang="fr"] .possibility-chapter[data-key="commercial"] .poss-copy h2,html[lang="fr"] .possibility-chapter[data-key="education"] .poss-copy h2{font-size:clamp(2.85rem,4.25vw,5.25rem)!important;line-height:.93!important;letter-spacing:-.04em!important;max-width:100%!important;width:100%!important;padding-right:.08em!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important}
html[lang="fr"] .concept-badge{right:clamp(1.8rem,2.7vw,3.2rem)!important;width:min(36vw,540px)!important}
}
@media (min-width:901px) and (max-width:1180px){html[lang="fr"] .poss-copy{width:48vw!important;padding-inline:2rem!important}html[lang="fr"] .poss-copy h2,html[lang="fr"] .possibility-chapter[data-key="commercial"] .poss-copy h2,html[lang="fr"] .possibility-chapter[data-key="education"] .poss-copy h2{font-size:clamp(2.7rem,4vw,4.25rem)!important}}
/* Spanish Damascus scene: approved vertical lift */
@media (min-width:901px){html[lang="es"] .context-film .panel-copy{top:44%!important}}
/* PETRA closing lockup tone harmonisation */
.closing-inner img{filter:none!important;opacity:1!important}.closing-inner.in img{opacity:1!important}
@media (max-width:900px){
.language-switcher{position:absolute;top:100%;right:12px;margin:0;background:rgba(16,36,31,.94);padding:7px 10px;gap:12px;z-index:5;font-size:15px;line-height:1}
.site-header .language-switcher a{color:#F1EBDD;padding:8px 5px}
.site-header .investor-open{font-size:max(.88rem,14px)!important;padding:.65rem .78rem!important;letter-spacing:.04em!important}
.investor-form{grid-template-columns:1fr!important}
html[lang="fr"] .possibility-chapter .poss-sticky .poss-copy h2{font-size:clamp(2.45rem,10vw,3.65rem)!important;line-height:.95!important;max-width:100%!important;overflow:visible!important}
html[lang="ar"][dir="rtl"] .language-switcher{right:auto;left:12px;font-size:16px!important;gap:13px}
html[lang="ar"][dir="rtl"] footer .hhs-credit-v97{align-self:flex-end!important;margin-left:0!important;margin-right:0!important}
}
@media (prefers-reduced-motion:reduce){.closing-inner img{opacity:1!important}}
/* ==========================================================================
V147 — MOBILE HORIZONTAL-DRIFT HARDENING
Prevent any scene/header/off-canvas transform from widening the document.
iOS Safari must remain vertically scrollable but never horizontally pannable.
========================================================================== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
@supports (overflow:clip){html,body{overflow-x:clip!important}}
body{position:relative}
main,.site-header,.scene,.cinematic-panel,.panel-sticky,.possibility-chapter,.poss-sticky,.hero,.closing,footer{max-width:100%;overflow-x:clip}
img,picture,video,svg,canvas{max-width:100%}
.investor-drawer,.drawer-backdrop,.modal{max-width:100vw}
@media(max-width:900px){
html,body{touch-action:pan-y pinch-zoom}
main{width:100%;max-width:100vw;overflow-x:clip!important}
.site-header{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;margin:0!important;overflow:visible!important}
.site-header>*{min-width:0}
.site-header .brand{min-width:0!important;max-width:100%!important}
.site-header .brand img{max-width:100%!important}
.hero,.asset-intro,.geometry,.corridor,.changing-portal,.context-film,.facts-strip,.route-v58,.snapshot,.cinematic-threshold,.possibility-chapter,.participate,.diligence,.qualification,.contact,.closing{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important}
.panel-sticky,.poss-sticky,.poss-frame,.poss-image,.poss-copy,.hero-media,.hero-copy{max-width:100vw!important}
.panel-sticky>img,.panel-sticky picture,.panel-sticky picture img,.poss-sticky img,.hero-media img{max-width:100%!important}
.investor-drawer{width:min(470px,100vw)!important;max-width:100vw!important}
html[lang="ar"][dir="rtl"] .site-header{direction:rtl}
html[lang="ar"][dir="rtl"] main,html[lang="ar"][dir="rtl"] .hero,html[lang="ar"][dir="rtl"] .scene{inset-inline:0!important}
}
/* ==========================================================================
V148 — MOBILE DEAD-SPACE REMOVAL
The WHAT IS CHANGING portal is an editorial beat, not a 75vh holding room.
On phones it should arrive promptly after the corridor copy.
========================================================================== */
@media(max-width:900px){
.changing-portal{
min-height:0!important;
height:auto!important;
display:block!important;
padding:clamp(4.5rem,13vw,6rem) 1.35rem clamp(4.8rem,14vw,6.4rem)!important;
}
.changing-portal .portal-copy{
max-width:100%!important;
margin:0 auto!important;
transform:none!important;
}
.changing-portal .portal-copy h2{
margin:.7rem 0 1.35rem!important;
}
.corridor + .changing-portal{
margin-top:0!important;
}
}
/* ==========================================================================
V150 — MOBILE POSSIBILITY REVEAL / BREATHING EDITORIAL RHYTHM
Six development studies remain normal-flow mobile spreads (no scroll runway),
but each now ARRIVES → IMAGE REVEAL → COPY STAGGER → CTA → EXHALE.
Runtime animation is active only for the chapter near the viewport.
========================================================================== */
@media (max-width:900px){
html.mobile-poss-reveal-ready .possibility-chapter .poss-frame{
opacity:.58;
transform:translateY(18px) scale(.965);
clip-path:inset(4.5% 3.5% 5.5% 3.5% round 2px);
-webkit-clip-path:inset(4.5% 3.5% 5.5% 3.5% round 2px);
transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.16,1,.3,1),clip-path 1.15s cubic-bezier(.16,1,.3,1);
}
html.mobile-poss-reveal-ready .possibility-chapter .future-layer{
transform:scale(1.07)!important;
filter:saturate(.88) contrast(.95) brightness(.82)!important;
transition:transform 1.45s cubic-bezier(.16,1,.3,1),filter 1.2s ease!important;
}
html.mobile-poss-reveal-ready .possibility-chapter .poss-copy{
opacity:0!important;
transform:translateY(30px)!important;
transition:opacity .7s ease .16s,transform .95s cubic-bezier(.16,1,.3,1) .12s!important;
}
html.mobile-poss-reveal-ready .possibility-chapter .poss-copy>*{
opacity:0!important;
transform:translateY(18px)!important;
transition:opacity .62s ease,transform .82s cubic-bezier(.16,1,.3,1)!important;
}
html.mobile-poss-reveal-ready .possibility-chapter .concept-badge{
opacity:0!important;
transform:translateY(12px)!important;
transition:opacity .62s ease .72s,transform .8s cubic-bezier(.16,1,.3,1) .68s!important;
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-frame{
opacity:1;
transform:none;
clip-path:inset(0 0 0 0 round 0);
-webkit-clip-path:inset(0 0 0 0 round 0);
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .future-layer{
transform:scale(1.015)!important;
filter:saturate(.96) contrast(.98) brightness(.96)!important;
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy{
opacity:1!important;
transform:none!important;
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy>*{
opacity:1!important;
transform:none!important;
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy .eyebrow,
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy .chapter-label{transition-delay:.26s!important}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy h2{transition-delay:.36s!important}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy .poss-name{transition-delay:.46s!important}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy>p:not(.eyebrow):not(.chapter-label):not(.poss-name){transition-delay:.56s!important}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .poss-copy .btn{transition-delay:.68s!important}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed .concept-badge{
opacity:1!important;
transform:none!important;
}
html.mobile-poss-reveal-ready .possibility-chapter.mobile-revealed.mobile-poss-active .future-layer{
animation:petraMobilePossBreath 7.2s cubic-bezier(.45,0,.55,1) 1.5s infinite alternate both!important;
}
.possibility-chapter .poss-frame::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:3;
background:linear-gradient(180deg,rgba(199,185,163,.06),transparent 36%,rgba(16,36,31,.09));
opacity:.55;
transition:opacity 1.1s ease;
}
.possibility-chapter.mobile-revealed .poss-frame::after{opacity:.16}
.possibility-chapter+.possibility-chapter::before{
content:"";
display:block;
width:44px;
height:1px;
margin:clamp(2.2rem,8vw,3.2rem) auto;
background:rgba(146,114,84,.48);
transform:scaleX(.45);
opacity:.45;
transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease;
}
.possibility-chapter.mobile-revealed::before{transform:scaleX(1);opacity:.9}
}
@keyframes petraMobilePossBreath{from{transform:scale(1.015)}to{transform:scale(1.035)}}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
html.mobile-poss-reveal-ready .possibility-chapter .poss-frame,
html.mobile-poss-reveal-ready .possibility-chapter .future-layer,
html.mobile-poss-reveal-ready .possibility-chapter .poss-copy,
html.mobile-poss-reveal-ready .possibility-chapter .poss-copy>*,
html.mobile-poss-reveal-ready .possibility-chapter .concept-badge{opacity:1!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;filter:none!important;transition:none!important;animation:none!important}
}
/* V151 — contrast + hero legibility (all editions) */
.survey-panel .eyebrow,.survey-panel .eyebrow.dark,.route-v58 .route-v58-kicker,.price-result::before{color:var(--muted)!important}
.hero h1 span:first-child{color:var(--light)!important;text-shadow:0 2px 24px rgba(27,26,24,.5),0 0 2px rgba(27,26,24,.55)}
/* V151 — Arabic edition actually uses its Arabic fonts (PetraArabic = text, PetraArabicDisplay = display); previously only the closing span did */
html[lang="ar"][dir="rtl"] body,html[lang="ar"][dir="rtl"] body *:not(img):not(svg):not(.language-switcher):not(.language-switcher *){font-family:var(--arabic)!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body h1,html[lang="ar"][dir="rtl"][lang][dir][lang] body h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body h3,html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 *,html[lang="ar"][dir="rtl"][lang][dir][lang] body .panel-copy h2 *,html[lang="ar"][dir="rtl"][lang][dir][lang] body .poss-copy h2 *,html[lang="ar"][dir="rtl"][lang][dir][lang] body .closing-inner h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .metric strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .fact span,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-stage strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-step strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-result strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .land-thesis-v64 h2{font-family:var(--arabic-display)!important;font-weight:400!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body h1,html[lang="ar"][dir="rtl"][lang][dir][lang] body h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body h3{line-height:1.3!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1{line-height:1.22!important}
/* V153 — logo dimension attributes must never set rendered height */
.closing-inner img,footer img,.brand img{height:auto}
.closing-inner img{height:auto!important}
/* V153 — Arabic display type: Amiri sets wider than the Latin serif; sizes scaled so numbers and headings stay inside their stages */
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-step strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-result strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-stage strong{font-size:clamp(2.4rem,6.2vw,6rem)!important;line-height:1.15!important;letter-spacing:0!important;max-width:100%!important;overflow-wrap:anywhere}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-result strong i{font-size:.32em!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .panel-copy h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .portal-copy h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .section-head h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .snapshot-title h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .contact-copy h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .land-thesis-v64 h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .diligence .section-head h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .qual-copy h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .investor-drawer h2{font-size:clamp(2.3rem,4.6vw,4.6rem)!important;line-height:1.28!important;max-width:100%!important;overflow:visible!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .poss-copy h2,html[lang="ar"][dir="rtl"][lang][dir][lang] body .possibility-chapter .poss-copy h2{font-size:clamp(2.4rem,4.8vw,5rem)!important;line-height:1.25!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .closing-inner h2{font-size:clamp(2.6rem,5.5vw,5.6rem)!important;line-height:1.25!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .metric strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .fact span,html[lang="ar"][dir="rtl"][lang][dir][lang] body .big-number{line-height:1.15!important;letter-spacing:0!important}
html[lang="ar"][dir="rtl"] .price-result small{max-width:56ch!important}
html[lang="ar"][dir="rtl"] .snapshot-actions{margin-top:3.2rem!important;position:relative;z-index:2}
@media(max-width:900px){html[lang="ar"][dir="rtl"] .snapshot-actions{margin-top:2.4rem!important}}
/* V155 — mobile: the price scene becomes a calm static sequence (no sticky runway, no full-screen theme flip, no per-scroll transitions) */
@media(max-width:900px){
.price-reveal,.price-reveal[data-price-state]{height:auto!important;min-height:0!important;padding:4.5rem 0 3rem!important;background:var(--ivory)!important}
.price-reveal[data-price-state] .price-sticky,.price-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;background:var(--ivory)!important;color:var(--forest)!important;transition:none!important;animation:none!important;padding:0 var(--pad)!important}
.price-sticky::before,.price-sticky::after{display:none!important}
.price-stage{position:relative!important;height:auto!important;min-height:0!important;display:block!important;margin:0!important}
.price-reveal[data-price-state] .price-step,.price-reveal[data-price-state] .price-formula,.price-reveal[data-price-state] .price-result,.price-step,.price-formula,.price-result{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important;margin:2.2rem 0 0!important;padding:0!important;pointer-events:auto!important;z-index:auto!important}
.price-formula{display:none!important}
.price-step.asking{background:var(--forest)!important;color:var(--ivory)!important;margin:2.2rem calc(-1 * var(--pad)) 0!important;padding:1.9rem var(--pad) 2.1rem!important}
.price-step.asking span{color:var(--stone)!important}.price-step.asking strong{color:var(--ivory)!important}.price-step.asking small{color:var(--stone)!important}
.price-reveal[data-price-state] .snapshot-title h2,.snapshot-title h2{color:var(--forest)!important}
.price-reveal[data-price-state] .snapshot-title .chapter-label,.snapshot-title .chapter-label{background:var(--forest)!important;color:var(--ivory)!important}
.price-reveal .snapshot-actions,.price-reveal[data-price-state] .snapshot-actions{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;margin-top:2.2rem!important;transition:none!important}
.price-result{border-top:1px solid rgba(23,21,15,.12)!important;padding-top:1.6rem!important}
html[lang="ar"][dir="rtl"] .snapshot-actions{margin-top:2.2rem!important}
/* language switcher: inside the header at the top corner, never over page content; hidden when the header is compact (links live in the drawer) */
.language-switcher{position:absolute!important;top:9px!important;left:14px!important;right:auto!important;bottom:auto!important;background:none!important;padding:0!important;margin:0!important;gap:10px!important;font-size:12px!important;letter-spacing:.09em!important;z-index:6!important}
.site-header .language-switcher a{padding:6px 3px!important;min-width:0!important}
html[lang="ar"][dir="rtl"] .language-switcher{left:auto!important;right:14px!important}
.site-header.scrolled .language-switcher{display:none!important}
.drawer-lang{display:flex;gap:16px;margin:0 0 1.3rem;font:600 12px/1 PetraText,Arial,sans-serif;letter-spacing:.1em}
.drawer-lang a{color:inherit;text-decoration:none;opacity:.65;padding:6px 2px}.drawer-lang a.active{opacity:1;border-bottom:1px solid currentColor}
}
/* V156 — mobile: no dead space at the end. Closing scene sized to its content; the threshold runway shortened. */
@media(max-width:900px){
.closing{min-height:0!important;padding:4.5rem var(--pad) 3.5rem!important}
.closing-inner{padding:0!important;margin:0 auto!important}
.closing-inner>p{margin:0 0 .35rem!important}
.closing-inner h2{margin:1rem 0 0!important}
.closing-inner img{height:auto!important;margin:2.6rem auto 0!important;padding-top:1.6rem!important}
.closing-inner span{margin-top:1rem!important}
.cinematic-threshold{height:140vh!important}
footer{padding-top:2rem!important;padding-bottom:2.2rem!important;min-height:0!important;gap:1.2rem!important}
}
/* V157 — mobile static price sequence: defeat every state-specific reveal (clip/opacity/translate) with higher specificity */
@media(max-width:900px){
.price-reveal[data-price-state] .price-stage .price-step,.price-reveal[data-price-state] .price-stage .price-result,.price-reveal[data-price-state="static"] .price-step.area,.price-reveal[data-price-state="static"] .price-step.asking,.price-reveal[data-price-state="static"] .price-result{position:relative!important;top:auto!important;left:auto!important;right:auto!important;inset:auto!important;width:auto!important;max-width:none!important;transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;filter:none!important;clip-path:none!important;-webkit-clip-path:none!important;transition:none!important;animation:none!important;text-align:start!important}
.price-reveal .price-step strong,.price-reveal .price-step.asking strong,.price-reveal .price-result strong,.price-reveal[data-price-state] .price-step.asking strong,.price-reveal[data-price-state] .price-step.area strong{clip-path:none!important;-webkit-clip-path:none!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere}
.price-reveal .price-step.asking strong{color:var(--ivory)!important}
.price-reveal .price-step.area strong,.price-reveal .price-result strong{color:var(--forest)!important}
.price-reveal .price-step.area strong{font-size:clamp(3rem,12vw,4.6rem)!important}
.price-reveal .price-step.asking strong{font-size:clamp(2.6rem,11.4vw,4.2rem)!important;line-height:1.05!important;letter-spacing:-.02em!important}
.price-reveal .price-step span,.price-reveal .price-step small,.price-reveal .price-result span,.price-reveal .price-result p,.price-reveal .price-result small{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}
.price-reveal .snapshot-title{margin-bottom:1rem!important}
.price-reveal .price-stage{padding-top:.4rem!important}
html[lang="ar"][dir="rtl"] .price-reveal .price-step.asking strong{font-size:clamp(2.2rem,9.4vw,3.6rem)!important}
}
/* V158 — mobile price moment: time-based cinematic reveal (no scroll-jacking). Each beat plays once when it enters the viewport. */
@media(max-width:900px){
.price-reveal .price-step.area,.price-reveal .price-step.asking,.price-reveal .price-result{opacity:0!important;transform:translate3d(0,26px,0)!important;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)!important}
.price-reveal .price-step.area.beat-in,.price-reveal .price-step.asking.beat-in,.price-reveal .price-result.beat-in{opacity:1!important;transform:none!important}
/* the ask: a dark stage that lights from a hairline */
.price-reveal .price-step.asking{position:relative!important;overflow:hidden!important;border-top:1px solid rgba(205,187,160,.35);padding-top:2.2rem!important;padding-bottom:2.4rem!important}
.price-reveal .price-step.asking::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,rgba(196,138,75,.22) 0%,rgba(205,187,160,.10) 38%,transparent 70%);opacity:0;transform:scale(.6);transition:opacity 1.6s ease .35s,transform 2.4s cubic-bezier(.2,.7,.2,1) .35s;pointer-events:none}
.price-reveal .price-step.asking::after{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--bronze) 25%,var(--stone) 50%,var(--bronze) 75%,transparent);transform:scaleX(0);transform-origin:center;transition:transform 1.3s cubic-bezier(.2,.7,.2,1) .15s}
.price-reveal .price-step.asking.beat-in::before{opacity:1;transform:scale(1)}
.price-reveal .price-step.asking.beat-in::after{transform:scaleX(1)}
.price-reveal .price-step.asking span{display:block;opacity:0;transform:translateY(8px);transition:opacity .6s ease .25s,transform .6s ease .25s}
.price-reveal .price-step.asking.beat-in span{opacity:1;transform:none}
.price-reveal .price-step.asking strong{position:relative;display:block!important;margin:.55rem 0 .6rem!important;opacity:0!important;transform:scale(1.06)!important;letter-spacing:-.01em!important;transition:opacity .5s ease .55s,transform 1.4s cubic-bezier(.2,.8,.2,1) .55s!important;text-shadow:0 0 0 rgba(239,233,220,0)!important}
.price-reveal .price-step.asking.beat-in strong{opacity:1!important;transform:none!important;animation:petraAskGlow 2.2s ease 1.2s 1 both!important}
@keyframes petraAskGlow{0%{text-shadow:0 0 0 rgba(239,233,220,0)}35%{text-shadow:0 0 28px rgba(239,233,220,.45),0 0 60px rgba(196,138,75,.35)}100%{text-shadow:0 0 0 rgba(239,233,220,0)}}
.price-reveal .price-step.asking small{display:block;opacity:0;transition:opacity .8s ease 2s}
.price-reveal .price-step.asking.beat-in small{opacity:1}
/* the result: the figure lands after the ask has registered */
.price-reveal .price-result strong{opacity:0!important;transform:translateY(10px)!important;transition:opacity .6s ease .35s,transform .8s cubic-bezier(.2,.7,.2,1) .35s!important}
.price-reveal .price-result.beat-in strong{opacity:1!important;transform:none!important}
.price-reveal .price-result p,.price-reveal .price-result small{opacity:0;transition:opacity .7s ease 1.3s}
.price-reveal .price-result.beat-in p,.price-reveal .price-result.beat-in small{opacity:1}
.price-reveal .count{font-variant-numeric:tabular-nums lining-nums}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
.price-reveal .price-step.area,.price-reveal .price-step.asking,.price-reveal .price-result,.price-reveal .price-step.asking span,.price-reveal .price-step.asking strong,.price-reveal .price-step.asking small,.price-reveal .price-result strong,.price-reveal .price-result p,.price-reveal .price-result small{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.price-reveal .price-step.asking::before,.price-reveal .price-step.asking::after{opacity:1;transform:none}
}
/* V159 — desktop price stage: the result block must fit between the title and the actions at every viewport height, in every language */
@media(min-width:901px){
.price-reveal .price-result{top:50%!important;transform:translate3d(-50%,-50%,0)!important}
.price-reveal[data-price-state="result"] .price-result{transform:translate3d(-50%,-50%,0)!important}
.price-reveal .price-result strong{font-size:clamp(3.6rem,7vw,7.4rem)!important;line-height:.92!important;margin-bottom:.2rem!important}
.price-reveal .price-result p{font-size:1.08rem!important;line-height:1.45!important;margin:1rem auto .4rem!important;max-width:46ch!important}
.price-reveal .price-result small{font-size:.9rem!important;line-height:1.45!important;max-width:64ch!important;margin:0 auto!important}
.price-reveal .price-result::before{margin-bottom:.6rem!important}
.price-reveal .snapshot-title h2{font-size:clamp(2.6rem,4vw,4.6rem)!important;line-height:.96!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong{font-size:clamp(2.4rem,5.6vw,5.4rem)!important;line-height:1.15!important}
}
@media(min-width:901px) and (max-height:820px){
.price-sticky{padding-top:clamp(4.5rem,9vh,6.5rem)!important;padding-bottom:2.2rem!important}
.price-reveal .snapshot-title h2{font-size:clamp(2.2rem,3.4vw,3.4rem)!important}
.price-reveal .snapshot-title .chapter-label{margin-bottom:.6rem!important}
.price-reveal .price-result strong{font-size:clamp(3rem,5.8vw,5.6rem)!important}
.price-reveal .price-step strong{font-size:clamp(3.4rem,7.5vw,7.6rem)!important}
.price-reveal .price-result p{font-size:1rem!important;margin:.7rem auto .3rem!important}
.price-reveal .price-result small{font-size:.84rem!important;max-width:70ch!important}
.price-reveal .snapshot-actions{margin-top:.6rem!important}
}
@media(min-width:901px){
.price-reveal .price-step,.price-reveal .price-result,.price-reveal[data-price-state="area"] .price-step.area,.price-reveal[data-price-state="asking"] .price-step.asking,.price-reveal[data-price-state="result"] .price-result{transform:translate3d(-50%,-44%,0)!important}
}
@media(min-width:901px) and (max-height:820px){
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .snapshot-title h2{font-size:clamp(1.9rem,3vw,3rem)!important;line-height:1.2!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-step strong,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong{font-size:clamp(2.2rem,5vw,4.6rem)!important}
.price-reveal .snapshot-title h2{margin-bottom:0!important}
}
@media(min-width:901px) and (max-height:820px){
html[lang="fr"] .price-reveal .snapshot-title h2,html[lang="es"] .price-reveal .snapshot-title h2{font-size:clamp(2rem,3vw,3rem)!important;max-width:22ch!important}
html[lang="fr"] .price-reveal .price-result small{max-width:78ch!important}
}
/* V160 — desktop scene copy (corridor / why Damascus / airport): anchored to the bottom of its stage so the last line can never be clipped; scaled on short viewports */
@media(min-width:901px){
.panel-copy,html[lang="es"] .context-film .panel-copy,html[lang="fr"] .context-film .panel-copy{top:auto!important;bottom:clamp(3.5rem,9vh,7rem)!important;max-height:calc(100svh - 12rem)!important;overflow:visible!important;padding-bottom:0!important}
.panel-copy .hero-caption,.panel-copy figcaption,.panel-copy .disclosure{margin-bottom:0!important}
}
@media(min-width:901px) and (max-height:860px){
.panel-copy h2{font-size:clamp(2.6rem,5.2vw,5rem)!important;line-height:.95!important;margin:.4rem 0 .8rem!important}
.panel-copy p{font-size:1rem!important;line-height:1.45!important;max-width:560px!important}
.panel-copy .hero-caption,.panel-copy figcaption,.panel-copy .disclosure,.panel-copy small{font-size:.86rem!important;line-height:1.4!important;max-width:60ch!important}
.panel-copy .eyebrow{margin-bottom:.6rem!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .panel-copy h2{font-size:clamp(2.2rem,4vw,4rem)!important;line-height:1.22!important}
}
/* V161 — every heading child (em/span/strong) shares the display face */
html[lang="ar"][dir="rtl"][lang][dir][lang] body h1 *,html[lang="ar"][dir="rtl"][lang][dir][lang] body h2 *,html[lang="ar"][dir="rtl"][lang][dir][lang] body h3 *{font-family:var(--arabic-display)!important;font-weight:400!important}
/* V162 — Arabic hero opening: "بين دمشق والعالم، / مساحة لما يأتي." — a quiet lead-in line, then the statement, with the future carried in Wheat */
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-lead{display:inline-block;font-size:.46em!important;line-height:1.5!important;color:var(--stone)!important;letter-spacing:0!important;margin-bottom:.35em;padding-bottom:.55em;position:relative;text-shadow:0 2px 18px rgba(27,26,24,.5)}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-lead::after{content:"";position:absolute;right:0;bottom:0;height:1px;width:3.2em;background:linear-gradient(270deg,var(--bronze),transparent);transform:scaleX(0);transform-origin:right;animation:petraLeadRule 1.1s cubic-bezier(.2,.7,.2,1) 1.35s both}
@keyframes petraLeadRule{to{transform:scaleX(1)}}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-line{display:inline-block;color:var(--light)!important;line-height:1.18!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-accent{color:var(--bronze)!important;font-style:normal!important;background:linear-gradient(90deg,#D9A25F 0%,var(--bronze) 45%,#E2B77A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;padding-inline:.04em}
@supports not (-webkit-background-clip:text){html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-accent{background:none;-webkit-text-fill-color:currentColor}}
html[lang="ar"][dir="rtl"] .hero h1{font-size:clamp(3.6rem,8.4vw,9.6rem)!important}
html[lang="ar"][dir="rtl"] .hero-actions .btn-ghost{order:0}html[lang="ar"][dir="rtl"] .hero-actions .btn-light{order:1}
@media(prefers-reduced-motion:reduce){html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-lead::after{animation:none;transform:none}}
/* V163 — Arabic heading system: the plain line in Plex Arabic (text face, medium), the emphasised line in Amiri (display face). Hero lead follows the same rule. */
html[lang="ar"][dir="rtl"][lang][dir][lang] body h1:has(em),html[lang="ar"][dir="rtl"][lang][dir][lang] body h2:has(em),html[lang="ar"][dir="rtl"][lang][dir][lang] body h3:has(em),html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-lead{font-family:var(--arabic)!important;font-weight:500!important;line-height:1.3!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body h1:has(em) em,html[lang="ar"][dir="rtl"][lang][dir][lang] body h2:has(em) em,html[lang="ar"][dir="rtl"][lang][dir][lang] body h3:has(em) em,html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-line{font-family:var(--arabic-display)!important;font-weight:400!important;font-size:1.08em;line-height:1.2!important;display:inline-block}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-line{font-size:1em}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-lead{font-size:.4em!important;letter-spacing:0!important}
/* the clipped ي: give the gradient-clipped word room for its descender */
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-accent{display:inline-block;padding:.08em .06em .34em;margin:-.08em 0 -.34em;line-height:1.2!important;overflow:visible!important}
html[lang="ar"][dir="rtl"] .hero h1,html[lang="ar"][dir="rtl"] .hero h1 span{overflow:visible!important;clip-path:none!important}
/* V164 — mobile ask figure: the counted number must inherit the figure's face/size and stay on one line with its currency */
@media(max-width:900px){
.price-reveal .price-step strong .count,.price-reveal .price-result strong .count,.price-reveal .price-step.asking strong .count{font:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;color:inherit!important;opacity:1!important;display:inline!important;text-transform:none!important}
.price-reveal .price-step.asking strong{white-space:nowrap!important;overflow-wrap:normal!important;font-size:clamp(2.1rem,10.6vw,3.9rem)!important;line-height:1.05!important;letter-spacing:-.02em!important;display:block!important;width:100%!important}
.price-reveal .price-step.area strong{white-space:nowrap!important;font-size:clamp(2.6rem,11.5vw,4.4rem)!important}
.price-reveal .price-result strong{white-space:nowrap!important;font-size:clamp(2.4rem,11vw,4.2rem)!important}
.price-reveal .price-result strong i{font-size:.32em!important}
html[lang="ar"][dir="rtl"] .price-reveal .price-step.asking strong{font-size:clamp(1.7rem,8.6vw,3.2rem)!important;white-space:nowrap!important}
html[lang="ar"][dir="rtl"] .price-reveal .price-result strong{font-size:clamp(1.9rem,9.2vw,3.4rem)!important}
}
@media(max-width:900px){
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-step strong .count,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong .count{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:0!important;color:inherit!important;display:inline!important}
}
/* V165 — mobile figures at their true size: currency/unit as small labels, the number owns the width */
@media(max-width:900px){
.price-reveal .price-step strong,.price-reveal .price-result strong{display:block!important;white-space:normal!important;width:100%!important}
.price-reveal strong .cur,.price-reveal strong .figure,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .figure{display:block!important;font-family:inherit!important;color:inherit!important;opacity:1!important;letter-spacing:0!important}
.price-reveal strong .cur,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur{font-family:var(--sans)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;line-height:1.3!important;opacity:.78!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur{font-family:var(--arabic)!important;font-size:1.15rem!important;letter-spacing:0!important;text-transform:none}
.price-reveal .price-step.asking strong .figure{font-size:clamp(3.4rem,15.6vw,5.8rem)!important;line-height:1!important;letter-spacing:-.03em!important;margin:.15em 0 .1em}
.price-reveal .price-result strong .figure{font-size:clamp(4rem,19.5vw,6.8rem)!important;line-height:1!important;letter-spacing:-.03em!important;margin:.12em 0 .05em}
.price-reveal .price-result strong i{display:inline-block!important;font-family:var(--sans)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.12em!important;opacity:.78;margin:0!important}
.price-reveal .price-step.area strong{font-size:clamp(3rem,13.5vw,5rem)!important;white-space:nowrap!important}
.price-reveal .price-step.area strong .figure,.price-reveal .price-step.area strong .cur{display:inline!important;font:inherit!important;letter-spacing:inherit!important;opacity:1!important;text-transform:none!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-step.asking strong .figure{font-size:clamp(3.4rem,15.6vw,5.8rem)!important;line-height:1.1!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong .figure{font-size:clamp(4rem,19.5vw,6.8rem)!important;line-height:1.1!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-step.area strong{font-size:clamp(2.8rem,12vw,4.6rem)!important}
/* reveal: the figure lands whole — fade + settle, then the labels */
.price-reveal .price-step.asking strong{transform:scale(1.04)!important}
.price-reveal .price-step.asking.beat-in strong{transform:none!important}
}
@media(max-width:900px){
.price-reveal .price-step.asking strong .figure{font-size:clamp(3.4rem,19vw,7rem)!important}
.price-reveal .price-result strong .figure{font-size:clamp(4.4rem,24vw,8rem)!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-step.asking strong .figure{font-size:clamp(3.4rem,18.4vw,6.6rem)!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong .figure{font-size:clamp(4.2rem,23vw,7.8rem)!important}
}
/* V166 — form: every control shares one box; the "optional" note sits inline with its label so rows stay level; selects match inputs exactly */
.investor-form label{justify-content:flex-end!important}
.investor-form .field-optional{display:inline!important;margin-inline-start:.5em;text-transform:none!important;letter-spacing:0!important}
.investor-form input,.investor-form select,.investor-form textarea{box-sizing:border-box!important;height:58px!important;min-height:58px!important;padding:0 1rem!important;line-height:1.3!important;font:inherit!important;font-size:1rem!important;-webkit-appearance:none!important;appearance:none!important;border-radius:0!important;margin:0!important}
.investor-form textarea{height:auto!important;min-height:150px!important;padding:1rem!important}
.investor-form select{background-image:url("data:image/svg+xml;utf8,")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:12px 8px!important;padding-right:2.4rem!important;cursor:pointer}
html[dir="rtl"] .investor-form select{background-position:left 1rem center!important;padding-right:1rem!important;padding-left:2.4rem!important;text-align:right!important;direction:rtl!important}
html[dir="rtl"] .investor-form input,html[dir="rtl"] .investor-form textarea{text-align:right!important;direction:rtl!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .investor-form label{font-size:1.05rem!important;letter-spacing:0!important;text-transform:none!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .investor-form input,html[lang="ar"][dir="rtl"][lang][dir][lang] body .investor-form select,html[lang="ar"][dir="rtl"][lang][dir][lang] body .investor-form textarea{font-family:var(--arabic)!important;font-size:1.05rem!important}
.investor-form{align-items:end!important}
.investor-form label{justify-content:flex-end!important;align-self:end!important}
.investor-form .field-optional{display:block!important;margin:0!important;font-size:.85rem!important;line-height:1.2!important}
/* V167 — the hamza above يأتي also needs headroom inside the gradient clip box */
html[lang="ar"][dir="rtl"][lang][dir][lang] body .hero h1 .hero-accent{padding:.75em .08em .45em!important;margin:-.75em 0 -.45em!important;line-height:1.2!important}
/* ======================================================================
V168 — THRESHOLD SCENE, REBUILT: no hard state swap anywhere.
Desktop: a continuous scroll-linked dissolve (opacity/transform only).
Mobile: two stacked statements in normal flow, each rising once.
====================================================================== */
@media(min-width:901px){
.cinematic-threshold{height:220vh!important;background:var(--forest)!important}
.threshold-sticky{position:sticky!important;top:0!important;height:100svh!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;padding:4rem var(--pad)!important;overflow:hidden!important;background:var(--forest)!important;transition:none!important;box-shadow:none!important}
.threshold-sticky::before{display:none!important}
.threshold-sticky{background:color-mix(in srgb,var(--ivory) calc(var(--threshold-open,0) * 100%),var(--forest))!important}
.threshold-sticky>*{position:relative!important;z-index:1}
.threshold-context{grid-area:1/1;display:flex;flex-direction:column;align-items:center;gap:1.4rem;opacity:calc(1 - var(--threshold-open,0) * 1.35);transform:translate3d(0,calc(var(--threshold-open,0) * -28px),0) scale(calc(1 - var(--threshold-open,0) * .05));will-change:opacity,transform}
.threshold-context p{opacity:1!important;visibility:visible!important;position:static!important;margin:0!important;color:var(--ivory)!important;font-size:clamp(3.2rem,5.2vw,6.2rem)!important;line-height:.96!important;letter-spacing:-.03em!important;text-shadow:0 2px 22px rgba(0,0,0,.18)!important;transition:none!important}
.threshold-context p:first-of-type{color:var(--stone)!important}
.threshold-context span{display:block!important;width:84px!important;height:2px!important;background:var(--bronze)!important;opacity:1!important;visibility:visible!important;margin:0!important}
.threshold-sticky .bright{grid-area:1/1;position:relative!important;visibility:visible!important;margin:0!important;color:var(--forest)!important;font-size:clamp(4.5rem,10vw,9rem)!important;line-height:.9!important;letter-spacing:-.02em!important;opacity:calc((var(--threshold-open,0) - .35) * 1.6);transform:translate3d(0,calc((1 - var(--threshold-open,0)) * 26px),0) scale(calc(.92 + var(--threshold-open,0) * .08));transition:none!important;will-change:opacity,transform;text-shadow:none!important}
.threshold-sticky small{position:absolute!important;left:var(--pad)!important;right:var(--pad)!important;bottom:2.4rem!important;grid-area:auto;opacity:1!important;font-weight:600!important;letter-spacing:.095em!important;transition:none!important;text-shadow:none!important;color:rgb(calc(205 - var(--threshold-open,0) * 98) calc(187 - var(--threshold-open,0) * 86) calc(160 - var(--threshold-open,0) * 69))!important}
}
@media(max-width:900px){
.cinematic-threshold{height:auto!important;min-height:0!important;background:var(--forest)!important}
.threshold-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important;overflow:visible!important;background:var(--forest)!important;transition:none!important;box-shadow:none!important}
.threshold-sticky::before{display:none!important}
.threshold-context{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5.5rem var(--pad) 5rem;text-align:center}
.threshold-context p{opacity:1!important;visibility:visible!important;position:static!important;margin:0!important;color:var(--ivory)!important;font-size:clamp(2.5rem,10.5vw,4.1rem)!important;line-height:.98!important;letter-spacing:-.02em!important;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)!important;transform:translateY(22px);opacity:0!important}
.threshold-context p:first-of-type{color:var(--stone)!important}
.threshold-context.beat-in p{opacity:1!important;transform:none}
.threshold-context span{display:block!important;width:1px!important;height:40px!important;background:var(--bronze)!important;opacity:1!important;visibility:visible!important;margin:0!important;position:static!important}
.threshold-sticky .bright{display:block!important;position:relative!important;visibility:visible!important;margin:0!important;padding:6rem var(--pad) 1.4rem!important;background:var(--ivory)!important;color:var(--forest)!important;font-size:clamp(4.4rem,17vw,6.6rem)!important;line-height:.9!important;text-align:center;letter-spacing:-.02em!important;transform:translateY(22px)!important;opacity:0!important;transition:opacity .8s ease .1s,transform 1s cubic-bezier(.2,.7,.2,1) .1s!important;max-width:none!important;width:auto!important}
.threshold-sticky .bright.beat-in{opacity:1!important;transform:none!important}
.threshold-sticky small{display:block!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;background:var(--ivory)!important;color:var(--muted)!important;padding:1.2rem var(--pad) 5.5rem!important;margin:0!important;text-align:center;font-size:.9rem!important;letter-spacing:.06em!important;line-height:1.5!important;opacity:0!important;transition:opacity .8s ease .5s!important;font-weight:600!important;text-shadow:none!important}
.threshold-sticky small.beat-in{opacity:1!important}
}
@media(prefers-reduced-motion:reduce){.threshold-sticky>p,.threshold-sticky .bright,.threshold-sticky small{opacity:1!important;transform:none!important;transition:none!important}}
/* V173 — corridor: area labels live inside each land part (positioned by JS on the image), copy keeps its own clear column */
.land-markers{position:absolute;inset:0;pointer-events:none;z-index:2}
.land-marker{position:absolute;transform:translate(-50%,-50%);font:500 clamp(1.05rem,1.7vw,1.6rem)/1 var(--serif);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.45);white-space:nowrap;letter-spacing:.02em;unicode-bidi:plaintext;direction:ltr;opacity:0;transition:opacity .8s ease .3s}
.land-marker i{font-style:normal;font-size:.72em;margin-inline-start:.15em}
.land-marker.ready{opacity:1}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .land-marker{font-family:var(--arabic-display)!important;font-size:clamp(1.1rem,1.8vw,1.7rem)!important}
@media(min-width:901px){
.corridor .panel-copy,html[lang="fr"] .corridor .panel-copy,html[lang="es"] .corridor .panel-copy{max-width:min(36vw,560px)!important}
}
@media(max-width:900px){
.land-marker{font-size:clamp(1rem,4.4vw,1.35rem)!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .land-marker{font-size:clamp(1.05rem,4.6vw,1.4rem)!important}
}
/* V180 — mobile numeric fit + corridor-card alignment lock */
@media (max-width:900px){
/* Keep the registered-area number and unit fully inside the viewport. */
.number-stage{
width:100%!important;
max-width:100%!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:end!important;
column-gap:.55rem!important;
padding-inline:.15rem!important;
direction:ltr!important;
}
.number-stage .big-number{
min-width:0!important;
font-size:clamp(4.55rem,19.2vw,6.9rem)!important;
line-height:.82!important;
letter-spacing:-.055em!important;
white-space:nowrap!important;
justify-self:start!important;
}
.number-stage .unit{
font-size:clamp(1.65rem,7vw,2.45rem)!important;
line-height:1!important;
white-space:nowrap!important;
justify-self:end!important;
padding-bottom:.08em!important;
}
html[lang="ar"][dir="rtl"] .number-stage .big-number{
line-height:.9!important;
letter-spacing:-.035em!important;
}
/* Every road-distance card uses the same physical columns and baselines. */
.route-v58 .route-v58-card,
.route-v58 .route-v58-card-airport{
grid-template-columns:minmax(0,1fr) clamp(138px,34vw,168px)!important;
grid-template-rows:1fr auto!important;
grid-template-areas:"title value" "sub value"!important;
column-gap:1rem!important;
row-gap:.28rem!important;
align-items:center!important;
direction:ltr!important;
min-height:132px!important;
}
.route-v58 .route-v58-distance{
grid-area:value!important;
justify-self:end!important;
align-self:center!important;
display:flex!important;
flex-direction:row!important;
align-items:baseline!important;
justify-content:flex-end!important;
gap:.28em!important;
width:100%!important;
margin:0!important;
white-space:nowrap!important;
direction:ltr!important;
text-align:right!important;
font-variant-numeric:tabular-nums!important;
}
.route-v58 .route-v58-distance i{
display:inline-block!important;
flex:0 0 auto!important;
margin:0!important;
line-height:1!important;
vertical-align:baseline!important;
}
.route-v58 .route-v58-card strong{
grid-area:title!important;
align-self:end!important;
justify-self:stretch!important;
margin:0!important;
}
.route-v58 .route-v58-card small{
grid-area:sub!important;
align-self:start!important;
justify-self:stretch!important;
margin:0!important;
}
html[dir="rtl"] .route-v58 .route-v58-card strong,
html[dir="rtl"] .route-v58 .route-v58-card small{
direction:rtl!important;
text-align:right!important;
}
html[dir="ltr"] .route-v58 .route-v58-card strong,
html[dir="ltr"] .route-v58 .route-v58-card small{
direction:ltr!important;
text-align:left!important;
}
}
/* V181 — location link: pin under the registered area, and a Location action in the contact set */
.locate-row{max-width:var(--content);margin:1.5rem auto 0;width:100%;text-align:center}
.locate{display:inline-flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:500;letter-spacing:.02em;color:var(--ink)!important;text-decoration:none}
.locate svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--bronze);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s var(--cin-ease)}
.locate span{border-bottom:1px solid rgba(23,21,15,.28);padding-bottom:.1rem;transition:border-color .28s ease,color .28s ease}
.locate:hover svg,.locate:focus-visible svg{transform:translateY(-2px)}
.locate:hover span,.locate:focus-visible span{border-color:var(--bronze);color:var(--bronze)}
html[lang="ar"][dir="rtl"] .locate{font-size:1.15rem;letter-spacing:0}
.contact-action.locate-action svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.locate-row{margin-top:1.3rem;text-align:center}.locate{font-size:1rem}}
/* V185 — ownership beat: number → owner → geometry; static, no motion */
.ownership{padding-top:0!important;padding-bottom:clamp(5rem,8vw,8rem)!important}
.ownership .owner-copy{margin-top:0!important}
.ownership .owner-copy h2{max-width:14ch}
.owner-note{font-size:.95rem!important;color:var(--muted)!important;margin-top:1.2rem;letter-spacing:.01em}
.contact-owner{font-size:.9rem!important;color:rgba(239,233,220,.62)!important;margin:.35rem 0 0;letter-spacing:.02em}
html[lang="ar"][dir="rtl"] .ownership .owner-copy h2{max-width:none}
html[lang="ar"][dir="rtl"] .owner-note{font-size:1.1rem!important}
html[lang="ar"][dir="rtl"] .contact-owner{font-size:1.05rem!important}
@media (max-width:900px){.ownership{padding-bottom:5rem!important}.ownership .owner-copy h2{max-width:none}}
/* V187 — hero breath: the opening scene inhales and exhales continuously (image, tint, veil, glow, ghost number).
Builds on the existing in-breath system: same rhythm (--breath), same ease, alternate direction so nothing jumps.
The image breathes on the `scale` property so the one-time heroInhale entry (transform) still plays. */
@keyframes petraBreathZoom{from{scale:1;translate:0 0}to{scale:1.085;translate:-1.2% .6%}}
@keyframes petraBreathZoomM{from{scale:1;translate:0 0}to{scale:1.06;translate:-.8% .5%}}
@keyframes petraBreathTint{from{opacity:.35}to{opacity:1}}
@keyframes petraBreathGlow{from{opacity:.04}to{opacity:.42}}
@keyframes petraBreathGhost{from{opacity:.38;transform:translate3d(0,0,0)}to{opacity:1;transform:translate3d(0,-.35em,0)}}
@keyframes petraBreathVeil{from{opacity:1}to{opacity:.72}}
.hero.in-breath .hero-media picture img,.hero .hero-media picture img{animation:heroInhale 7s cubic-bezier(.2,.7,.2,1) both,petraBreathZoom var(--breath) var(--breath-ease) infinite alternate both!important;transform-origin:50% 44%!important;will-change:transform,scale}
.hero .hero-breath{animation:petraBreathTint var(--breath) var(--breath-ease) infinite alternate both!important;will-change:opacity}
.hero .hero-vignette{animation:petraBreathVeil var(--breath) var(--breath-ease) infinite alternate-reverse both!important}
.hero-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 55% at 84% 8%,rgba(196,138,75,.55),rgba(196,138,75,0) 70%);mix-blend-mode:screen;animation:petraBreathGlow var(--breath) var(--breath-ease) infinite alternate both!important;will-change:opacity}
html[lang="ar"][dir="rtl"] .hero-glow{background:radial-gradient(ellipse 62% 55% at 16% 8%,rgba(196,138,75,.55),rgba(196,138,75,0) 70%)}
.hero .hero-ghost span,.hero .hero-ghost i{display:inline-block;animation:petraBreathGhost var(--breath) var(--breath-ease) infinite alternate both!important;will-change:opacity,transform}
@media (max-width:900px){
.hero.in-breath .hero-media picture img,.hero .hero-media picture img{animation-name:heroInhale,petraBreathZoomM!important}
.hero-glow{background:radial-gradient(ellipse 90% 40% at 80% 6%,rgba(196,138,75,.5),rgba(196,138,75,0) 72%)}
html[lang="ar"][dir="rtl"] .hero-glow{background:radial-gradient(ellipse 90% 40% at 20% 6%,rgba(196,138,75,.5),rgba(196,138,75,0) 72%)}
}
@media(prefers-reduced-motion:reduce){
.hero .hero-media picture img,.hero .hero-breath,.hero .hero-vignette,.hero-glow,.hero .hero-ghost span,.hero .hero-ghost i{animation:none!important}
.hero-glow{opacity:.18}
}
/* V188 — site-wide breath. Every scene hosts one ambient light layer and breathes on the shared rhythm;
images swell 5.5%, light sections warm and cool, headings and the registered number glow softly.
Nothing counts, nothing swaps — only breath. */
@keyframes petraBreatheInk{from{opacity:.84}to{opacity:1}}
@keyframes petraBreatheLightWarm{from{opacity:.22}to{opacity:.9}}
.light .breath-light,.scene.light .breath-light,.snapshot .breath-light{background:radial-gradient(ellipse 64% 54% at 50% 42%,rgba(196,138,75,.20) 0%,rgba(196,138,75,.08) 40%,rgba(196,138,75,0) 72%);mix-blend-mode:multiply;animation-name:petraBreatheLightWarm}
.asset-intro.in-breath .big-number,.ownership.in-breath h2 em,.geometry.in-breath h3,.participate.in-breath h2,.qualification.in-breath h2,.diligence.in-breath h2,.facts-strip.in-breath strong{animation:petraBreatheInk var(--breath) var(--breath-ease) infinite alternate both}
.contact.in-breath h2,.threshold.in-breath h2,.poss-sticky.in-breath h2,.changing-portal.in-breath h2{animation:petraBreatheGlow var(--breath) var(--breath-ease) infinite alternate both}
.panel-sticky.in-breath>picture img,.poss-sticky.in-breath .land-layer,.poss-sticky.in-breath .future-layer{animation:petraBreatheScale var(--breath) var(--breath-ease) infinite alternate both!important;transform-origin:center!important}
/* V188 — location link: a proper pill, readable on the phone */
.locate{padding:.72rem 1.15rem .72rem .95rem;border:1px solid rgba(23,21,15,.38);border-radius:999px;font-size:1.02rem;font-weight:600;letter-spacing:.01em;background:rgba(255,255,255,.28);transition:background .28s ease,border-color .28s ease,color .28s ease}
.locate span{border-bottom:0!important;padding-bottom:0}
.locate svg{width:24px;height:24px;flex-basis:24px;stroke-width:1.6}
.locate:hover,.locate:focus-visible{background:var(--ink);color:var(--light)!important;border-color:var(--ink)}
.locate:hover svg,.locate:focus-visible svg{stroke:var(--bronze);transform:none}
.locate:hover span,.locate:focus-visible span{color:inherit}
html[lang="ar"][dir="rtl"] .locate{font-size:1.25rem;padding:.7rem 1rem .7rem 1.2rem}
.contact-action.locate-action{border-color:rgba(196,138,75,.7)}
/* V188 — per-m² unit: readable, paired with the currency label */
.price-reveal .price-result strong i{font-size:1.35rem!important;letter-spacing:.06em!important;opacity:1!important;font-weight:600!important}
@media(min-width:901px){.price-reveal .price-result strong i{font-size:.4em!important;letter-spacing:.04em!important}}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong i{font-family:var(--arabic)!important;font-size:1.5rem!important;letter-spacing:0!important}
@media(min-width:901px){html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong i{font-size:.45em!important}}
@media(prefers-reduced-motion:reduce){.breath-light,.in-breath *{animation:none!important}}
/* V191 — survey scan modal: the image always keeps its own proportions */
.modal img{width:100%!important;height:auto!important;max-height:78vh;object-fit:contain}
/* V193 — registered-area unit sits beside the number, large, on every screen */
@media (max-width:900px){
.number-stage{display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:.35rem!important;justify-content:flex-start!important}
.number-stage .big-number{font-size:clamp(4.2rem,16.5vw,6.2rem)!important;letter-spacing:-.05em!important}
.number-stage .unit{font-size:clamp(2.3rem,9.5vw,3.4rem)!important;justify-self:auto!important;padding-bottom:0!important;line-height:1!important;margin-inline-start:.1em}
html[lang="ar"][dir="rtl"] .number-stage{align-items:baseline!important}
}
@media (min-width:901px){
.number-stage{align-items:baseline!important;gap:.5rem!important}
.number-stage .unit{font-size:clamp(3.2rem,5.5vw,6rem)!important}
}
html[lang="ar"][dir="rtl"] .number-stage .unit{font-family:var(--arabic)!important;font-weight:600}
/* V194 — currency and unit labels around the price figures: large enough to be read as part of the figure */
@media (max-width:900px){
.price-reveal strong .cur,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur{font-size:1.9rem!important;letter-spacing:.06em!important;opacity:1!important;line-height:1.1!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur{font-size:2rem!important;letter-spacing:0!important}
.price-reveal .price-result strong i{font-size:1.9rem!important;letter-spacing:.04em!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong i{font-size:2rem!important}
}
@media (min-width:901px){
.price-reveal strong .cur,html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal strong .cur{font-size:.42em!important;opacity:1!important}
.price-reveal .price-result strong i{font-size:.45em!important;opacity:1!important}
html[lang="ar"][dir="rtl"][lang][dir][lang] body .price-reveal .price-result strong i{font-size:.5em!important}
}