:root{
  --bg:#180A06;
  --text:#FDF8F6;
  --muted:rgba(253,248,246,0.5);
  --muted2:rgba(253,248,246,0.35);
  --line:rgba(253,248,246,0.07);
  --pink:#EE8FA0;
  --ember:#D95F3B;
  --sand:#F7D4C8;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
}

.page{
  max-width:460px;
  margin:0 auto;
  padding:0 22px 44px;
}

a{color:inherit;}

.top{
  padding-top:24px;
}

.back{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.back__icon{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(217,95,59,0.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'DM Sans', sans-serif;
  font-size:12px;
  line-height:1;
  color:rgba(253,248,246,0.35);
}

.back__text{
  font-family:'DM Sans', sans-serif;
  font-size:11px;
  letter-spacing:0.06em;
  color:rgba(253,248,246,0.35);
}

.hero{
  padding-top:52px;
}

.tag{
  font-family:'DM Sans', sans-serif;
  font-size:10px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--pink);
  margin-bottom:24px;
}

.hero__title{
  margin:0;
  font-family:'Fraunces', serif;
  font-size:64px;
  font-weight:300;
  line-height:1.02;
  letter-spacing:-0.025em;
  color:var(--text);
}

.hero__every{
  font-style:italic;
  color:var(--pink);
}

.hero__love{
  font-weight:600;
  color:var(--ember);
}

.opening{
  margin:52px 0;
  display:grid;
  grid-template-columns:2px 1fr;
  gap:16px;
  align-items:start;
}

.opening__bar{
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg, var(--pink), rgba(238,143,160,0));
}

.opening__text{
  margin:0;
  font-family:'Fraunces', serif;
  font-size:20px;
  font-weight:300;
  font-style:italic;
  line-height:1.6;
  color:rgba(253,248,246,0.85);
}

.opening__feeling{
  color:var(--pink);
  font-style:normal;
}

.section{
  border-top:1px solid var(--line);
  padding:52px 0;
}

.section__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:36px;
}

.section__label{
  font-family:'DM Sans', sans-serif;
  font-size:10px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:rgba(253,248,246,0.5);
  white-space:nowrap;
}

.section__rule{
  height:1px;
  background:rgba(253,248,246,0.07);
  flex:1;
}

.founder__nameblock{margin-bottom:36px;}

.founder__role{
  font-family:'DM Sans', sans-serif;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.18em;
  color:rgba(238,143,160,0.55);
  margin-bottom:6px;
}

.founder__name{
  font-family:'Fraunces', serif;
  font-size:48px;
  font-weight:300;
  line-height:1;
  letter-spacing:-0.02em;
  color:var(--text);
}

.quote{margin-bottom:36px;}

.quote__mark{
  font-family:'Fraunces', serif;
  font-size:80px;
  font-weight:300;
  color:rgba(238,143,160,0.1);
  line-height:0.8;
  margin-bottom:16px;
}

.quote__text{
  font-family:'Fraunces', serif;
  font-size:20px;
  font-style:italic;
  font-weight:300;
  line-height:1.6;
  color:var(--text);
}

.quote__highlight{
  color:var(--pink);
  font-style:normal;
}

.founder__body p{
  margin:0;
  font-family:'DM Sans', sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.8;
  color:rgba(253,248,246,0.5);
}

.founder__body p + p{margin-top:16px;}

.brand__wordmark{
  font-family:'Cormorant Garamond', serif;
  font-size:72px;
  font-weight:600;
  letter-spacing:-0.02em;
  color:var(--ember);
  line-height:1;
  margin-bottom:32px;
}

.brand__p{
  margin:0;
  font-family:'Fraunces', serif;
  font-size:17px;
  font-weight:300;
  line-height:1.75;
  color:rgba(253,248,246,0.82);
}

.brand__p + .brand__p{margin-top:20px;}

.brand__feeling{
  font-style:italic;
  color:var(--pink);
}

.brand__few{
  font-style:italic;
  color:var(--pink);
}

.pullquote{
  margin:44px -22px;
  padding:36px 22px;
  background:linear-gradient(135deg, rgba(238,143,160,0.06), rgba(217,95,59,0.04));
  border-top:1px solid rgba(238,143,160,0.12);
  border-bottom:1px solid rgba(238,143,160,0.12);
}

