/* Manor and cinema chapters. The welcome is defined in welcome-wall.css. */






.corner-tl{top:-1px;left:-1px}.corner-br{bottom:-1px;left:-1px;transform:scaleY(-1)}













.manor-story{position:relative;display:block;overflow:clip;background:#03141b;color:var(--ivory);isolation:isolate}
.manor-media{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;z-index:0}
.manor-media img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center}
.manor-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03141b47,transparent 58%),linear-gradient(0deg,#03141b2b,transparent 40%);pointer-events:none}
.manor-copy{position:relative;z-index:1;margin-top:-100svh;min-height:165svh;width:45%;padding:13svh 3vw 30svh 9vw;pointer-events:none}
.manor-reading-panel{position:relative;max-width:445px;pointer-events:auto}
.manor-reading-panel:before{content:"";position:absolute;left:-3vw;top:0;bottom:0;width:1px;background:linear-gradient(#b69b6777,#b69b67a1 32%,#b69b6733)}
.manor-reading-panel:after{content:"";position:absolute;left:calc(-3vw - 2px);top:32%;width:5px;height:5px;background:#c1a778;transform:rotate(45deg)}
.manor-copy .eyebrow{font-size:9px;letter-spacing:.22em;color:#c5ad83;margin-bottom:23px}
.manor-copy .section-title{font-size:clamp(68px,6.35vw,104px);line-height:.87;letter-spacing:-.025em;margin-bottom:28px}
.manor-copy .body-copy{font-size:clamp(22px,1.8vw,28px);line-height:1.27;color:#e1d7c4;max-width:415px}
.manor-amenities{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin:31px 0 27px;padding-top:23px;border-top:1px solid #c1a4774d}
.manor-amenity{display:flex;align-items:center;gap:12px;font:400 16px/1.2 var(--serif);color:#e1d4bc}
.manor-amenity svg{width:22px;height:22px;flex-shrink:0;stroke-width:1.3;color:#c6aa7b}
.manor-copy .text-link{color:#d0b68a;font-size:9px;margin-top:3px}
/* The photograph remains in place while the editorial panels pass over it. */
.cinema-chapter{background:#03141b;color:var(--ivory);overflow:clip}
.cinema-chapter-stage{position:relative;display:block;height:auto;min-height:0;max-height:none;isolation:isolate}
.cinema-chapter-visual{position:sticky;top:0;height:100svh;min-height:650px;padding:0;width:100%;z-index:0}
.cinema-chapter-main{height:100%;min-height:0;width:100%}
.cinema-photo-stack{height:100%;min-height:0;clip-path:none;background:#03141b;mask-image:linear-gradient(90deg,#000 0%,#000 40%,#000b 54%,transparent 76%)}
.cinema-photo-stack:after{display:none}
.cinema-shot{object-position:30% 48%}
.cinema-shot:nth-child(2){object-position:33% 50%}.cinema-shot:nth-child(3){object-position:25% 50%}
.cinema-frame-line{display:none}
.cinema-chapter-main figcaption{position:absolute;left:4.5vw;bottom:30px;width:42%;height:50px;color:#dfcfb1;padding:0;border-top:1px solid #b7a07a55}
.cinema-photo-controls button{color:#d5c2a0}.cinema-photo-controls button:hover,.cinema-photo-controls button[aria-pressed=true]{color:#f2dfbb;border-bottom-color:#c5a879}
.cinema-chapter-copy{position:relative;z-index:1;display:block;width:46%;margin:-100svh 0 0 auto;min-height:225svh;padding:18svh 6vw 30svh 2vw;background:none;overflow:visible;pointer-events:none}
.cinema-reading-panel,.cinema-second-panel{pointer-events:auto}
.cinema-chapter-copy .eyebrow{color:#c5ad83;font-size:9px;letter-spacing:.2em;margin-bottom:27px}
.cinema-chapter-copy .section-title{font-size:clamp(66px,6.1vw,103px);line-height:.9;letter-spacing:-.035em;color:#f0e6d6;margin-bottom:28px}
.cinema-chapter-lead{color:#cbb388;font-size:clamp(26px,2.3vw,37px)}
.cinema-chapter-copy .body-copy{color:#ded3c0;font-size:clamp(22px,1.85vw,29px);line-height:1.3;max-width:440px}
.cinema-chapter-copy .button{background:transparent;border-color:#b99b6e;color:#f0e4d0;margin-top:33px}
.cinema-chapter-copy .button:hover{background:var(--wine)}
.cinema-second-panel{margin-top:52svh;max-width:440px}
.cinema-second-panel h3{font:400 clamp(48px,4.6vw,74px)/.95 var(--serif);letter-spacing:-.03em;margin:0 0 25px}
.cinema-second-panel .text-link{margin-top:30px;color:#d0b68a}
@media(min-width:761px) and (max-height:780px){.manor-copy{padding-top:9svh}.manor-copy .section-title{font-size:5.9vw}.manor-copy .body-copy{font-size:22px}.manor-amenities{margin-top:25px;gap:17px 12px}.cinema-chapter-copy{padding-top:13svh}}
@media(min-width:761px) and (max-width:1050px){.manor-copy{width:51%}.manor-copy .section-title{font-size:7.1vw}.cinema-chapter-copy{width:51%;padding-right:5vw}.cinema-chapter-copy .section-title{font-size:7vw}.cinema-photo-stack{mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 73%)}}
@media(max-width:760px){
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .manor-story{overflow:hidden}.manor-media{position:relative;top:auto;height:420px;min-height:0}
 .manor-media img{object-position:43% 50%}
 .manor-media:after{background:linear-gradient(0deg,#03141b 0%,#03141b00 35%)}
 .manor-copy{margin:0;min-height:0;width:100%;padding:26px 28px 62px}
 .manor-reading-panel{max-width:500px}.manor-reading-panel:before,.manor-reading-panel:after{display:none}
 .manor-copy .eyebrow{font-size:8px;margin-bottom:20px}.manor-copy .section-title{font-size:clamp(58px,14vw,86px);line-height:.91;margin-bottom:25px}
 .manor-copy .body-copy{font-size:23px;line-height:1.3;max-width:500px}
 .manor-amenities{margin:28px 0;gap:23px 12px;padding-top:24px}.manor-amenity{gap:10px;font-size:17px}.manor-amenity svg{width:23px;height:23px}
 .manor-copy .text-link{font-size:8px}
 .cinema-chapter-stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}
 .cinema-chapter-visual{position:relative;height:450px;min-height:0;order:0}
 .cinema-photo-stack{height:calc(100% - 60px);mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
 .cinema-shot,.cinema-shot:nth-child(2),.cinema-shot:nth-child(3){object-position:50% 50%}
 .cinema-chapter-main figcaption{left:25px;right:25px;bottom:8px;width:auto;height:44px;font-size:7px;letter-spacing:.14em}
 .cinema-chapter-copy{margin:0;width:100%;min-height:0;max-width:600px;padding:33px 28px 65px;order:1}
 .cinema-chapter-copy .eyebrow{font-size:8px;margin-bottom:22px}.cinema-chapter-copy .section-title{font-size:clamp(56px,13.4vw,84px);line-height:.94;margin-bottom:23px}
 .cinema-chapter-lead{font-size:27px;line-height:1.2;margin-bottom:23px}
 .cinema-chapter-copy .body-copy{font-size:23px;line-height:1.3;max-width:500px}
 .cinema-chapter-copy .button{font-size:8px;margin-top:28px}
 .cinema-second-panel{margin-top:68px;padding-top:35px;border-top:1px solid #c1a4774d;max-width:500px}
 .cinema-second-panel h3{font-size:48px}.cinema-second-panel .text-link{font-size:8px}
}
@media(max-width:360px){.manor-media{height:360px}.manor-copy,.cinema-chapter-copy{padding-inline:23px}.manor-amenity{font-size:15px;gap:8px}.cinema-chapter-visual{height:390px}.manor-copy .section-title{font-size:55px}.cinema-chapter-copy .section-title{font-size:51px}}
@media(prefers-reduced-motion:reduce){.manor-media,.cinema-chapter-visual{position:relative;top:auto;height:650px;min-height:0}.manor-copy,.cinema-chapter-copy{min-height:0;margin-top:0;padding-block:70px}.manor-copy{width:70%;max-width:780px}.cinema-chapter-copy{width:70%;max-width:780px;margin-inline:auto}.cinema-second-panel{margin-top:70px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.manor-media{height:420px}.cinema-chapter-visual{height:450px}.manor-copy,.cinema-chapter-copy{width:100%;padding-block:35px 60px}}

/* Revision 3: quiet sign-off and a single, unpinned courtyard composition. */




.manor-story{min-height:760px;display:grid;align-items:center}
.manor-media{position:absolute;inset:0;height:100%;min-height:0;top:0}
.manor-copy{margin:0;min-height:0;padding:80px 3vw 80px 9vw;width:45%}
@media(min-width:761px) and (max-width:1050px){.manor-copy{width:51%;padding-block:70px}}
@media(max-width:760px){.manor-story{display:block;min-height:0}.manor-media{position:relative;inset:auto;height:420px}.manor-copy{width:100%;padding:26px 28px 62px}}
@media(max-width:360px){.manor-media{height:360px}.manor-copy{padding-inline:23px}}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.manor-media{position:absolute;height:100%;inset:0}.manor-copy{width:45%;margin:0;padding:80px 3vw 80px 9vw}}
/* Two cinema scenes share one still stage, on touch and desktop. */
.cinema-chapter{height:240svh;overflow:clip;position:relative}
.cinema-chapter-stage{position:sticky;top:0;height:100svh;min-height:0;max-height:none;display:block;overflow:hidden}
.cinema-chapter-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.cinema-photo-stack{height:100%;mask-image:linear-gradient(90deg,#000 0%,#000 34%,#0009 48%,transparent 65%)}
.cinema-chapter-main{position:relative;height:100%;margin:0}
.cinema-chapter-copy{position:absolute;inset:0 0 0 auto;margin:0;width:47%;min-height:0;padding:7vh 6vw 7vh 2vw;display:grid;align-items:center;pointer-events:none}
.cinema-reading-panel,.cinema-second-panel{grid-area:1/1;margin:0;max-width:470px;pointer-events:auto}
.cinema-second-panel{opacity:0;visibility:hidden;border:0;padding:0}
.cinema-chapter-copy .section-title{font-size:clamp(58px,5.8vw,92px)}
.cinema-second-panel h3{font-size:clamp(56px,5.3vw,84px)}
.cinema-chapter-copy .body-copy{font-size:clamp(22px,1.85vw,28px);line-height:1.3}
.cinema-photo-controls button{min-width:44px;min-height:44px}
.cinema-chapter-main figcaption{height:54px;bottom:25px;width:40%;align-items:center}
@media(max-width:760px){
 .cinema-chapter{height:235svh}.cinema-chapter-stage{display:block;height:100svh}
 .cinema-chapter-visual{position:absolute;inset:0 0 auto;height:46%;width:100%;min-height:0}
 .cinema-photo-stack{height:100%;mask-image:linear-gradient(#000 0%,#000 77%,transparent 100%)}
 .cinema-shot,.cinema-shot:nth-child(2){object-position:50% 48%}
 .cinema-chapter-main figcaption{left:22px;right:22px;bottom:8px;height:45px;width:auto;z-index:4;border:0;font-size:7px;text-shadow:0 1px 8px #03141b}
 .cinema-chapter-copy{inset:45% 0 0;width:100%;max-width:none;padding:16px 27px 26px;align-items:center}
 .cinema-chapter-copy .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:16px}
 .cinema-chapter-copy .section-title{font-size:clamp(44px,12.5vw,66px);margin-bottom:15px;line-height:.93}
 .cinema-chapter-lead{font-size:23px;line-height:1.2;margin:0 0 13px}
 .cinema-chapter-copy .body-copy{font-size:21px;line-height:1.25;max-width:470px}
 .cinema-chapter-copy .button{min-height:46px;padding:13px 17px;font-size:8px;margin-top:22px}
 .cinema-second-panel h3{font-size:clamp(43px,11.5vw,61px);line-height:.97;margin-bottom:22px}
 .cinema-second-panel .text-link{margin-top:23px;min-height:44px}
}
@media(max-width:760px) and (max-height:720px){.cinema-chapter-visual{height:40%}.cinema-chapter-copy{inset:39% 0 0;padding-block:8px 18px}.cinema-chapter-copy .section-title{font-size:43px}.cinema-chapter-copy .eyebrow{margin-bottom:12px}.cinema-chapter-lead{font-size:21px}.cinema-chapter-copy .body-copy{font-size:19px}.cinema-chapter-copy .button{margin-top:16px}.cinema-second-panel h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){.cinema-chapter{height:auto}.cinema-chapter-stage{position:relative;height:800px}.cinema-chapter-visual{position:absolute;height:100%;inset:0}.cinema-chapter-copy{position:absolute;inset:0 0 0 auto;margin:0;width:47%;padding:60px 6vw 60px 2vw}.cinema-chapter[data-cinema-view="1"] .cinema-reading-panel{opacity:0;visibility:hidden}.cinema-chapter[data-cinema-view="1"] .cinema-second-panel{opacity:1;visibility:visible}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.cinema-chapter-stage{height:850px}.cinema-chapter-visual{height:46%}.cinema-chapter-copy{inset:45% 0 0;width:100%;padding:16px 27px 26px}}



/* A real, self-hosted flat-pen handwriting face for the personal sign-off. */



/* Shared date selection. The native inputs remain editable with a keyboard. */
.stay-calendar{width:min(820px,calc(100vw - 32px));max-width:none;max-height:94svh;border:1px solid #ad946d80;background:#f4ecdf;color:#173038;padding:32px 35px;overflow:auto;box-shadow:0 28px 100px #0005}
.stay-calendar::backdrop{background:#03141bc9;backdrop-filter:blur(6px)}
.stay-calendar button{cursor:pointer}.stay-calendar button:disabled{cursor:default}
.calendar-top{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:25px}.calendar-eyebrow{font:500 8px/1.5 var(--sans);letter-spacing:.19em;color:#796340;margin:0 0 13px}.calendar-top h2{font:400 43px/1 var(--serif);letter-spacing:-.025em;margin:0}.calendar-close{border:1px solid #a58c6750;background:transparent;color:#385056;width:44px;height:44px;font:300 30px/1 var(--sans);flex-shrink:0}
.calendar-range{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a58c6760;position:relative}.calendar-range:after{content:"";position:absolute;left:0;bottom:-1px;width:50%;height:2px;background:#7b2029;transition:transform .3s ease}.is-checkout .calendar-range:after{transform:translateX(100%)}.calendar-range button{background:transparent;border:0;text-align:left;padding:16px 20px;min-height:76px}.calendar-range button+button{border-left:1px solid #a58c6760}.calendar-range small{display:block;font:500 8px/1.4 var(--sans);letter-spacing:.15em;color:#796340;margin-bottom:8px}.calendar-range span{font:400 22px/1.1 var(--serif)}.calendar-range .is-active{background:#eadfce80}
.calendar-instruction{font:400 20px/1.3 var(--serif);margin:20px 0 15px;color:#5d6359}.calendar-month-nav{display:flex;align-items:center;justify-content:space-between;font:italic 16px/1.3 var(--serif);color:#796340;gap:15px}.calendar-month-nav button{min-width:44px;height:44px;border:1px solid #b1997350;background:none;color:#354c4c;font:400 24px/1 var(--serif)}.calendar-month-nav button:disabled{opacity:.25}
.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:0}.calendar-month h3{text-align:center;font:500 23px/1.2 var(--serif);margin:8px 0 20px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{font:500 9px/1.5 var(--sans);color:#796340;text-align:center;margin-bottom:9px}.calendar-grid{row-gap:4px}.calendar-grid button,.calendar-grid>span{height:43px;min-width:0;border:0;position:relative;isolation:isolate;background:transparent;font:400 18px/1 var(--serif);color:#203638;border-radius:0;padding:0}.calendar-grid button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ab8c63}.calendar-grid button:disabled{color:#796340;text-decoration:line-through;opacity:.5}.calendar-grid button.is-range{background:#e0d3be}.calendar-grid button.is-selected{background:#17343b;color:#fff5e5}.calendar-grid button[aria-current=date]:after{content:"";position:absolute;left:calc(50% - 2px);bottom:6px;width:4px;height:4px;border-radius:50%;background:currentColor}.calendar-grid .is-unavailable{color:#796340;text-decoration:line-through}
.calendar-error{font:400 17px/1.3 var(--serif);color:#872431;min-height:22px;margin:15px 0 0}.calendar-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #b1997350;padding-top:20px;margin-top:5px}.calendar-note{font:400 16px/1.3 var(--serif);color:#796340;max-width:260px}.calendar-done{font-size:8px;padding:16px 20px;min-height:48px;gap:30px}.calendar-done:disabled{opacity:.4;pointer-events:none}
input[type=date],select{cursor:pointer}input[type=date]:focus-visible,select:focus-visible{outline:2px solid #b49a70;outline-offset:4px}
.hero-rate{font:400 18px/1.4 var(--serif);color:#eee2ce;margin-top:18px;letter-spacing:.01em}.hero-rate strong{font-weight:500}.hero-rate small{font-size:14px;opacity:.78;margin-left:8px}
@media(max-width:760px){.stay-calendar{width:calc(100vw - 20px);padding:24px 20px;max-height:94svh}.calendar-top{margin-bottom:22px;gap:12px}.calendar-top h2{font-size:34px}.calendar-eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:12px}.calendar-months{grid-template-columns:1fr;gap:0}.calendar-month:nth-child(2){display:none}.calendar-month h3{font-size:24px;margin-bottom:19px}.calendar-grid button,.calendar-grid>span{height:44px}.calendar-range button{padding:15px 13px;min-height:73px}.calendar-range span{font-size:20px}.calendar-range small{font-size:7px}.calendar-month-nav{font-size:15px}.calendar-instruction{font-size:19px;margin-top:17px}.calendar-bottom{display:block}.calendar-note{display:block;font-size:16px;margin-bottom:19px;max-width:none}.calendar-done{width:100%;justify-content:space-between;min-height:49px}.calendar-error{margin-top:11px}.hero-rate{font-size:17px;margin-top:15px}.hero-rate small{font-size:13px;display:block;margin:2px 0 0}}
@media(prefers-reduced-motion:reduce){.calendar-range:after{transition:none}}
.footer-utility{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:15px;padding-bottom:27px;color:#796340;font:400 10px/1.5 var(--sans);letter-spacing:.04em}.footer-utility a{min-height:32px;display:flex;align-items:center}.footer-utility a:hover{color:#efe3cd}.property-open-map{display:block;width:100%;height:340px;border:1px solid #ad967260;margin-top:32px;filter:saturate(.75)}.property-map-credit{font:400 16px/1.35 var(--serif);color:#796340;margin-top:10px}.property-map-credit a{text-decoration:underline;text-underline-offset:3px}.property-local-link{margin-top:23px;color:#82633d;min-height:44px;font-size:8px}
@media(max-width:760px){.footer-utility{gap:8px 20px;font-size:9px}.property-open-map{height:290px}}
.stay-calendar[open]{display:grid;height:min(780px,94svh);grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;overflow:hidden;padding:25px 32px}
.calendar-top{margin-bottom:20px}.calendar-top h2{font-size:37px}.calendar-top .calendar-eyebrow{margin-bottom:11px}.calendar-range button{min-height:68px;padding-block:12px}.calendar-instruction{font-size:19px;margin:15px 0 12px}.calendar-month-nav{height:0;position:relative;z-index:2}.calendar-month-nav>span{display:none}.calendar-month-nav button{position:absolute;top:0}.calendar-month-nav button:first-child{left:0}.calendar-month-nav button:last-child{right:0}.calendar-months{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-top:10px}.calendar-month h3{margin:2px 0 22px}.calendar-error:empty{display:none}.calendar-bottom{margin-top:14px;padding-top:17px}.calendar-error{margin-top:10px;min-height:0}
@media(max-width:760px){.stay-calendar[open]{padding:22px 20px;height:min(760px,94svh)}.calendar-top{margin-bottom:18px}.calendar-top h2{font-size:33px}.calendar-range button{min-height:65px}.calendar-instruction{font-size:18px;margin:14px 0 11px}.calendar-months{padding-top:9px}.calendar-month h3{font-size:23px;margin-bottom:21px}.calendar-bottom{margin-top:14px;padding-top:15px}.calendar-note{font-size:15px;margin-bottom:13px}.calendar-done{min-height:47px}}
.extras-editorial-price{font:400 38px/1.2 var(--serif)!important;color:#7b2029!important;margin-top:24px!important}.extras-editorial-price span{font-size:22px;color:#796340}.extras-editorial-note{display:block;font:400 17px/1.4 var(--serif);color:#796340;margin-top:18px;max-width:340px}

.footer-utility{color:#bcae96}.footer-utility a{min-height:44px}.calendar-eyebrow,.calendar-range small{font-size:9px}.calendar-weekdays{font-size:11px}
.discovery-guide-link{display:inline-block;font:italic 20px/1.4 var(--serif);color:#796340;margin-top:9px;margin-right:20px;min-height:35px}.discovery-photo-credit{display:inline-block;font:400 15px/1.4 var(--serif);color:#796340;text-decoration:underline;text-underline-offset:3px;min-height:32px}

.calendar-grid button.is-preview-end{background:#e0d3be;box-shadow:inset 0 0 0 1px #947750;border:1px dashed #947750;color:#17343b}.calendar-grid button[data-range-preview]{transition:background-color .1s ease}.calendar-note{font-variant-numeric:tabular-nums}

/* Real clematis cutouts touch the section or frame corner. No floating flowers over the hero. */
:where(.botanical-host):not(.hero){position:relative}
.botanical-piece{position:absolute;display:block;pointer-events:none!important;user-select:none;z-index:3;width:96px;height:96px;opacity:.92;contain:layout style;line-height:0}
.botanical-piece>img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;border:0!important;box-shadow:none!important}
.botanical-welcome-left{width:190px;height:270px;left:15px;top:28px;opacity:.93}
.botanical-welcome-right{display:none}
.botanical-cinema-corner{left:0;top:0;width:105px;height:105px}
.botanical-rooms-border{left:0;top:0;width:96px;height:96px}
.botanical-tea-corner,.botanical-hire-corner,.botanical-city-border,.botanical-reviews-corner{right:0;top:0;transform:scaleX(-1)}
.botanical-tea-corner{width:112px;height:112px}.botanical-hire-corner{width:106px;height:106px}.botanical-city-border,.botanical-reviews-corner{width:90px;height:90px}
.botanical-festive-border,.botanical-discovery-corner{left:0;bottom:0;transform:scaleY(-1);width:100px;height:100px}
.botanical-interior-corner,.botanical-article-corner,.botanical-prose-corner{right:calc((100% - 100vw)/2);top:0;transform:scaleX(-1);width:92px;height:92px}
.botanical-internal-border,.botanical-guide-corner{right:0;top:0;transform:scaleX(-1);width:96px;height:96px}
.botanical-property-border,.botanical-contact-corner{right:0;top:0;transform:scaleX(-1);width:76px;height:76px}
.botanical-enquiry-border{right:0;bottom:0;transform:rotate(180deg);width:80px;height:80px}
.botanical-recovery-border{right:0;bottom:0;transform:rotate(180deg);width:80px;height:80px}
.botanical-checkout-border{right:0;top:0;transform:scaleX(-1);width:65px;height:65px;opacity:.85}
.page-enter{animation:manor-arrive .4s ease-out both}.detail-enter{animation:manor-arrive .35s ease-out both}
@keyframes manor-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:761px){.botanical-welcome-left{width:130px;height:190px;top:28px;left:3px}}
@media(max-width:760px){
 .botanical-piece{width:63px;height:63px;opacity:.9}
 /* The frame is inset 16px horizontally and 20px vertically. The vine follows both lines. */
 .botanical-welcome-left,.botanical-welcome-right{display:block;width:75px;height:75px;top:14px;opacity:.95}
 .botanical-welcome-left{left:10px}.botanical-welcome-right{right:10px;transform:scaleX(-1)}
 .botanical-cinema-corner,.botanical-rooms-border{width:60px;height:60px}
 .botanical-tea-corner,.botanical-hire-corner{width:68px;height:68px}
 .botanical-city-border,.botanical-reviews-corner{width:58px;height:58px}
 .botanical-festive-border,.botanical-discovery-corner{width:64px;height:64px}
 .botanical-interior-corner,.botanical-article-corner,.botanical-prose-corner{width:58px;height:58px}
 .botanical-internal-border,.botanical-guide-corner{width:64px;height:64px}
 .botanical-property-border,.botanical-contact-corner{width:56px;height:56px}
 .botanical-enquiry-border,.botanical-recovery-border{width:56px;height:56px}
 .botanical-checkout-border{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.page-enter,.detail-enter{animation:none!important}}

.botanical-festive-border{top:0;bottom:auto;transform:none}.botanical-discovery-corner{top:0;bottom:auto;left:auto;right:0;transform:scaleX(-1)}

@font-face{font-family:'Jordan Original';font-style:normal;font-weight:400;font-display:swap;src:url("../../assets/fonts/jordan-original-signature.woff2") format('woff2')}
/* A real room, a separate paper surface, and readable live typography. */
.welcome-chapter{position:relative;isolation:isolate;display:grid;place-items:center;min-height:1120px;padding:84px 28px;overflow:hidden;color:#17242b;background:#30291f}
.welcome-room{position:absolute;inset:-7px;z-index:0;pointer-events:none}
.welcome-room img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:blur(3px);transform:scale(1.015)}
.welcome-chapter:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#17171045,#29251d10 50%,#17171045);pointer-events:none}
.welcome-chapter:after{display:none}
.welcome-glass{position:relative;z-index:2;width:min(100%,740px);padding:25px;border:1px solid #f5e8cc65;border-radius:12px;background:#e5dac513;box-shadow:0 24px 70px #0004,inset 0 1px 0 #fff4}
.welcome-copy{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:56px 66px 145px;filter:drop-shadow(0 8px 15px #140e0a35)}
.welcome-paper{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none}
.welcome-frame{position:absolute;inset:20px 23px;z-index:-1;border:1px solid #9a7b3d70;pointer-events:none}
.welcome-frame:before{content:'';position:absolute;inset:5px;border:1px solid #9a7b3d38}
.welcome-title-group{text-align:center}
.welcome-title-group .welcome-crest{display:block;width:70px;height:100px;max-width:none;object-fit:contain;margin:0 auto 20px;filter:brightness(.43) sepia(.7) saturate(1.5)}
.welcome-title-group .eyebrow{margin:0 0 16px;color:#775b2a;font:400 11px/1.5 var(--sans);letter-spacing:.3em}
.welcome-title-group h2{margin:0;color:#111e26;font:500 clamp(42px,4.7vw,66px)/1 var(--serif);letter-spacing:.015em;text-shadow:none;text-wrap:balance}
.welcome-title-group .welcome-boutique{margin:14px 0 0;color:#7b5c2c;font:italic 400 27px/1.25 var(--serif);letter-spacing:.025em}
.welcome-title-group:after{content:'◆';display:block;width:180px;margin:26px auto 0;color:#9c7f46;font:10px/1 var(--sans);background:linear-gradient(#a68c55,#a68c55) left center/76px 1px no-repeat,linear-gradient(#a68c55,#a68c55) right center/76px 1px no-repeat}
.welcome-letter{position:relative;z-index:1;max-width:480px;margin:31px auto 0;color:#243039;font:500 25px/1.43 var(--serif);letter-spacing:0;text-shadow:none;text-wrap:pretty}
.welcome-letter>p{margin:0 0 15px}.welcome-letter .welcome-regards{margin:24px 0 0;color:#795e2e;font:italic 400 24px/1.4 var(--serif)}
.jordan-signature{display:block;width:fit-content;max-width:100%;margin:4px 0 0 -4px;padding:0 16px 5px 0;color:#17252c;font:400 83px/1.1 'Jordan Original',cursive;letter-spacing:0;transform:rotate(-4deg);text-shadow:none}
.welcome-vignette{position:absolute;bottom:24px;left:28px;right:28px;height:160px;z-index:-1;overflow:hidden;opacity:.2;mask-image:linear-gradient(transparent,#000 55%,transparent)}
.welcome-vignette img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:sepia(.8) saturate(.25)}
.welcome-flower{position:absolute;left:-65px;bottom:-25px;width:320px;max-width:34vw;height:auto;pointer-events:none;z-index:2;opacity:.8}
.welcome-chapter.welcome-reveal-ready .welcome-glass{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .9s cubic-bezier(.22,.7,.2,1)}
.welcome-chapter.welcome-reveal-ready.is-visible .welcome-glass{opacity:1;transform:none}
/* An unhurried photographic sequence, with no pinned scroll or automatic carousel. */
.manor-photo-story{padding:92px 0 100px;background:#f3ede2;color:#17282e}
.photo-story-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.photo-story-heading .eyebrow{color:#846d45;margin-bottom:14px}.photo-story-heading h2{font:400 clamp(38px,4vw,58px)/1.02 var(--serif);margin:0}
.photo-story-heading .text-link{color:#25383d;flex-shrink:0;margin-bottom:5px}
.photo-story-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.photo-story-grid figure{margin:0}.photo-story-grid button{display:block;padding:0;border:0;background:#d9cdbc;width:100%;cursor:zoom-in;overflow:hidden}
.photo-story-grid img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .7s var(--ease)}
.photo-story-grid figure:first-child{grid-row:span 2}.photo-story-grid figure:first-child img{aspect-ratio:4/5;object-position:52% center}
.photo-story-grid figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;color:#665d50;font:400 10px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.photo-story-grid figcaption span{color:#98876d}
@media(hover:hover){.photo-story-grid button:hover img{transform:scale(1.025)}}
@media(max-width:760px){.welcome-chapter{min-height:0;padding:55px 15px 60px}.welcome-room img{object-position:48% center}.welcome-glass{max-width:480px;padding:12px;border-radius:8px}.welcome-copy{padding:40px 30px 100px}.welcome-frame{inset:14px 15px}.welcome-title-group .welcome-crest{width:58px;height:83px;margin-bottom:18px}.welcome-title-group .eyebrow{font-size:9px;letter-spacing:.23em;margin-bottom:13px}.welcome-title-group h2{font-size:clamp(32px,9.5vw,49px);line-height:1.02;letter-spacing:0}.welcome-title-group .welcome-boutique{font-size:23px;margin-top:12px}.welcome-title-group:after{margin-top:22px;width:152px;background-size:62px 1px,62px 1px}.welcome-letter{margin-top:24px;font-size:22px;line-height:1.43}.welcome-letter>p{margin-bottom:14px}.welcome-letter .welcome-regards{font-size:21px;margin-top:23px}.jordan-signature{font-size:73px}.welcome-vignette{height:125px;bottom:15px;left:20px;right:20px}.welcome-flower{left:-44px;bottom:-8px;width:200px;max-width:45vw;opacity:.68}.manor-photo-story{padding:60px 0}.photo-story-heading{display:block;margin-bottom:27px}.photo-story-heading .text-link{margin-top:22px}.photo-story-grid{gap:28px;grid-template-columns:1fr}.photo-story-grid figure:first-child{grid-row:auto}.photo-story-grid figure:first-child img{aspect-ratio:4/3}.photo-story-grid img{aspect-ratio:3/2}.photo-story-grid figcaption{font-size:9px;padding-top:10px}}
@media(max-width:360px){.welcome-chapter{padding-inline:10px}.welcome-glass{padding:9px}.welcome-copy{padding-inline:25px}.welcome-title-group h2{font-size:30px}.welcome-letter{font-size:21px}.jordan-signature{font-size:66px}}
@media(prefers-reduced-motion:reduce){.welcome-chapter.welcome-reveal-ready .welcome-glass{opacity:1;transform:none;transition:none}.photo-story-grid img{transition:none}}
/* Align the live letterhead and keep the hairline frame within the paper. */
.welcome-title-group .eyebrow{display:block;text-align:center}
.welcome-frame{inset:37px 31px}
@media(max-width:760px){.welcome-frame{inset:29px 22px}}
/* Keep wide interior photographs wide: a staggered collage with a full-width final frame. */
.photo-story-grid{grid-template-columns:1.25fr 1fr;gap:38px 30px}
.photo-story-grid figure:first-child{grid-row:auto}
.photo-story-grid figure:first-child img{aspect-ratio:3/2}
.photo-story-grid figure:nth-child(2){margin-top:78px}
.photo-story-grid figure:nth-child(3){grid-column:1/-1}
.photo-story-grid figure:nth-child(3) img{aspect-ratio:2/1;object-position:50% 55%}
@media(max-width:760px){.photo-story-grid{grid-template-columns:1fr;gap:28px}.photo-story-grid figure:nth-child(2){margin-top:0}.photo-story-grid figure:nth-child(3){grid-column:auto}.photo-story-grid figure:nth-child(3) img{aspect-ratio:3/2}.photo-story-grid figure:first-child img{aspect-ratio:3/2}}
/* An evening at the real exterior, behind an independently editable host's note. */
.welcome-room img[data-welcome-exterior]{object-position:44% center;filter:blur(2px);transform:scale(1.012)}
.welcome-chapter:before{background:linear-gradient(90deg,#101d1d38,#17262212 50%,#101d1d38)}
.welcome-border-botanical{position:absolute;right:10px;top:25%;height:58%;width:65px;object-fit:contain;object-position:right center;pointer-events:none;opacity:.55;z-index:0}
.welcome-letter,.welcome-title-group{position:relative;z-index:1}.welcome-copy .jordan-signature{font-size:0;line-height:1;transform:none;margin:8px 0 0 -5px;padding:0;width:225px;max-width:65%}
.jordan-signature img{display:block;width:100%;height:auto;max-height:95px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
@media(max-width:760px){.welcome-chapter{padding:42px 14px 46px}.welcome-room img[data-welcome-exterior]{object-position:27% center;filter:blur(1.6px)}.welcome-copy{padding-top:33px;padding-bottom:95px}.welcome-border-botanical{right:6px;width:42px;top:29%;height:54%;opacity:.5}.welcome-letter{font-size:21px;line-height:1.38}.welcome-title-group h2{font-size:clamp(32px,9.2vw,45px)}.welcome-copy .jordan-signature{width:195px;margin-top:8px}.jordan-signature img{max-height:82px}}
@media(max-width:760px){.welcome-chapter{padding-top:72px}.welcome-room img[data-welcome-exterior]{object-position:5% center}.welcome-border-botanical{right:0;width:36px;opacity:.46}.welcome-letter{padding-right:10px}}
