@charset "UTF-8";
:root{--paper:#f2efe8;--ink:#172b3c;--night:#0e1823;--reverse:#f3f0e8;--gold:#a58855;--muted:#5b6870;--hairline:#b7bbb8;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;background:var(--paper);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.shell{width:min(calc(100% - 88px),1480px);margin-inline:auto}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:1rem}

/* The entry is one native link, so mouse and keyboard take the same route. */
.entry-page{background:var(--night);color:var(--reverse)}
.entry{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative;padding:clamp(22px,3.2vw,52px);text-decoration:none;isolation:isolate;background:radial-gradient(circle at 68% 33%,#17324a 0,#102438 28%,#0e1823 68%)}
.entry::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,transparent 35%,rgba(113,145,165,.065) 50%,transparent 63%);transform:translateX(-7%);transition:transform 1.1s ease,opacity 1.1s ease;opacity:.45;pointer-events:none}
.entry:hover::before,.entry:focus-visible::before{transform:translateX(9%);opacity:1}
.entry__line{height:1px;background:linear-gradient(90deg,rgba(243,240,232,.4),rgba(243,240,232,.12))}
.entry__center{width:min(70vw,750px);justify-self:center;align-self:center;display:grid;justify-items:center;gap:clamp(24px,4vw,56px)}
.entry__center img{width:100%;filter:invert(1)}
.entry__accent{display:block;width:72px;height:1px;background:var(--gold);transition:width .65s ease}
.entry:hover .entry__accent,.entry:focus-visible .entry__accent{width:120px}
.entry__bottom{display:flex;justify-content:space-between;align-items:end;gap:1rem;min-height:72px;border-top:1px solid rgba(243,240,232,.23);padding-top:1.2rem;font-size:.72rem;letter-spacing:.19em;text-transform:uppercase}
.entry__bottom span:last-child{white-space:nowrap}
.entry__bottom .direction-icon{margin-left:.55rem;color:#d8c7a8}

/* The selected Test 4 structure, extended with a truthful rental-site skeleton. */
.site-page{--header-h:92px}
.site-header{position:sticky;top:0;z-index:30;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 max(44px,calc((100vw - 1480px)/2));background:var(--night);color:var(--reverse);border-bottom:1px solid rgba(243,240,232,.24)}
.site-header__brand{display:block;flex:0 0 auto}
.site-header__brand img{width:clamp(165px,17vw,235px);filter:invert(1)}
.site-nav{display:flex;align-items:center;gap:clamp(.2rem,1.2vw,1.2rem);overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.site-nav a{min-height:48px;display:inline-flex;align-items:center;gap:.55rem;padding:0 .45rem;text-decoration:none;border-bottom:1px solid transparent;font-size:.81rem;letter-spacing:.035em}
.site-nav a span{color:#d8c7a8;font-size:.69rem;letter-spacing:.11em}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="location"]{border-bottom-color:var(--gold)}
.hero,.section{scroll-margin-top:var(--header-h)}
.hero{min-height:calc(100svh - var(--header-h));position:relative;z-index:0;overflow:hidden;isolation:isolate;color:var(--reverse);background:linear-gradient(125deg,#0e1823 22%,#102438 74%,#172b3c)}
.hero__glow{position:absolute;z-index:-1;width:min(74vw,1100px);aspect-ratio:1;right:-12%;top:-35%;background:radial-gradient(circle,rgba(71,108,136,.31) 0%,rgba(45,80,108,.16) 36%,transparent 68%);transform:translate3d(0,calc(var(--move,0)*1px),0);pointer-events:none}
.hero__shell{min-height:calc(100svh - var(--header-h));display:grid;grid-template-rows:1fr auto}
.hero__copy{align-self:center;padding:5rem 0 4rem;transform:translate3d(0,calc(var(--move,0)*-.12px),0);opacity:calc(1 - var(--fade,0))}
.kicker{margin:0 0 2.4rem;color:#d8c7a8;font-size:.76rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.kicker span{padding-inline:.7rem;color:var(--gold)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.hero h1,.mark-composition h1{margin:0;max-width:10ch;font-size:clamp(5rem,10vw,10.5rem);line-height:.89;letter-spacing:-.065em}
.hero h1 em,.mark-composition h1 em{padding-left:.38em;font-weight:400}
.hero__line{width:min(100%,410px);margin:3rem 0 0;padding-top:1.2rem;border-top:1px solid var(--gold);font-size:1.02rem;line-height:1.6}
.hero__foot{display:flex;justify-content:space-between;align-items:center;min-height:80px;border-top:1px solid rgba(243,240,232,.25);font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
.hero__foot .direction-icon{margin-right:5px}
.section{position:relative;z-index:1;min-height:100svh}
.chapter-scroll{position:relative}
.chapter-stage{position:relative}
.chapter-track{position:relative;width:100%}
.chapter-track>.section{width:100%;min-width:0;min-height:calc(100svh - var(--header-h));scroll-margin-top:var(--header-h)}
.chapter-track .section__shell{min-height:calc(100svh - var(--header-h))}
.chapter-scroll.is-enhanced .chapter-stage{position:sticky;top:var(--header-h);height:var(--chapter-h);overflow:hidden}
.chapter-scroll.is-enhanced .chapter-track{display:flex;height:100%;will-change:transform;transition:transform .62s cubic-bezier(.22,.72,.19,1)}
.chapter-scroll.is-enhanced .chapter-track>.section{flex:0 0 100%;width:100%;height:100%;overflow:hidden}
.chapter-scroll.is-enhanced .section__shell{height:100%}
.chapter-track:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.paper,.close-section{background:var(--paper);box-shadow:0 -22px 70px rgba(4,12,21,.16)}
.night-section{background:#102236;color:var(--reverse)}
.section__shell{min-height:100svh;display:flex;flex-direction:column}
.section__top{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--hairline);color:var(--muted);font-size:.73rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.night-section .section__top,.hero .section__top{border-color:rgba(243,240,232,.28);color:#b9c3c8}
.section__grid{flex:1;display:grid;grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);align-items:center;gap:2rem;padding:5rem 0}
.section__grid--compact{padding-block:5rem}
.section__index{align-self:start;color:var(--muted);font-size:.78rem;letter-spacing:.16em}
.night-section .section__index{color:#b9c3c8}
.section__body{grid-column:2;max-width:880px}
.section h1,.section h2{max-width:11ch;margin:0 0 2rem;font-size:clamp(4rem,7.2vw,8.2rem);line-height:.98;letter-spacing:-.06em}
.section__body p{max-width:480px;margin:0 0 0 auto;padding-left:1.2rem;border-left:2px solid var(--gold);font-size:1.08rem;line-height:1.65}
.availability,.detail-list,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:85px;border-top:1px solid var(--hairline);font-size:.85rem}
.availability span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.availability p{margin:0}
.night-section .detail-list{border-color:rgba(243,240,232,.28);color:#d8dee1;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase}
.chapter-travel{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;border-top:1px solid var(--hairline);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.chapter-travel>a{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px}
.chapter-travel>a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.45rem}
.night-section .chapter-travel,.hero .chapter-travel{border-color:rgba(243,240,232,.28)}
.hero .chapter-travel{justify-content:flex-end}
.site-footer{margin-top:auto;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.site-footer a{text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.4rem}
.site-footer .direction-icon{margin-right:.3rem}

/* Drawn direction cues avoid platform-dependent Unicode/emoji glyphs. */
.direction-icon{display:inline-block;position:relative;width:18px;height:18px;flex:none;vertical-align:middle}
.direction-icon::before,.direction-icon::after{content:"";position:absolute;display:block}
.direction-icon::before{left:2px;top:8px;width:13px;height:1px;background:currentColor}
.direction-icon::after{right:2px;top:5px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.direction-icon--left{transform:rotate(180deg)}
.direction-icon--down{transform:rotate(90deg)}
.direction-icon--diagonal{transform:rotate(-45deg)}

/* Three placement studies use the same unaltered raster mark. */
.mark-page{background:var(--night);color:var(--reverse)}
.mark-composition{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;isolation:isolate;padding:0 max(44px,calc((100vw - 1480px)/2));background:linear-gradient(120deg,#0e1823 20%,#152a3d)}
.mark-header,.mark-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:92px;border-bottom:1px solid rgba(243,240,232,.26);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
.mark-header img{width:clamp(160px,17vw,235px);filter:invert(1)}
.mark-footer{border-top:1px solid rgba(243,240,232,.26);border-bottom:0;min-height:80px}
.mark-footer a{text-decoration:none}
.mark-footer a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.45rem}
.mark-composition__copy{z-index:1;align-self:center;position:relative;padding:5rem 0 6rem}
.mark-composition__copy p:last-child{width:min(100%,390px);margin:3rem 0 0;padding-top:1.2rem;border-top:1px solid var(--gold);line-height:1.6}
.mark-composition__bird{pointer-events:none;object-fit:contain}
.mark-composition__bird--under{position:absolute;z-index:0;width:min(78vw,1000px);right:0;top:50%;transform:translate(4%,-50%);filter:invert(1);opacity:.055}
.mark-composition__bird--beside{width:clamp(115px,13vw,215px);filter:invert(1);opacity:.82;margin-bottom:2rem}
.mark-page--two .mark-composition__copy{display:grid;justify-items:start;grid-template-columns:auto 1fr;column-gap:4rem;align-items:center}
.mark-page--two .mark-composition__bird--beside{grid-row:1 / 4;grid-column:1;margin:0}
.mark-page--two .mark-composition__copy .kicker,.mark-page--two .mark-composition__copy h1,.mark-page--two .mark-composition__copy p:last-child{grid-column:2}
.mark-page--three{background:var(--paper);color:var(--ink)}
.mark-page--three .mark-composition{background:var(--paper)}
.mark-page--three .mark-header,.mark-page--three .mark-footer{border-color:var(--hairline)}
.mark-page--three .mark-header img{filter:none}
.mark-page--three .kicker{color:var(--muted)}
.mark-composition__bird--paper{position:absolute;width:min(65vw,820px);right:-5%;bottom:-3%;opacity:.085}

@media(max-width:900px){.site-page{--header-h:125px}.site-header{padding-inline:24px;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem}.site-nav{max-width:100%;width:100%}.shell{width:min(calc(100% - 48px),1480px)}.section__grid{grid-template-columns:1fr;gap:3rem}.section__body{grid-column:1}.section__index{align-self:auto}.mark-composition{padding-inline:24px}.mark-page--two .mark-composition__copy{column-gap:1.5rem}}
@media(max-width:600px){.entry__center{width:min(78vw,530px)}.entry__bottom>span:first-child{display:none}.site-nav{gap:.1rem}.site-nav a{gap:.3rem;padding:0 .15rem;font-size:.72rem}.site-nav a span{font-size:.64rem}.hero__copy{padding-block:3.5rem}.hero h1,.mark-composition h1{font-size:clamp(4.2rem,15vw,7rem)}.section h2{font-size:clamp(3.6rem,12vw,6rem)}.section__grid{padding-block:4rem}.section__top{flex-wrap:wrap}.availability{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:1.25rem}.detail-list{flex-wrap:wrap;justify-content:flex-start;padding-block:1.5rem}.chapter-travel{font-size:.68rem}.mark-page--two .mark-composition__copy{display:block}.mark-composition__bird--beside{width:100px;margin:0 0 1rem auto!important;opacity:.72}.mark-composition__bird--under{right:-34%;width:130vw;opacity:.065}.mark-composition__bird--paper{width:110vw;right:-30%}}
@media(max-width:600px){.site-nav{gap:.65rem}.site-nav a{padding:0 .25rem;font-size:.74rem}}
@media (hover:none) and (pointer:coarse) and (max-width:900px){
  .chapter-stage{overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .chapter-stage::-webkit-scrollbar{display:none}
  .chapter-track{display:flex;width:max-content;transform:none!important}
  .chapter-track>.section{flex:0 0 100vw;width:100vw;min-height:calc(100svh - var(--header-h));height:auto}
  .chapter-track .section__shell{min-height:calc(100svh - var(--header-h));height:auto}
  .chapter-scroll.is-enhanced .chapter-stage{position:relative;top:auto;height:auto;overflow-x:auto;overflow-y:hidden}
  .chapter-scroll.is-enhanced .chapter-track{height:auto;transition:none}
  .chapter-scroll.is-enhanced .chapter-track>.section{height:auto;overflow:visible}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry::before,.entry__accent,.chapter-scroll.is-enhanced .chapter-track{transition:none}.hero{position:relative}.hero__glow,.hero__copy{transform:none!important;opacity:1!important}}