.pullquote__text{
  text-align:center;
  font-family:'Fraunces', serif;
  font-size:19px;
  font-style:italic;
  font-weight:300;
  line-height:1.6;
  color:var(--text);
}

.pullquote__highlight{
  color:var(--pink);
  font-style:normal;
}

.timeline{display:flex; flex-direction:column;}

.trow{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:20px;
  padding-bottom:36px;
}

.trow--last{padding-bottom:0;}

.tyear{
  font-family:'Fraunces', serif;
  font-size:12px;
  font-weight:600;
  color:var(--ember);
  margin-bottom:8px;
}

.ttrack{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:56px;
}

.tdot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:transparent;
  border:2px solid var(--pink);
}

.tline{
  width:1px;
  flex:1;
  margin-top:8px;
  background:linear-gradient(180deg, rgba(238,143,160,0.4), rgba(238,143,160,0.05));
}

.ttitle{
  font-family:'Fraunces', serif;
  font-size:16px;
  font-weight:400;
  color:var(--text);
  margin-bottom:6px;
  letter-spacing:-0.01em;
}

.ttext{
  font-family:'DM Sans', sans-serif;
  font-size:13px;
  font-weight:300;
  color:rgba(253,248,246,0.5);
  line-height:1.7;
}

.cards{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.card{
  background:#1F0D08;
  border:1px solid rgba(217,95,59,0.18);
  border-radius:14px;
  padding:24px 22px;
  transition:border-color 180ms ease;
}

.card:hover{border-color:rgba(238,143,160,0.3);}

.card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:14px;
  gap:16px;
}

.card__title{
  margin:0;
  font-family:'Fraunces', serif;
  font-size:20px;
  font-weight:400;
}

.card__icon{
  font-family:'Fraunces', serif;
  font-size:20px;
  line-height:1;
}

.card__body{
  font-family:'DM Sans', sans-serif;
  font-size:13px;
  font-weight:300;
  color:rgba(253,248,246,0.5);
  line-height:1.7;
}

.card[data-accent="pink"] .card__title,
.card[data-accent="pink"] .card__icon{color:var(--pink);}

.card[data-accent="ember"] .card__title,
.card[data-accent="ember"] .card__icon{color:var(--ember);}

.card[data-accent="sand"] .card__title,
.card[data-accent="sand"] .card__icon{color:var(--sand);}

.cta{
  margin-top:52px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(150deg, #2C0F1A, #1C0907);
  border:1px solid rgba(238,143,160,0.28);
  border-radius:20px;
  padding:52px 28px;
  text-align:center;
}

.cta__glow{
  position:absolute;
  pointer-events:none;
  z-index:0;
  border-radius:999px;
  filter:blur(22px);
}

.cta__glow--a{
  width:240px;
  height:240px;
  left:-80px;
  top:-110px;
  background:rgba(238,143,160,0.1);
}

.cta__glow--b{
  width:180px;
  height:180px;
  right:-70px;
  bottom:-90px;
  background:rgba(217,95,59,0.07);
}

.cta__content{position:relative; z-index:1;}

.cta__tag{
  font-family:'DM Sans', sans-serif;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:0.2em;
  color:rgba(238,143,160,0.5);
  margin-bottom:20px;
}

.cta__headline{
  font-family:'Fraunces', serif;
  font-size:30px;
  font-weight:300;
  line-height:1.2;
  margin:0 0 14px 0;
  color:var(--text);
}

.cta__never{
  font-style:italic;
  color:var(--pink);
}

.cta__sub{
  font-family:'DM Sans', sans-serif;
  font-size:13px;
  font-weight:300;
  font-style:italic;
  color:rgba(253,248,246,0.5);
  margin-bottom:32px;
}

.cta__button{
  display:inline-block;
  text-decoration:none;
  background:var(--pink);
  color:#180A06;
  font-family:'Fraunces', serif;
  font-size:16px;
  font-weight:500;
  padding:15px 36px;
  border-radius:999px;
}

.footer{
  margin-top:32px;
  text-align:center;
  font-family:'DM Sans', sans-serif;
  font-size:11px;
  color:rgba(253,248,246,0.14);
}

@media (max-width:360px){
  .hero__title{font-size:56px;}
  .brand__wordmark{font-size:64px;}
}