*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#46595A;          
  --ink-soft:#5C7172;
  --body:#3A2A20;         
  --forest:#6C8283;
  --sage:#7F9494;
  --sage-l:#C7D2D2;
  --cream:#F2F1EA;
  --warm:#F7F5ED;
  --white:#FFFFFF;
  --muted:#8A7F72;
  --accent:#D95B2E;       
  --tape:#F2DBBE;         
  --line:#E4DFD2;         
  --radius:18px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:'Assistant',sans-serif;
  color:var(--body);
  background:var(--white);
  line-height:1.8;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Suez One',serif;font-weight:400;color:var(--ink);line-height:1.35}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.en{direction:ltr;unicode-bidi:isolate;display:inline-block}
.container{max-width:1180px;margin-inline:auto;padding-inline:24px}
section{position:relative;scroll-margin-block-start:80px}

.doodle{position:absolute;pointer-events:none;color:var(--ink);opacity:.13;z-index:0}
.doodle svg{width:100%;height:100%}
.section-content{position:relative;z-index:1}

.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-block-end:1px solid var(--line);
}
.nav-inner{
  max-width:1280px;margin-inline:auto;padding:10px 24px;
  display:flex;align-items:center;gap:28px;
}
.nav-logo{flex-shrink:0}
.nav-logo img{height:46px;width:auto}
.nav-links a{white-space:nowrap}
.nav-links{display:flex;gap:26px;margin-inline-start:8px;font-weight:600;font-size:16.5px;color:var(--ink)}
.nav-links a{position:relative;padding-block:6px}
.nav-links a:hover{color:var(--accent)}
.nav-cta{
  margin-inline-start:auto;
  white-space:nowrap;flex-shrink:0;   
  background:var(--ink);color:#fff;font-weight:700;font-size:16px;
  padding:11px 26px;border-radius:999px;
  display:inline-flex;align-items:center;gap:8px;
  transition:background .2s;
}
.nav-cta:hover{background:var(--accent)}

.nav-burger{
  display:flex;
  position:absolute;inset-inline-end:0;inset-block-start:10px;z-index:61;
  inline-size:40px;block-size:46px;padding:0 7.8px;
  border:none;background:none;cursor:pointer;
  flex-direction:column;justify-content:center;gap:8.6px;
}
.nav-drop{
  position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:14px;
  display:none;flex-direction:column;gap:2px;z-index:60;
  background:#fff;border-radius:14px;padding:10px;min-inline-size:240px;
  box-shadow:0 16px 44px rgba(35,30,24,.22);border:1px solid rgba(50,40,30,.08);
}
.nav.open .nav-drop{display:flex}
.nav-drop a{padding:11px 14px;border-radius:9px;font-weight:700;font-size:15.5px;color:var(--ink)}
.nav-drop a:hover{background:rgba(70,89,90,.08);color:var(--accent)}
.nav-burger span{
  display:block;inline-size:100%;block-size:2.4px;
  background:var(--ink);border-radius:2px;
  transition:transform .28s ease,opacity .18s ease;
}
.nav.open .nav-burger span:nth-child(1){transform:translateY(11px) rotate(45deg)}
.nav.open .nav-burger span:nth-child(2){opacity:0}
.nav.open .nav-burger span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}

.hero{position:relative;height:82vh;min-height:520px;overflow:hidden}
.hero img.hero-bg{width:100%;height:100%;object-fit:cover}
.hero-shade{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 62% 48% at 50% 46%,rgba(28,36,36,.5),rgba(28,36,36,0) 72%),
    linear-gradient(to top,rgba(28,36,36,.5) 0%,rgba(28,36,36,.2) 45%,rgba(28,36,36,.3) 100%);
}
.hero-title{
  position:absolute;inset-block-start:50%;transform:translateY(-42%);
  inset-inline:0;padding-inline:40px;text-align:center;
}
.hero-title h1{
  color:#fff;font-size:60px;line-height:1.25;max-width:15ch;margin-inline:auto;
  text-shadow:0 2px 30px rgba(30,38,38,.6),0 1px 4px rgba(30,38,38,.45);
}

.hero-sub{
  color:#fff;font-size:19px;line-height:1.85;font-weight:600;
  max-width:62ch;margin:18px auto 0;text-wrap:pretty;
  text-shadow:0 2px 18px rgba(30,38,38,.75),0 1px 3px rgba(30,38,38,.6);
}
.btn-dark{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ink);color:#fff;font-weight:700;font-size:16.5px;
  padding:12px 30px;border-radius:999px;border:none;cursor:pointer;
  transition:background .2s;
  text-wrap:balance;
}
.btn-dark:hover{background:var(--accent)}
.hero-strip{
  position:absolute;inset-block-start:0;inset-inline:0;
  display:flex;overflow:hidden;opacity:.85;padding-block:10px;
}
.hero-strip span{
  white-space:nowrap;color:#fff;font-weight:700;font-size:13px;letter-spacing:.18em;
  animation:mq 28s linear infinite;padding-inline-end:32px;
}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(50%)}}

.sec{padding-block:84px}
.sec-warm{background:var(--warm)}
.sec-head{
  text-align:center;font-size:44px;max-width:880px;margin-inline:auto;margin-block-end:14px;
}
.sec-sub{text-align:center;font-size:18px;color:var(--muted);max-width:640px;margin-inline:auto;margin-block-end:52px}
.overline{
  text-align:center;font-weight:800;font-size:14px;color:var(--accent);
  letter-spacing:.06em;margin-block-end:10px;
}

.cards-2{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
@media (max-width:1120px){.cards-2{grid-template-columns:1fr;gap:24px}}
.s-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:0 2px 6px rgba(60,45,32,.05),0 14px 34px rgba(60,45,32,.07);
  display:flex;flex-direction:column;
}
.s-card-img{position:relative;height:300px}
.s-card-img img{width:100%;height:100%;object-fit:cover}
.s-card-body{padding:30px 34px 34px;display:flex;flex-direction:column;gap:14px;flex:1}
.s-card h3{font-size:27px}
.s-card p{font-size:16px;line-height:1.85}
.s-card .card-cta{margin-block-start:auto;padding-block-start:20px}
.card-cta .btn-dark{width:100%;justify-content:center}

