@font-face {font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
:root {--paper:#f5f2ea;--green:#243b32;--ink:#293c33;--muted:#676b60;--line:#d8d8ca;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:35px}
body {margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
button,input,select,textarea {font:inherit}
button,a {-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid #a26c3c;outline-offset:6px}
img {display:block;width:100%;object-fit:cover}
.header {margin:0 4.2%;height:110px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.brand {font-family:Arial,sans-serif;font-weight:700;letter-spacing:-1.6px;font-size:32px;line-height:1}
.brand span {font-size:40px;vertical-align:-2px;margin:0 -3px}
.brand small {display:block;text-align:center;font-size:9px;letter-spacing:4px;margin:9px 0 0 4px}
nav {display:flex;align-items:center;gap:42px;font-size:14px}
.nav-cta {border-bottom:1px solid var(--green);padding:12px 0}
.nav-cta span {margin-left:27px;font-size:19px}
.eyebrow {font-size:11px;letter-spacing:2.5px;line-height:1.7;text-transform:uppercase}
.eyebrow span {padding:0 14px}
.hero {text-align:center;padding-top:43px}
.hero h1 {font:400 clamp(48px,5.4vw,86px)/.99 var(--serif);letter-spacing:-2.7px;margin:22px 20px 39px}
.hero h1 em {font-weight:400}
.hero-photo {position:relative;margin:0 2.1%;height:clamp(390px,43vw,670px);overflow:hidden}
.hero-photo>img {height:100%;object-position:50% 53%}
.hero-photo:after {content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0e1c17a6);pointer-events:none}
.photo-footer {position:absolute;z-index:1;bottom:32px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;color:white;text-align:left}
.photo-footer>span {font:italic 30px var(--serif)}
.photo-footer a {font-size:11px;letter-spacing:2px}
.photo-footer a span {font-size:22px;margin-left:22px}
.skip {position:absolute;top:-90px;left:20px;z-index:10;padding:12px;background:white}
.skip:focus {top:12px}
@media(max-width:700px) {
.header {height:89px;margin:0 6%}
.brand {font-size:26px}
.brand span {font-size:32px}
.brand small {font-size:8px;letter-spacing:2.8px}
nav {gap:0}
nav>a:not(.nav-cta) {display:none}
.nav-cta {font-size:12px}
.nav-cta span {margin-left:10px}
.hero {padding-top:31px}
.eyebrow {font-size:10px;letter-spacing:1.8px}
.eyebrow span {padding:0 7px}
.hero h1 {font-size:clamp(42px,8.1vw,57px);line-height:1.04;letter-spacing:-1.4px;margin:21px 18px 30px}
.hero h1 em {display:inline-block;max-width:430px}
.hero-photo {margin:0 4%;height:440px}
.hero-photo>img {object-position:55% 50%}
.photo-footer {left:22px;right:22px;bottom:23px}
.photo-footer>span {font-size:25px;max-width:210px}
.photo-footer a {font-size:0}
.photo-footer a span {font-size:25px}
}
.section {max-width:1280px;padding:110px 60px;margin:auto}
h2 {font:400 clamp(48px,4.5vw,72px)/1.02 var(--serif);letter-spacing:-1.8px;margin:24px 0 30px}
h2 em {font-weight:400}
.intro {display:grid;grid-template-columns:1fr 1fr;gap:90px}
.intro-copy {padding-top:20px}
.intro-copy p,.atmosphere p,.request p {font-size:15px;line-height:1.9}
.intro-copy .lead {font:400 29px/1.3 var(--serif);margin-top:0}
.intro-copy>p:not(.lead) {color:var(--muted)}
.text-link,.light-link {display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:13px;margin-top:10px}
.text-link span,.light-link span {font-size:22px}
.details {border-block:1px solid var(--line);margin:0 6.3%;padding:35px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.details>div {display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;padding:0 15px}
.details>div+div {border-left:1px solid var(--line)}
.details>div>span:last-child {font-size:12px;letter-spacing:.3px;color:var(--muted)}
.detail-number {font:400 62px/.85 var(--serif)}
.detail-title {font:italic 33px var(--serif)}
.photo-button {border:0;padding:0;width:100%;background:none;position:relative;cursor:zoom-in;overflow:hidden}
.photo-button img {transition:transform .6s}
.photo-button:hover img {transform:scale(1.025)}
figcaption {display:flex;gap:18px;font-size:11px;letter-spacing:1px;padding-top:16px;color:var(--muted)}
figcaption span {letter-spacing:.3px}
.atmosphere {display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--paper);margin:0 2.1%}
.atmosphere>img {height:600px;object-position:50% 48%}
.atmosphere>div {align-self:center;padding:65px clamp(30px,5.5vw,90px)}
.atmosphere .eyebrow {font-size:10px;letter-spacing:1.8px}
.atmosphere h2 {font-size:clamp(44px,4.1vw,66px)}
.atmosphere p:not(.eyebrow) {color:#d4d9cf;max-width:360px}
.light-link {border-color:#a3b0a2}
.request {display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-top:125px;padding-bottom:100px}
.request>div>p:not(.eyebrow) {color:var(--muted)}
.demo-note {font-size:11px;color:var(--muted);display:block;max-width:290px;line-height:1.8;margin-top:35px}
form {padding-top:17px}
.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px 25px}
label {font-size:12px;display:block}
input,textarea {width:100%;min-width:0;border:0;border-bottom:1px solid #aeb6a9;background:transparent;padding:15px 0;border-radius:0;color:var(--ink);font-size:14px}
input {min-height:53px}
input::placeholder,textarea::placeholder {color:#7c7f74;opacity:1}
textarea {resize:vertical;line-height:1.7}
.full {grid-column:1/-1}
.submit {background:var(--green);color:var(--paper);border:1px solid var(--green);padding:18px 25px;margin-top:30px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center;width:100%}
.submit:hover {background:#365145}
.submit span {font-size:20px}
.form-status {font-size:13px!important;margin-bottom:0}
.form-status:empty {display:none}
footer {border-top:1px solid var(--line);margin:0 4.2%;padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
footer>p {font:italic 24px/1.2 var(--serif)}
footer>div {font-size:13px;line-height:2;text-align:right}
footer>div>span {font-size:11px;color:var(--muted)}
dialog {padding:0;border:0;background:#17241e;max-width:90vw;max-height:92vh;overflow:visible}
dialog::backdrop {background:#101914e8}
dialog img {max-height:85vh;max-width:85vw;width:auto;object-fit:contain}
.close {position:absolute;right:10px;top:10px;border:1px solid #ffffff55;background:#17241ee0;color:white;border-radius:50%;height:45px;width:45px;font-size:30px;cursor:pointer}
@media(max-width:900px) {
.section {padding:75px 7%}
.intro,.request {gap:40px}
.detail-title {font-size:26px}
.atmosphere>img {height:530px}
.atmosphere>div {padding:40px 28px}
.atmosphere h2 {font-size:46px}
.request {grid-template-columns:1fr 1.15fr}
}
@media(max-width:700px) {
.section {padding:64px 7%}
.intro,.request {grid-template-columns:1fr;gap:10px}
h2 {font-size:52px;letter-spacing:-1px}
.intro-copy {padding-top:0}
.intro-copy .lead {font-size:27px}
.details {margin:0 7%;grid-template-columns:1fr;padding:10px 0}
.details>div {padding:25px 0}
.details>div+div {border-left:0;border-top:1px solid var(--line)}
.detail-title {font-size:32px}
figcaption {gap:8px;font-size:10px;line-height:1.6}
.atmosphere {margin:0 4%;grid-template-columns:1fr}
.atmosphere>img {height:390px;object-position:50% 43%}
.atmosphere>div {padding:40px 27px 50px}
.atmosphere h2 {font-size:50px}
.request {gap:25px}
.demo-note {margin-top:20px}
form {padding-top:0}
.form-grid {gap:25px 18px}
label {font-size:12px}
input,textarea {font-size:16px}
.full {grid-column:1/-1}
footer {margin:0 7%;padding:35px 0;flex-wrap:wrap;gap:22px}
footer>p {font-size:23px}
footer>div {width:100%;text-align:left;border-top:1px solid var(--line);padding-top:18px}
}
@media(max-width:380px) {
.form-grid {grid-template-columns:1fr}
.hero h1 {font-size:40px}
.brand {font-size:23px}
.nav-cta {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
html {scroll-behavior:auto}
* {animation:none!important;transition:none!important}
}