/* Country Homes · cinematic scene transitions and perspective destination collection */
header{background:transparent;color:white;transition:background .3s,color .3s;box-shadow:none}header .brand img{mix-blend-mode:normal;background:#fff;padding:5px;width:155px}header.scrolled{background:rgba(251,250,245,.97);color:var(--ink)}.cinema{height:100svh;min-height:740px;position:relative;background:#203217;overflow:hidden;isolation:isolate}.cinema-slides{position:absolute;inset:0;perspective:1400px}.cinema-slide{position:absolute;left:calc(58% + var(--slot,0)*210px);top:48%;width:190px;height:290px;border-radius:3px;overflow:hidden;transform:translateY(-25%) rotateY(-9deg);box-shadow:0 20px 60px #0006;transition:left .95s cubic-bezier(.65,0,.2,1),top .95s cubic-bezier(.65,0,.2,1),width .95s cubic-bezier(.65,0,.2,1),height .95s cubic-bezier(.65,0,.2,1),transform .95s cubic-bezier(.65,0,.2,1),opacity .6s;z-index:3}.cinema-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform 1.8s}.cinema-slide.is-current{left:0;top:0;width:100%;height:100%;border-radius:0;transform:none;z-index:1;box-shadow:none}.cinema-slide.is-current img{transform:scale(1)}.cinema-slide.is-current .cinema-overlay{background:linear-gradient(90deg,#101b12c9 0%,#101b1273 46%,#101b1208 78%),linear-gradient(0deg,#101b12a6,transparent 35%),linear-gradient(180deg,#101b1260,transparent 23%)}.cinema-slide.is-away{opacity:0;pointer-events:none}.cinema-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0b190eb3,transparent 65%);pointer-events:none}.cinema-content{position:absolute;top:29%;left:6vw;width:45%;opacity:0;pointer-events:none;transform:translateY(45px);transition:opacity .25s,transform .5s;color:white}.cinema-content .cinema-title{font-size:clamp(4rem,7vw,7.8rem);line-height:1.02;margin:25px 0}.cinema-content em{color:var(--gold)}.cinema-content>p:not(.eyebrow){max-width:340px;font-size:1.05rem;line-height:1.7;margin:25px 0 30px}.cinema-slide.is-current .cinema-content{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .65s .6s,transform .85s .6s}.scene-pick{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:25px 20px;color:white;background:transparent;text-align:left;font-family:var(--serif);font-size:1.8rem;transition:background .25s}.scene-pick span{font-family:var(--sans);font-size:.72rem;letter-spacing:.13em}.scene-pick:hover{background:#ffffff10}.is-current .scene-pick{display:none}.cinema-bottom{position:absolute;left:6vw;right:6vw;bottom:38px;z-index:8;display:flex;justify-content:space-between;align-items:flex-end;color:white;gap:30px}.cinema-bottom>span{font-size:.72rem;letter-spacing:.14em;line-height:2}.cinema-bottom strong{font-weight:400;font-size:.62rem;color:#ffffffab}.cinema-controls,.voyage-controls{display:flex;align-items:center;gap:22px;font-size:.8rem}.cinema-controls button,.voyage-controls button{border:1px solid #ffffff70;background:#ffffff0c;color:white;padding:12px 18px;transition:background .25s}.cinema-controls button:hover,.voyage-controls button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}.cinema-controls span,.voyage-controls span{font-variant-numeric:tabular-nums;font-size:.73rem;letter-spacing:.13em}.cinema-scroll{display:flex;gap:20px;align-items:center;font-size:.62rem;letter-spacing:.14em}.cinema-scroll span{height:30px;width:1px;background:var(--gold);display:block}.architectural-title{font-size:clamp(3.5rem,7vw,7.5rem);letter-spacing:-.04em}.intro{position:relative}.intro:before{content:'';position:absolute;top:0;left:6vw;width:1px;height:60px;background:var(--green)}.intro-photo{transform-origin:left center;clip-path:inset(0);transition:clip-path 1.2s}.room-showcase{position:relative}.room-stage>img{transition:opacity .35s,transform 1.2s}.room-panel{border-left:0}.room-panel h3{font-size:3.5rem}.rooms .section-heading h2{font-size:clamp(3.1rem,6.7vw,7rem)}.morning-controls button[aria-selected=true]:before{box-shadow:0 0 15px #ffc40080}.atlas{background:var(--paper);padding-left:0;padding-right:0;padding-bottom:0}.atlas>.section-heading{padding:0 6vw}.voyage.atlas-body{display:block;position:relative;height:810px;background:#1d281a;overflow:hidden;isolation:isolate;color:white}.voyage-background{position:absolute;inset:-8%;background-image:url('assets/nine-arch-bridge.jpg');background-size:cover;background-position:center;filter:blur(7px);transform:scale(1.08);transition:background-image .65s;z-index:-2}.voyage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c160edb,#0c160e9e);z-index:-1}.voyage-topline{position:absolute;left:6vw;right:6vw;top:35px;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.2em;color:#ffffff9e}.voyage .atlas-collage{position:absolute;right:5%;top:120px;width:60%;max-width:none;height:540px;perspective:1300px}.voyage .postcard{--offset:0;--tilt-x:0deg;--tilt-y:0deg;position:absolute;left:50%;top:45%;width:clamp(230px,23vw,330px);height:470px;transform:translate(-50%,-50%) translateX(calc(var(--offset)*78%)) rotateY(calc(var(--offset)*-42deg)) scale(.88);background:none;color:white;padding:0;box-shadow:none;opacity:.58;z-index:2;transition:transform .85s cubic-bezier(.25,.6,.2,1),opacity .7s,filter .7s;filter:brightness(.7);transform-style:preserve-3d}.voyage .postcard.active{transform:translate(-50%,-50%) scale(1.04);opacity:1;z-index:5;box-shadow:none;filter:brightness(1)}.voyage-inner{height:100%;position:relative;overflow:hidden;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .2s ease-out;box-shadow:0 30px 60px #0008;transform-style:preserve-3d}.voyage .postcard-photo{position:absolute;inset:0;aspect-ratio:auto;transform:scale(1.05);transition:transform .8s}.voyage-inner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b180de0,transparent 60%);pointer-events:none}.voyage .postcard span{position:absolute;bottom:45px;left:25px;right:20px;margin:0;font-size:2.1rem;z-index:2}.voyage .postcard small{position:absolute;bottom:23px;left:25px;z-index:2;color:var(--gold);font-size:.65rem}.voyage .atlas-note{position:absolute;top:31%;left:6vw;width:29%;max-width:430px;padding:0;z-index:6}.voyage .atlas-note h3{font-size:clamp(3.4rem,5vw,5.8rem);margin:22px 0;color:white;line-height:1.06}.voyage .atlas-note>.eyebrow{color:var(--gold)}.voyage .atlas-note>p:not(.eyebrow){color:#ffffffb7;font-size:1rem;line-height:1.8;max-width:330px}.voyage .atlas-note .text-button{color:white;margin-top:25px}.voyage .atlas-dots button:after{background:#ffffff65}.voyage .atlas-dots button[aria-pressed=true]:after{background:var(--gold)}.voyage-controls{position:absolute;bottom:55px;right:25%;transform:translateX(50%);z-index:9}.atlas-foot{background:var(--paper);padding:30px 24px;margin:0}.journal-grid{gap:50px}.journal-card:nth-child(2){margin-top:85px}.journal-card h3{font-size:2.8rem}.journal-picture{border-bottom:6px solid var(--gold)}.departure h2{font-size:clamp(3.5rem,7vw,7.4rem)}.cinema-content a:focus-visible,.cinema-content button:focus-visible,.voyage button:focus-visible{outline-color:var(--gold)}
@media(max-width:1050px){.cinema-slide{left:calc(60% + var(--slot,0)*175px);width:155px;height:245px}.cinema-content{width:49%}.cinema-content .cinema-title{font-size:7.8vw}.cinema-scroll{display:none}.voyage.atlas-body{height:780px}.voyage .postcard{width:240px;height:390px}.voyage .atlas-collage{top:145px}.voyage .atlas-note{width:30%}.voyage .atlas-note h3{font-size:3.5rem}.voyage .atlas-note>p:not(.eyebrow){font-size:.9rem}.voyage-controls{right:32%}}
@media(max-width:650px){header{padding:10px 20px}header .brand img{width:115px}.cinema{height:100svh;min-height:860px}.cinema-content{left:24px;top:17%;width:calc(100% - 48px)}.cinema-content .cinema-title{font-size:3.3rem;max-width:360px;margin:20px 0}.cinema-content>p:not(.eyebrow){font-size:.94rem;max-width:280px;margin:20px 0 23px}.cinema-content .eyebrow{font-size:.64rem}.cinema-slide{left:calc(24px + var(--slot,0)*130px);top:auto;bottom:115px;width:112px;height:158px;transform:none}.cinema-slide.is-current{left:0;top:0;bottom:0;width:100%;height:100%}.cinema-slide.is-current .cinema-overlay{background:linear-gradient(90deg,#101b12c7,#101b123d),linear-gradient(0deg,#101b12b3,transparent 40%)}.scene-pick{padding:15px 12px;font-size:1.3rem;gap:5px}.scene-pick span{font-size:.6rem}.cinema-bottom{left:24px;right:24px;bottom:30px}.cinema-bottom>span{display:none}.cinema-controls{width:100%;justify-content:space-between;gap:15px}.cinema-controls button{padding:11px 18px}.intro:before{height:35px;left:24px}.room-panel h3{font-size:3rem}.atlas>.section-heading{padding:0 24px}.voyage.atlas-body{height:900px}.voyage-topline{left:24px;right:24px;top:25px;font-size:.56rem;letter-spacing:.09em}.voyage-topline span:last-child{display:none}.voyage .atlas-collage{top:65px;right:0;width:100%;height:355px}.voyage .postcard{width:180px;height:280px;top:48%;transform:translate(-50%,-50%) translateX(calc(var(--offset)*79%)) rotateY(calc(var(--offset)*-42deg)) scale(.83)}.voyage .postcard.active{transform:translate(-50%,-50%) scale(1.04)}.voyage .postcard span{left:15px;bottom:38px;font-size:1.6rem}.voyage .postcard small{left:15px;bottom:18px;font-size:.54rem}.voyage .atlas-note{top:435px;left:24px;width:calc(100% - 48px);max-width:none}.voyage .atlas-note h3{font-size:3rem;margin:15px 0}.voyage .atlas-note>p:not(.eyebrow){font-size:.94rem;max-width:420px;line-height:1.7}.voyage .atlas-note .text-button{margin-top:12px}.voyage .atlas-dots{display:none}.voyage-controls{bottom:30px;left:24px;right:24px;transform:none;justify-content:space-between}.voyage-controls button{padding:11px 18px}.journal-card:nth-child(2){margin-top:0}.journal-card h3{font-size:2.2rem}.journal-grid{gap:25px}.departure h2{font-size:3.6rem}}
@media(max-width:380px){.cinema-content .cinema-title{font-size:3rem}.cinema-content{top:17%}.cinema-slide{width:100px;left:calc(24px + var(--slot,0)*116px)}}
@media(prefers-reduced-motion:reduce){.cinema-slide,.cinema-content,.voyage .postcard,.voyage-inner{transition:none!important}.voyage .postcard{transform:translate(-50%,-50%) translateX(calc(var(--offset)*90%)) scale(.8)}.voyage .postcard.active{transform:translate(-50%,-50%)}.voyage-inner{transform:none!important}}

.menu-toggle span{background:currentColor}