:root{--paper:#f4f2eb;--ink:#29372f;--muted:#687066;--olive:#68755d;--dark:#202927;--gold:#c8b995;--line:#d9dcd1;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a98c56;outline-offset:5px}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}em{font-weight:400}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.3px;font-weight:500;line-height:1.6}.section-space{padding-block:110px}.skip-link{position:fixed;top:8px;left:8px;z-index:10;transform:translateY(-150%);background:var(--paper);padding:12px}.skip-link:focus{transform:none}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{position:relative;display:block;width:226px;height:63px;overflow:hidden;flex-shrink:0}.brand img{max-width:none;width:282px;height:auto;position:absolute;left:-28px;top:-40px}.brand-light{mix-blend-mode:multiply}.brand-light img{filter:invert(1)}.site-header nav{display:flex;align-items:center;gap:37px;font-size:11px;letter-spacing:.4px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:#7d795a}.nav-cta{border-bottom:1px solid #7c846f;padding-block:10px}.nav-cta span{margin-left:22px;font-size:17px}.hero-copy{text-align:center;padding:57px 0 50px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#788468;border-radius:50%;flex-shrink:0}.separator{margin-inline:6px;color:#929782}h1{font-size:clamp(58px,6.6vw,94px);letter-spacing:-4px;line-height:1.01;margin:27px 0 23px}h1 em{color:#68735c}.hero-slogan{font-family:var(--serif);font-size:18px}.hero-description{font-size:12px;line-height:1.85;color:var(--muted);margin:17px 0 26px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:13px 23px;border:1px solid transparent;font-size:11px;text-decoration:none;letter-spacing:.2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span[aria-hidden]{font-size:18px;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#46523e}.hero-visual{position:relative;width:calc(100% - 48px);max-width:1552px;margin:auto;height:530px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 51%}.image-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,#15231bd4)}.hero-image-note{position:absolute;bottom:46px;left:48px;color:#faf6e9;display:flex;align-items:center;gap:22px}.hero-image-note p{font-family:var(--serif);font-size:28px;line-height:1.3}.small-star{font-size:34px;color:#d8caa6}.hero-visual figcaption{position:absolute;top:21px;left:26px;color:white;font-size:9px;letter-spacing:1px;text-shadow:0 1px 6px #000;background:#25332a80;padding:5px 10px}.explore-link{position:absolute;bottom:48px;right:48px;display:flex;align-items:center;gap:33px;font-size:10px;letter-spacing:1px;color:#fff;text-decoration:none}.explore-link span{border:1px solid #ffffff75;width:37px;height:37px;display:grid;place-items:center;font-size:18px}.principles{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.principles-label{font-family:var(--serif);font-style:italic;font-size:15px;max-width:170px;line-height:1.5}.principles>div{display:flex;gap:15px;align-items:center;font-size:11px;line-height:1.6}.principles svg{width:29px;height:29px;fill:none;stroke:#7a8168;stroke-width:1.1}.principles small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:46px}.section-heading>.eyebrow{margin-bottom:20px}h2{font-size:clamp(38px,4vw,56px);letter-spacing:-1.7px}h2 em{color:var(--olive)}.section-heading h2{margin-top:21px}.section-heading>p{font-size:12px;max-width:300px;color:var(--muted);padding-bottom:7px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.experience-card figure{height:285px;position:relative;overflow:hidden;margin-bottom:26px}.experience-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.experience-card:hover figure img{transform:scale(1.025)}.experience-card:first-child figure img{object-position:20% center}.experience-card:nth-child(2) figure img{object-position:62% center}.image-index{position:absolute;left:14px;bottom:13px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff9c;color:white;font-size:10px;background:#1d2c254d}.experience-card .eyebrow{font-size:8px;color:#70775e;letter-spacing:1.8px}.experience-card h3{font-size:28px;letter-spacing:-.6px;margin:12px 0 14px}.experience-card>p:last-child{font-size:12px;line-height:1.85;color:var(--muted);max-width:340px}.concept-note{font-size:10px;color:#71796d;margin-top:32px}.place{background:#e2e4d9}.place-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.place-visual{position:relative;height:550px}.place-visual img{width:100%;height:100%;object-fit:cover;object-position:34% center}.place-visual figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1c2a21d6);color:#fff;padding:50px 25px 22px;font-family:var(--serif);font-style:italic;font-size:17px}.place-copy h2{font-size:48px;margin:22px 0 28px}.place-copy>p:not(.eyebrow){font-size:12px;color:#5e695b;margin:17px 0;line-height:1.9}.location-line{display:flex;gap:17px;align-items:center;border-top:1px solid #bcc3b4;border-bottom:1px solid #bcc3b4;padding:20px 0;margin-top:27px}.location-line>span{font-size:26px;font-family:var(--serif);color:#69765d}.location-line strong{font-size:11px;font-weight:500}.location-line div>span{display:block;font-size:10px;color:var(--muted)}.project-note{margin-top:23px;display:flex;align-items:baseline;gap:12px}.project-note p{font-size:10px;color:#5e695b;line-height:1.8}.project-note strong{font-weight:500}.night{position:relative;min-height:610px;display:flex;align-items:center;text-align:center;color:var(--paper);overflow:hidden}.night>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}.night-shade{position:absolute;inset:0;background:linear-gradient(#202e3445,#1729238c 60%,#202927)}.night-copy{position:relative;padding:75px 0 95px}.night-star{font-size:40px;color:#ddcba0;line-height:1}.night .eyebrow{font-size:8px;margin:21px 0 27px;color:#e0e0d6}.night h2{font-size:clamp(36px,4.4vw,62px);line-height:1.22;letter-spacing:-1.4px}.night h2 em{color:#d3c8ac}.night-caption{position:absolute;bottom:20px;right:30px;font-size:8px;letter-spacing:.6px;color:#b9c3bb}.waitlist{background:var(--dark);color:#f1efe4;padding-top:86px}.waitlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.waitlist .eyebrow{color:#c5b895}.waitlist h2{font-size:60px;margin:22px 0 27px;line-height:1.1}.waitlist h2 em{color:#c9b995;font-size:54px;letter-spacing:.5px}.waitlist-copy>p:not(.eyebrow){font-size:12px;color:#b9c2b8;max-width:315px;line-height:1.9}.waitlist-copy .waitlist-note{font-family:var(--serif);font-style:italic;font-size:17px!important;color:#cecfbf!important;margin-top:32px}.waitlist-form{padding-top:8px}.field{margin-bottom:24px}.field label{font-size:10px;letter-spacing:.5px;display:block;margin-bottom:7px}.field input,.field select{display:block;width:100%;border:0;border-bottom:1px solid #657069;border-radius:0;background:transparent;padding:9px 0 13px;font-size:13px;color:#eeeee2;min-height:44px}.field input::placeholder{color:#9ca89e;opacity:1}.field select{color-scheme:dark;cursor:pointer}.field select option{background:var(--dark);color:var(--paper)}.field input:focus,.field select:focus{border-color:var(--gold)}.consent{display:flex;align-items:flex-start;gap:11px;font-size:10px;color:#bfc6bd;line-height:1.8;margin:27px 0 24px}.consent input{accent-color:var(--gold);flex-shrink:0;width:15px;height:15px;margin:2px 0 0}.button-light{background:#d9ccb0;color:#253229;width:100%;border-color:#d9ccb0}.button-light:hover{background:#e8ddc6}.button:disabled{opacity:.6;cursor:wait;transform:none}.form-note{font-size:9px;color:#a8b3a9;text-align:center;line-height:1.9}.form-status{font-size:12px;color:#e2d3b2;margin:15px 0;line-height:1.7}.form-status:empty{margin:12px 0}.form-status[data-state=error]{color:#ffd3bc}.form-status[data-state=success]{padding:15px;border:1px solid #778474;background:#2e3d33}.website-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{background:#1e2524;color:#b7bdb3;padding:53px 0 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;padding-bottom:42px}.brand-footer{width:235px;height:68px}.brand-footer img{width:292px;left:-29px;top:-40px}.footer-top>div:first-child>p{font-family:var(--serif);font-style:italic;font-size:13px;margin-top:9px}.company h2{font-family:var(--sans);font-size:12px;letter-spacing:1.5px;color:#e2e1d5;line-height:1.6;margin:4px 0 14px}.company p{font-size:10px;margin:10px 0;line-height:1.9}.company strong{font-weight:400;color:#e2e1d5}.footer-contact .eyebrow{font-size:9px;margin:4px 0 14px}.footer-contact>a{font-family:var(--serif);font-size:20px;text-decoration:none;color:#e2e1d5}.footer-contact>a>span{margin-left:15px;font-size:16px}.footer-contact>p:last-child{font-size:10px;line-height:1.9;margin-top:15px}.footer-bottom{border-top:1px solid #3d4741;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:9px}.footer-bottom nav{display:flex;gap:26px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover,.site-header a:hover{text-decoration:underline}.legal-main{max-width:790px;margin:65px auto 90px;padding:0 28px}.legal-main h1{font-size:58px;letter-spacing:-2px;margin:20px 0}.legal-main .updated{font-size:11px;color:var(--muted);margin-bottom:40px}.legal-main h2{font-family:var(--sans);font-size:18px;letter-spacing:0;margin:32px 0 12px}.legal-main p,.legal-main li{font-size:14px;line-height:1.9;margin-bottom:14px}.legal-main ul{padding-left:22px}.legal-main .button{margin-top:25px}.legal-footer{padding:25px 0}
.brand-light img{filter:invert(1) grayscale(1) brightness(1.3) contrast(1.15)}
.hero-description,.section-heading>p,.experience-card>p:last-child,.place-copy>p:not(.eyebrow),.waitlist-copy>p:not(.eyebrow){font-size:14px}
.company p,.footer-contact>p:last-child,.project-note p{font-size:12px}
.company h2{font-size:13px}.footer-bottom{font-size:11px}.consent{font-size:12px}.field label{font-size:12px}.field input,.field select{font-size:15px}.form-note{font-size:11px}.button{font-size:12px}
@media(min-width:1600px){.hero-visual{height:610px}.hero-copy{padding-block:65px 55px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.place-grid{gap:48px}.waitlist-grid{gap:70px}.principles-label{display:none}.experience-card h3{font-size:25px}.place-copy h2{font-size:40px}.waitlist h2{font-size:53px}.waitlist h2 em{font-size:46px}.footer-top{gap:30px}.experience-card figure{height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Mobile composition: fluid typography, readable details and touch targets. */
.project-overview { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
.place.section-space { padding-block: 72px; }
.project-location h2 { margin: 18px 0 14px; }
.project-location > p:last-child { font-size: 14px; color: #5e695b; }
.project-facts { margin: 0; min-width: 0; }
.project-facts > div { padding: 17px 0; border-bottom: 1px solid #bdc5b5; }
.project-facts > div:first-child { padding-top: 0; }
.project-facts > div:last-child { border-bottom: 0; padding-bottom: 0; }
.project-facts dt { font-size: 11px; color: #5e695b; margin-bottom: 4px; }
.project-facts dd { margin: 0; font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.project-facts .status-dot { margin-right: 5px; vertical-align: middle; }
.night-star { display: inline-block; margin-bottom: 28px; }
.footer-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; padding-bottom: 30px; }
.footer-contact { margin-top: 8px; }
.footer-contact > a { display: inline-flex; align-items: center; min-height: 44px; gap: 15px; }
.footer-contact > a > span { margin: 0; }
.footer-top .company h2 { margin-top: 5px; }
.hero-location .opening { display: inline-flex; align-items: center; gap: 10px; }
.hero-location > span { min-width: 0; }
.place-copy, .waitlist-copy, .waitlist-form, .footer-top > div { min-width: 0; }

@media (min-width: 761px) and (max-width: 1000px) {
  .site-header nav { gap: 22px; }
  .place-grid { gap: 32px; }
  .place-visual { height: 490px; }
  .experience-grid { gap: 20px; }
  .experience-card figure { height: 220px; }
  .waitlist-grid { grid-template-columns: 1fr; gap: 40px; max-width: 620px; }
  .waitlist-copy > p:not(.eyebrow) { max-width: 470px; }
  .waitlist h2 br:first-of-type { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-top > div:first-child { grid-column: auto; }
  .project-overview { gap: 40px; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 20px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  h1, h2, h3 { overflow-wrap: anywhere; }
  .wrap { width: calc(100% - 40px); }
  .site-header { min-height: 80px; height: auto; padding-block: 12px; gap: 12px; flex-wrap: wrap; }
  .brand { width: 160px; height: 51px; }
  .brand img { width: 205px; left: -22px; top: -27px; }
  .site-header nav { gap: 0; margin-left: auto; }
  .site-header nav > a:not(.nav-cta) { display: none; }
  .site-header .nav-cta { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: .75rem; letter-spacing: 0; padding-block: 8px; }
  .nav-cta span { margin: 0; }
  .hero-copy { padding: 32px 0; }
  .hero .eyebrow { flex-wrap: wrap; gap: 6px 12px; font-size: .625rem; letter-spacing: 1.2px; line-height: 1.7; }
  .hero-location .opening { flex-basis: 100%; justify-content: center; gap: 8px; }
  .hero-location .separator { display: none; }
  .hero h1 { font-size: clamp(2.25rem, 10.5vw, 4.5rem); letter-spacing: -.035em; line-height: 1.08; margin: 23px 0 20px; }
  .hero-slogan { max-width: 370px; margin: auto; font-size: 1.0625rem; line-height: 1.55; text-wrap: pretty; }
  .hero-description { max-width: 430px; margin: 18px auto 24px; font-size: .875rem; line-height: 1.75; }
  .desktop-break { display: none; }
  .button { min-height: 52px; font-size: .8125rem; padding: 14px 20px; gap: 22px; }
  .hero-copy .button { width: min(100%, 330px); }
  .hero-visual { width: calc(100% - 24px); height: auto; min-height: 360px; aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 100px 22px 22px; }
  .hero-visual > img { position: absolute; inset: 0; object-position: 38% center; }
  .image-overlay { background: linear-gradient(transparent 38%, #15231be8); }
  .hero-visual figcaption { top: 14px; left: 14px; right: 14px; width: fit-content; max-width: calc(100% - 28px); font-size: .625rem; line-height: 1.5; letter-spacing: .2px; padding: 6px 9px; }
  .hero-image-note { position: relative; bottom: auto; left: auto; gap: 12px; margin: 0 0 18px; }
  .hero-image-note p { font-size: clamp(1.125rem, 5.3vw, 1.75rem); line-height: 1.4; }
  .small-star { font-size: 26px; }
  .explore-link { position: relative; bottom: auto; right: auto; align-self: flex-start; gap: 18px; font-size: .6875rem; letter-spacing: .7px; min-height: 44px; }
  .explore-link span { width: 44px; height: 44px; font-size: 18px; }
  .principles { padding-block: 28px; gap: 18px; }
  .principles > div { flex: 1; flex-direction: column; align-items: center; text-align: center; gap: 10px; font-size: .75rem; line-height: 1.5; }
  .principles svg { width: 27px; height: 27px; flex-shrink: 0; }
  .principles small { display: block; margin-top: 4px; font-size: .6875rem; }
  .section-space { padding-block: 56px; }
  .place.section-space { padding-block: 44px; }
  .project-overview { grid-template-columns: 1fr; gap: 26px; }
  .project-location h2 { font-size: clamp(2rem, 8.8vw, 3rem); line-height: 1.15; letter-spacing: -.035em; margin: 14px 0 10px; }
  .project-location h2 br { display: none; }
  .project-location > p:last-child { font-size: .8125rem; }
  .project-facts dt { font-size: .75rem; }
  .project-facts dd { font-size: .875rem; }
  .project-facts > div { padding-block: 13px; }
  .eyebrow { font-size: .625rem; letter-spacing: 1.8px; }
  .section-heading { display: block; margin-bottom: 28px; }
  .section-heading h2, .place-copy h2 { font-size: clamp(2rem, 8.8vw, 3rem); letter-spacing: -.035em; line-height: 1.15; margin-top: 16px; }
  .section-heading > p { max-width: 460px; margin-top: 20px; padding: 0; }
  .section-heading > p, .experience-card > p:last-child, .place-copy > p:not(.eyebrow), .waitlist-copy > p:not(.eyebrow) { font-size: .9375rem; line-height: 1.8; }
  .experience-grid { grid-template-columns: 1fr; gap: 34px; }
  .experience-card figure { height: auto; aspect-ratio: 4 / 3; margin-bottom: 20px; }
  .experience-card .eyebrow { font-size: .625rem; letter-spacing: 1.4px; }
  .experience-card h3 { font-size: clamp(1.625rem, 6.7vw, 2rem); letter-spacing: -.025em; line-height: 1.2; margin: 10px 0 12px; }
  .experience-card > p:last-child { max-width: none; }
  .experience-card + .experience-card { border-top: 1px solid var(--line); padding-top: 32px; }
  .concept-note { font-size: .75rem; line-height: 1.75; margin-top: 28px; }
  .place-grid { grid-template-columns: 1fr; gap: 30px; }
  .place-visual { height: auto; aspect-ratio: 6 / 5; }
  .place-visual img { object-position: 30% center; }
  .place-visual figcaption { font-size: 1rem; line-height: 1.5; padding: 55px 20px 20px; }
  .place-copy h2 { margin-bottom: 22px; }
  .place-copy > p:not(.eyebrow) { max-width: 540px; }
  .location-line { margin-top: 24px; }
  .location-line strong { font-size: .8125rem; }
  .location-line div > span, .project-note p { font-size: .75rem; }
  .night { min-height: 440px; }
  .night > img { object-position: 58% center; }
  .night-copy { padding: 55px 0 75px; }
  .night .eyebrow { font-size: .625rem; letter-spacing: 1.3px; margin: 18px 0 25px; }
  .night h2 { font-size: clamp(1.625rem, 7.3vw, 2.75rem); letter-spacing: -.03em; line-height: 1.3; }
  .night-caption { left: 20px; right: 20px; bottom: 18px; font-size: .625rem; line-height: 1.6; }
  .waitlist-grid { grid-template-columns: 1fr; gap: 30px; }
  .waitlist h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); letter-spacing: -.035em; line-height: 1.12; margin: 18px 0 23px; }
  .waitlist h2 em { font-size: 1em; letter-spacing: 0; }
  .waitlist-copy > p:not(.eyebrow) { max-width: 480px; }
  .waitlist-copy .waitlist-note { margin-top: 20px; }
  .waitlist-form { padding: 0; }
  .field { margin-bottom: 22px; }
  .field label { font-size: .8125rem; }
  .field input, .field select { font-size: 1rem; min-height: 52px; padding-block: 11px 14px; scroll-margin-block: 24px; }
  .consent { font-size: .8125rem; gap: 12px; margin: 24px 0; padding-block: 4px; line-height: 1.75; cursor: pointer; }
  .consent input { width: 20px; height: 20px; margin-top: 2px; }
  .form-note { font-size: .75rem; line-height: 1.8; }
  .form-note a { display: inline-flex; align-items: center; min-height: 44px; }
  .form-status { font-size: .875rem; overflow-wrap: anywhere; scroll-margin-block: 24px; }
  .site-footer { padding: 40px 0 24px; }
  .footer-top { grid-template-columns: 1fr; gap: 22px; padding-bottom: 22px; }
  .footer-top > div:first-child { grid-column: auto; }
  .brand-footer { width: 224px; height: 66px; }
  .brand-footer img { width: 280px; left: -28px; top: -40px; }
  .company h2, .footer-contact .eyebrow { margin-top: 0; }
  .company p, .footer-contact > p:last-child { font-size: .8125rem; line-height: 1.8; }
  .company strong { white-space: nowrap; }
  .footer-contact > a { font-size: 1.25rem; display: inline-flex; align-items: center; min-height: 44px; gap: 12px; overflow-wrap: anywhere; }
  .footer-contact > a > span { margin: 0; }
  .footer-bottom { flex-direction: column; gap: 12px; font-size: .75rem; padding-top: 20px; }
  .footer-bottom nav { gap: 4px 24px; flex-wrap: wrap; }
  .footer-bottom nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .legal-main { margin-block: 32px 48px; padding-inline: 20px; overflow-wrap: anywhere; }
  .legal-main h1 { font-size: clamp(2.25rem, 10vw, 3rem); letter-spacing: -.035em; line-height: 1.15; }
  .legal-main p, .legal-main li { font-size: .9375rem; line-height: 1.8; }
  .legal-main .updated { font-size: .75rem; margin-bottom: 28px; }
  .legal-header nav > a:not(.nav-cta) { display: inline-flex; align-items: center; min-height: 44px; font-size: .75rem; }
  .legal-footer { padding-block: 24px; }
}

@media (max-width: 480px) {
  .principles { display: grid; grid-template-columns: 1fr; gap: 18px; }
  .principles-label { display: block; max-width: none; font-size: .9375rem; }
  .principles > div { flex-direction: row; text-align: left; gap: 16px; font-size: .8125rem; }
  .principles small { margin-top: 2px; }
}

@media (max-width: 359px) {
  .wrap { width: calc(100% - 32px); }
  .site-header { gap: 8px; }
  .site-header .brand { width: 140px; height: 46px; }
  .site-header .brand img { width: 180px; left: -20px; top: -22px; }
  .site-header .nav-cta { gap: 8px; }
  .hero-visual { padding-inline: 18px; }
  .hero-image-note { gap: 10px; }
  .hero-image-note p { font-size: 1.125rem; }
  .small-star { font-size: 22px; }
}

@media (hover: none) {
  .button:hover { transform: none; }
  .experience-card:hover figure img { transform: none; }
  .button:active { filter: brightness(.93); }
}