@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif.ttf') format('truetype');font-display:swap}
:root{--ink:#171a1c;--ink2:#24282a;--bone:#f2eee5;--sand:#e7dfd1;--copper:#bf9460;--copper-light:#dfc49b;--line:#c9bfb0;--white:#fffdf8}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bone);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--copper);color:var(--ink)}
:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
.skip-link{position:absolute;z-index:100;top:-60px;left:16px;background:var(--white);color:var(--ink);padding:10px 16px}
.skip-link:focus{top:12px}
.page-width{width:min(100% - 96px,1392px);margin-inline:auto}
.preview-note{background:#313333;color:#e9e3da;font-size:11px;font-weight:600;letter-spacing:.15em;text-align:center;text-transform:uppercase;padding:7px 12px}
.site-header{position:sticky;top:0;z-index:20;background:var(--ink);color:var(--white);border-bottom:1px solid rgba(255,255,255,.13)}
.header-inner{min-height:89px;display:flex;align-items:center;gap:48px}
.wordmark{display:inline-flex;flex-direction:column;line-height:1;min-width:max-content}
.wordmark-main{font-family:'DM Serif',Georgia,serif;font-size:35px;letter-spacing:.035em;line-height:.9}
.wordmark-sub{font-size:9px;font-weight:700;letter-spacing:.37em;margin-top:9px}
.wordmark-star{color:var(--copper);margin-inline:4px}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.desktop-nav a{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#dedbd6;transition:color .2s}
.desktop-nav a:hover,.footer-links a:hover{color:var(--copper-light)}
.header-book{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 21px;border:1px solid var(--copper);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s}
.header-book:hover{background:var(--copper);color:var(--ink)}
.menu-toggle,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:51% 49%;min-height:min(780px,calc(100svh - 120px));background:var(--ink);color:var(--white)}
.hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:85px clamp(44px,6.7vw,120px) 80px max(48px,calc((100vw - 1392px)/2));overflow:hidden}
.hero-copy::after{content:'K';position:absolute;right:-30px;bottom:-140px;font-family:'DM Serif',Georgia,serif;font-size:550px;line-height:1;color:rgba(255,255,255,.018);pointer-events:none}
.eyebrow{margin:0;font-size:11px;font-weight:750;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-light)}
.hero-eyebrow{display:flex;align-items:center;gap:17px}
.rule{display:inline-block;width:35px;height:1px;background:var(--copper)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'DM Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em}
h1{font-size:clamp(74px,8.7vw,150px);line-height:.88;margin:33px 0 35px;white-space:nowrap}
h1 em,h2 em{font-weight:400;color:var(--copper);font-style:italic}
.hero-intro{max-width:440px;color:#c7c4bd;font-size:18px;line-height:1.65;margin-bottom:34px}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;position:relative;z-index:1}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 25px;font-size:12px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase;transition:background .25s,color .25s,transform .25s;cursor:pointer}
.button:hover{transform:translateY(-3px)}
.button-light{background:var(--copper);color:var(--ink)}
.button-light:hover{background:var(--copper-light)}
.button-dark{background:var(--ink);color:var(--white)}
.button-dark:hover{background:#34393a}
.button-outline{border:1px solid var(--ink);color:var(--ink)}
.button-outline:hover{background:var(--ink);color:var(--white)}
.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;transition:gap .2s}
.text-link::after{content:'↗';font-size:17px;font-weight:400;line-height:1}
.text-link:hover{gap:20px}
.light-link{color:var(--white)}
.dark-link{color:var(--ink)}
.hero-bottom{position:absolute;bottom:32px;left:max(48px,calc((100vw - 1392px)/2));right:60px;display:flex;justify-content:space-between;gap:12px;color:#898b89;font-size:9px;letter-spacing:.17em;font-weight:700}
.hero-visual{min-width:0;position:relative;overflow:hidden;background:#353637}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.76) contrast(1.07)}
.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,26,28,.32),transparent 40%),linear-gradient(0deg,rgba(17,21,24,.35),transparent 35%)}
.hero-vertical{position:absolute;top:45px;right:29px;writing-mode:vertical-rl;color:var(--white);font-size:10px;letter-spacing:.2em;font-weight:750}
.hero-seal{position:absolute;right:43px;bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:125px;height:125px;border:1px solid var(--copper-light);border-radius:50%;color:var(--white);background:rgba(23,26,28,.3);backdrop-filter:blur(6px)}
.hero-seal span{font-family:'DM Serif',Georgia,serif;font-size:53px;line-height:.85}
.hero-seal small{font-size:8px;letter-spacing:.17em;margin-top:11px}
.marquee{overflow:hidden;background:var(--copper);color:var(--ink);white-space:nowrap;border-top:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(0,0,0,.13)}
.marquee-track{display:inline-block;min-width:200%;padding:17px 0;font-family:'DM Serif',Georgia,serif;font-size:20px;letter-spacing:.05em;animation:marquee 32s linear infinite}
.marquee-track span{font-family:'DM Sans',Arial,sans-serif;margin:0 35px;font-size:15px}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding-block:clamp(85px,10vw,155px)}
.section-index{display:flex;align-items:center;gap:23px;white-space:nowrap;color:#65645f;font-size:10px;letter-spacing:.17em;font-weight:800}
.index-line{display:inline-block;width:48px;height:1px;background:var(--copper)}
.story{background:var(--bone)}
.story-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:55px;align-items:start}
.story-main{max-width:730px}
.copper{color:#805529}
h2{font-size:clamp(51px,5.55vw,91px);line-height:1.04}
.story-main h2{margin:24px 0 30px}
.story-main p:not(.eyebrow){max-width:555px;color:#555956;font-size:18px;line-height:1.7;margin-bottom:28px}
.story-aside{border-top:1px solid var(--line);padding-top:20px;margin-top:6px}
.rating-top{display:flex;align-items:baseline;gap:11px}
.rating-number{font-family:'DM Serif',Georgia,serif;font-size:64px;line-height:1}
.rating-stars{font-size:12px;color:#92683e;letter-spacing:2px}
.story-aside p{font-size:13px;line-height:1.6;color:#555956;margin:13px 0 20px}
.story-aside a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:5px}
.services{background:var(--sand)}
.services-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:40px 0 55px}
.services-heading h2{margin:22px 0 0}
.services-heading>p{max-width:290px;color:#555956;font-size:15px;line-height:1.7;margin:0 5% 10px 0}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px;border-top:1px solid #b5aa9c}
.menu-item{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:25px 0 24px;border-bottom:1px solid #b5aa9c}
.menu-item h3{font-family:'DM Serif',Georgia,serif;font-size:27px;font-weight:400;line-height:1.1;margin:0 0 6px}
.menu-item p{font-size:12px;color:#555956;line-height:1.5;margin:0}
.menu-item strong{min-width:max-content;padding-top:3px;font-size:14px;letter-spacing:.03em}
.menu-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:34px}
.menu-foot p{max-width:560px;color:#65645f;font-size:12px;line-height:1.6;margin:0}
.work{background:var(--ink);color:var(--white)}
.section-index-light{color:#a9aaa6}
.work-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;margin:35px 0 58px}
.work-heading .eyebrow{grid-column:1/-1;margin-bottom:-20px}
.work-heading h2{margin:0}
.work-heading>p:last-child{max-width:275px;justify-self:end;color:#c0c0b9;font-size:15px;line-height:1.7;margin:0 0 8px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.gallery-card{margin:0;position:relative;overflow:hidden;background:#343535}
.gallery-card img{width:100%;height:clamp(360px,40vw,590px);object-fit:cover;object-position:center top;filter:saturate(.84);transition:transform .5s ease,filter .5s ease}
.gallery-card:hover img{transform:scale(1.04);filter:saturate(1)}
.gallery-card-two{margin-top:55px}
.gallery-card-three{margin-top:110px}
.gallery-card figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:35px 22px 19px;background:linear-gradient(transparent,rgba(0,0,0,.68));font-size:10px;letter-spacing:.16em;font-weight:800}
.gallery-more{margin-top:39px}
.visit{background:var(--bone)}
.visit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(45px,8vw,120px);align-items:center}
.visit-copy .section-index{margin-bottom:70px}
.visit-copy h2{margin:22px 0 23px}
.visit-lede{max-width:430px;font-size:18px;color:#555956;line-height:1.6;margin-bottom:48px}
.visit-detail{display:grid;grid-template-columns:110px 1fr;gap:25px;border-top:1px solid var(--line);padding:19px 0}
.visit-detail span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8c5f32;padding-top:6px}
.visit-detail p{font-size:15px;line-height:1.7;margin:0}
.visit-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.visit-visual{position:relative;background:#363839;min-height:610px}
.visit-visual img{width:100%;height:610px;object-fit:cover;object-position:center;filter:saturate(.72)}
.visit-visual-label{position:absolute;left:0;right:0;bottom:0;padding:22px 28px;display:flex;justify-content:space-between;gap:15px;background:rgba(23,26,28,.83);color:var(--white);font-size:11px;font-weight:800;letter-spacing:.17em}
.site-footer{background:var(--ink);color:var(--white);padding:90px 0 27px}
.footer-top{display:flex;align-items:end;justify-content:space-between;gap:45px;padding-bottom:100px}
.footer-top h2{margin:19px 0 0;font-size:clamp(52px,6vw,100px)}
.footer-top .button{margin-bottom:12px}
.footer-bottom{display:flex;align-items:end;gap:42px;border-top:1px solid rgba(255,255,255,.19);padding-top:28px}
.footer-wordmark{margin-right:auto}
.footer-bottom p{color:#a9aaa6;font-size:12px;margin:0}
.footer-links{display:flex;gap:20px;font-size:12px;font-weight:700;letter-spacing:.02em}
.footer-links a{transition:color .2s}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
.reveal{transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1140px){
  .desktop-nav{gap:17px}.header-inner{gap:24px}
  .story-layout{grid-template-columns:150px minmax(0,1fr);gap:40px}.story-aside{grid-column:2;max-width:350px}
  .hero-copy{padding-right:40px}h1{font-size:clamp(70px,8vw,110px)}
}
@media(max-width:900px){
  .page-width{width:min(100% - 48px,1392px)}
  .header-inner{min-height:75px}.wordmark-main{font-size:31px}
  .desktop-nav,.header-book{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;border:1px solid rgba(255,255,255,.4);background:transparent;color:var(--white);cursor:pointer}
  .menu-toggle span{display:block;width:20px;height:1px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;padding:18px 24px 30px;background:var(--ink);box-shadow:0 25px 30px rgba(0,0,0,.3)}
  .mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:17px}
  .hero{grid-template-columns:55% 45%;min-height:660px}
  .hero-copy{padding:75px 30px 76px 24px}.hero-bottom{left:24px;right:30px}
  .hero-intro{font-size:16px}h1{font-size:clamp(65px,9vw,100px)}
  .visit-layout{gap:30px}.visit-visual,.visit-visual img{min-height:570px;height:570px}
}
@media(max-width:690px){
  html{scroll-padding-top:75px}
  .page-width{width:min(100% - 36px,1392px)}
  .preview-note{font-size:9px;letter-spacing:.11em;padding:7px 9px}
  .header-inner{min-height:72px}
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-copy{min-height:530px;padding:72px 26px 75px;justify-content:center}
  h1{font-size:clamp(66px,14vw,94px);margin:27px 0 27px}
  .hero-intro{max-width:440px;margin-bottom:27px;font-size:16px}
  .hero-actions{gap:18px}.button{min-height:50px;padding:13px 20px}
  .hero-bottom{bottom:18px;left:26px;right:26px;font-size:8px}
  .hero-visual{height:390px;flex:none}
  .hero-seal{width:94px;height:94px;right:24px;bottom:22px}.hero-seal span{font-size:43px}.hero-seal small{font-size:6px}
  .hero-vertical{top:22px;right:14px}
  .marquee-track{font-size:17px;padding:13px 0}
  .section-pad{padding-block:82px}
  .story-layout{display:block}.story-layout>.section-index{margin-bottom:36px}
  h2{font-size:clamp(50px,12vw,73px)}
  .story-main h2{margin:18px 0 22px}
  .story-main p:not(.eyebrow){font-size:16px}
  .story-aside{max-width:none;margin-top:65px;padding-top:18px}
  .rating-number{font-size:58px}
  .services-heading{display:block;margin:32px 0 38px}.services-heading h2{margin:18px 0 20px}.services-heading>p{max-width:440px;margin:0}
  .menu-grid{display:block}.menu-item{padding:19px 0}.menu-item h3{font-size:24px}.menu-item strong{font-size:13px}
  .menu-foot{display:block}.menu-foot p{margin-bottom:25px}.menu-foot .button{width:100%}
  .work-heading{display:block;margin:33px 0 35px}.work-heading .eyebrow{margin-bottom:17px}.work-heading h2{margin:0 0 17px}.work-heading>p:last-child{max-width:420px;margin:0}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gallery-card-one{grid-column:1/-1}.gallery-card-one img{height:570px}
  .gallery-card-two,.gallery-card-three{margin-top:0}.gallery-card-two img,.gallery-card-three img{height:310px}
  .gallery-card figcaption{padding:33px 14px 15px;font-size:9px}
  .gallery-more{margin-top:30px}
  .visit-layout{display:block}.visit-copy .section-index{margin-bottom:47px}.visit-copy h2{margin:18px 0 15px}.visit-lede{font-size:16px;margin-bottom:36px}
  .visit-detail{grid-template-columns:75px 1fr;gap:16px}.visit-detail p{font-size:14px}
  .visit-buttons{margin:24px 0 40px}.visit-buttons .button{flex:1 1 160px}
  .visit-visual,.visit-visual img{height:430px;min-height:430px}
  .site-footer{padding-top:78px}.footer-top{display:block;padding-bottom:75px}.footer-top h2{margin-bottom:32px}.footer-bottom{align-items:start;flex-direction:column;gap:22px}
}
@media(max-width:410px){
  .hero-copy{min-height:555px;padding-inline:20px}.hero-bottom{left:20px;right:20px}.hero-actions{align-items:start;flex-direction:column}.hero-actions .button{width:100%}.hero-actions .text-link{margin-top:5px}
  h1{font-size:clamp(59px,14.5vw,70px)}
  .gallery-card-one img{height:490px}.gallery-card-two img,.gallery-card-three img{height:260px}
  .footer-links{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal,.button,.gallery-card img{transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}