:root { --ink:#183b36; --pine:#123a35; --olive:#84925e; --pale:#eff0e5; --sand:#e7d2ac; --terracotta:#bd6749; --paper:#fbfaf5; --muted:#61706a; --line:rgba(24,59,54,.17); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans", Arial, sans-serif; font-size:16px; line-height:1.55; }
button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:white;padding:10px;z-index:10}.skip-link:focus{left:10px}
.site-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,6vw,90px); border-bottom:1px solid var(--line); position:relative; z-index:5; background:var(--paper); }
.brand { display:inline-flex; gap:10px; align-items:center; line-height:.9; letter-spacing:.02em; }.brand-mark { font:italic 700 30px/1 "Playfair Display", serif; display:grid; place-items:center; width:35px; height:35px; color:var(--paper); background:var(--terracotta); border-radius:50% 50% 45% 50%; }.brand strong { font-family:"Playfair Display",serif; font-size:19px; font-weight:600; display:block; }.brand small { display:block; font-size:8px; margin-top:4px; text-transform:uppercase; letter-spacing:.2em; }
nav { display:flex; align-items:center; gap:32px; font-size:14px; font-weight:600; } nav>a:not(.main-site-link):after { content:""; display:block; border-bottom:1px solid var(--ink); transform:scaleX(0); transform-origin:left; transition:.2s; }nav>a:hover:after{transform:scaleX(1)}.main-site-link{border:1px solid var(--ink);padding:10px 15px;border-radius:99px}.main-site-link:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;border:0;background:none;width:38px;height:38px;padding:8px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0}
.hero { min-height:570px; display:grid; grid-template-columns:1.04fr .96fr; overflow:hidden; }.hero-copy { padding:clamp(64px,9vw,125px) clamp(24px,6vw,90px) 72px; max-width:780px; align-self:center; }.eyebrow { font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--terracotta); margin:0 0 17px; }.hero h1,.journal h2,.stay-cta h2 { font:500 clamp(42px,5vw,73px)/.98 "Playfair Display", serif; letter-spacing:-.045em; margin:0; }.hero h1 em { color:var(--terracotta); font-weight:500; }.intro { max-width:545px; font-size:18px; color:var(--muted); margin:25px 0 33px; }.hero-actions { display:flex; gap:28px; align-items:center; flex-wrap:wrap; }.button{display:inline-flex;align-items:center;gap:19px;padding:14px 18px;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:.2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.text-link,.article-link{border:0;background:none;color:var(--ink);font-weight:700;font-size:13px;padding:3px 0;border-bottom:1px solid var(--ink)}.text-link span,.article-link span{color:var(--terracotta);font-size:16px;margin-left:6px}
.hero-art { position:relative; min-height:570px; background:linear-gradient(#d5d7bd 0 56%,#b6bd8c 56%); overflow:hidden; }.sun{position:absolute;width:175px;height:175px;border-radius:50%;background:#f0b55c;top:75px;right:21%}.cloud{position:absolute;height:24px;background:#f0efd9;border-radius:30px}.cloud:before,.cloud:after{content:"";position:absolute;background:#f0efd9;border-radius:50%}.cloud:before{width:37px;height:37px;left:15px;bottom:0}.cloud:after{width:28px;height:28px;right:14px;bottom:0}.cloud-one{width:95px;right:10%;top:93px;opacity:.8}.cloud-two{width:58px;left:20%;top:166px;transform:scale(.75)}.sea{position:absolute;height:52px;background:#568c93;top:52%;width:100%;opacity:.92}.ridge{position:absolute;width:125%;left:-15%;clip-path:polygon(0 70%,12% 59%,23% 65%,31% 41%,43% 55%,56% 20%,67% 53%,79% 38%,91% 58%,100% 45%,100% 100%,0 100%)}.ridge-back{top:43%;height:38%;background:#65784d}.ridge-front{top:57%;height:45%;background:#485f3e}.farmhouse{position:absolute;background:#e2c695;width:160px;height:108px;right:19%;bottom:122px;box-shadow:22px 14px 0 #c09b68}.farmhouse:before{content:"";position:absolute;border-left:99px solid transparent;border-right:99px solid transparent;border-bottom:58px solid #a86146;left:-19px;top:-57px}.farmhouse i{position:absolute;background:#28504d;width:21px;height:37px;bottom:0}.farmhouse i:nth-child(1){left:22px}.farmhouse i:nth-child(2){left:70px;height:58px}.farmhouse i:nth-child(3){right:22px}.farmhouse b{position:absolute;width:17px;height:47px;background:#f1d376;right:40px;top:24px}.cactus{position:absolute;width:18px;border-radius:10px 10px 0 0;background:#274f42;bottom:88px}.cactus:before,.cactus:after{content:"";position:absolute;width:11px;height:28px;border:6px solid #274f42;border-bottom:0;border-radius:14px 14px 0 0}.cactus:before{left:-13px;top:23px}.cactus:after{right:-13px;top:44px;transform:scaleX(-1)}.cactus-one{height:71px;left:17%}.cactus-two{height:43px;left:35%;bottom:68px;transform:scale(.68)}
.featured,.journal { padding:clamp(75px,10vw,135px) clamp(24px,10vw,154px); }.featured{background:var(--pale)}.section-label{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.section-label i{width:47px;border-top:1px solid var(--muted)}.feature-card{display:grid;grid-template-columns:1fr 1fr;max-width:1060px;margin:auto;background:var(--paper);box-shadow:0 13px 29px rgba(24,59,54,.06);cursor:pointer}.feature-image,.post-image{border:0;text-align:left;position:relative;overflow:hidden}.feature-image{min-height:375px}.image-blue{background:#80a3a0}.image-blue:before{content:"";position:absolute;left:-16%;bottom:-29%;width:128%;height:70%;border-radius:50% 50% 0 0;background:#275a5a}.feature-image>span{position:absolute;z-index:2;top:24px;left:26px;color:#fbf5e8;font:500 18px "Playfair Display",serif}.feature-sun{position:absolute;right:16%;top:21%;width:130px;height:130px;border:1px solid #e4d487;border-radius:50%}.feature-arch{position:absolute;z-index:3;bottom:-46px;right:19%;height:290px;width:138px;border-radius:72px 72px 0 0;background:#e5d2a6;box-shadow:inset 35px 0 #bc7955}.feature-body{padding:clamp(35px,5vw,69px);align-self:center}.meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--terracotta);margin:0 0 12px}.meta span{color:var(--olive);margin:0 4px}.feature-body h2{font:500 clamp(29px,3vw,43px)/1.08 "Playfair Display",serif;letter-spacing:-.035em;margin:0}.feature-body>p:not(.meta){color:var(--muted);margin:17px 0 23px}
.journal{max-width:1480px;margin:auto}.journal-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:39px}.journal h2{font-size:clamp(37px,4.2vw,58px)}.search-field{border-bottom:1px solid var(--ink);padding:7px 1px;display:flex;gap:8px;width:245px;color:var(--terracotta)}.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:13px;color:var(--ink)}.search-field input::placeholder{color:#78908a}.filters{display:flex;gap:11px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:33px}.filter{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:12px;font-weight:600}.filter:hover,.filter.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(24,59,54,.08)}.post-image{height:205px;background:var(--art,#ddc495);cursor:pointer}.post-image:after{content:"";position:absolute;background:var(--shape,#b96246);width:140px;height:140px;right:-20px;bottom:-22px;border-radius:44% 56% 48% 52%;opacity:.96}.post-image:before{content:"";position:absolute;width:128px;height:128px;border:1px solid rgba(255,255,255,.65);border-radius:50%;left:14%;top:18%}.post-image .post-number{position:absolute;z-index:1;top:18px;left:19px;color:#fff;font:500 18px "Playfair Display",serif}.post-shape{position:absolute;z-index:1;width:43px;height:43px;border-radius:50% 50% 2px 2px;background:#e9ddad;left:40%;bottom:30px}.post-card-body{padding:23px 22px 20px;display:flex;flex-direction:column;flex:1}.post-card h3{font:500 25px/1.12 "Playfair Display",serif;letter-spacing:-.025em;margin:0}.excerpt{color:var(--muted);font-size:14px;margin:14px 0 20px}.post-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center}.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--olive)}.empty-state{font-family:"Playfair Display",serif;font-size:22px;text-align:center;padding:35px;color:var(--muted)}
.stay-cta{background:var(--terracotta);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:clamp(50px,7vw,87px) clamp(24px,10vw,154px)}.stay-cta .eyebrow{color:#f7d9a2}.stay-cta h2{max-width:650px;font-size:clamp(36px,4vw,60px)}.button-light{background:#fff;color:var(--ink);white-space:nowrap}footer{padding:35px clamp(24px,6vw,90px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}footer p a{color:var(--ink);text-decoration:underline}.brand-footer{color:var(--ink)}
.article-view{position:fixed;inset:0;overflow:auto;z-index:20;background:var(--paper);padding:28px}.article-shell{max-width:925px;margin:auto}.back-button{border:0;background:transparent;color:var(--ink);padding:10px 0;margin-bottom:22px;font-size:13px;font-weight:700}.article-hero{height:min(42vw,400px);min-height:240px;background:var(--art,#d9c892);position:relative;overflow:hidden;margin-bottom:clamp(35px,5vw,60px)}.article-hero:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.7);width:55%;aspect-ratio:1;border-radius:50%;left:12%;top:17%}.article-hero:after{content:"";position:absolute;width:34%;aspect-ratio:1;border-radius:50% 50% 0 0;background:var(--shape,#be674a);right:14%;bottom:-9%}#article-content{max-width:690px;margin:auto;padding-bottom:75px}#article-content .article-meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--terracotta)}#article-content h1{font:500 clamp(43px,5vw,65px)/1.02 "Playfair Display",serif;letter-spacing:-.04em;margin:14px 0 25px}#article-content .lede{font:500 22px/1.5 "Playfair Display",serif;color:#415e55;margin:0 0 32px}#article-content h2{font:500 32px/1.15 "Playfair Display",serif;margin:38px 0 14px}#article-content p{color:#456057;margin:0 0 20px}#article-content .article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.article-tags span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:11px;color:var(--muted)}
@media(max-width:800px){.site-header{min-height:68px;padding:0 22px}.menu-toggle{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:21px 22px 28px;border-bottom:1px solid var(--line);box-shadow:0 8px 12px rgba(0,0,0,.04);flex-direction:column;align-items:flex-start;gap:20px}nav.is-open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding-top:71px;padding-bottom:61px}.hero-art{min-height:360px}.farmhouse{right:26%;bottom:75px;transform:scale(.85);transform-origin:bottom right}.hero h1{font-size:51px}.featured,.journal{padding:70px 22px}.feature-card{grid-template-columns:1fr}.feature-image{min-height:280px}.feature-body{padding:35px 27px}.journal-head{display:block}.search-field{margin-top:27px;width:100%;max-width:360px}.post-grid{grid-template-columns:1fr 1fr;gap:18px}.stay-cta{display:block}.stay-cta .button{margin-top:27px}footer{display:block}footer>*{margin:0 0 17px}.article-view{padding:18px}.article-hero{height:270px}}
@media(max-width:520px){.post-grid{grid-template-columns:1fr}.post-image{height:195px}.intro{font-size:16px}.hero h1{font-size:44px}.hero-art{min-height:300px}.sun{width:120px;height:120px;top:40px}.sea{top:49%}.farmhouse{transform:scale(.69);right:17%;bottom:49px}.cactus-one{bottom:36px}.cactus-two{bottom:22px}.feature-image{min-height:235px}.feature-arch{transform:scale(.78);transform-origin:bottom}.stay-cta h2{font-size:40px}}

/* Display the supplied logo without modifying the original image. */
.logo-window{position:relative;display:block;overflow:hidden;width:245px;aspect-ratio:720/250;flex-shrink:0}.logo-window img{position:absolute;width:213.333%;max-width:none;height:auto;left:-54.1667%;top:-144%}.site-header{min-height:104px}.brand-footer .logo-window{width:220px}@media(max-width:800px){.logo-window{width:200px}.site-header{min-height:86px}#site-nav{top:86px}}
