/* Local study: coastal photographs, drifting sea mist and unhurried reading. */
.mist-edition{--paper:#edf1ed;--ink:#193b40;--soft:#52686b;--line:#bfcfca;--panel:#e7ede7;--gutter:clamp(25px,8vw,150px);background:#122f38}
.sea-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#122f38}
.sea-backdrop{position:absolute;inset:-6%;z-index:0}
.sea-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;opacity:0;filter:saturate(.72)}
.sea-scene--shore{opacity:1}
.sea-tone{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(4,26,35,.78),rgba(8,33,40,.5) 60%,rgba(7,28,36,.4)),linear-gradient(0deg,#102f3866,transparent 65%)}
.sea-fog{position:absolute;z-index:1;pointer-events:none;background:url('sea-mist.png') center/100% 100% no-repeat;will-change:transform,opacity}
.sea-fog--far{width:150%;height:100%;left:-30%;top:-12%;opacity:.45;transform:rotate(-9deg)}
.sea-fog--near{width:165%;height:75%;left:-28%;top:37%;opacity:.65;transform:rotate(8deg)}
.mist-edition main,.mist-edition footer,.mist-edition .intro-strip{position:relative;z-index:1}
.mist-edition .site-header{position:fixed;inset:0 0 auto;height:88px;padding:0 4.5%;background:#102d36c9;backdrop-filter:blur(14px);border:0;color:#fff}
.mist-edition .site-header .brand small{color:#e1e9e5}
.mist-edition .brand svg{stroke:currentColor}
.mist-edition .site-header nav a:after{background:currentColor}
.mist-edition .book-link{border-color:#ffffff60;color:#fff}
.mist-edition .reading-progress{z-index:60;background:#d4e0d8;height:2px}
.mist-edition .hero{height:100svh;max-height:none;min-height:700px;margin:0;clip-path:none;border-radius:0}
.mist-edition .hero-visual{inset:0}
.mist-edition .hero-visual img{filter:saturate(.7) brightness(.8);object-position:50% 50%}
.mist-edition .hero-shade{background:linear-gradient(90deg,#071f2e70,transparent 80%),linear-gradient(0deg,#102f38c9,transparent 65%)}
.mist-edition .hero-top{top:155px;left:8%;right:8%;font-size:11px;letter-spacing:.12em}
.mist-edition .hero-copy{padding:0;position:absolute;left:17%;top:38%;width:73%}
.mist-edition .hero h1{font-size:clamp(52px,6.1vw,98px);line-height:1.65;letter-spacing:.14em}
.mist-edition .hero-kicker{letter-spacing:.2em;font-size:12px;margin-bottom:22px}
.mist-edition .hero-bottom{margin-top:35px;max-width:650px}
.mist-edition .hero-bottom p{font-size:13px;line-height:2.3;letter-spacing:.1em}
.mist-edition .hero-signature{font-size:clamp(100px,18vw,270px);right:5%;bottom:13%;opacity:.13}
.mist-edition .hero-caption{left:8%;right:8%;bottom:42px;font-size:10px;letter-spacing:.12em}
.mist-edition .hero-slideshow{right:8%;bottom:62px;left:auto;background:#112f3833;border-color:#ffffff40;backdrop-filter:blur(8px)}
.hero-mist-wipe{position:absolute;inset:-10%;background:radial-gradient(ellipse at 55% 48%,#e5eeebd9,#e5eeeb 83%);z-index:1;pointer-events:none}
.hero-mist-wipe:after{content:'';position:absolute;inset:-25%;background:url('sea-mist.png') center/100% 100%;opacity:.9;transform:rotate(-9deg)}
.hero-mist-wipe[hidden]{display:none}
.mist-edition .hero-visual:after{content:'';position:absolute;inset:15% -25% -20%;z-index:2;background:url('sea-mist.png') center/100% 100%;opacity:.18;pointer-events:none;transform:translate3d(var(--hero-fog-x,0%),var(--hero-fog-y,0%),0)}
.mist-edition .intro-strip{margin:0;padding:30px 8%;color:#edf1ed;border-bottom:1px solid #ffffff25;background:#102f3880;letter-spacing:.06em}
.mist-edition .section-pad{padding-top:130px;padding-bottom:130px}
.mist-edition .booking-services,.mist-edition .rooms,.mist-edition .property-gallery,.mist-edition .stay-info,.mist-edition .home-resources{background:var(--paper);border-color:var(--line)}
.mist-edition .booking-services{padding-top:85px;padding-bottom:85px}
.mist-edition .booking-services>div:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:10%}
.mist-edition .booking-services .section-index{grid-column:1/-1;margin-bottom:10px}
.mist-edition .booking-services h2{margin:0;line-height:1.6}
.mist-edition .booking-services>div>p:last-child{align-self:end;max-width:320px;margin-bottom:12px}
.mist-edition .service-links{gap:40px;margin-top:40px}
.mist-edition .service-links>a{border:0;border-top:1px solid var(--line);padding:25px 0 0}
.mist-edition .service-links>a:hover{background:none;transform:translateY(-3px)}
.mist-edition .service-links h3{font-size:23px}
.mist-edition .philosophy{color:#f1f3ef;min-height:155svh;padding-top:180px;padding-bottom:160px;position:relative}
.mist-edition .philosophy:before,.mist-edition .contact:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#102f3850,transparent 30%,#102f3860)}
.mist-edition .philosophy>*{position:relative}
.mist-edition .philosophy,.mist-edition .journey,.mist-edition .travel,.mist-edition .contact{position:relative;isolation:isolate;overflow:clip}
.mist-edition .chapter-mist{position:absolute;inset:-5% auto auto -25%;width:150%;height:min(90svh,900px);z-index:-1;pointer-events:none;background:url('sea-mist.png') center/100% 100% no-repeat;opacity:.45;will-change:transform}
.mist-edition .philosophy>.section-index{color:#d7e1dc;margin-bottom:50px;font-size:12px;letter-spacing:.15em}
.mist-edition .philosophy .philosophy-layout{grid-template-columns:1.2fr 1fr;gap:14%;margin-top:0}
.mist-edition .philosophy h2{font-size:clamp(36px,4.3vw,70px);line-height:1.9;letter-spacing:.12em}
.mist-edition .philosophy-copy{color:#e6ede8;line-height:2.5;padding-top:20px;max-width:390px;letter-spacing:.06em}
.mist-edition .philosophy-copy .lead{color:#fff;font-size:24px;line-height:2.1;margin-bottom:30px}
.mist-edition .philosophy .text-link,.mist-edition .about-original summary{color:#f1f3ef;border-color:#d4dfd880}
.mist-edition .postcard-row{margin-top:110px;grid-template-columns:1.55fr 1fr;gap:13%;align-items:center}
.mist-edition .postcard .image-mask{clip-path:inset(0 round 3px);height:clamp(340px,49vw,620px)}
.mist-edition .parallax-image{height:118%;object-position:52% center}
.mist-edition .postcard figcaption{color:#e2e9e4;font-size:11px;margin-top:16px}
.mist-edition .margin-note p{font-size:clamp(24px,2.8vw,42px);line-height:2.1;letter-spacing:.12em}
.mist-edition .margin-note>span:last-child{color:#d6e0da}
.mist-edition .note-line{background:#c1d5cc80}
.mist-edition .rooms{padding-top:110px;padding-bottom:110px}
.mist-edition .rooms h2{font-size:clamp(34px,4vw,60px);line-height:1.8}
.mist-edition .room-picture{clip-path:inset(0 round 3px)}
.mist-edition .room-more{font-size:11px}
.mist-edition .tide{height:115svh;min-height:700px;margin:0;clip-path:none;overflow:hidden}
.mist-edition .tide>img{height:120%;top:-10%;filter:saturate(.65) brightness(.63)}
.mist-edition .tide:after{content:'';position:absolute;inset:-15%;background:url('sea-mist.png') center/100% 100%;opacity:.42;pointer-events:none;transform:translate3d(var(--tide-fog-x,0%),var(--tide-fog-y,0%),0)}
.mist-edition .tide h2{font-size:clamp(40px,6vw,90px);line-height:1.8;letter-spacing:.12em}
.mist-edition .tide-content>p{font-size:13px;margin-top:30px;letter-spacing:.1em}
.mist-edition .tide-foot{z-index:2;bottom:9%;font-size:11px;letter-spacing:.12em}
.mist-edition .journey{color:#edf1ed;background:transparent}
.mist-edition .journey-stage{padding:130px 0 100px}
.mist-edition .journey-heading{padding:0 var(--gutter);margin-bottom:70px}
.mist-edition .journey-heading h2{font-size:clamp(34px,4vw,60px);letter-spacing:.1em;line-height:1.8}
.mist-edition .journey-counter{color:#d6e0da}
.mist-edition .journey-window{padding:0 var(--gutter);overflow:visible}
.mist-edition .journey-track{display:flex;flex-direction:column;gap:140px;padding:0}
.mist-edition .journey-panel{width:100%;max-width:none;grid-template-columns:1.55fr 1fr;gap:9%;align-items:center}
.mist-edition .journey-panel:nth-child(even){grid-template-columns:1fr 1.55fr}
.mist-edition .journey-panel:nth-child(even) .journey-photo{order:2}
.mist-edition .journey-photo{height:clamp(340px,42vw,630px);clip-path:inset(0 round 3px)}
.mist-edition .journey-photo img{height:118%;object-position:50% 50%}
.mist-edition .journey-description{padding:0;max-width:330px}
.mist-edition .journey-description h3{font-size:clamp(26px,2.6vw,40px);line-height:1.8}
.mist-edition .journey-description p{font-size:14px;line-height:2.5;color:#e3ece7}
.mist-edition .journey-description>span{font-size:11px;color:#c4d4cb;margin-top:28px}
.mist-edition .time-label{font-size:11px;background:#102f3870;padding:6px 14px;color:#fff;backdrop-filter:blur(8px)}
.mist-edition .journey-meter{margin:65px var(--gutter) 0;background:#ffffff25}
.mist-edition .journey-meter span{background:#d8e4dc}
.mist-edition .property-rail button{clip-path:inset(0 round 3px)}
.mist-edition .travel{background:transparent;color:#edf1ed;border-top:0;padding-top:150px;padding-bottom:150px}
.mist-edition .travel .philosophy-copy{color:#e0e9e4}
.mist-edition .travel .source-note,.mist-edition .travel-day summary>p,.mist-edition .travel time{color:#d5e0d9}
.mist-edition .travel-day,.mist-edition .itinerary li{border-color:#d5e0d94d}
.mist-edition .travel-day{padding:30px 0}
.mist-edition .stay-info{padding-top:110px;padding-bottom:110px}
.mist-edition .contact{position:relative;background:transparent;color:#f1f3ef;min-height:100svh;padding-top:150px;padding-bottom:150px}
.mist-edition .contact>*{position:relative}
.mist-edition .contact-photo{margin:0}
.mist-edition .contact-photo img{clip-path:inset(0 round 3px);aspect-ratio:4/5}
.mist-edition .contact-photo figcaption{color:#e1ebe4}
.mist-edition .contact .source-note{color:#e1ebe4}
.mist-edition .contact a{border-color:#e1ebe450}
.mist-edition .contact .solid-link{background:#e9efea;color:#183d42}
.mist-edition .transfer-info p{color:#e1ebe4}
.mist-edition .closing{color:#edf1ed;padding-top:170px;padding-bottom:160px;background:linear-gradient(0deg,#102f38aa,transparent)}
.mist-edition .closing>p,.mist-edition .closing-button{color:#edf1ed;border-color:#edf1ed70}
.mist-edition .closing h2{font-size:clamp(40px,6vw,85px);letter-spacing:.08em;line-height:1.8}
.mist-edition footer{background:#112e36;color:#d9e5dd;border-top:1px solid #ffffff20}
.mist-edition .footer-brand,.mist-edition .copyright{color:#d9e5dd}
.mist-edition .mobile-reserve{background:#edf1ed}
.mist-edition .skip:focus{z-index:100}
.mist-edition .atmosphere-reveal{will-change:transform,opacity}
@media(max-width:1000px){
  .mist-edition .site-header{padding:0 25px}
  .mist-edition .site-header nav{gap:12px}
  .mist-edition .philosophy .philosophy-layout{gap:8%}
}
@media(max-width:767px){
  .mist-edition .site-header{height:84px;padding:0 22px}
  .mist-edition .site-header nav{top:77px;background:#15343cf5;backdrop-filter:blur(18px);color:#fff;border:1px solid #ffffff25}
  .mist-edition .hero{height:100svh;min-height:690px}
  .mist-edition .hero-top{top:125px;left:8%;right:8%;font-size:10px}
  .mist-edition .hero-coordinate{display:none}
  .mist-edition .hero-copy{left:9%;top:32%;width:86%;padding:0}
  .mist-edition .hero h1{font-size:clamp(43px,11vw,65px);letter-spacing:.1em;line-height:1.9}
  .mist-edition .hero-kicker{font-size:11px;letter-spacing:.13em;margin-bottom:20px}
  .mist-edition .hero-bottom{margin-top:28px}
  .mist-edition .hero-bottom p{font-size:12px;max-width:245px}
  .mist-edition .hero-signature{font-size:35vw;bottom:19%;opacity:.1}
  .mist-edition .hero-slideshow{left:8%;right:auto;bottom:100px}
  .mist-edition .hero-caption{left:8%;right:8%;bottom:76px;font-size:9px}
  .mist-edition .intro-strip{padding:25px;font-size:11px;line-height:2.1}
  .mist-edition .intro-strip a{margin-top:12px;display:block}
  .mist-edition .section-pad{padding-top:80px;padding-bottom:80px}
  .mist-edition .booking-services>div:first-child{display:block}
  .mist-edition .booking-services h2{font-size:32px;margin:16px 0 24px}
  .mist-edition .service-links{gap:25px}
  .mist-edition .service-links>a{padding-top:22px}
  .mist-edition .service-links h3{font-size:22px;margin:8px 0}
  .mist-edition .service-links b{margin-top:16px}
  .mist-edition .philosophy{min-height:0;padding-top:120px;padding-bottom:110px}
  .mist-edition .philosophy>.section-index{margin-bottom:35px;font-size:11px}
  .mist-edition .philosophy h2{font-size:34px;line-height:1.9;letter-spacing:.08em}
  .mist-edition .philosophy-copy{margin-left:8%;margin-top:35px;max-width:360px;font-size:13px;line-height:2.4;padding-top:0}
  .mist-edition .philosophy-copy .lead{font-size:21px;margin-bottom:25px}
  .mist-edition .postcard-row{margin-top:65px}
  .mist-edition .postcard .image-mask{height:400px}
  .mist-edition .postcard figcaption{font-size:10px}
  .mist-edition .margin-note{margin:50px 0 0 18%}
  .mist-edition .margin-note p{font-size:24px;line-height:2}
  .mist-edition .margin-note>span:last-child{font-size:9px}
  .mist-edition .rooms h2{font-size:32px}
  .mist-edition .tide{min-height:630px;height:90svh}
  .mist-edition .tide h2{font-size:37px;letter-spacing:.06em}
  .mist-edition .tide-content>p{font-size:11px;letter-spacing:0}
  .mist-edition .journey-stage{padding:90px 0}
  .mist-edition .journey-heading{margin-bottom:50px}
  .mist-edition .journey-heading h2{font-size:30px;letter-spacing:.04em}
  .mist-edition .journey-counter{font-size:20px}
  .mist-edition .journey-window{padding:0 25px;scroll-snap-type:none;overflow:visible}
  .mist-edition .journey-track{gap:90px;padding:0}
  .mist-edition .journey-panel,.mist-edition .journey-panel:nth-child(even){width:100%;display:flex;flex-direction:column;gap:30px;align-items:stretch}
  .mist-edition .journey-panel:nth-child(even) .journey-photo{order:0}
  .mist-edition .journey-photo{height:400px}
  .mist-edition .journey-description{margin-left:8%;max-width:310px}
  .mist-edition .journey-description h3{font-size:26px}
  .mist-edition .journey-description p{font-size:13px;line-height:2.3}
  .mist-edition .journey-description>span{margin-top:20px;font-size:10px}
  .mist-edition .travel .philosophy-copy{margin-left:8%}
  .mist-edition .travel-day h3{font-size:21px}
  .mist-edition .contact{min-height:0;padding-top:100px;padding-bottom:100px}
  .mist-edition .contact-photo img{aspect-ratio:4/5}
  .mist-edition .closing{padding-top:110px;padding-bottom:100px}
  .mist-edition .closing h2{font-size:38px;letter-spacing:.02em}
  .sea-fog--far{height:85%;width:210%;left:-70%}
  .sea-fog--near{width:230%;left:-65%;height:65%}
}
@media(prefers-reduced-motion:reduce){
  .sea-fog,.mist-edition .chapter-mist{display:none}
  .mist-edition .hero-visual:after,.mist-edition .tide:after{opacity:.1;transform:none}
  .hero-mist-wipe{display:none!important}
  .mist-edition .atmosphere-reveal{will-change:auto}
}
