:root{color-scheme:dark;--ink:#19251f;--paper:#f3f1e9;--line:#ffffff50;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper)}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button,a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f4d9a1;outline-offset:5px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:30;background:var(--ink);padding:18px}#experience{position:fixed;inset:0;overflow:hidden;height:100dvh}.picture,.picture>img,.picture>video,.picture-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.picture{background:#19251f}.picture>video{opacity:0}.picture>video.ready{opacity:1}.picture-shade{background:linear-gradient(180deg,#07100965 0%,transparent 30%,#07100912 43%,#071009b0 100%)}.masthead{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 4vw;border-bottom:1px solid #ffffff24;background:linear-gradient(#10201565,transparent)}.brand{text-decoration:none;font:30px Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:11px Arial,sans-serif;letter-spacing:2px;margin-top:7px}.masthead nav{display:flex;gap:30px;align-items:center;font-size:14px}.masthead button{padding:12px 0}.masthead .inquire-link{border:1px solid var(--line);padding:13px 22px}.chapter-copy{position:absolute;left:5vw;bottom:230px;max-width:600px;pointer-events:none;text-shadow:0 2px 18px #0007;transition:opacity .16s,transform .16s}.chapter-copy .eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px}.copy-line{width:34px;height:1px;background:var(--line)}h1{font:clamp(48px,6.2vw,96px)/.98 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;margin:20px 0}h1 em{font-weight:400}#chapter-description{font-size:16px;letter-spacing:.4px;max-width:470px;line-height:1.5}.explore{pointer-events:auto;border-bottom:1px solid var(--line);padding:12px 0;margin-top:10px;font-size:14px}.explore span{padding-left:50px}.property-meta{position:absolute;right:5vw;bottom:254px;display:flex;gap:28px;font-family:Georgia,serif;font-size:28px}.property-meta small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:8px}.tour-controls{position:absolute;left:5vw;right:5vw;bottom:22px}.transport{display:flex;align-items:center;gap:12px;font-size:14px}.transport button{min-width:38px;min-height:40px;border:1px solid #ffffff50}.transport #play{padding:0 15px;min-width:130px}.scroll-hint{margin-left:auto;color:#fffd;font-size:13px}#time-label{font-variant-numeric:tabular-nums;min-width:48px;text-align:right}#progress{width:100%;margin:14px 0 4px;accent-color:var(--paper);height:16px;cursor:pointer}.chapter-index{display:grid;grid-template-columns:repeat(6,1fr)}.chapter-index button{border-top:1px solid #ffffff30;padding:13px 6px 12px 0;text-align:left;font-size:14px;opacity:.65;transition:opacity .2s}.chapter-index button span{font-size:10px;margin-right:9px;opacity:.7}.chapter-index button[aria-current]{opacity:1;border-color:white}.footnote{display:flex;justify-content:space-between;color:#fffb;font-size:11px;padding-top:13px;border-top:1px solid #ffffff24}#scroll-space{height:750vh}.media-notice{position:absolute;right:5vw;top:110px;background:#19251fcc;font-size:13px;padding:12px;max-width:300px}dialog{color-scheme:light;color:var(--ink);background:var(--paper);border:0;padding:50px;max-width:760px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#05120bdd;backdrop-filter:blur(8px)}.close-dialog{display:block;margin:0 0 25px auto;font-size:14px;min-height:40px}.eyebrow{font-size:12px;letter-spacing:2px}h2{font:clamp(32px,4vw,48px)/1.1 Georgia,serif;margin:20px 0}dialog p{font-size:16px;line-height:1.6}.location{color:#58665b}.detail-stats{display:flex;gap:45px;padding:24px 0;border-block:1px solid #19251f25;margin:30px 0;font-size:14px}.detail-stats b{display:block;font:34px Georgia;margin-bottom:8px}.dark-button{display:block;background:var(--ink);color:var(--paper);padding:17px 23px;margin:20px 0;font-size:14px}.listing-link{font-size:14px;display:inline-block;margin-top:10px}.gallery-dialog{max-width:1100px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-grid button{text-align:left;padding:0}.photo-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.photo-grid button>span{display:flex;justify-content:space-between;font-size:14px;margin-top:12px}.lightbox{max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;background:#0d1611;color:var(--paper);padding:20px 30px}.lightbox>img{display:block;width:100%;height:calc(100% - 130px);object-fit:contain}.lightbox>div{display:flex;align-items:center;justify-content:center;gap:30px;height:60px}.lightbox>div button{padding:15px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{font-size:14px}form label span{color:#667267}form input,form textarea{font:16px Arial;width:100%;display:block;margin-top:9px;padding:12px;border:1px solid #19251f45;border-radius:0;background:#fff8;color:var(--ink)}form .wide{grid-column:1/-1}.demo-note{font-size:14px!important;padding:12px;border:1px solid #19251f30}#form-status:empty{display:none}body.dialog-open{overflow:hidden}body.later-chapter .chapter-copy{bottom:225px}body.later-chapter h1{font-size:clamp(40px,4.6vw,66px)}body.later-chapter .property-meta,body.later-chapter #begin{display:none}
@media(min-width:1600px){.chapter-copy{bottom:250px}.tour-controls{bottom:30px}}
@media(max-width:760px){.masthead{padding:22px}.brand{font-size:25px}.brand span{font-size:9px;letter-spacing:1px}.masthead nav{gap:18px}.masthead nav button:first-child{display:none}.masthead .inquire-link{padding:10px 13px}.chapter-copy,body.later-chapter .chapter-copy{left:24px;right:24px;bottom:230px;max-width:440px}h1{font-size:56px;letter-spacing:-2px}.property-meta{display:none}.tour-controls{left:22px;right:22px;bottom:18px}.chapter-index{grid-template-columns:repeat(6,minmax(0,1fr))}.chapter-index button{font-size:11px;text-align:center;padding:10px 1px}.chapter-index button span{display:block;margin:0 0 5px;font-size:10px}.scroll-hint{font-size:11px}.footnote{font-size:9px;gap:14px}.footnote span:last-child{text-align:right}.picture>img,.picture>video{object-position:50% 50%}.picture-shade{background:linear-gradient(#07100988,transparent 30%,#07100940 45%,#071009bb 100%)}dialog{padding:25px}.photo-grid{grid-template-columns:1fr}.detail-stats{gap:25px}.detail-stats b{font-size:27px}.lightbox{padding:15px}form{grid-template-columns:1fr}body.later-chapter h1{font-size:43px}.media-notice{top:90px;right:20px;left:20px}}
@media(max-height:650px){.chapter-copy,body.later-chapter .chapter-copy{bottom:175px}h1,body.later-chapter h1{font-size:42px;margin:10px 0}.chapter-copy #begin{display:none}.chapter-copy .eyebrow{margin-bottom:6px}.property-meta{bottom:190px}.masthead{padding-block:15px}.tour-controls{bottom:10px}.footnote{padding-top:6px}.chapter-index button{padding-block:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.chapter-index{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-index button{font-size:14px;text-align:left;padding:9px 2px}.chapter-index button span{display:inline;margin-right:7px}.chapter-copy,body.later-chapter .chapter-copy{bottom:265px}.scroll-hint{display:none}#time-label{margin-left:auto}.footnote{font-size:11px}.brand span{font-size:10px}}
.picture>img,.picture>video{object-fit:contain;object-position:center;background:#101a14}.picture-shade{background:linear-gradient(180deg,#07100980 0%,transparent 24%,transparent 60%,#071009aa 100%)}@media(max-width:760px){.picture>img,.picture>video{inset:120px 0 auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.picture-shade{background:none}.chapter-copy,body.later-chapter .chapter-copy{top:calc(120px + 56.25vw + 20px);bottom:auto}.chapter-copy h1,body.later-chapter h1{font-size:38px;line-height:1.05;margin:10px 0;letter-spacing:-1px}.chapter-copy .eyebrow{margin-top:0}.chapter-copy #begin{display:none}#chapter-description{font-size:14px;margin:10px 0;line-height:1.4}.chapter-copy{max-height:calc(100dvh - 56.25vw - 350px);overflow:auto}.masthead{border-bottom:1px solid #ffffff25}}
.picture>img,.picture>video{max-width:1920px;max-height:1080px;margin:auto}@media(max-width:760px){.masthead nav{gap:14px;white-space:nowrap}.masthead nav span[aria-hidden]{display:none}.picture>img,.picture>video{margin:0 auto}}

/* Paint decoded frames on a canvas to avoid blank native-video surfaces in embedded browsers. */
.picture>img,.picture>canvas{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,1920px);height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;margin:0;background:transparent}
.picture>canvas{opacity:0;pointer-events:none}.picture>canvas.ready{opacity:1}
.picture>video,.picture>video.ready{position:absolute;inset:0 auto auto 0;width:1px;height:1px;opacity:0;pointer-events:none;background:transparent;margin:0}
.open-video{font-size:14px;text-decoration:none;padding:10px;white-space:nowrap}
@media(max-width:760px){.picture>img,.picture>canvas{top:120px;left:0;transform:none;width:100%;height:auto}.transport{gap:6px}.transport #play{min-width:110px;padding:0 10px}.open-video{font-size:12px;padding:8px 4px}}
@media(min-width:761px) and (max-aspect-ratio:16/9){.picture>img,.picture>canvas{width:min(100%,1920px)}}
@media(min-width:761px) and (min-aspect-ratio:16/9){.picture>img,.picture>canvas{width:min(100%,calc(100dvh * 16 / 9),1920px)}}
/* Keep the additional porch and entry chapters in the existing control area. */
@media(min-width:761px){.chapter-index:has(button:nth-child(7)){grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:760px){.chapter-index:has(button:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-index:has(button:nth-child(7)) button{font-size:12px}}
/* Longer tours keep all chapter destinations readable without crowding one row. */
@media(min-width:761px){.chapter-index:has(button:nth-child(9)){grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){body:has(.chapter-index button:nth-child(9)) .chapter-copy{max-height:calc(100dvh - 56.25vw - 400px)}}
