@import url('fonts.css');
:root{--ink:#123f45;--teal:#14767a;--cream:#f7f1df;--gold:#bf8d30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;background:var(--cream)}body{margin:0;color:var(--ink);font-family:'Nunito Sans',Arial,sans-serif;background:var(--cream);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ad771b;outline-offset:5px}h1,h2,p{margin:0}h1,h2,.brand,.button,nav,.values,.activities{font-family:'Cormorant Garamond',Georgia,serif}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:18px 4.5% 22px 10%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#f3f5e7dd,#bde4e89c);border-radius:0 0 48% 8%/0 0 12% 10%}.brand{display:flex;flex-direction:column;line-height:.92;transform:rotate(-5deg);flex-shrink:0}.brand span{font-size:20px}.brand strong{font-size:43px;font-weight:500}.brand i{color:var(--gold);font-size:19px;font-style:normal}nav{display:flex;gap:30px;font-size:19px;white-space:nowrap}nav a{padding:7px 0;position:relative}nav a:hover:after,nav a.active:after{content:'';height:2px;background:var(--gold);position:absolute;left:0;bottom:0;width:100%}.button{display:inline-flex;gap:15px;align-items:center;justify-content:center;border:1px solid #fff1ba;background:linear-gradient(115deg,#ffe39a,#f4be4f);box-shadow:0 4px 14px #73541520,inset 0 0 12px #fff2bc55;border-radius:40px;padding:16px 24px;font-size:23px;font-weight:600;line-height:1.1;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #73541530}.button>span{font-size:30px;line-height:1}.button b{font-size:30px;font-weight:400;margin-left:10px}.header-contact{font-size:22px;padding:13px 23px}.menu{display:none}.hero{position:relative;min-height:730px;height:min(75vw,920px);background:url('assets/hero.png') center 56%/cover no-repeat;display:flex;align-items:center;padding:145px 8% 90px}.hero-copy{max-width:610px}.script{font-family:'Parisienne',cursive;font-size:38px;margin-bottom:8px}.script span{font-size:66px;color:var(--gold);vertical-align:middle;line-height:.5}h1{font-size:clamp(40px,4.6vw,72px);font-weight:500;line-height:.96;letter-spacing:-2px}h1 strong{display:block;font-weight:400;font-size:clamp(88px,10vw,150px);color:#93631c;letter-spacing:-5px}.flourish{color:var(--gold);font-size:24px;letter-spacing:3px;margin:8px 0 16px}.hero h2{font-size:32px;font-weight:500;line-height:1.08;margin-bottom:18px}.intro{font-size:18px;line-height:1.5;margin-bottom:22px}.scroll{position:absolute;bottom:0;left:50%;transform:translate(-50%,35%);z-index:3;width:54px;height:54px;border-radius:50%;background:#fffdf0e8;display:grid;place-items:center;font-size:32px;box-shadow:0 3px 10px #123f4520}.hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:50px;background:var(--cream);clip-path:polygon(0 15%,8% 50%,18% 85%,27% 90%,39% 58%,50% 15%,60% 0,70% 28%,82% 70%,90% 62%,100% 15%)}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7% 30px;background:radial-gradient(ellipse at 0 0,#bbe0d757,transparent 40%),var(--cream);text-align:center}.values a{padding:0 8px;transition:transform .2s}.values a:hover{transform:translateY(-5px)}.art{display:grid;place-items:center;width:118px;height:118px;margin:0 auto 10px;border-radius:46% 54% 42% 58%;background:radial-gradient(ellipse,#aed7d6a0,#e8ddb570 65%,transparent 72%);font:90px Georgia;color:#14616a;text-shadow:2px 3px #fff9}.art.books{font-size:65px;line-height:.48;padding-top:12px}.values h2{font-size:25px;font-weight:500;line-height:1.03}.values i{display:block;color:var(--gold);font-size:28px;font-style:normal;margin-top:5px}.welcome{min-height:510px;display:grid;grid-template-columns:1fr 1.15fr;position:relative;background:#f7f1df}.welcome-copy{padding:40px 0 55px 15%;position:relative;z-index:1}.welcome h2{font-size:47px;white-space:nowrap;font-weight:500;letter-spacing:-1.5px}.welcome h2 span{color:var(--gold);font-size:65px;vertical-align:middle}.welcome-copy>p:not(.signature){max-width:400px;font-size:17px;line-height:1.45;margin:12px 0 18px}.signature{font-family:'Parisienne',cursive;font-size:32px;color:#95691f;margin:10px 0 22px;white-space:nowrap}.welcome-image{background:linear-gradient(90deg,var(--cream),transparent 32%),url('assets/welcome.jpg') center/cover}.teal{position:relative;background:radial-gradient(ellipse at top,#399e9a,transparent 80%),#10636a;color:#fff4d9;padding:45px 8% 65px;clip-path:polygon(0 15px,10% 0,22% 8px,35% 24px,50% 10px,65% 0,80% 18px,90% 22px,100% 8px,100% 100%,0 100%);margin-top:-22px;z-index:2}.activities{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.activities button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;font-size:25px}.activities button>span{height:122px;width:122px;border-radius:50%;border:1px solid #d6efe3a0;display:grid;place-items:center;font:75px Georgia;color:#f7db8c;margin-bottom:10px;transition:background .2s}.activities button:hover>span{background:#ffffff18}.activities i{color:#edcd7c;font-size:28px;font-style:normal}.daily{text-align:center;max-width:730px;margin:65px auto 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.6px;margin-bottom:15px}.daily h2,.details h2,.contact h2{font-size:45px;font-weight:500;line-height:1.1}.daily>p:not(.eyebrow){margin:18px 0 25px;line-height:1.7}.details{max-width:850px;margin:auto;padding:75px 25px}.section-intro{margin:18px 0 32px;line-height:1.6}details{border-bottom:1px solid #bda77a60;padding:19px 0;scroll-margin-top:120px}summary{cursor:pointer;font-size:18px;font-weight:600}details p{padding:15px 0 4px;line-height:1.7}details a{text-decoration:underline}.contact{text-align:center;padding:55px 20px 70px;background:radial-gradient(ellipse at 50% 0,#e1d39c60,transparent 70%),#eee9d6}.contact-heart{font:70px Georgia;color:var(--gold)}.contact>p:not(.eyebrow){line-height:1.7;margin:22px auto;max-width:630px}.contact-note{line-height:1.8;margin-top:28px}.contact-note p{font-size:14px;margin-top:8px}footer{background:#0e4c53;color:var(--cream);padding:40px 7% 25px;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer .brand span{font-size:15px}footer .brand strong{font-size:32px}footer p{font-size:14px}footer>div{display:flex;gap:20px;font-size:13px}footer button{background:none;border:0;color:inherit;padding:0}footer small{width:100%;text-align:center;opacity:.7;font-size:11px}dialog{color:var(--ink);border:1px solid #d3b46b;border-radius:18px;background:var(--cream);padding:48px;max-width:min(600px,calc(100% - 32px));max-height:85dvh;box-shadow:0 25px 80px #0d303840}dialog::backdrop{background:#092c38aa;backdrop-filter:blur(5px)}dialog h2{font-size:40px;font-weight:500;margin-bottom:18px}dialog p{line-height:1.7;margin-bottom:18px}dialog .button{font-size:21px}.close{position:absolute;right:15px;top:8px;background:transparent;border:0;font-size:35px;width:42px;height:42px}.skip{position:fixed;left:15px;top:-100px;z-index:20;padding:15px;background:var(--cream)}.skip:focus{top:15px}
@media(min-width:1500px){.hero{padding-left:12%}.welcome-copy{padding-left:22%}}
@media(max-width:1100px){header{padding-left:8%;gap:18px}nav{gap:20px;font-size:17px}.header-contact{padding:12px 18px;font-size:20px}.hero{min-height:700px}.hero-copy{max-width:480px}.script{font-size:32px}.welcome h2{font-size:40px}.welcome-copy{padding-left:12%}.signature{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:20px}header{padding:16px 6%;position:absolute;background:linear-gradient(110deg,#f7f3e5e8,#c7e6e6bb);border-radius:0 0 45% 5%/0 0 10% 5%;min-height:100px}.brand span{font-size:16px}.brand strong{font-size:34px}.brand i{font-size:14px}.header-contact{margin-left:auto;padding:11px 16px;font-size:18px;gap:8px}.header-contact>span{font-size:23px}.menu{display:block;order:3;font-size:26px;background:transparent;border:1px solid #36696b66;border-radius:10px;width:44px;height:44px}nav{display:none;position:absolute;top:93px;right:5%;left:5%;background:#faf5e7;box-shadow:0 10px 30px #13444b30;border:1px solid #d9cca3;border-radius:15px;padding:18px;font-size:21px;flex-direction:column;gap:6px}nav.open{display:flex}nav a{padding:9px}.hero{height:auto;min-height:1010px;padding:140px 7% 430px;align-items:flex-start;background-position:65% bottom;background-size:auto 640px;background-color:#f7f0db;background-repeat:no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#f7f0db 0%,#f7f0db 35%,#f7f0dbef 44%,#f7f0db00 63%);pointer-events:none}.hero-copy{position:relative;max-width:100%;width:100%}.script{font-size:clamp(25px,6.8vw,35px);margin-bottom:12px}.script span{font-size:43px}h1{font-size:clamp(32px,8.7vw,57px);letter-spacing:-1.5px}h1 strong{font-size:clamp(78px,21vw,120px);letter-spacing:-4px;line-height:1}.flourish{font-size:18px;margin:8px 0 16px}.hero h2{font-size:28px}.intro{font-size:16px;max-width:360px}.button{font-size:21px;padding:15px 20px;gap:10px}.button b{margin-left:2px}.hero .button{max-width:100%}.values{grid-template-columns:repeat(2,1fr);padding:35px 5% 25px;gap:24px 12px}.values h2{font-size:24px}.art{width:100px;height:100px;font-size:75px}.welcome{display:flex;flex-direction:column}.welcome-copy{padding:25px 7% 30px}.welcome h2{font-size:clamp(32px,8.2vw,43px);white-space:normal;letter-spacing:-1px}.welcome h2 span{font-size:48px}.welcome-copy>p:not(.signature){font-size:17px;max-width:100%}.signature{font-size:30px;white-space:normal}.welcome-image{height:300px;background:linear-gradient(var(--cream),transparent 22%),url('assets/welcome.jpg') center 60%/cover}.teal{padding:45px 5% 50px}.activities button{font-size:20px;padding:0 3px}.activities button>span{width:88px;height:88px;font-size:58px}.activities i{font-size:23px}.daily{margin-top:48px}.daily h2,.details h2,.contact h2{font-size:36px}.details{padding:55px 7%}summary{font-size:17px;line-height:1.5}.contact{padding:40px 7% 50px}footer{flex-direction:column;text-align:center;gap:25px}footer>div{flex-wrap:wrap;justify-content:center}dialog{padding:45px 24px 30px}dialog h2{font-size:33px}}
@media(max-width:360px){header{gap:10px}.header-contact{font-size:16px;padding:10px}.brand strong{font-size:30px}.brand span{font-size:14px}.hero{min-height:1020px}.activities button>span{width:76px;height:76px}.activities button{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.art svg{width:80px;height:80px}.activities svg{width:78px;height:78px}[hidden]{display:none!important}@media(max-width:760px){.art svg{width:70px;height:70px}.activities svg{width:57px;height:57px}}
.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0 18px}.contact-actions .button{font-size:21px}.email{overflow-wrap:anywhere}.contact-note a:not(.button){text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px) and (max-width:1000px){header{padding:16px 6%;gap:18px}.menu{display:block;order:3;font-size:26px;background:transparent;border:1px solid #36696b66;border-radius:10px;width:44px;height:44px}.header-contact{margin-left:auto}nav{display:none;position:absolute;top:100px;right:5%;left:5%;background:#faf5e7;box-shadow:0 10px 30px #13444b30;border:1px solid #d9cca3;border-radius:15px;padding:18px;font-size:21px;flex-direction:column;gap:6px}nav.open{display:flex}nav a{padding:9px}.welcome h2{font-size:34px;white-space:normal}.signature{white-space:normal}.welcome-copy{padding-right:15px}}
.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px auto;max-width:1000px;text-align:left}.focus-grid article{padding:28px;border:1px solid #f5d78b80;border-radius:22px;background:#ffffff0d}.focus-grid article:last-child{grid-column:1/-1}.focus-grid article>span{display:block;color:#f5d78b;font-size:17px;letter-spacing:3px;margin-bottom:8px}.focus-grid h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1.15;color:#ffe09a;margin:0 0 14px;font-weight:600}.daily .focus-grid p{font-size:17px;line-height:1.7;margin:0;max-width:none}.daily .focus-note{font-size:16px;max-width:800px;margin:24px auto}.daily>h2{max-width:900px;margin-left:auto;margin-right:auto}@media(max-width:760px){.focus-grid{grid-template-columns:1fr;gap:16px;margin:28px 0}.focus-grid article{padding:24px}.focus-grid article:last-child{grid-column:auto}.focus-grid h3{font-size:30px}.daily .focus-grid p{font-size:16px}}
.focus-buttons{gap:14px;max-width:800px}.focus-buttons>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:18px 24px;border:1px solid #ffe09a99;border-radius:22px;background:#ffffff0d;color:#ffe09a;font-family:Georgia,serif;font-size:25px;text-align:left;transition:background .2s,transform .2s}.focus-buttons>button:hover{background:#ffffff20;transform:translateY(-2px)}.focus-buttons>button:last-child{grid-column:1/-1}.focus-buttons>button span{font-size:32px;line-height:1}@media(max-width:760px){.focus-buttons>button{font-size:23px;min-height:68px}.focus-buttons>button:last-child{grid-column:auto}}

/* Separate pages */
.hero:after{display:none}.scroll{display:none}header{padding-left:5%;padding-right:5%;gap:20px}nav{gap:25px}.home-page .hero{min-height:100svh;height:auto;padding-bottom:70px}.home-page footer{padding-top:25px;padding-bottom:25px}.inner-page header{position:relative;border-radius:0;background:linear-gradient(110deg,#f3f5e7,#bde4e8)}.inner-page main{min-height:65vh}.inner-page h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-1px;font-weight:500;margin:10px 0 25px}.inner-page .teal{padding-top:40px}.inner-page .teal:before,.inner-page .teal:after{display:none}.inner-page .daily{margin-top:35px}.inner-page .details,.inner-page .contact{padding-top:55px}.about-page{max-width:1150px;margin:auto;padding:55px 6% 70px}.about-layout{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:45px;align-items:start}.about-layout img{display:block;width:100%;height:auto;border-radius:22px}.about-layout p{font-size:18px;line-height:1.7;margin-bottom:20px}.about-layout .button{margin-top:12px}@media(max-width:1000px){header{padding-left:5%;padding-right:5%}nav{gap:15px}}@media(max-width:760px){.home-page .hero{min-height:100svh;padding-bottom:420px}.home-page header{padding:15px 5%}.brand strong{font-size:34px}.home-page .menu,.inner-page .menu{margin-left:auto;order:3}.inner-page header{min-height:88px}.about-page{padding-top:35px}.about-layout{grid-template-columns:1fr;gap:25px}.about-layout img{max-width:280px;margin:auto}.about-layout p{font-size:17px}.inner-page h1{font-size:38px}.inner-page .teal{padding-top:30px}.inner-page .daily{margin-top:28px}}

/* Magical details and genuine room photos */
.brand strong .clear-one,h1 strong .clear-one{display:inline;font-family:Georgia,'Times New Roman',serif;font-size:1em;font-weight:500;letter-spacing:0;line-height:inherit}.inner-page main{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 10%,#97d5d45c,transparent 48%),radial-gradient(ellipse at 5% 80%,#f0cd7850,transparent 40%),#e5f0e9}.magic-ornaments{position:absolute;inset:0;z-index:2;pointer-events:none;color:#b88c31}.magic-ornaments>span{position:absolute;display:block;width:110px;opacity:.32}.magic-ornaments svg{display:block;width:100%;height:auto}.magic-one{top:25px;right:3%;transform:rotate(14deg)}.magic-two{bottom:35px;left:2%;transform:rotate(-13deg)}.magic-ornaments .magic-star{font:70px Georgia;top:45%;right:3%;width:auto;opacity:.3}.inner-page .details{position:relative;max-width:1050px;margin:auto;background:transparent;min-height:65vh}.inner-page .details details{background:#ffffff99;border:1px solid #98c7c4;border-radius:16px;padding:18px 22px;margin-bottom:14px;box-shadow:0 5px 20px #164e4e08}.inner-page .about-page{position:relative}.inner-page .about-layout img{border:3px solid #d9b562;box-shadow:0 15px 35px #164e4e20}.inner-page .contact{background:linear-gradient(135deg,#0d555c,#208186);color:#fff4d5}.inner-page .contact-heart{color:#f5d58b}.inner-page .contact a:not(.button){color:inherit}.inner-page .teal{background:radial-gradient(ellipse at 85% 0,#3a9997,#10565f 80%)}.inner-page .teal h1{color:#fff1bd}.rooms-page{max-width:1150px;margin:auto;padding:55px 6% 70px}.rooms-intro{font-size:18px;line-height:1.7;max-width:720px}.room-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:35px 0}.room-card{padding:0;background:#fffaf0;border:1px solid #bdcfbf;border-radius:22px;overflow:hidden;text-align:left;box-shadow:0 10px 28px #164e4e14;transition:transform .2s,box-shadow .2s}.room-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #164e4e25}.room-crop{position:relative;overflow:hidden;width:100%;background:#c4dbd2}.room-crop img{position:absolute;max-width:none;height:auto;display:block}.room-caption{display:flex;flex-direction:column;gap:10px;padding:23px}.room-caption strong{font:600 30px 'Cormorant Garamond',Georgia,serif}.room-caption>span{font-size:16px;line-height:1.6}.room-caption i{font-size:15px;font-style:normal;color:#8a601b}#dialog-body .room-crop{border-radius:14px;margin:20px 0}.inner-page footer{background:#104950;color:#f7efd4}.inner-page footer .brand{color:#f7efd4}@media(min-width:1001px){header nav{gap:20px;font-size:18px}header{gap:18px}.brand strong{font-size:39px}.brand span{font-size:18px}}@media(min-width:1001px) and (max-width:1150px){header nav{gap:13px;font-size:17px}header{padding-left:3%;padding-right:3%}.brand strong{font-size:33px}.brand span{font-size:16px}}@media(max-width:760px){.magic-ornaments>span{width:75px;opacity:.2}.magic-one{right:0;top:8px}.magic-two{left:-10px;bottom:15px}.rooms-page{padding:35px 7% 50px}.room-gallery{grid-template-columns:1fr;gap:22px}.room-caption{padding:20px}.rooms-intro{font-size:17px}.inner-page .details details{padding:16px}.inner-page .details{padding-left:7%;padding-right:7%}.magic-ornaments .magic-star{font-size:45px}}

.legal-page{max-width:900px;margin:auto;padding:65px 25px;overflow-wrap:anywhere;line-height:1.8}.legal-page h1{font-size:clamp(42px,7vw,64px);margin-bottom:24px}.legal-page h2{font-size:30px;line-height:1.25;margin:32px 0 14px}.legal-page p{margin:0 0 18px}.legal-page a{text-decoration:underline;text-underline-offset:3px}.draft,.preview-note{padding:18px 22px;border-left:4px solid #ae8132;background:#fff4d9;border-radius:8px;margin:20px 0}.preview-note{background:#d4e7e2;border-color:#11636a}.legal-page .eyebrow{font-size:11px}@media print{header,footer,.menu{display:none}.legal-page{padding:0}.legal-page h2{break-after:avoid}}
.contact-actions .button{color:#17464a;text-shadow:none}.contact-actions .button:hover{color:#10383c}