.dark-panel{
  background:linear-gradient(135deg,#3E5051,#46595A 55%,#54696A);
  border-radius:26px;color:var(--cream);
  padding:56px 58px;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;align-items:center;
  overflow:hidden;position:relative;
}
.dark-panel h2{color:var(--cream);font-size:34px;margin-block-end:18px}
.dark-panel p{font-size:16.5px;line-height:1.85;margin-block-end:12px;color:#E9E6DA}

.ai-orb{
  position:relative;width:min(300px,82%);aspect-ratio:1.6/1;
  margin-inline:auto;border-radius:999px;overflow:hidden;
  isolation:isolate;
  -webkit-mask:radial-gradient(120% 120% at 50% 50%,#000 58%,transparent 96%);
  mask:radial-gradient(120% 120% at 50% 50%,#000 58%,transparent 96%);
}
.ai-orb i{
  position:absolute;inset:-40%;border-radius:50%;
  filter:blur(34px);mix-blend-mode:screen;
  animation:orbDrift 11s ease-in-out infinite;
}
.ai-orb i:nth-child(1){background:radial-gradient(circle at 50% 50%,#5B8DEF 0%,rgba(91,141,239,0) 62%);animation-delay:0s}
.ai-orb i:nth-child(2){background:radial-gradient(circle at 50% 50%,#9B6FE0 0%,rgba(155,111,224,0) 62%);animation-delay:-3.7s}
.ai-orb i:nth-child(3){background:radial-gradient(circle at 50% 50%,#4FC3D9 0%,rgba(79,195,217,0) 62%);animation-delay:-7.4s}
@keyframes orbDrift{
  0%  {transform:translate(-20%,30%) scale(1)}
  22% {transform:translate(12%,38%) scale(1.2)}
  45% {transform:translate(26%,20%) scale(.92)}
  68% {transform:translate(-4%,36%) scale(1.14)}
  85% {transform:translate(-24%,24%) scale(1.02)}
  100%{transform:translate(-20%,30%) scale(1)}
}
@media (prefers-reduced-motion:reduce){.ai-orb i{animation:none}}

.ai-shot{
  border-radius:20px;overflow:hidden;transform:rotate(-1.2deg);
  box-shadow:0 16px 40px rgba(0,0,0,.3);
}
.ai-shot img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block}

.receipt-float{

  position:absolute;inset-inline:0;margin-inline:auto;inset-block-end:-270px;
  width:min(330px,60vw);z-index:4;
  pointer-events:none;
}
.receipt-float .receipt-img{
  display:block;width:100%;height:auto;
  
  transform:rotate(-3deg);
}
.receipt{
  --zz:11px;
  
  background:
    radial-gradient(120% 90% at 82% -10%,rgba(122,96,58,.10),transparent 55%),
    radial-gradient(130% 100% at 8% 112%,rgba(122,96,58,.14),transparent 52%),
    linear-gradient(to bottom,rgba(255,255,255,.38),transparent 14%,transparent 82%,rgba(126,106,74,.10)),
    linear-gradient(to left,rgba(126,106,74,.16),transparent 13%,transparent 87%,rgba(126,106,74,.10)),
    linear-gradient(to bottom,#FAF3E1 0%,#F4EBD3 44%,#EADCBE 100%);
  color:#38332B;
  width:min(340px,84vw);
  padding:52px 32px 42px;
  transform:rotate(1.4deg);
  position:relative;
  box-shadow:1px 2px 3px rgba(109,80,52,.2),6px 12px 26px rgba(109,80,52,.16);
  -webkit-mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 22px var(--zz) repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 22px var(--zz) repeat-x,
    linear-gradient(#000 0 0) 50% 50% / 100% calc(100% - 2*var(--zz)) no-repeat;
  mask:
    conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 22px var(--zz) repeat-x,
    conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 22px var(--zz) repeat-x,
    linear-gradient(#000 0 0) 50% 50% / 100% calc(100% - 2*var(--zz)) no-repeat;
}
.receipt::before{
  content:'0100 4213 · 731 0825 · 118 40 · 0026';
  position:absolute;inset-inline:24px;inset-block-start:16px;
  font-family:'Assistant',sans-serif;font-size:6.5px;font-weight:600;
  letter-spacing:.42em;color:#57503F;opacity:.55;
  text-align:center;direction:ltr;white-space:nowrap;overflow:hidden;
  border-block-end:1px dashed rgba(59,59,51,.45);padding-block-end:6px;
}

.receipt::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(96deg,rgba(90,75,50,.05) 0 1px,transparent 1px 7px);
  mix-blend-mode:multiply;opacity:.4;
}
.receipt p{text-align:center;font-family:'Assistant',sans-serif;position:relative;z-index:1}
.receipt .rq1{font-weight:700;font-size:19px;line-height:1.65;margin-block-end:14px}
.receipt .rq2{font-weight:400;font-size:16px;line-height:1.7;color:#55524A;margin-block-end:0}

.receipt .r-foot{position:relative;z-index:1;margin-block-start:18px;padding-block-start:15px}
.receipt .r-foot::before{
  content:'';position:absolute;inset-inline:0;inset-block-start:0;height:1px;
  background:repeating-linear-gradient(to left,#3B3B33 0 7px,transparent 7px 13px);opacity:.34;
}
.receipt .barcode{
  height:44px;width:72%;margin-inline:auto;opacity:.88;
  background:repeating-linear-gradient(to left,
    #2E2C26 0 2px,transparent 2px 4px,
    #2E2C26 4px 5px,transparent 5px 9px,
    #2E2C26 9px 12px,transparent 12px 13px,
    #2E2C26 13px 14px,transparent 14px 18px,
    #2E2C26 18px 21px,transparent 21px 24px,
    #2E2C26 24px 25px,transparent 25px 29px);
}
.receipt .rcode{
  margin-block-start:6px;text-align:center;direction:ltr;
  font-family:'Assistant',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:.18em;color:#4A473D;opacity:.7;
}

.tired-slot{
  padding-block-start:104px;text-align:center;
  display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;
}

.tired-vid{margin:0;background:var(--warm)}
.tired-vid video{
  width:100%;height:auto;display:block;aspect-ratio:1/1;
  mix-blend-mode:multiply;                 
}
.tired-head{
  font-size:clamp(34px,5.4vw,60px);line-height:1.25;
  transform:rotate(-1.1deg);display:inline-block;
  padding-block-end:.5em;margin-block-end:22px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2022%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M6%2C7%20C60%2C2%20140%2C11%20294%2C5%22%20stroke%3D%22%23D95B2E%22%20stroke-width%3D%223.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2C16%20C90%2C11%20180%2C20%20288%2C14%22%20stroke%3D%22%23D95B2E%22%20stroke-width%3D%222.6%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E") bottom center / 80% .3em no-repeat;
}
.tired-body{font-size:19px;line-height:1.85;max-width:56ch;margin-inline:auto}

.prose-center{max-width:720px;margin-inline:auto;text-align:center;font-size:17.5px}
.prose-center p{margin-block-end:10px}

.lslide-item{
  
  font-family:'Suez One',serif;color:var(--accent);
  font-size:clamp(19px,2.3vw,25px);line-height:1.5;
}

.lslide.ready .lslide-stage{display:grid;align-items:center;cursor:pointer;min-height:1lh}
.lslide.ready .lslide-item{
  grid-area:1/1;margin:0;opacity:0;transform:translateX(16px);pointer-events:none;
}
.lslide.ready .lslide-item.is-on,
.lslide.ready .lslide-item.is-out{transition:opacity .45s ease,transform .45s ease}
.lslide.ready .lslide-item.is-on{opacity:1;transform:none;pointer-events:auto}
.lslide.ready .lslide-item.is-out{opacity:0;transform:translateX(-16px)}

.lslide-bar{display:none}
.lslide.ready .lslide-bar{
  display:block;height:2px;width:min(190px,42%);
  margin:26px auto 0;border-radius:2px;overflow:hidden;
  background:rgba(70,89,90,.15);
}
.lslide.ready .lslide-bar i{
  display:block;height:100%;background:var(--accent);
  transform:scaleX(0);transform-origin:right center;
  animation:lsFill var(--ls-dur,4000ms) linear forwards;
}
@keyframes lsFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.ls-vid{
  margin:0 auto;width:min(720px,100%);
  aspect-ratio:100/28.6;      
  overflow:hidden;
}
.ls-vid video{
  display:block;width:113%;height:auto;aspect-ratio:1/1;   
  margin-inline:-6.5%;                          
  margin-block-start:-40.2%;                    
  mix-blend-mode:multiply;
}

@media (max-width:720px){
  .ls-vid{width:100vw;margin-inline:calc(50% - 50vw)}
}

.prose-center .lslide{display:none}
@media (prefers-reduced-motion:reduce){
  .ls-vid{display:none}
  .prose-center .lslide{display:block}
}

body.hwe-on .lslide.ready .lslide-stage{display:block;cursor:auto}
body.hwe-on .lslide.ready .lslide-item{opacity:1;transform:none;margin-block-end:12px;pointer-events:auto}
body.hwe-on .lslide.ready .lslide-bar{display:none}
@media (prefers-reduced-motion:reduce){
  .lslide.ready .lslide-stage{display:block;cursor:auto}
  .lslide.ready .lslide-item{opacity:1;transform:none;transition:none;margin-block-end:12px;pointer-events:auto}
  .lslide.ready .lslide-bar{display:none}
}

.sec-sub.lead-head,.prose-center .strong-close{
  font-family:'Suez One',serif;font-weight:400;color:var(--ink);
  font-size:44px;line-height:1.35;text-align:center;
  max-width:880px;margin-inline:auto;
}
.sec-sub.lead-head{margin-block-end:44px}
.prose-center .strong-close{margin-block-start:34px}
.wide-photo{margin-block-start:48px;position:relative;border-radius:22px;overflow:hidden}
.wide-photo img{width:100%;height:380px;object-fit:cover}
.wide-photo figcaption{
  position:absolute;inset-block-end:14px;inset-inline-start:16px;
  background:rgba(255,255,255,.88);border-radius:999px;
  font-size:13.5px;font-weight:600;color:var(--ink);padding:6px 16px;
}

.birth-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.birth-grid .ph{background:none;padding:0;width:auto;border-radius:22px;overflow:hidden;
  box-shadow:0 14px 34px rgba(60,45,32,.12)}
.birth-grid .ph img{width:100%;height:auto;display:block}
.birth-copy h2{font-size:36px;margin-block-end:18px}
.birth-copy p{margin-block-end:10px;font-size:16.5px}
.name-box{
  margin-block-start:26px;border:1.5px dashed var(--sage);border-radius:16px;
  background:var(--white);padding:24px 28px;position:relative;
}
.name-box .nb-q{font-family:'Suez One',serif;font-size:20px;color:var(--ink);margin-block-end:10px}
.name-box p{font-size:15.5px;margin-block-end:8px}

.name-btn{margin-block-start:26px}
.name-btn .ico{width:1.25em;height:1.25em;color:currentColor}
.name-pop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}
.name-pop[hidden]{display:none}
.name-pop::before{content:'';position:absolute;inset:0;background:rgba(35,30,24,.55)}
.name-pop-sheet{
  position:relative;width:100%;max-width:560px;max-height:86vh;overflow:auto;
  background:var(--white);border-radius:22px;padding:34px 26px 26px;
  box-shadow:0 24px 60px rgba(35,30,24,.35);
  animation:npIn .22s ease-out;
}
.name-pop .name-box{margin-block-start:0}
.name-pop-x{
  position:absolute;inset-block-start:12px;inset-inline-end:14px;
  width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;
  display:grid;place-items:center;
}
.name-pop-x:hover{background:var(--ink);color:#fff}
@keyframes npIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.name-pop-sheet{animation:none}}

.rail-wrap{position:relative}
.rail{
  display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-block:8px 26px;padding-inline:4px;
  scrollbar-width:none;
}
.rail::-webkit-scrollbar{display:none}
.w-card{
  flex:1;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 2px 6px rgba(60,45,32,.05),0 14px 34px rgba(60,45,32,.07);
}
.w-card-img{position:relative;height:230px}
.w-card-img img{width:100%;height:100%;object-fit:cover}

.w-card-img h3{position:absolute;inset-inline:0;inset-block-end:0;margin:0;
  padding:46px 20px 14px;color:#fff;text-align:start;
  background:linear-gradient(to top,rgba(24,28,25,.78),rgba(24,28,25,.32) 60%,transparent);
  text-shadow:0 1px 8px rgba(0,0,0,.4)}

.w-item{flex:0 0 400px;scroll-snap-align:start;display:flex;flex-direction:column}
.w-sign{
  width:76%;max-width:290px;height:auto;
  margin:0 auto 14px;
  mix-blend-mode:multiply;
  transform:rotate(-1.4deg);
  pointer-events:none;
}
.w-item:nth-child(even) .w-sign{transform:rotate(1.6deg)}
.w-card-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:12px;flex:1}
.w-card h3{font-size:21px;line-height:1.45}
.w-card p{font-size:15.5px;line-height:1.8}

.digital-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;
  padding-block-start:96px;
}
.digital-copy h2{font-size:34px;margin-block-end:16px}
.digital-copy p{font-size:16.5px;line-height:1.85}
.digital-ph{border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(60,45,32,.14);transform:rotate(1deg)}
.digital-ph img{width:100%;height:340px;object-fit:cover}

.digital-ph video{width:100%;height:340px;object-fit:cover;display:block;background:#0E1A20}
.digital-ph.is-tall{transform:rotate(0deg);max-width:340px;margin-inline:auto}
.digital-ph.is-tall video{height:auto;aspect-ratio:1080/1934;object-fit:cover}
.rail-arrows{display:flex;gap:10px;justify-content:center;margin-block-start:6px}
.rail-btn{
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--ink);font-size:20px;cursor:pointer;
  display:grid;place-items:center;transition:all .2s;
}
.rail-btn:hover{background:var(--ink);color:#fff}

.w-next{display:none}
@keyframes wNudge{
  0%,100%{transform:translateX(0)}
  55%{transform:translateX(-8px)}
}

@media (min-width:901px){
  .rail{overflow:visible;scroll-snap-type:none;gap:20px}
  .w-item{flex:1 1 0;min-width:0}
  .rail-arrows{display:none}
}
@media (max-width:900px){
  .rail-wrap{margin-inline:-24px}
  .rail{
    gap:12px;
    
    padding-inline-start:14px;padding-inline-end:64px;
    scroll-padding-inline-start:14px;
  }
  .w-item{flex:0 0 calc(100vw - 76px);scroll-snap-align:start;scroll-snap-stop:always} 
  .rail-arrows{display:none}
  
  .w-next{
    display:block;position:absolute;z-index:5;
    inset-block-start:56%;inset-inline-end:37px;
    transform:translate(-50%,-50%);
    width:78px;padding:0;border:0;background:none;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .w-next img{
    width:100%;height:auto;display:block;
    opacity:.8;
    animation:wNudge 2.8s ease-in-out infinite;
  }
  .w-next:active img{opacity:.4}
}
@media (prefers-reduced-motion:reduce){
  .w-next img{animation:none}
}

.blocks{display:grid;grid-template-columns:1.18fr 1fr;gap:30px;align-items:start}
.block{
  border-radius:26px;padding:44px 42px;position:relative;overflow:hidden;
}
.block-big{background:var(--sage-l);position:sticky;inset-block-start:88px}
.block-wavers{background:#F3DECF}
.block .badge{
  display:inline-block;background:rgba(255,255,255,.75);border-radius:999px;
  font-weight:700;font-size:13.5px;color:var(--ink);padding:5px 16px;margin-block-end:16px;
}
.block h3{font-size:30px;margin-block-end:14px}

.hw-signoff{margin-block:16px 0;text-align:center;font-weight:700;
  color:#465A5A;font-size:17px;white-space:nowrap}
@media (max-width:400px){.hw-signoff{font-size:15px}}
.block h3.track-circ{display:flex;justify-content:center;margin-block:2px 18px}
.tc-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hw-circ{position:relative;display:block;width:min(320px,74vw);aspect-ratio:1}
.hw-circ .ring{position:absolute;inset:0;width:100%;height:100%;
  transform-origin:50% 50%}
.hw-disc{position:absolute;inset:15%;border-radius:50%;background:#FBFAF6;
  display:flex;align-items:center;justify-content:center}
.hw-disc img{width:80%;height:auto;mix-blend-mode:multiply}
.hw-circ .rt{font-family:'Assistant',sans-serif;font-size:12px;font-weight:700;
  fill:#8B9992;letter-spacing:1.6px}
.block p{font-size:16px;margin-block-end:12px}
.block .btn-dark{margin-block-start:12px}
.sub-head{font-family:'Suez One',serif;font-size:20px;color:var(--ink);margin-block:20px 8px}
.fine{font-size:13.5px;color:var(--muted);margin-block-start:10px;text-align:center}

.note-box{
  border:1px solid var(--line);border-radius:14px;
  background:var(--warm);
  padding:20px 24px;
  max-width:min(640px,100%);margin-inline:auto;
  position:relative;            
}

.note-box.nb-outline{background:transparent;border:1.5px solid var(--sage)}
#waves .aw-inline .note-box p{text-align:center}   
.note-box.nb-quote{
  background:transparent;border:none;border-radius:0;
  border-inline-start:4px solid var(--accent);
  padding:4px 22px;text-align:start;
}
.note-box.nb-quote p,.note-box.nb-quote .note-box-title{text-align:start}
.note-box.nb-tape{
  background:#FCFAF1;border:1px solid rgba(109,80,52,.14);
  box-shadow:0 1px 2px rgba(109,80,52,.14),4px 12px 26px rgba(109,80,52,.13);
  transform:rotate(-.8deg);margin-block:22px;
}
.note-box.nb-tape::before{
  content:'';position:absolute;inset-block-start:-11px;inset-inline:0;
  width:104px;height:22px;margin-inline:auto;
  background:var(--tape);box-shadow:0 1px 3px rgba(109,80,52,.18);
  transform:rotate(-1.6deg);
}
.note-box.nb-dark{background:var(--ink);border-color:var(--ink)}

.note-box.nb-dark,.note-box.nb-dark *{color:#F2F1EA}
.note-box.nb-mark{
  background:transparent;border:none;border-radius:0;
  padding:2px 6px 22px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2022%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M6%2C7%20C60%2C2%20140%2C11%20294%2C5%22%20stroke%3D%22%23D95B2E%22%20stroke-width%3D%223.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2C16%20C90%2C11%20180%2C20%20288%2C14%22%20stroke%3D%22%23D95B2E%22%20stroke-width%3D%222.6%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.75%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;background-position:bottom center;background-size:70% .34em;
}

.note-box.nb-corners{
  background:var(--warm);border:1.5px solid var(--sage);
  border-radius:26px 9px 21px 11px / 13px 24px 10px 20px;
}

.note-box.nb-torn{
  --tr:11px;
  background:#FCFAF1;border:none;border-radius:0;
  padding:30px 26px;
  box-shadow:none;
  -webkit-mask:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C10%20L0%2C6%20L8%2C7%20L16%2C4%20L24%2C6.5%20L32%2C3.5%20L40%2C6%20L48%2C3%20L56%2C6%20L64%2C4%20L72%2C7%20L80%2C4.5%20L88%2C6.5%20L96%2C3.5%20L104%2C6%20L112%2C4.5%20L120%2C6%20L120%2C10%20Z%22%2F%3E%3C%2Fsvg%3E") top / 120px var(--tr) repeat-x,
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0%20L120%2C0%20L120%2C4%20L112%2C5.5%20L104%2C3%20L96%2C6.5%20L88%2C3.5%20L80%2C5.5%20L72%2C3%20L64%2C6%20L56%2C4%20L48%2C7%20L40%2C4%20L32%2C6.5%20L24%2C3.5%20L16%2C6%20L8%2C3%20L0%2C4%20Z%22%2F%3E%3C%2Fsvg%3E") bottom / 120px var(--tr) repeat-x,
    linear-gradient(#000 0 0) 50% 50% / 100% calc(100% - 2*var(--tr)) no-repeat;
  mask:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C10%20L0%2C6%20L8%2C7%20L16%2C4%20L24%2C6.5%20L32%2C3.5%20L40%2C6%20L48%2C3%20L56%2C6%20L64%2C4%20L72%2C7%20L80%2C4.5%20L88%2C6.5%20L96%2C3.5%20L104%2C6%20L112%2C4.5%20L120%2C6%20L120%2C10%20Z%22%2F%3E%3C%2Fsvg%3E") top / 120px var(--tr) repeat-x,
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0%20L120%2C0%20L120%2C4%20L112%2C5.5%20L104%2C3%20L96%2C6.5%20L88%2C3.5%20L80%2C5.5%20L72%2C3%20L64%2C6%20L56%2C4%20L48%2C7%20L40%2C4%20L32%2C6.5%20L24%2C3.5%20L16%2C6%20L8%2C3%20L0%2C4%20Z%22%2F%3E%3C%2Fsvg%3E") bottom / 120px var(--tr) repeat-x,
    linear-gradient(#000 0 0) 50% 50% / 100% calc(100% - 2*var(--tr)) no-repeat;
}

.note-box.nb-rough{
  background:transparent;border:none;border-radius:0;padding:24px 28px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7%2C8%20C70%2C4%20150%2C11%20293%2C6%20C297%2C32%20296%2C68%20294%2C93%20C230%2C97%20110%2C90%206%2C95%20C3%2C66%204%2C34%207%2C8%20Z%22%20fill%3D%22none%22%20stroke%3D%22%237F9494%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");
  background-size:100% 100%;background-repeat:no-repeat;
}

.note-box.nb-riso{
  background:#EBD3C4;border:none;border-radius:3px;
  box-shadow:4px 4px 0 rgba(108,130,131,.55);
  overflow:hidden;
}
.note-box.nb-riso::after{
  content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%223%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20filter%3D%22url(%23n)%22%20opacity%3D%22.55%22%2F%3E%3C%2Fsvg%3E");
}

.note-box.nb-margin{
  background:transparent;border:none;border-radius:0;
  padding:8px 0;max-width:440px;margin-inline:0 auto;
  transform:rotate(-1.3deg);
}
.note-box.nb-margin .note-box-title,.note-box.nb-margin p{text-align:start}
.note-box.nb-margin p{font-size:15px;color:var(--muted);font-weight:600;line-height:1.8}
.note-box.nb-margin .note-box-title{font-size:16.5px;color:var(--ink)}

.free-line{
  font-size:17px;line-height:1.85;text-align:center;
  max-width:640px;margin-inline:auto;margin-block-end:10px;
}
.note-box-title{
  font-weight:800;color:var(--ink);font-size:16px;
  margin-block-end:10px;text-align:center;
}
.note-box p{
  font-weight:700;color:var(--ink);font-size:15px;line-height:1.85;
  text-align:center;margin-block-end:4px;
}
.note-box p:last-child{margin-block-end:0}

.ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;color:var(--ink)}

.shem{max-width:720px;margin-inline:auto}

.shem h2{font-size:36px;color:#D95B2E;margin-block-end:16px;text-wrap:balance}
@media (min-width:1100px){.shem h2{font-size:30px}} 
@media (max-width:560px){.shem h2{font-size:24px}}
.shem-lede{font-size:clamp(16px,4.2vw,19px);color:var(--muted);font-weight:300;margin-block:6px 0}
.shem-callout{display:flex;align-items:center;gap:11px;margin-block-start:24px}
.shem-arrow{flex:0 0 32px;height:32px;border-radius:50%;background:var(--accent);
  display:grid;place-items:center;animation:shemTap 2.1s ease-in-out infinite}
.shem-arrow svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}

.shem-t{font-size:18px;color:var(--ink);font-weight:800;line-height:1.5}
@keyframes shemTap{0%,70%,100%{transform:translateY(0)}82%{transform:translateY(6px)}}
.shem-stage{position:relative;direction:ltr;width:100%;max-width:440px;margin:20px auto 0}
.shem-logo{width:100%;aspect-ratio:788/336;position:relative;z-index:2;
  background:url("logo-script.webp") center/contain no-repeat}

.shem-hit::after{content:'';position:absolute;inset-inline-start:50%;inset-block-start:-14px;
  width:15px;height:15px;margin-inline-start:-7.5px;pointer-events:none;
  border-inline-end:4px solid rgba(255,255,255,.85);
  border-block-end:4px solid rgba(255,255,255,.85);
  transform:rotate(45deg);
  filter:drop-shadow(0 1px 3px rgba(60,45,32,.5));
  animation:shemNudge 1.5s ease-in-out infinite}
.shem-hit[data-seen]::after{display:none}
@keyframes shemNudge{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(10px) rotate(45deg)}}
@media (prefers-reduced-motion:reduce){.shem-hit::after{animation:none;opacity:.6}}
.shem-hit{position:absolute;z-index:5;background:none;border:none;padding:0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;border-radius:16px}
.shem-hit-hi{inset-inline-start:1%;width:32.5%;inset-block-start:-1%;height:76%}
.shem-hit-wave{inset-inline-start:33.5%;width:56%;inset-block-start:-1%;height:78%}
.shem-hit:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wm{display:inline-block;vertical-align:middle;background-repeat:no-repeat;
  background-position:center;background-size:contain;margin:0 .1em}
.wm.hi{height:1.6em;aspect-ratio:127/128;background-image:url("word-hi.png")}
.wm.wave{height:1.55em;aspect-ratio:225/124;background-image:url("word-wave.png")}
.shem-slot{margin-block-start:22px}
.shem-card{background:#FFF;border:1px solid var(--line,#E4DFD2);border-radius:18px;
  box-shadow:0 1px 2px rgba(70,89,90,.05),0 20px 44px -26px rgba(70,89,90,.3);
  overflow:hidden;max-height:0;opacity:0;padding:0 20px;
  transition:max-height .5s cubic-bezier(.3,.9,.26,1),opacity .3s ease,padding .4s ease,visibility 0s linear .5s;
  visibility:hidden}
.shem-card.open{max-height:1000px;opacity:1;padding:16px 20px 24px;visibility:visible;
  transition:max-height .5s cubic-bezier(.3,.9,.26,1),opacity .3s ease,padding .4s ease,visibility 0s}
.shem-head{display:flex;justify-content:flex-end;margin-block-end:2px}
.shem-x{background:none;border:1px solid var(--line,#E4DFD2);border-radius:50%;
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;padding:0;cursor:pointer}
.shem-x svg{width:12px;height:12px;stroke:var(--muted);stroke-width:2.4;stroke-linecap:round;fill:none}
.shem-copy{font-weight:300;color:var(--text,#3A2A20);font-size:16.5px;line-height:1.95;margin:0}
.shem-copy b{font-weight:600;color:var(--ink)}
.shem-foot{margin-block-start:18px;padding-block-start:14px;border-block-start:1px solid var(--line,#E4DFD2);
  display:flex;justify-content:flex-start}
.shem-next{background:var(--accent);color:#fff;border:none;border-radius:999px;
  padding:10px 22px;font-size:15.5px;font-weight:600;cursor:pointer;font-family:inherit;
  box-shadow:0 10px 20px -12px rgba(217,91,46,.85)}
.shem-next[hidden]{display:none}
@media (max-width:640px){
  .shem-copy{font-size:15.5px}
  .shem-next{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .shem-arrow{animation:none}
  .shem-card{transition-duration:.01ms}
}

.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.founders-grid .ph{background:none;padding:0;width:auto;border-radius:22px;overflow:hidden;
  box-shadow:0 14px 34px rgba(60,45,32,.14);transform:rotate(-1.2deg)}

.founders-grid .ph img{width:100%;height:auto;object-fit:cover}
.founders-copy h2{font-size:36px;margin-block-end:16px}
.founders-copy p{margin-block-end:10px;font-size:16.5px}

.ending{background:var(--ink);color:var(--cream);padding-block:80px;text-align:center}
.ending .inv-line{font-family:'Suez One',serif;font-size:26px;margin-block:0 18px;color:#fff}
.ending .btn-light{
  display:inline-flex;background:var(--warm);color:var(--ink);font-weight:800;
  padding:13px 34px;border-radius:999px;font-size:17px;transition:all .2s;
}
.ending .btn-light:hover{background:var(--accent);color:#fff}
.ending .share{display:block;margin-block-start:20px;font-size:15.5px;color:var(--sage-l);text-decoration:underline}
.ending .share:hover{color:#fff}
.ending .share-note{margin-block-start:6px;font-size:13.5px;color:var(--sage-l);opacity:.62}
.ending .socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-block-start:28px}
.ending .socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(199,210,210,.45);color:var(--sage-l);transition:background .2s,color .2s,border-color .2s}
.ending .socials a:hover,.ending .socials a:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}
.ending .socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.honest{margin-block-start:44px;font-size:16px;color:var(--sage-l)}
.honest-note{font-size:13.5px;opacity:.65;margin-block-start:2px}

footer{background:#3B4C4D;color:var(--sage-l);padding-block:56px 0;position:relative;
  box-shadow:0 50vh 0 50vh #3B4C4D}
.foot-grid{
  max-width:1180px;margin-inline:auto;padding-inline:24px;
  display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:start;
}
.foot-grid img{height:56px;width:auto;margin-block-end:14px}
.foot-title{font-weight:800;color:#fff;margin-block-end:12px;font-size:16px}
.foot-links a{display:block;font-size:15px;padding-block:3px}
.foot-links a:hover{color:#fff}
.foot-marquee{
  margin-block-start:46px;border-block-start:1px solid rgba(255,255,255,.12);
  overflow:hidden;display:flex;padding-block:14px;
}
.foot-marquee span{
  white-space:nowrap;font-weight:700;font-size:12.5px;letter-spacing:.22em;color:#adbaba;opacity:1;
  animation:mq 30s linear infinite;padding-inline-end:30px;
}
.foot-bottom{text-align:center;font-size:13.5px;color:#c7d2d2;opacity:.9;padding-block:14px}

@media (max-width:1100px){
  
  .nav-inner{flex-wrap:wrap;gap:6px 12px;padding:8px 16px 0}
  .nav-cta{order:2;margin-inline-start:auto;font-size:14.5px;padding:9px 18px}
  .nav-links{
    order:3;flex-basis:100%;margin-inline-start:0;
    gap:20px;font-size:14px;padding-block:2px 8px;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{padding-block:4px}
}

@media (max-width:900px){
  .hero{height:70vh}
  .hero-title{padding-inline:22px}
  .hero-title h1{font-size:34px;max-width:none}
  .hero-sub{font-size:16px;line-height:1.75;margin-block-start:14px}
  .sec{padding-block:56px}
  .sec-head,.sec-sub.lead-head,.prose-center .strong-close{font-size:30px}
  .sec-sub.lead-head{margin-block-end:34px}
  .cards-2{grid-template-columns:1fr;gap:24px}
  .s-card-img{height:230px}
  .dark-panel{grid-template-columns:minmax(0,1fr);padding:38px 26px;gap:30px}
  .dark-panel h2{font-size:26px}
  .receipt-slot{padding-block-start:60px}
  .tired-slot{padding-block-start:66px;grid-template-columns:1fr;gap:26px}
  .tired-vid{width:min(360px,82%);margin-inline:auto}
  .tired-body{font-size:17px}
  .digital-grid{padding-block-start:60px}
  .birth-grid{grid-template-columns:1fr;gap:0;background:var(--white);
    border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    box-shadow:0 2px 6px rgba(60,45,32,.05),0 14px 34px rgba(60,45,32,.07)}
  .birth-grid .ph{border-radius:0;box-shadow:none;background:none;transform:none;
    width:100%;max-width:none;padding:0}
  .birth-grid .ph img{height:300px;object-fit:cover;object-position:50% 22%}
  .birth-copy{padding:26px 22px 30px}
  .w-sign{width:66%}
  .s-card-img{height:230px}
  .digital-grid{grid-template-columns:1fr;gap:28px}
  .digital-copy h2{font-size:26px}
  .digital-ph img{height:230px}
  .digital-ph video{height:230px}
  .blocks{grid-template-columns:1fr}
  .block-big{position:static}
  .block{padding:32px 24px}
  .founders-grid{grid-template-columns:1fr;gap:30px}
  .wide-photo img{height:240px}
  .doodle{display:none}
}

@media (max-width:1120px){
  .s-card-receipt{height:auto;padding-block:40px}
  .s-card-receipt .receipt{width:min(212px,62%);transform:rotate(-2.2deg)}
}

@media (max-width:1120px){
  
  #story{padding-block-end:96px}
  #story + .sec{padding-block-start:96px}
  .receipt-float{
    inset-block-end:-190px;
    width:min(240px,62vw);
  }
}

@media (max-width:560px){
  .nav-logo img{height:38px}
  .nav-cta{font-size:13.5px;padding:8px 14px}
  .hero{height:64vh}
  .hero-title h1{font-size:29px}
  .hero-sub{font-size:15px}
  .sec{padding-block:44px}
  .sec-head,.sec-sub.lead-head,.prose-center .strong-close{font-size:25px}
  .sec-sub{font-size:16px;margin-block-end:36px}
  .dark-panel{padding:30px 20px}
  .dark-panel h2,.digital-copy h2,.birth-copy h2,.founders-copy h2{font-size:23px}
  .tired-body{font-size:16px}
  .block{padding:26px 20px}
  .block h3{font-size:24px}
  .w-card h3{font-size:19px}
  
  .w-card-body{padding:20px 16px 22px;gap:10px}
  .w-card-body .note-box{padding:14px 14px}
  .w-card p{font-size:14.5px;line-height:1.85!important}
  .w-card .note-box p{font-size:14px;line-height:1.7!important}
  
  .w-card-body p,.w-card-body h3{text-wrap:pretty}
  .w-card-body p:has(> br:only-child){display:none}
  .digital-ph img,.wide-photo img{height:200px}
  .birth-grid .ph img{height:250px}
  .birth-copy{padding:22px 18px 26px}
  
  .foot-links a{padding-block:12px;font-size:16px}
  .share{display:inline-block;padding-block:12px}
  .btn-dark,.btn-light{padding-block:15px}
}

@media (max-width:560px){
  #story .s-card{position:relative}
  
  #story .container{padding-inline:0}
  
  #story .cards-2{gap:26px}
  #story .s-card{border-radius:0;box-shadow:none;border:0}
  
  #story .s-card-img{height:auto;aspect-ratio:1600/690}
  
  #story .s-card .s-card-img img{object-fit:cover;height:100%}
  #story .s-card-img::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(to top,rgba(23,34,34,.74),rgba(23,34,34,.22) 52%,rgba(23,34,34,0) 80%);
  }
  #story .s-card h3{
    position:absolute;inset-block-start:0;inset-inline:0;aspect-ratio:1600/690;height:auto;
    display:flex;flex-direction:column;justify-content:flex-end;
    align-items:flex-start; 
    padding:14px 18px 16px;z-index:1;
    color:#fff;font-size:22px!important;line-height:1.4;
    text-shadow:0 1px 8px rgba(0,0,0,.45);
  }
  
  #story .s-card h3 .hw-mk{--mk:rgba(217,91,46,.62)}
  #story .s-card-body{padding:18px 16px 22px;gap:10px}
  #story .s-card p{font-size:15px;line-height:1.7}
  #story .s-card .note-box{padding:14px 16px}
  #story .s-card .note-box p{font-size:14px;line-height:1.65}
  #story .s-card-body p,#story .s-card h3{text-wrap:pretty}
}

@media (max-width:560px){
  .sec{padding-block:36px}
  .sec-sub{margin-block-end:22px}
  
  .birth-copy > p:has(> br:only-child),
  .birth-copy > p.free-line:not(:has(> *:not(br))),
  .founders-copy > p:has(> br:only-child),
  #meaning .overline:has(> br:only-child),
  .prose-center p.strong-close:has(> br:only-child){display:none}
  .birth-copy .name-btn{display:none}
  
  #waves .prose-center{margin-block-end:14px!important}
  .rail{padding-block:4px 14px}
  .w-sign{margin-block-end:8px}
  .founders-grid{gap:20px}
  
  .container:has(> .dark-panel.chat-panel){padding-inline:8px}
  .dark-panel.chat-panel{padding-inline:10px;gap:22px}
  .chat-panel .note-box{padding:14px 12px}
  
  section:has(#longingVid){padding-block-end:18px}
  #birth{padding-block-start:18px}
  
  .container:has(> .birth-grid){padding-inline:12px}
  .birth-grid .ph img{height:210px}
  .birth-copy{padding:18px 14px 22px}
}

@media (max-width:560px){
  
  .birth-grid .ph img{height:195px}
  .birth-copy{padding:16px 12px 20px}
  .birth-copy p{font-size:15px;line-height:1.6;text-wrap:pretty}
  .birth-copy .note-box{padding:12px}
  
  .note-box{padding:14px}
  .tired-body{font-size:15.5px;line-height:1.7}
  .digital-copy p{font-size:15px;line-height:1.7}
  .block{padding:20px 16px}
  .block p{line-height:1.7}
  .block h3{font-size:22px}
  .founders-copy p{line-height:1.65;text-wrap:pretty}
  .founders-copy .overline{margin-block-end:6px}
  .prose-center p{line-height:1.7}
}

@media (max-width:700px){
  .digital-grid{position:relative;padding-block-start:24px;gap:16px}
  
  .digital-copy,.digital-ph{will-change:auto!important;translate:none!important}
  .digital-ph{order:-1;position:relative}
  
  .digital-ph.is-tall{max-width:none;margin-inline:0} 
  .digital-ph.is-tall video{height:240px;aspect-ratio:auto;object-fit:cover}
  .digital-ph::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to bottom,rgba(14,26,32,.72),rgba(14,26,32,.18) 42%,rgba(14,26,32,0) 62%)}
  .digital-copy h2{
    position:absolute;inset-block-start:24px;inset-inline:0;margin:0;
    height:240px;z-index:1;padding:12px 16px;
    color:#fff;font-size:clamp(14px,4.9vw,20px);line-height:1.3;white-space:nowrap;
    text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none;overflow:hidden;
    text-align:center;   
  }
}

@media (prefers-reduced-motion:reduce){
  .nav-burger span{transition:none}
  .nav.open .nav-links{animation:none}
}

@media (min-width:901px){
  .hero img.hero-bg{object-position:50% 92%}
  .hero-title{inset-block-start:40%}
  .hero-shade{
    background:
      radial-gradient(ellipse 60% 40% at 50% 36%,rgba(28,36,36,.44),rgba(28,36,36,0) 74%),
      linear-gradient(to top,rgba(28,36,36,.30) 0%,rgba(28,36,36,.10) 40%,rgba(28,36,36,.26) 100%);
  }
}

.dark-panel.chat-panel{align-items:start}

@media (min-width:901px){
  #ai-sec.sec{padding-block:44px}
  .dark-panel.chat-panel{padding-block:34px}
  .chat-panel .ph{width:284px}
  .chat-panel .ph-screen{aspect-ratio:9/17}
}

.dark-panel .ai-sub{
  font-size:17.5px;line-height:1.85;max-width:46ch;text-align:start;
  margin-block-start:2px;
}

.ai-chat{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}

.ph{
  position:relative;width:318px;max-width:100%;
  background:#0B0D0F;border-radius:46px;padding:11px;
  
  box-shadow:
    0 18px 40px rgba(0,0,0,.38),
    0 0 0 1.5px rgba(255,255,255,.10),
    0 0 46px rgba(196,220,238,.14);
}
.ph-screen{
  position:relative;aspect-ratio:9/19.2;
  background:#FFF;border-radius:36px;overflow:hidden;
  display:flex;flex-direction:column;
  font-family:'Assistant',sans-serif;color:#14181C;
}

.ph-island{
  position:absolute;inset-block-start:9px;inset-inline:0;margin-inline:auto;
  width:29%;max-width:88px;height:25px;border-radius:99px;background:#0B0D0F;z-index:3;
}
.ph-status{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 7% 0;font-size:13px;font-weight:800;flex:0 0 auto;
}
.ph-status .ph-ind{display:flex;align-items:center;gap:5px}
.ph-status svg{display:block}

.ph-bar{
  display:flex;align-items:center;gap:10px;flex:0 0 auto;
  padding:14px 16px 10px;
}
.ph-bar>svg{color:#444746;flex:0 0 auto}
.ph-screen .ph-app{
  flex:1;display:flex;align-items:center;gap:6px;
  font-size:16px;font-weight:600;color:#1F1F1F;
}
.ph-screen .ph-app svg{color:#5F6368}
.ph-screen .ph-ava{
  flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(140deg,#7C9BC4,#5B7CA6);
}

.ph-thread{
  flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:18px;
  padding:14px 15px 10px;scrollbar-width:none;
}
.ph-thread::-webkit-scrollbar{display:none}

.ph-fill{display:none}
.ph-thread .msg{display:flex}
.ph-thread .msg.me{justify-content:flex-end}   
.ph-screen .bub{
  max-width:84%;background:#F0F4F9;border-radius:20px;padding:11px 15px;
}
.ph-screen .bub p{font-size:14px;line-height:1.7;color:#1F1F1F;margin:0}

.ph-thread .msg.bot{gap:9px;align-items:flex-start}
.ph-screen .spark{flex:0 0 auto;line-height:0;margin-block-start:1px}
.ph-screen .bot-body{flex:1;min-width:0}
.ph-screen .bot-body p{font-size:14px;line-height:1.8;color:#1F1F1F;margin:0}
.ph-screen .acts{display:flex;gap:16px;padding-block-start:11px;color:#5F6368}
.ph-screen .acts svg{width:15px;height:15px}

.ph-screen .think{display:none;flex-direction:column;gap:8px;padding-block:4px 2px}
.ph-screen .think i{
  display:block;height:9px;border-radius:5px;
  background:linear-gradient(90deg,#EAECF0 26%,#F7F8FA 50%,#EAECF0 74%);
  background-size:220% 100%;animation:phShim 1.25s linear infinite;
}
.ph-screen .think i:first-child{width:80%}
.ph-screen .think i:last-child{width:54%}
@keyframes phShim{0%{background-position:220% 0}100%{background-position:-220% 0}}
@keyframes phSpark{
  0%,100%{transform:rotate(0) scale(1);opacity:.9}
  50%{transform:rotate(90deg) scale(1.14);opacity:1}
}

.ph-screen .bot-body p.streaming::after{
  content:'';display:inline-block;width:2px;height:.95em;vertical-align:-2px;
  margin-inline-start:3px;background:#1F1F1F;animation:phCaret 1s steps(1) infinite;
}
@keyframes phCaret{0%,50%{opacity:1}50.01%,100%{opacity:0}}

.ph-screen .ph-quota{display:none;margin:11px 12px 0;background:#FFF8F6;
  border:1px solid #F3D9D2;border-radius:14px;padding:10px 12px;
  align-items:center;gap:9px}
.ph-screen .ph-quota.on{display:flex}
.ph-screen .ph-quota .pq-ico{flex:0 0 auto;line-height:0;color:#C2544A}
.ph-screen .ph-quota p{margin:0;flex:1;min-width:0;font-size:12px;line-height:1.45;color:#5C3A34;
  white-space:normal}
.ph-screen .ph-quota button{flex:0 0 auto;font-family:inherit;font-size:11.5px;
  font-weight:800;cursor:pointer;border:1.5px solid #C2544A;border-radius:100px;
  padding:6px 12px;color:#C2544A;background:#fff;white-space:nowrap}
.ph-screen .ph-input.spent{opacity:.45}
.ph-input{
  display:flex;align-items:center;gap:9px;flex:0 0 auto;
  margin:6px 12px 22px;padding:10px 14px;
  background:#F0F4F9;border-radius:99px;
}
.ph-screen .ph-field{flex:1;font-size:13.6px;color:#5F6368}
.ph-screen .ph-plus,.ph-screen .ph-mic{flex:0 0 auto;line-height:0;color:#444746}
.ph-home{
  position:absolute;inset-block-end:7px;inset-inline:0;margin-inline:auto;
  width:118px;height:5px;border-radius:99px;background:#0B0D0F;opacity:.2;
}

.ai-replay{
  border:0;background:none;cursor:pointer;padding:4px 12px;border-radius:99px;
  font-family:'Assistant',sans-serif;font-size:13px;font-weight:700;color:#D9E6E8;
  opacity:.7;pointer-events:auto;transition:opacity .45s ease;
}
.ai-replay.on{opacity:.7;pointer-events:auto}
.ai-replay:hover{opacity:1}

.ai-chat.js .msg{opacity:0;transform:translateY(10px);
  transition:opacity .42s ease,transform .42s cubic-bezier(.2,.85,.3,1)}
.ai-chat.js .msg.in{opacity:1;transform:none}
.ai-chat.js .msg.bot .acts{opacity:0;transition:opacity .4s ease}
.ai-chat.js .msg.bot.answered .acts{opacity:1}
.ai-chat.js .msg.bot.thinking .think{display:flex}
.ai-chat.js .msg.bot.thinking .spark{animation:phSpark 1.6s ease-in-out infinite}

@media (max-width:900px){
  .ph{width:300px;max-width:88%}
  .ai-chat{margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){
  .ph-screen .think i,.ph-screen .spark{animation:none}
  .ph-screen .bot-body p.streaming::after{animation:none}
  
  .ai-chat.js .msg{transition:none;transform:none}
}

.hw-term{
  display:inline;white-space:nowrap;border:0;padding:0 0 .3em;background:none;
  font:inherit;font-weight:800;color:var(--accent);cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 9' preserveAspectRatio='none'%3E%3Cpath d='M2 5.9c16-3.4 30 1.8 46-.5 15-2.2 29 3 45 .4 14-2.3 25 .9 45-1.4' fill='none' stroke='%23D95B2E' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:0 100%;background-size:100% .4em;
  transition:color .25s ease;
}
.hw-term .hw-car{
  display:inline-grid;place-items:center;
  inline-size:1.25em;block-size:1.25em;margin-inline-start:.34em;
  border-radius:50%;background:var(--accent);color:#fff;
  font-size:.6em;line-height:1;vertical-align:.1em;
  transition:transform .32s cubic-bezier(.2,.8,.3,1);
}
.hw-term:hover,.hw-term:focus-visible{color:var(--forest-d)}
.hw-term:hover .hw-car{transform:translateY(2px)}
.hw-term.on .hw-car{transform:rotate(180deg)}

.hw-term:not(.hw-used) .hw-car{animation:hwNudge 4.6s ease-in-out 1.4s infinite}
@keyframes hwNudge{
  0%,70%,100%{transform:translateY(0)}
  76%{transform:translateY(3px)}
  82%{transform:translateY(0)}
  88%{transform:translateY(3px)}
  94%{transform:translateY(0)}
}

.aw-inline{padding:6px 0 2px;text-align:center}

.aw-sign-inline{height:2.6em;width:auto;display:inline-block;vertical-align:middle;
  mix-blend-mode:multiply;margin-inline-start:.15em}
.aw-sign{
  display:block;width:min(140px,46%);height:auto;margin:0 auto 14px;
  mix-blend-mode:multiply;transform:rotate(-1.4deg);
}
.aw-inline .note-box{margin-block-end:14px}
.aw-inline p{text-align:start}

.aw-reel{margin-block:14px 4px}
.aw-reel-stage{display:grid;border-radius:14px;overflow:hidden;background:var(--cream)}

.aw-slide{grid-area:1/1;position:relative;margin:0;opacity:0;visibility:hidden;
  transform:scale(1.035);pointer-events:none;
  transition:opacity .85s ease,transform 1.6s ease,visibility 0s linear .85s}
.aw-slide.is-on{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;
  transition:opacity .85s ease,transform 1.6s ease,visibility 0s}
.aw-slide-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.aw-slide-cap{position:absolute;inset-inline:0;inset-block-end:0;
  padding:54px 16px 14px;color:#fff;font-size:19px;font-weight:700;line-height:1.6;text-align:start;
  background:linear-gradient(to top,rgba(24,28,25,.82),rgba(24,28,25,.34) 62%,transparent);
  text-shadow:0 1px 8px rgba(0,0,0,.45)}
.aw-slide-cap .ico{color:#fff;margin-inline-end:.15em}
.note-box .note-box{margin-block:14px 4px}
.aw-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-block-start:12px}
.aw-dots{display:flex;gap:7px}
.aw-dot{width:8px;height:8px;padding:0;border:none;border-radius:100px;cursor:pointer;
  background:var(--sage-l);transition:width .3s ease,background .3s ease}
.aw-dot.is-on{width:22px;background:var(--sage)}
.aw-arr{width:28px;height:28px;padding:0;display:grid;place-items:center;cursor:pointer;
  border:1.5px solid var(--line);border-radius:100px;background:var(--white);color:var(--ink)}
.aw-arr svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.aw-arr:hover{border-color:var(--sage);color:var(--sage)}
@media (max-width:700px){.aw-slide-cap{font-size:15px;padding:46px 13px 12px}}
@media (prefers-reduced-motion:reduce){.aw-slide{transition:none}}

.aw-pop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}
.aw-pop[hidden]{display:none}
.aw-pop::before{content:'';position:absolute;inset:0;background:rgba(35,30,24,.58)}
.aw-pop-sheet{
  position:relative;width:100%;max-width:560px;max-height:86vh;overflow:auto;
  background:var(--white);border-radius:22px;padding:30px 26px 28px;
  box-shadow:0 24px 60px rgba(35,30,24,.35);
  animation:npIn .22s ease-out;
  text-align:center;
}
.aw-pop-sign{
  display:block;width:min(240px,72%);height:auto;margin:2px auto 20px;
  mix-blend-mode:multiply;transform:rotate(-1.4deg);
}
.aw-pop-body{text-align:start}

.aw-lede{
  text-align:center;font-family:'Suez One',serif;font-size:19px;line-height:1.5;
  color:var(--ink);margin-block-end:16px;
}
.aw-picks{
  list-style:none;margin:0 0 22px;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.aw-picks li{
  display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:16px 10px 14px;border-radius:14px;
  background:var(--warm);border:1px solid var(--line);
  text-align:center;
}
.aw-pick-ico{
  display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:var(--white);border:1px solid var(--line);color:var(--sage);
}
.aw-pick-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}
.aw-pick-txt{font-size:14px;line-height:1.55;font-weight:700;color:var(--text)}
.aw-pop-body p{margin-block-end:14px;line-height:1.85}
.aw-pop-body p:last-child{margin-block-end:0}
.aw-pop-body .note-box{margin-block:0 18px}
.aw-pop-x{
  position:absolute;inset-block-start:12px;inset-inline-end:14px;
  width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;
  display:grid;place-items:center;z-index:2;
}
.aw-pop-x:hover{background:var(--ink);color:#fff}

@media (max-width:700px){
  .aw-pop{padding:0;place-items:stretch}
  .aw-pop-sheet{
    max-width:none;width:100%;max-height:none;height:100%;border-radius:0;
    padding:64px 22px calc(28px + env(safe-area-inset-bottom));
    display:flex;flex-direction:column;justify-content:center;
    animation:awSheetIn .26s ease-out;
  }
  .aw-pop-sign{width:min(260px,76%);margin-block-end:24px}
  .aw-pop-body p{font-size:17px}
  
  .aw-picks{grid-template-columns:1fr;gap:9px;margin-block-end:20px}
  .aw-picks li{flex-direction:row;justify-content:flex-start;text-align:start;
    gap:13px;padding:12px 14px}
  .aw-pick-ico{flex:0 0 auto;width:38px;height:38px}
  .aw-pick-txt{font-size:16px}
  .aw-lede{font-size:20px}
  .aw-pop-x{inset-block-start:16px;width:40px;height:40px}
  .aw-sign{width:min(150px,56%)}
}
@keyframes awSheetIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.aw-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .aw-pop-sheet{animation:none}
  .aw-sign,.aw-hint-dot{transition:none;animation:none !important}
}

.hw-fold{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .5s cubic-bezier(.22,.8,.3,1);
}
.hw-fold.on{grid-template-rows:1fr}
.hw-fold>div{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear .5s}
.hw-fold.on>div{visibility:visible;transition-delay:0s}
.hw-foldbox{
  margin-block-start:12px;padding:14px 18px;
  background:var(--warm);border-radius:12px;
  border-inline-start:3px solid var(--accent);
}
.hw-foldbox p:last-child{margin-block-end:0}

.sub-head .hw-term-head{
  
  font-size:20px;line-height:1.5;
  background-size:100% .3em;background-position:0 96%;padding-block-end:.22em;
  color:var(--accent);
}
.sub-head:has(.hw-term-head){margin-block-end:14px}
.hw-term-head .hw-car{inline-size:1.05em;block-size:1.05em;font-size:.52em}

@media (prefers-reduced-motion:reduce){
  .hw-term .hw-car{animation:none !important;transition:none}
  .hw-fold{transition:none}
}

.hero-title h1,
.sec-head,
.sec-sub,
.sec-sub.lead-head,
.prose-center .strong-close,
.tired-head,
.dark-panel h2,
.birth-copy h2,
.digital-copy h2,
.founders-copy h2,
.s-card h3,
.w-card h3,
.block h3,
.sub-head,
.foot-title,
.note-box-title{
  text-wrap:balance;
}

.hw-vfw.hw-vfw{
  font-family:'Assistant',sans-serif;
  font-variation-settings:'wght' 520;   
  font-synthesis-weight:none;
}

b.hw-vfw,span.hw-vfw{display:inline-block;width:100%}
@supports (animation-timeline: view()){
  .hw-vfw{
    animation:hwWeight linear both;
    animation-timeline:view();
    
    animation-range:entry 30% cover 16%;
  }
}
@keyframes hwWeight{
  from{font-variation-settings:'wght' 520;scale:1}
  to  {font-variation-settings:'wght' 860;scale:1.06}
}

@supports not (animation-timeline: view()){
  .hw-vfw{font-variation-settings:'wght' 800}
}
@media (prefers-reduced-motion:reduce){
  .hw-vfw{animation:none;font-variation-settings:'wght' 800;scale:1}
}

.hw-mk{
  --mk:rgba(217,91,46,.3);
  --mk-h:.48em;   
  font-style:normal;padding-inline:5px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
  background:linear-gradient(var(--mk),var(--mk)) right bottom / 0% var(--mk-h) no-repeat;
}
.hw-mk.mk-on{animation:hwMark .62s cubic-bezier(.22,.61,.36,1) both}
@keyframes hwMark{from{background-size:0% var(--mk-h)}to{background-size:100% var(--mk-h)}}

.dark-panel .hw-mk{--mk:rgba(217,91,46,.62)}
@media (prefers-reduced-motion:reduce){
  .hw-mk{background-size:100% var(--mk-h)}
  .hw-mk.mk-on{animation:none}
}

.hwf-plain{border:0!important;border-radius:0!important;box-shadow:none!important;
  transform:none!important;clip-path:none!important;filter:none!important}

.hwf-round{border-radius:22px!important}
.hwf-pill{border-radius:46px!important}
.hwf-arch{border-radius:999px 999px 16px 16px!important}
.hwf-circle{border-radius:50%!important;aspect-ratio:1!important;object-fit:cover!important}
.hwf-cut{border-radius:0!important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}

.hwf-soft{border-radius:18px!important;box-shadow:0 18px 40px rgba(40,30,20,.20)!important}
.hwf-lift{border-radius:14px!important;box-shadow:0 30px 62px rgba(40,30,20,.34)!important}

.hwf-line{border:var(--hwf-w,2px) solid var(--hwf-c,#C9D3D1)!important;
  border-radius:14px!important;box-shadow:none!important}
.hwf-thick{border:var(--hwf-w,13px) solid var(--hwf-c,#46595A)!important;border-radius:6px!important}
.hwf-double{border:var(--hwf-w,7px) solid var(--hwf-c,#FDFBF5)!important;border-radius:4px!important;
  outline:2px solid var(--hwf-c,#46595A)!important;outline-offset:5px!important;
  box-shadow:0 12px 30px rgba(40,30,20,.18)!important}

.hwf-inset{border-radius:16px!important;
  box-shadow:inset 0 0 0 var(--hwf-w,10px) var(--hwf-c,#FDFBF5)!important}
.hwf-ring{border-radius:18px!important;
  box-shadow:0 0 0 var(--hwf-w,6px) var(--hwf-c,#C7D2D2),0 18px 44px rgba(40,30,20,.18)!important}

.hwf-offset{border-radius:4px!important;box-shadow:14px 14px 0 var(--hwf-c,#D95B2E)!important}

.hwf-print{border:var(--hwf-w,9px) solid var(--hwf-c,#FDFBF5)!important;border-radius:3px!important;
  box-shadow:0 12px 30px rgba(40,30,20,.22)!important}
.hwf-polaroid{border:var(--hwf-w,11px) solid var(--hwf-c,#FDFBF5)!important;
  border-block-end-width:calc(var(--hwf-w,11px) * 3.4)!important;
  border-radius:2px!important;box-shadow:0 14px 34px rgba(40,30,20,.24)!important}
.hwf-tilt{transform:rotate(-1.7deg)!important;border:var(--hwf-w,9px) solid var(--hwf-c,#FDFBF5)!important;
  border-radius:2px!important;box-shadow:0 14px 32px rgba(40,30,20,.24)!important}
.hwf-tilt-r{transform:rotate(2.1deg)!important;border:var(--hwf-w,9px) solid var(--hwf-c,#FDFBF5)!important;
  border-radius:2px!important;box-shadow:0 14px 32px rgba(40,30,20,.24)!important}

.hwf-torn{border-radius:0!important;
  clip-path:polygon(0 2%,7% 0,19% 3%,31% 0,44% 2%,58% 0,71% 3%,84% 0,95% 2%,100% 5%,
    100% 95%,93% 100%,81% 97%,68% 100%,55% 97%,42% 100%,29% 97%,16% 100%,5% 98%,0 95%)}

.hw-img{margin-block:22px}
.hw-img img{width:100%;display:block;margin-inline:auto}

body.hwe-on img.hwf-picking{outline:3px solid #D95B2E;outline-offset:3px}

#page [data-rv]{
  opacity:0;
  translate:0 26px;
  transition:none;              
  will-change:opacity,translate;
}

#page [data-rv].rv-armed{
  transition:opacity .68s cubic-bezier(.22,.68,.32,1),translate .68s cubic-bezier(.22,.68,.32,1);
  transition-delay:var(--rv-d,0ms);
}
#page [data-rv].rv-in{opacity:1;translate:0 0}

#page [data-rv].rv-done{will-change:auto;transition:none}

body.hwe-on #page [data-rv]{opacity:1!important;translate:none!important;transition:none}
@media (prefers-reduced-motion:reduce){
  #page [data-rv]{opacity:1;translate:none;transition:none}
}

.quotes-sec{--qsh:28deg 24% 38%;overflow:hidden}
.quotes-sec .q-kicker{font-weight:800;font-size:12.5px;letter-spacing:.1em;color:var(--accent);
  margin:0 0 12px}
.quotes-sec .q-h{font-size:clamp(27px,4vw,42px);line-height:1.2;margin:0 0 14px;
  text-wrap:balance;max-width:16ch}
.quotes-sec .q-lead{max-width:44ch;margin:0;font-size:16.5px;font-weight:300;
  color:var(--ink-soft);line-height:1.8}
.quotes-sec .q-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-block:26px 14px}
.quotes-sec .q-arr{width:44px;height:44px;border-radius:50%;cursor:pointer;background:transparent;
  border:1.5px solid var(--sage);display:grid;place-items:center;color:var(--ink);
  transition:background .2s,border-color .2s,color .2s,opacity .2s}
.quotes-sec .q-arr:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}
.quotes-sec .q-arr:disabled{opacity:.28;cursor:default}
.quotes-sec .q-arr:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}
.quotes-sec .q-arr svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.1;
  stroke-linecap:round;stroke-linejoin:round}

.quotes-sec .q-rail{display:flex;align-items:flex-start;gap:18px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;padding-block-end:8px;cursor:grab}
.quotes-sec .q-rail::-webkit-scrollbar{display:none}
.quotes-sec .q-rail.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;
  user-select:none;-webkit-user-select:none}
.quotes-sec .q-rail.dragging *{pointer-events:none}

.quotes-sec .q-card{flex:0 0 min(520px,84vw);aspect-ratio:1/1;scroll-snap-align:start;
  container-type:inline-size;
  position:relative;overflow:hidden;display:block;
  background:#fff;border:1px solid var(--line);border-radius:16px;color:#12161C;
  box-shadow:1px 2px 3px hsl(var(--qsh)/.06),2px 8px 20px hsl(var(--qsh)/.07);
  transition:transform .25s ease,box-shadow .25s ease}
.quotes-sec .q-card:hover{transform:translateY(-3px);
  box-shadow:1px 2px 3px hsl(var(--qsh)/.07),3px 14px 30px hsl(var(--qsh)/.12)}

.quotes-sec .qc-g{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.quotes-sec .qc-g i{position:absolute;display:block;background:var(--brand);transform:rotate(-28deg)}
.quotes-sec .qc-g i:nth-child(1){width:780px;height:270px;top:-170px;inset-inline-start:-135px;opacity:.07}
.quotes-sec .qc-g i:nth-child(2){width:780px;height:150px;top:-62px;inset-inline-start:-62px;opacity:.12}
.quotes-sec .qc-g i:nth-child(3){width:470px;height:470px;bottom:-290px;inset-inline-end:-170px;opacity:.05}

.quotes-sec .qc-in{position:relative;height:100%;display:flex;flex-direction:column;
  padding:6.25cqw 6.64cqw 5.1cqw}
.quotes-sec .qc-head{position:relative;display:flex;align-items:flex-start;
  justify-content:space-between;gap:2.9cqw;flex:none}
.quotes-sec .qc-who{flex:1 1 auto;min-width:0}
.quotes-sec .qc-brand{margin-block-end:.6cqw;display:flex;align-items:center;
  justify-content:flex-start;gap:1.4cqw;flex-wrap:wrap}

.quotes-sec .qc-mi{height:6.5cqw;width:auto;object-fit:contain;display:block;order:2}

.quotes-sec .qc-under{display:flex;align-items:center;gap:1cqw;order:3;
  padding-inline-start:1.2cqw;border-inline-start:1px solid rgba(0,0,0,.14)}
.quotes-sec .qc-under img{height:4.2cqw;width:auto;object-fit:contain;display:block}
.quotes-sec .qc-lg{height:6.5cqw;max-width:38cqw;object-fit:contain;object-position:right;display:block}

.quotes-sec .qc-lg[src$="match.png"]{mix-blend-mode:multiply}
.quotes-sec .qc-word{font-family:'Heebo',sans-serif;font-weight:900;font-size:5.1cqw;
  color:var(--brand);line-height:1;direction:ltr}
.quotes-sec .qc-role{font-family:'Heebo',sans-serif;font-weight:900;font-size:5cqw;
  line-height:1.16;letter-spacing:-.02em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.quotes-sec .qc-role.long{font-size:4.1cqw;-webkit-line-clamp:3}
.quotes-sec .qc-name{font-size:3.5cqw;color:#5C6672;margin-block-start:.4cqw;line-height:1.4}
.quotes-sec .qc-name span{display:block;font-size:2.9cqw;color:#7C858F}
.quotes-sec .qc-ava{width:18.5cqw;height:18.5cqw;border-radius:50%;flex:none;overflow:hidden;
  border:.7cqw solid #fff;background:#DDE3E6;box-shadow:0 .6cqw 2.5cqw rgba(0,0,0,.16);
  display:grid;place-items:center}
.quotes-sec .qc-ava img{width:100%;height:100%;object-fit:cover;display:block}
.quotes-sec .qc-ava.islogo{background:#fff}
.quotes-sec .qc-ava img.isl{width:62%;height:62%;object-fit:contain}

.quotes-sec .qc-ava.iscluster{background:#fff;display:block;position:relative}
.quotes-sec .qc-ava.iscluster .qc-cut{position:absolute;inset:0;
  background:linear-gradient(to bottom right,
    transparent calc(50% - .28cqw), #D7DEE2 calc(50% - .28cqw),
    #D7DEE2 calc(50% + .28cqw), transparent calc(50% + .28cqw))}
.quotes-sec .qc-ava.iscluster .qc-sb{position:absolute;width:37%;height:37%;
  display:flex;align-items:center;justify-content:center}
.quotes-sec .qc-ava.iscluster .sb-a{top:10%;left:10%}
.quotes-sec .qc-ava.iscluster .sb-b{bottom:10%;right:10%}

.quotes-sec .qc-ava.iscluster .qc-sb img{width:100%;height:100%;
  object-fit:contain;display:block;border-radius:24%}
.quotes-sec .qc-ava.iscluster .qc-sb b{font-family:'Heebo',sans-serif;font-weight:900;
  font-size:3.1cqw;line-height:1;color:var(--sb,#46595A);letter-spacing:-.02em}
.quotes-sec .qc-ava svg{width:9cqw;height:9cqw}

.quotes-sec .qc-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center}
.quotes-sec .qc-mark{font-family:'Heebo',sans-serif;font-weight:900;font-size:7.4cqw;
  color:var(--brand);line-height:.5;height:3.7cqw;direction:ltr;flex:none}
.quotes-sec .qc-q{font-family:'Heebo',sans-serif;font-weight:800;line-height:1.32;
  letter-spacing:-.02em;color:#12161C;margin:3.3cqw 0;max-width:97%;text-wrap:balance}
.quotes-sec .qc-q b{color:var(--brand)}
.quotes-sec .qc-q.s1{font-size:7.2cqw}
.quotes-sec .qc-q.s2{font-size:6.2cqw}
.quotes-sec .qc-q.s3{font-size:5.4cqw}
.quotes-sec .qc-q.s4{font-size:4.6cqw}
.quotes-sec .qc-q.s5{font-size:3.9cqw}
.quotes-sec .qc-src{position:relative;flex:none;font-size:2.7cqw;color:#7A828C;line-height:1.6}
.quotes-sec .qc-src a{color:#7A828C;font-weight:700;white-space:nowrap;
  border-block-end:1px solid rgba(122,130,140,.4);text-decoration:none}
.quotes-sec .qc-src a:hover{color:var(--brand);border-block-end-color:var(--brand)}
.quotes-sec .qc-src svg{width:1.1cqw;height:1.1cqw;stroke:currentColor;fill:none}

.quotes-sec .q-head{display:flex;align-items:center;gap:13px;margin:0 0 18px}
.quotes-sec .q-ava{width:52px;height:52px;border-radius:50%;flex:none;overflow:hidden;
  background:var(--sage-l);display:grid;place-items:center;
  box-shadow:0 0 0 1px rgba(109,80,52,.13),0 2px 5px hsl(var(--qsh)/.14)}
.quotes-sec .q-ava img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.55) contrast(1.03)}
.quotes-sec .q-card.is-org .q-ava{border-radius:11px;background:#E4E9E7}
.quotes-sec .q-ava svg{width:26px;height:26px}
.quotes-sec .q-who{min-width:0}
.quotes-sec .q-name{display:block;font-family:'Suez One',serif;font-size:20px;line-height:1.3;
  color:var(--ink);min-width:0;overflow-wrap:anywhere}

.quotes-sec .q-q{margin:0;font-weight:300;
  font-size:clamp(19px,1rem + .62vw,25px);line-height:1.62;color:var(--body);
  text-wrap:pretty}
.quotes-sec .q-q b{font-weight:800;color:var(--ink)}
.quotes-sec .q-q::before,.quotes-sec .q-q::after{font-family:'Suez One',serif;color:var(--accent);line-height:0}
.quotes-sec .q-q::before{content:'”';font-size:1.3em;opacity:.45;margin-inline-end:.05em;vertical-align:-.15em}
.quotes-sec .q-q::after{content:'”';font-size:1em;opacity:.28;margin-inline-start:.04em;vertical-align:-.1em}

.quotes-sec .q-drop{margin-block-start:20px;padding-block-start:16px;position:relative}
.quotes-sec .q-drop::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;
  width:34px;height:2px;background:var(--accent);border-radius:2px}

.quotes-sec .q-role{display:block;font-size:13.5px;font-weight:700;color:var(--muted);
  line-height:1.5;margin-block-start:3px;overflow-wrap:anywhere}
.quotes-sec .q-where{display:block;font-size:12.5px;font-weight:400;color:var(--muted);
  line-height:1.6;margin-block-start:4px;overflow-wrap:anywhere}
.quotes-sec .q-bar{margin-block-start:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.quotes-sec .q-src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;
  color:var(--accent);text-decoration:none;border-block-end:1px solid transparent}
.quotes-sec .q-src:hover{border-block-end-color:var(--accent)}
.quotes-sec .q-src svg{width:11px;height:11px;flex:none}
.quotes-sec .q-obtn{font:inherit;cursor:pointer;background:none;border:0;padding:0;font-size:12.5px;
  font-weight:600;color:var(--muted);border-block-end:1px dotted var(--muted);line-height:1.2}
.quotes-sec .q-obtn:hover{color:var(--ink);border-block-end-color:var(--ink)}
.quotes-sec .q-owrap{display:block;overflow:hidden;height:0;width:100%;
  transition:height .4s cubic-bezier(.22,.75,.28,1)}
.quotes-sec .q-orig{direction:ltr;text-align:left;font-size:12.5px;line-height:1.6;
  color:var(--muted);font-weight:300;padding:12px 0 2px}

.quotes-sec .q-prog{margin-block-start:22px;height:3px;background:rgba(109,80,52,.13);
  border-radius:2px;overflow:hidden}
.quotes-sec .q-prog i{display:block;height:100%;background:var(--accent);border-radius:2px;
  transition:width .25s ease}
.quotes-sec .q-tail{margin-block-start:26px;font-size:15.5px;font-weight:300;color:var(--ink-soft)}
.quotes-sec .q-tail b{font-weight:800;color:var(--ink)}

.foot-cred{text-align:center;font-size:11px;opacity:.5;padding-block:4px 10px}
.foot-cred summary{cursor:pointer;list-style:none;display:inline-block}
.foot-cred summary::-webkit-details-marker{display:none}
.foot-cred #qCred{display:block;margin:7px auto 0;line-height:1.65;max-width:80ch;padding-inline:18px}
.quotes-sec .q-cred{margin-block-start:20px;font-size:11px;color:var(--muted);opacity:.75}
.quotes-sec .q-cred summary{cursor:pointer;list-style:none;display:inline-block;
  border-block-end:1px dotted currentColor}
.quotes-sec .q-cred summary::-webkit-details-marker{display:none}
.quotes-sec .q-cred p{margin:7px 0 0;line-height:1.65;max-width:90ch}

#tired .tired-slot{padding-block-start:0}

@media (max-width:900px){
  
  .quotes-sec .qc-role{font-size:6.1cqw}
  .quotes-sec .qc-role.long{font-size:5cqw}
  .quotes-sec .qc-name{font-size:5cqw}
  .quotes-sec .qc-name span{font-size:4.2cqw}
  .quotes-sec .qc-src{font-size:4.1cqw;line-height:1.5}
  .quotes-sec .qc-lg{height:8cqw}
  .quotes-sec .qc-word{font-size:6.2cqw}
  
  .quotes-sec .q-card .qc-q{font-size:5.5cqw}
  .quotes-sec .qc-ava{width:21cqw;height:21cqw}
  
  .quotes-sec .q-card .qc-q [style*="font-size"],
  .quotes-sec .q-card .qc-role [style*="font-size"],
  .quotes-sec .q-card .qc-name [style*="font-size"],
  .quotes-sec .q-card .qc-src [style*="font-size"]{font-size:inherit!important}
  
  .quotes-sec .q-card{flex-basis:min(520px,78vw)}
  .quotes-sec .q-rail{margin-inline-end:-24px;padding-inline-end:24px}
  
  .container:has(> .dark-panel.chat-panel){padding-inline:10px}
  .dark-panel.chat-panel{padding-inline:12px}
  .ai-chat .ph{width:100%;max-width:420px}  
  
  .chat-panel .note-box{padding:16px 18px}
  .chat-panel .note-box p{font-size:15px!important;line-height:1.7}
  
  .ph-status{padding:14px 12px 0}
}

@media (max-width:560px){
  .container:has(> .dark-panel.chat-panel){padding-inline:6px}
  .dark-panel.chat-panel{padding-inline:8px}
  .chat-panel .note-box{padding:12px 10px}
  .chat-panel .note-box p{font-size:14.5px!important;line-height:1.65;text-wrap:pretty}
  .chat-panel .note-box br{display:none}
  .note-box.nb-rough{padding:16px 14px}
}
@media (max-width:900px){
  .quotes-sec .q-ava{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){
  .quotes-sec .q-rail{scroll-behavior:auto}
  .quotes-sec .q-owrap,.quotes-sec .q-arr,.quotes-sec .q-prog i,.quotes-sec .q-card{transition:none}
}