@font-face{font-family:'BIZ UDPMincho';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/biz-udpmincho-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'BIZ UDPMincho';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/biz-udpmincho-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/eb-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/eb-garamond-latin-400-italic.woff2) format('woff2')}

:root{
  --display:'BIZ UDPMincho',serif;
  --body:'Centaur MT Pro','Centaur','EB Garamond',Garamond,serif;
  --label:'BIZ UDPMincho',serif;
  --bone:#F5F2F0;
  --oxblood:#410303;
  --ink:#1A1A1A;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow-x:clip}
body{font-family:var(--body);color:var(--bone);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.033em;text-transform:uppercase}

/* Page backgrounds */
body.p-home{background:#3F4A2E}
body.p-about{background:#2E3423}
body.p-waitlist{background:#3A2A12}
body.p-investors{background:#22323A}
body.p-loves{background:#FFFFFF;color:var(--ink)}

/* Header, identical on every page */
.hdr{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 32px;padding:20px 48px}
.hdr .brand{grid-column:1/-1;display:flex;align-items:center;min-height:36px}
.hdr .brand img{display:block;height:18px;width:auto}
.hdr .tagline{grid-column:1/-1;margin:8px 0 0}
.nav{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:0 28px;font:11px var(--label);letter-spacing:.111em;text-transform:uppercase}
.nav a{display:inline-flex;align-items:center;min-height:46px}
.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.nav a:hover{opacity:.8}
.social{grid-column:2;display:flex;align-items:center;gap:2px}
.social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.p-loves .hdr{border-bottom:1px solid #ECEAE7}

/* Home header is the large lockup */
.p-home .hdr .brand img{width:clamp(260px,34vw,480px);height:auto}
.p-home .social{grid-column:1;justify-self:start;margin-left:-12px}

.tagline{font-family:var(--display);font-weight:400;font-size:clamp(19px,1.5vw,24px);line-height:1.45;letter-spacing:.01em;text-shadow:0 2px 14px rgba(16,24,12,.25)}
.tagline em{font-style:italic}

/* Home */
.home{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.grass{position:absolute;inset:0;overflow:hidden;pointer-events:none;filter:saturate(.88) brightness(1.04) sepia(.025)}
.grass img,.grass video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grass video{opacity:0;transition:opacity 1s ease}
.grass video.on{opacity:1}
.veil{position:absolute;inset:0;pointer-events:none;background:rgba(30,24,16,.22)}
.home main{flex:1}
.home-foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;padding:0 48px 56px}
.descriptor{margin:0;max-width:34ch;font-size:20px;line-height:1.4}
.inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;width:100%;max-width:26rem}
.inline-form input{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;border-bottom:1px solid var(--bone);border-radius:0;background:transparent;color:var(--bone);font:19px var(--body)}
.inline-form button,.line-btn{height:44px;padding:0;border:0;border-bottom:1px solid var(--bone);background:transparent;color:var(--bone);font:11px var(--label);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
input::placeholder{color:rgba(245,242,240,.85);opacity:1}
.motion{position:absolute;z-index:3;right:40px;bottom:8px;display:flex;align-items:center;gap:6px;min-height:44px;padding:4px;border:0;background:transparent;color:var(--bone);font:9px var(--label);letter-spacing:.06em;cursor:pointer}
.motion svg{width:9px;height:9px;fill:currentColor}
.done{margin:0;font-size:21px;line-height:1.45;font-style:italic}
.err{margin:8px 0 0;width:100%;font-size:16px}

/* About */
.about{position:relative;display:flex;align-items:center;min-height:calc(100dvh - 130px);overflow:hidden;padding:100px max(48px,calc((100vw - 1240px)/2))}
.about>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.about::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,25,17,.88),rgba(16,25,17,.65) 45%,rgba(16,25,17,.08));pointer-events:none}
.about-copy{position:relative;z-index:1;max-width:510px}
.label{margin:0 0 32px;font:12px var(--label);letter-spacing:.111em;text-transform:uppercase}
.about h2{margin:0 0 32px;font-size:clamp(29px,3.3vw,45px);line-height:1.35}
.quote{margin:0 0 32px;font-size:clamp(25px,2.5vw,32px);line-height:1.4}
.about-copy p:not(.label){margin:0 0 24px;font-size:23px;line-height:1.5}
.about-copy h3{margin:40px 0 20px;font:14px var(--label);font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;border-bottom:1px solid currentColor;font:12px var(--label);letter-spacing:.111em;text-transform:uppercase}

.stages{background:var(--bone);color:var(--oxblood);display:flex;flex-direction:column;align-items:center;gap:56px;padding:96px 0}
.stages-intro{max-width:680px;padding:0 24px;text-align:center}
.stages-intro h2{margin:0 auto 24px;max-width:22ch;font-size:clamp(28px,3vw,42px);line-height:1.35}
.stages-intro p{margin:0 auto;max-width:47ch;font-size:23px;line-height:1.45}
.reel{width:100%;overflow:hidden;padding:30px 0 34px}
.reel-track{display:flex;width:max-content;animation:drift 40s linear infinite}
.reel:hover .reel-track{animation-play-state:paused}
.reel-group{display:flex;gap:40px;padding-right:40px}
.reel figure{margin:0;width:clamp(240px,30vw,420px)}
.pol{display:block;width:100%;height:auto;box-shadow:0 10px 30px rgba(42,26,26,.12)}
@keyframes drift{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){
  .reel{overflow-x:auto}.reel-track{animation:none}.reel-group[aria-hidden]{display:none}
}

/* Waitlist */
.waitlist{position:relative;min-height:calc(100dvh - 130px);display:flex;flex-direction:column;align-items:center;padding:56px 48px 36px;background:linear-gradient(rgba(24,14,4,.55),rgba(24,14,4,.55)),url(velvet.jpg) center/cover #3A2A12}
.wl{width:100%;max-width:440px;margin:auto 0;padding:24px 0 72px}
.wl h1,.wl h2{margin:0 0 24px;text-align:center;font-size:clamp(26px,3vw,35px);line-height:1.4}
.wl .intro{margin:0 0 36px;font-size:22px;line-height:1.45;text-align:center}
.stack{display:flex;flex-direction:column;gap:18px}
.stack input,.stack select{display:block;width:100%;height:48px;padding:0;border:0;border-bottom:1px solid var(--bone);border-radius:0;background:transparent;color:var(--bone);font:21px var(--body);-webkit-appearance:none;appearance:none}
.stack select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23F5F2F0' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}
.stack select option{background:#3A2A12;color:var(--bone)}
.stack .line-btn{align-self:center;margin-top:18px;font-size:12px}
.consent{margin:24px 0 0;font-size:16px;line-height:1.5;text-align:center}
.wl .done{margin:48px 0;text-align:center;font-size:25px}
.page-foot{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;width:100%}
.page-foot .tagline{margin:0;font-size:clamp(16px,1.3vw,19px)}
.page-foot a{font:12px var(--label);letter-spacing:.06em;min-height:44px;display:inline-flex;align-items:center}

/* Investors */
.investors{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.investors .water{max-width:none;position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;animation:breathe 26s ease-in-out infinite}
.investors .veil{background:rgba(14,20,24,.3)}
@keyframes breathe{50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.investors .water{animation:none}}
.inv-main{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;padding:40px 48px 56px}
.inv-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px 64px;width:100%}
.inv-row>p{margin:0;max-width:26rem;font-size:23px;line-height:1.4}
.inv-form{width:100%;max-width:24rem}
.inv-form input{height:44px;font-size:19px;border-bottom-color:rgba(245,242,240,.85)}
.inv-form .line-btn{align-self:flex-start;margin-top:8px}

/* Lellas Loves */
.loves{padding:40px 48px 96px;color:var(--ink)}
.loves-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px}
.loves h1{margin:0;font-size:28px;color:var(--oxblood)}
.filters{display:flex;flex-wrap:wrap;gap:0 22px;font-size:17px}
.filters a{display:inline-flex;align-items:center;min-height:44px;color:#6B6662}
.filters a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.disclose{margin:10px 0 0;font-size:15px;color:#8A847F}
.shelf{margin-top:56px;scroll-margin-top:24px}
.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid #ECEAE7;padding-top:20px}
.shelf h2{margin:0;font-size:15px;letter-spacing:.16em;color:var(--oxblood)}
.shelf-head p{margin:0;font-size:16px;color:#8A847F;font-style:italic}
.grid{margin-top:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 18px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}
.item{display:flex;flex-direction:column;gap:12px;min-width:0}
.item .ph{aspect-ratio:4/5;background:#F3F0EC;overflow:hidden;display:flex;align-items:center;justify-content:center}
.item .ph img{width:100%;height:100%;object-fit:cover}
.item .ph span{font:11px var(--label);letter-spacing:.16em;text-transform:uppercase;color:#A39C95}
.item .brandname{font:11px var(--label);letter-spacing:.14em;text-transform:uppercase}
.item .what{font-size:19px}
.item .shop{font-size:16px;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.item[hidden]{display:none}
.p-loves .social a:hover,.p-loves .nav a:hover{color:var(--oxblood)}

/* Phones */
@media (max-width:900px){
  .hdr{grid-template-columns:minmax(0,1fr);padding:18px 22px}
  .social{grid-column:1;justify-self:start;margin-left:-12px}
  .nav{gap:0 16px}
}
@media (max-width:600px){
  .home-foot{padding:0 22px 60px}
  .inline-form{gap:12px}
  .inline-form button{font-size:10px}
  .motion{right:14px}
  .about{padding:72px 22px}
  .about::after{background:rgba(16,25,17,.7)}
  .about-copy p:not(.label){font-size:21px}
  .stages{padding:72px 0}
  .reel figure{width:78vw}
  .waitlist{padding:40px 22px 28px}
  .inv-main{padding:32px 22px 44px}
  .loves{padding:28px 22px 72px}
}
@media (max-width:380px){.nav{font-size:10px;gap:0 12px}}

/* Home: Rhode-style split header, logo centered */
.p-home .hdr-split{grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 48px}
.p-home .hdr-split .brand{grid-column:2;justify-content:center;min-height:0}
.p-home .hdr-split .brand img{width:clamp(220px,26vw,400px);height:auto}
.p-home .hdr-split .nav-l{grid-column:1;justify-self:start}
.p-home .hdr-split .nav-r{grid-column:3;justify-self:end}
.p-home .hdr-split .nav{font-size:12px;gap:0 36px}
.home-tag{margin:0 0 10px;font:400 clamp(30px,3.4vw,48px)/1.15 var(--display);letter-spacing:.01em}
@media (max-width:760px){
  .p-home .hdr-split{grid-template-columns:1fr 1fr;padding:18px 22px;row-gap:6px}
  .p-home .hdr-split .brand{grid-column:1/-1;grid-row:1;justify-self:center}
  .p-home .hdr-split .nav{flex-wrap:nowrap}
  .p-home .hdr-split .brand img{width:min(300px,80vw)}
  .p-home .hdr-split .nav-l{grid-row:2;grid-column:1}
  .p-home .hdr-split .nav-r{grid-row:2;grid-column:2}
  .p-home .hdr-split .nav{font-size:11px;gap:0 18px}
}
.home-words .descriptor{margin-top:6px}
@media (max-width:760px){.p-home .hdr-split .brand{width:100%;display:flex;justify-content:center}.p-home .hdr-split .brand img{margin:0 auto}}
/* Split homepage */
body.p-split{background:#F4F0EA;color:#2E241C}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}
.split-photo{position:relative;overflow:hidden;background:#2E241C}
.split-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 40%}
.split-panel{display:grid;grid-template-rows:auto 1fr auto;padding:28px 48px 48px}
.split-nav{display:flex;justify-content:flex-end;gap:0 36px;font:11px var(--label);letter-spacing:.14em;text-transform:uppercase}
.split-nav a{display:inline-flex;align-items:center;min-height:44px}
.split-nav a:hover{opacity:.6}
.split-mark{margin:0;display:flex;align-items:center;justify-content:center}
.split-mark img{width:min(78%,520px);height:auto}
.split-tag{margin:0 0 22px;font:400 clamp(19px,1.6vw,24px)/1.3 var(--display);letter-spacing:.01em}
.p-split .inline-form{max-width:30rem}
.p-split .inline-form input,.p-split .inline-form button{color:#2E241C;border-bottom-color:#2E241C}
.p-split .inline-form input::placeholder{color:rgba(46,36,28,.6)}
@media (max-width:860px){
  .split{display:flex;flex-direction:column;min-height:100dvh}
  .split-panel{display:contents}
  .split-nav{order:1;justify-content:space-between;gap:0;padding:10px 22px}
  .split-photo{order:2;min-height:56vh}
  .split-mark{order:3;padding:40px 22px 0}
  .split-mark img{width:84%}
  .split-foot{order:4;padding:36px 22px 40px}
}
/* Split inner pages */
.split-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.split-brand img{display:block;height:17px;width:auto}
.split-top .split-nav{justify-content:flex-end}
.split-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.split-body{align-self:center;width:100%;max-width:440px;margin:0 auto;padding:48px 0}
.split-title{margin:0 0 14px;font:italic 400 clamp(34px,3.2vw,46px)/1.1 'EB Garamond',Garamond,serif;letter-spacing:0;text-transform:none}
.split-intro{margin:0 0 30px;font:18px/1.55 'EB Garamond',Garamond,serif}
.split-small{margin:0;font:12px var(--label);letter-spacing:.06em}
.p-split .stack input,.p-split .stack select{color:#2E241C;border-bottom-color:rgba(46,36,28,.55);font-size:19px}
.p-split .stack input::placeholder{color:rgba(46,36,28,.55)}
.p-split .stack select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232E241C' stroke-width='1.4'/%3E%3C/svg%3E")}
.p-split .stack select option{background:#F4F0EA;color:#2E241C}
.p-split .line-btn{color:#2E241C;border-bottom-color:#2E241C}
.p-split .stack .line-btn{align-self:flex-start}
.p-split .consent{text-align:left;font-size:14px;color:rgba(46,36,28,.7)}
.p-waitlist.p-split,.p-investors.p-split{background:#F4F0EA;color:#2E241C}
@media (max-width:860px){
  .split-top{order:1;padding:14px 22px}
  .split-top .split-nav{order:0;padding:0;gap:0 16px}
  .split-brand img{height:14px}
  .split-body{order:3;padding:36px 22px 20px;max-width:none}
  .split-small{order:4;padding:0 22px 36px}
  .p-waitlist .split-photo,.p-investors .split-photo{min-height:34vh}
}
.split-mark img.stacked{width:clamp(170px,17vw,250px);height:auto}@media (max-width:860px){.split-mark img.stacked{width:150px}}
/* Investors gate */
.inv-col{width:100%;max-width:26rem}
.inv-title{margin:0 0 12px;font:italic 400 clamp(36px,3.4vw,48px)/1.1 'EB Garamond',Garamond,serif}
.inv-line{margin:0 0 22px;font:18px/1.5 'EB Garamond',Garamond,serif}
.inv-col .inv-form{max-width:none}
.inv-mail{margin:26px 0 0;font:12px var(--label);letter-spacing:.06em}
.inv-mail a{border-bottom:1px solid currentColor}
@media (max-width:760px){.investors .veil{background:linear-gradient(180deg,rgba(14,20,24,.2),rgba(14,20,24,.62) 45%)}}
/* Wordmark always centered at the top of inner pages */
body:not(.p-home) .hdr{grid-template-columns:1fr;justify-items:center;text-align:center;padding:26px 48px 14px}
body:not(.p-home) .hdr .brand{grid-column:1;justify-content:center;min-height:0}
body:not(.p-home) .hdr .brand img{height:20px}
body:not(.p-home) .hdr .nav{grid-column:1;justify-content:center}
@media (max-width:760px){body:not(.p-home) .hdr{padding:18px 22px 8px}body:not(.p-home) .hdr .brand img{height:17px}}
.wl h1{font:italic 400 clamp(30px,2.6vw,38px)/1.15 'EB Garamond',Garamond,serif;letter-spacing:0;text-transform:none}