@import url('fonts-local-cormorant.css');

:root{
  --pine:#132b20;
  --deep:#0b1c16;
  --cream:#f3eee5;
  --paper:#e5e1d7;
  --sage:#a7b79d;
  --gold:#c3a775;
  --ink:#1b3025;
  --muted:#617061;
  --stone:#d9cfbc;
  --moss:#394e3b;
  --bark:#836750;
  --serif:'Cormorant Garamond',Georgia,serif;
}

body{background:var(--cream);color:var(--ink)}
::selection{background:#bbaa83;color:#10251b}
h1,h2,h3{font-family:var(--serif);font-weight:500}
.eyebrow,.section-index,.footer-eyebrow{color:#6a795f}

/* The first impression stays immersive, with a softly framed edge. */
.hero{margin:0 12px;border-radius:0 0 30px 30px;box-shadow:0 18px 46px #10261d15}
.hero-photo picture{display:block;width:100%;height:100%}
.hero-photo img{filter:saturate(.79) contrast(1.04)}
.hero-shade{background:linear-gradient(90deg,rgba(7,23,16,.86),rgba(9,26,18,.45) 55%,rgba(9,26,18,.15)),linear-gradient(0deg,rgba(8,22,16,.47),transparent 55%)}
.hero .eyebrow{color:#e2d2ab}.hero .eyebrow:before{background:var(--gold)}
.hero-content h1{font-weight:400;letter-spacing:-.045em;text-shadow:0 3px 20px #06130d38}
.hero-copy{color:#f6f2e8;font-size:clamp(17px,1.55vw,21px)}
.hero-vertical{color:#e6d5b6}

/* A quiet brass accent and soft shapes carry through every control. */
.site-header{border-bottom-color:#e6d5b653}
.site-header.scrolled{top:9px;left:20px;right:20px;height:72px;border:1px solid #c4aa7666;border-radius:999px;background:rgba(12,32,23,.96);box-shadow:0 14px 35px #081a153d}
.brand-leaf{color:#dfc389}.brand-type small{color:#e7dac0}
.main-nav .nav-enquire{border-color:#d5bd8d;border-radius:999px;padding:12px 22px;background:#c5aa7f18}
.main-nav .nav-enquire:hover{background:#decba7;color:#10261d}
.button{justify-content:center;border-radius:999px;padding:16px 24px;box-shadow:0 8px 24px #071b141a}
.button-light{background:#e8dcc6;color:#173123;border:1px solid #e2d2b4}
.button-light:hover{background:#f6efe3}
.button-dark{background:#1d3929;border:1px solid #789477;color:#fff}
.text-link{border-bottom-color:#ad956e;color:#2d4835}
.text-link:hover{color:#886b45}

.ribbon{max-width:calc(100% - 48px);margin:18px auto 0;border:1px solid #64795d;border-radius:999px;background:#334a38;color:#f0ebdf;box-shadow:0 8px 25px #14281c18}
.ribbon i{color:#d3b881}
.intro{padding-top:118px;padding-bottom:64px}
.intro h2{color:#20392a;line-height:.99}
.intro-main>p{color:#536355}
.section-index span{background:#b29b70}

/* The real photography remains the focal point. */
.feature-gallery{gap:16px}
.feature-card{border-radius:22px;box-shadow:0 14px 32px #14261d19}
.feature-card img{filter:saturate(.79) contrast(1.035)}
.feature-shade{background:linear-gradient(0deg,rgba(7,25,17,.91),rgba(7,25,17,.12) 65%,transparent 88%)}
.feature-caption small{color:#e5cfa4}
.feature-caption strong{font-family:var(--serif);font-weight:500;font-size:clamp(35px,3.5vw,56px)}
.feature-open{border-color:#dcc59b;color:#f6eee0}
.feature-card:hover .feature-open,.feature-card:focus-visible .feature-open{background:#e8d7b7;color:#173123}
.gallery-after{padding-bottom:115px}
.gallery-after>span{color:#847355}
.experience-gallery .feature-caption strong{font-size:clamp(34px,3.2vw,48px)}

.photo-story{margin:0 16px;border-radius:28px;overflow:hidden;background:#e2ded2;box-shadow:0 20px 48px #182b1d16}
.photo-story-copy{background:linear-gradient(135deg,#e9e4d8,#deded1)}
.photo-story-copy .eyebrow{color:#7d6b4b}
.photo-story-copy h2{color:#183424}
.photo-story-copy p:not(.eyebrow){color:#4e604f}
.dark-statement{margin:18px 16px;border:1px solid #ac946c5c;border-radius:28px;background:radial-gradient(circle at 20% 15%,#2d4b36,#132b20 55%,#0b2018);box-shadow:0 20px 45px #15271c20}
.dark-statement .eyebrow{color:#d9c49d}
.dark-statement h2{font-weight:400}
.statement-note{color:#ccd8c8}

.features article{padding:27px 28px 30px;border:1px solid #d4cdbd;border-radius:20px;background:#eae6da;box-shadow:0 8px 24px #1d331b0c}
.features span,.package-num{color:#927853}
.features p,.package-list p:not(.eyebrow){color:#526355}
.quote-panel{border-top:1px solid #c7b997}
.quiet-panel{border-top:1px solid #c7b997}

.package-list article{margin-bottom:13px;padding:30px 32px;border:1px solid #d4c8b0!important;border-radius:20px;background:#eae6dc;box-shadow:0 12px 30px #172a1d0c}
.package-list article:nth-child(even){background:#e3e5d9}
.package-list h3{color:#1f3829}
.package-end span{color:#775e3c}
.package-end a{display:grid;place-items:center;min-width:72px;height:44px;padding:0 12px;border:1px solid #af956b;border-radius:999px;color:#6e5638;font:700 10px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase}
.package-end a:hover{background:#2d4834;color:#fff}
.partnership-band{margin:16px;border-radius:28px;overflow:hidden;background:#173225;box-shadow:0 18px 42px #17291c1f}
.partnership-copy{background:linear-gradient(135deg,#244331,#112a20)}
.partnership-copy .eyebrow{color:#d6bc8c}
.partnership-copy .guide{color:#e2cda5}
.pricing-note{color:#6e786a}

.people-grid article{padding:30px;border:1px solid #d4cab7;border-radius:20px;background:#eae6dc}
.people-grid span{border-color:#b79b6b;color:#745a38}
.contact-card{border:1px solid #d1c4aa;border-radius:24px;background:#e5e3d5;box-shadow:0 16px 34px #152c1b13}
.contact-card span{color:#856f4e}
.enquiry-prompts span{border-color:#cbbd9f}
.site-footer{margin:16px 16px 0;border-radius:28px 28px 0 0;background:linear-gradient(120deg,#173124,#0b1c16 70%)}
.footer-eyebrow{color:#d0b584}.footer-bottom{border-top-color:#b99d6e55}
.photo-dialog{border-color:#af956c;border-radius:24px;background:#0b1c16}
.dialog-caption{background:#173125}.dialog-count{color:#d2b984}
.dialog-close,.dialog-controls button{border-color:#d6bf96}

@media(max-width:1000px){
  .site-header.scrolled{left:10px;right:10px}
  .ribbon{max-width:calc(100% - 24px)}
  .feature-card{border-radius:18px}
  .features article{padding:25px}
  .package-list article{padding:26px}
}
@media(max-width:760px){
  .hero,.hero.short{margin:0 8px;border-radius:0 0 22px 22px;min-height:700px;height:min(830px,100svh)}
  .hero-photo picture{height:100%}
  body[data-page="home"] .hero-photo img{object-position:50% 35%}
  body[data-page="corporate"] .hero-photo img{object-position:54% 44%}
  body[data-page="story"] .hero-photo img{object-position:50% 40%}
  body[data-page="experiences"] .hero-photo img{object-position:49% 41%}
  body[data-page="packages"] .hero-photo img{object-position:50% 50%}
  body[data-page="enquire"] .hero-photo img{object-position:55% 46%}
  .hero-shade{background:linear-gradient(0deg,rgba(7,23,16,.91),rgba(7,23,16,.55) 52%,rgba(7,23,16,.24)),linear-gradient(90deg,rgba(7,23,16,.32),transparent)}
  .hero-content{bottom:15%;left:27px;right:25px}
  .hero h1{font-size:clamp(3.7rem,12.6vw,6rem);line-height:.98}
  .hero-copy{font-size:16px;line-height:1.5;max-width:380px}
  .hero .eyebrow{font-size:10px}
  .site-header.scrolled{top:7px;left:8px;right:8px;height:66px;border-radius:20px}
  .site-header.menu-active,.site-header.scrolled.menu-active{inset:0;width:100vw;height:100dvh;border:0;border-radius:0;background:#10271d;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-header.menu-active .brand{position:absolute;z-index:103;left:24px;top:31px}
  .site-header.menu-active .menu-toggle{position:absolute;z-index:103;right:23px;top:19px}
  .menu-toggle{border:1px solid #d4bd8e6b;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;padding:8px}
  .main-nav.open{position:absolute;z-index:102;inset:0;display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:110px 10% 60px;border-radius:0;background:#10271d}
  .main-nav .nav-enquire{border-radius:999px}
  .ribbon{margin:12px 8px 0;max-width:calc(100% - 16px);border-radius:17px;padding:17px 18px}
  .intro{padding-top:88px;padding-bottom:50px}
  .intro h2{font-size:clamp(3.1rem,9vw,5rem)}
  .feature-gallery{gap:10px}
  .feature-card{border-radius:17px}
  .feature-caption strong,.experience-gallery .feature-caption strong{font-size:clamp(36px,8vw,48px)}
  .photo-story{margin:0 8px;border-radius:20px}
  .photo-story-image{height:390px}
  .dark-statement{margin:10px 8px;border-radius:20px}
  .features article{border-radius:18px}
  .package-list article{padding:22px 19px;margin-bottom:10px;border-radius:17px}
  .package-end a{display:grid}
  .partnership-band{margin:8px;border-radius:20px}
  .people-grid article{border-radius:18px}
  .contact-card{border-radius:19px}
  .site-footer{margin:8px 8px 0;border-radius:22px 22px 0 0}
  .photo-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:18px}
}
@media(max-width:520px){
  .hero,.hero.short{height:min(805px,100svh);min-height:680px}
  .hero-content{bottom:14%}
  .hero h1{font-size:clamp(3.4rem,13.5vw,4.6rem)}
  .hero .button{min-width:0;width:100%;max-width:310px}
  .feature-caption strong,.experience-gallery .feature-caption strong{font-size:42px}
  .feature-card .feature-caption{right:53px}
  .photo-story-copy{padding:68px 28px}
  .package-list article{grid-template-columns:36px 1fr}
  .package-end{gap:12px}
}