:root{
  --cream:#fbf8f3;
  --cream-2:#f7f1e8;
  --burgundy:#4b1724;
  --taupe:#9a765e;
  --taupe-deep:#8e684f;
  --olive:#817c53;
  --gold:#c28e4c;
  --button:#a6795d;
  --button-hover:#8f644d;
  --body:#6f554d;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--cream);color:var(--burgundy)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
button,input{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.page{position:relative;min-height:100svh;overflow:hidden;background:var(--cream);isolation:isolate}
.photo{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:42%;display:block}
.photo img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.cream-wash{position:absolute;z-index:-2;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 12% 13%,rgba(251,248,243,.99) 0 34%,rgba(251,248,243,.89) 48%,rgba(251,248,243,.30) 60%,rgba(251,248,243,0) 70%),
  linear-gradient(90deg,var(--cream) 0%,var(--cream) 31%,rgba(251,248,243,.98) 40%,rgba(251,248,243,.78) 47%,rgba(251,248,243,.24) 55%,rgba(251,248,243,0) 63%)}

.wordmark{position:absolute;z-index:2;left:5.2vw;top:7.5vh;display:inline-block;text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(46px,4.4vw,66px);line-height:.85;color:var(--burgundy);padding:7px 10px 9px;border:3px solid transparent;transition:color .22s ease,border-color .22s ease,background-color .22s ease}
.wordmark .veo{font-weight:500}.wordmark .vino{font-weight:700}.wordmark .dot{font-weight:700;color:var(--olive)}
.wordmark:hover,.wordmark:focus-visible{color:#a86f45;border-color:var(--gold);outline:none;background:rgba(251,248,243,.42)}
.wordmark:hover .dot,.wordmark:focus-visible .dot{color:var(--olive)}

.hero-copy{position:absolute;z-index:1;left:5.3vw;top:26vh;width:min(41vw,620px)}
h1{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.042em;line-height:.82}
h1 .line-one{display:block;font-size:clamp(62px,5.6vw,88px);color:var(--burgundy);white-space:nowrap}
h1 .line-two{display:block;margin-top:8px;font-size:clamp(70px,6.2vw,96px);font-style:italic;font-weight:500;color:var(--taupe);white-space:nowrap}
.subhead{margin:34px 0 0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(25px,2.15vw,34px);line-height:1.12;font-weight:500;color:var(--burgundy);white-space:nowrap}

.signup-block{position:absolute;z-index:1;left:5.3vw;top:57vh;width:min(39vw,560px);font-family:"Cormorant Garamond",Georgia,serif}
.signup-label{margin:0 0 13px;font-family:Inter,system-ui,sans-serif;font-size:13px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--olive)}
.signup-form{width:100%;height:60px;border:1.5px solid #cdbfb3;border-radius:999px;background:rgba(255,255,255,.48);display:flex;align-items:center;padding:5px;box-shadow:0 2px 12px rgba(91,55,45,.02)}
.signup-form input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;padding:0 23px;color:var(--burgundy);font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:500}
.signup-form input::placeholder{color:#b2a29a;opacity:1}
.signup-form button{height:48px;min-width:182px;border:0;border-radius:999px;background:var(--button);color:#fff9f3;padding:0 29px;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}
.signup-form button:hover,.signup-form button:focus-visible{background:var(--button-hover);transform:translateY(-1px);outline:none}
.edit-note{margin:17px 4px 0;color:var(--body);font-size:16px;line-height:1.35;font-weight:500}
.edit-note em{font-style:normal}
.short-rule{width:30px;height:1px;background:var(--olive);margin:37px 0 25px 4px}
.hello-line{margin:0 4px;color:var(--taupe-deep);font-size:18px}.hello-line em{font-weight:500}.hello-line a{text-decoration:none;font-style:normal;font-weight:700;color:#956e50}.hello-line a:hover{text-decoration:underline;text-underline-offset:.18em}

.origin{position:absolute;z-index:1;left:5.3vw;bottom:6.2vh;display:flex;align-items:flex-start;gap:24px;color:var(--taupe);font-family:"Cormorant Garamond",Georgia,serif}
.origin-rule{width:39px;height:1px;background:var(--olive);margin-top:10px}
.origin p{margin:0}.origin-place{font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:.24em;font-size:11px;color:#8f6e60}.origin-story{margin-top:5px!important;font-size:22px;font-style:italic;font-weight:500;color:var(--taupe-deep)}

.subscribe-dialog{position:relative;width:min(90vw,430px);border:1px solid #d6c7b6;border-radius:2px;background:var(--cream);color:var(--burgundy);padding:34px 38px 32px;box-shadow:0 24px 80px rgba(45,24,22,.28);font-family:"Cormorant Garamond",Georgia,serif;text-align:center}
.subscribe-dialog::backdrop{background:rgba(50,24,27,.32);backdrop-filter:blur(2px)}
.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#7d6862;font-size:26px;cursor:pointer}
.dialog-kicker{margin:0 0 10px;color:var(--taupe);font-size:18px}.subscribe-dialog h2{margin:0 0 8px;font-size:38px;font-weight:600}.subscribe-dialog p{font-size:19px;line-height:1.35}.dialog-signoff{font-style:italic;color:var(--taupe-deep)}

@media(max-width:900px){
  .page{min-height:100svh;display:flex;flex-direction:column;background:var(--cream)}
  .photo{position:relative;order:2;left:auto;top:auto;right:auto;bottom:auto;height:48svh;min-height:420px;width:100%;z-index:0}
  .photo img{object-position:center 53%}
  .cream-wash{display:none}
  .wordmark{position:relative;order:1;left:auto;top:auto;align-self:flex-start;margin:28px 0 18px 7vw;font-size:52px;padding:6px 8px 8px}
  .hero-copy{position:relative;order:1;left:auto;top:auto;width:auto;margin:10px 7vw 30px}
  h1{line-height:.84}
  h1 .line-one{font-size:clamp(55px,14vw,74px);white-space:normal}
  h1 .line-two{font-size:clamp(65px,16vw,86px);white-space:normal;margin-top:7px}
  .subhead{white-space:normal;font-size:clamp(25px,6vw,33px);margin-top:25px;max-width:92%}
  .signup-block{position:relative;order:3;left:auto;top:auto;width:auto;margin:0;padding:34px 7vw 24px;background:var(--cream)}
  .signup-label{font-size:12px;margin-bottom:14px}
  .signup-form{height:62px}
  .signup-form input{font-size:20px;padding-left:20px}
  .signup-form button{min-width:145px;font-size:19px;padding:0 22px}
  .edit-note{font-size:17px;max-width:600px}
  .short-rule{margin-top:30px;margin-bottom:21px}
  .hello-line{font-size:19px}
  .origin{position:relative;order:4;left:auto;bottom:auto;padding:24px 7vw 34px;gap:19px;background:var(--cream)}
  .origin-place{font-size:10px}.origin-story{font-size:22px}
}

@media(max-width:520px){
  .wordmark{font-size:47px;margin-top:25px;margin-bottom:12px}
  .hero-copy{margin-top:5px;margin-bottom:24px}
  .photo{height:45svh;min-height:360px}
  .signup-form{height:auto;display:grid;grid-template-columns:1fr;gap:8px;border-radius:28px;padding:7px}
  .signup-form input{height:50px}
  .signup-form button{width:100%;height:50px}
  .edit-note{font-size:16px}
  .hello-line{font-size:18px}
}