@font-face{font-family:"Cormorant Garamond";src:url("/assets/cormorant-garamond-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
*{box-sizing:border-box}
:root{color:#26362c;background:#fbfaf7;font:16px/1.6 system-ui,sans-serif}
body{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
.shell{width:min(calc(100% - 88px),1160px);margin-inline:auto}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#29392e;display:flex;flex-direction:column;min-height:min(650px,86svh)}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-photo{z-index:-2;object-fit:cover;object-position:center 52%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#101b14e8 0%,#132019b8 35%,#16201820 80%),linear-gradient(180deg,#101a1466,transparent 27%)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:20px}
.mark{flex:none}
.mark img{width:64px;height:64px}
.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}
.nav-links a{text-decoration:none}
.nav-links a:not(.nav-order):hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.nav-order{padding:8px 13px;border:1px solid #ffffff80;border-radius:6px}
.hero-content{flex:1;display:flex;align-items:center;padding-block:30px 48px}
.intro{max-width:480px}
.kicker{margin:0 0 10px;color:#a53d43;font-weight:750;font-size:12px;text-transform:uppercase}
.hero .kicker,.order .kicker{color:#f1c8a5}
h1,h2{margin:0;line-height:1;letter-spacing:0}
h1{font:600 124px/.84 "Cormorant Garamond",Georgia,serif}
h2{font:500 56px/1.04 Georgia,serif}
.hero-tag{margin:23px 0 8px;font-size:27px;font-weight:650;line-height:1.2}
.hero-description{max-width:41ch;margin:0 0 23px;color:#fff8ed}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:10px 17px;border-radius:6px;text-decoration:none;font-weight:720;transition:background-color .2s,color .2s}
.button-light{background:#fffaf0;color:#23372b}
.button-light:hover{background:#ead6b9}
:focus-visible{outline:3px solid #c46c52;outline-offset:4px}
#story,#order{scroll-margin-top:18px}
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:70px;align-items:center;padding-block:64px}
.story-text>p:last-child{max-width:39ch;font-size:18px;color:#465c4e;margin:20px 0 0}
.story-photo{margin:0;overflow:hidden;aspect-ratio:1.57;border-radius:8px;background:#ece8de}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.order{background:#283f34;color:#fffaf0}
.order-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);gap:70px;padding-block:52px}
.order-copy>p:first-child{margin:0 0 18px;max-width:47ch}
.contact{display:flex;flex-wrap:wrap;gap:3px 14px;margin:14px 0 0;font-size:14px;color:#f3e5d2}
.contact a{text-underline-offset:3px}
.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-block:18px;color:#465c4e;font-size:13px}
.footer a{text-decoration:none}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .intro{animation:arrive .65s cubic-bezier(.2,.7,.25,1) both}
 @supports(animation-timeline:view()){
  .rise{animation:arrive linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
  .hero-photo{animation:drift linear both;animation-timeline:scroll();animation-range:0px 570px}
 }
}
@keyframes arrive{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes drift{from{transform:scale(1.02)}to{transform:translateY(32px) scale(1.1)}}
@media(max-width:820px){
 .shell{width:calc(100% - 48px)}
 h1{font-size:100px}
 h2{font-size:46px}
 .story,.order-inner{gap:32px}
}
@media(max-width:620px){
 .shell{width:calc(100% - 36px)}
 .hero{min-height:min(560px,82svh)}
 .nav{padding-block:14px}
 .mark img{width:52px;height:52px}
 .nav-links{gap:14px}
 .hero-content{align-items:flex-end;padding-block:18px 30px}
 .hero-shade{background:linear-gradient(0deg,#122018ed 1%,#14221ab8 45%,#17221938 83%),linear-gradient(180deg,#1521195c,transparent 40%)}
 h1{font-size:clamp(56px,17vw,78px)}
 h2{font-size:41px}
 .hero-tag{font-size:23px;margin-top:16px}
 .hero-description{font-size:15px;margin-bottom:17px}
 .story,.order-inner{grid-template-columns:minmax(0,1fr);padding-block:32px;gap:23px}
 .story-text>p:last-child{font-size:16px;margin-top:12px}
}
@media(max-width:350px){.nav-links{gap:10px}}