/* The Quiet Room: BrainMate sales page. Calm, light, glass, daylight. */
:root{
  --cream:#F7F1EA;
  --cream-2:#F1E8DD;
  --cream-3:#EADFD2;
  --paper:#FCF8F3;
  --plum:#3B2350;
  --plum-2:#5A4470;
  --plum-soft:#6E5D80;
  --mint:#8FE3C0;
  --lav:#B79CFF;
  --peach:#FFB48A;
  --sky:#A8CBEE;
  --mint-ink:#2F7D61;
  --line:rgb(59 35 80 / .1);
  --glass:rgb(255 252 248 / .58);
  --glass-strong:rgb(255 252 248 / .78);
  --glass-edge:rgb(255 255 255 / .85);

  --sh-1:0 1px 1px rgb(59 35 80 / .04),0 4px 10px -4px rgb(59 35 80 / .08);
  --sh-2:0 1px 2px rgb(59 35 80 / .05),0 14px 34px -14px rgb(91 60 110 / .22),0 40px 80px -40px rgb(255 160 120 / .25);
  --sh-3:0 2px 4px rgb(59 35 80 / .05),0 30px 60px -24px rgb(91 60 110 / .3),0 80px 140px -60px rgb(183 156 255 / .35);

  --ease:cubic-bezier(.22,1,.36,1);
  --spring:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067,1.099 24.3%,1.108 26%,1.1 27.7%,1.049 32.7%,1.013 37.3%,.996 40.6%,.991 45.6%,1.001 58.8%,1);
  --soft-spring:linear(0,.02 1.6%,.09 3.6%,.4 10%,.7 17%,.88 24%,.97 32%,1.01 40%,1.015 48%,1.004 62%,1);

  --gut:clamp(16px,4.5vw,56px);
  --max:1200px;
  --r-xl:36px;--r-lg:26px;--r-md:18px;
  --sec:clamp(88px,12vw,168px);

  --t-xs:13px;--t-s:15px;--t-b:clamp(16px,1.05vw + 11px,18px);--t-l:clamp(18px,1vw + 13px,21px);
  --t-h3:clamp(20px,1.2vw + 14px,25px);--t-h2:clamp(34px,4.2vw + 10px,64px);--t-hero:clamp(46px,4.2vw + 20px,80px);
}
@supports not (transition-timing-function:linear(0,1)){:root{--spring:var(--ease);--soft-spring:var(--ease)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--cream);color:var(--plum);font:400 var(--t-b)/1.65 Outfit,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.04;text-wrap:balance}
h2{font-size:var(--t-h2);font-weight:500;letter-spacing:-.035em}
h3{font-size:var(--t-h3);letter-spacing:-.015em;line-height:1.2}
p{margin:0;text-wrap:pretty}
em{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;font-variation-settings:"opsz" 144}
b{font-weight:600}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:min(var(--max),100% - var(--gut)*2);margin-inline:auto}
.eyebrow{font-size:var(--t-xs);font-weight:600;letter-spacing:.18em;color:var(--plum-soft);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}
.lead{font-size:var(--t-l);color:var(--plum-2);max-width:60ch;margin-top:22px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--plum);color:var(--cream);padding:10px 16px;border-radius:12px;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2.5px solid var(--plum);outline-offset:3px;border-radius:10px}

/* ---------- buttons ---------- */
.btn{--h:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 26px;border-radius:999px;font:600 16px/1 Outfit,sans-serif;text-decoration:none;cursor:pointer;border:0;transition:transform .5s var(--spring),box-shadow .4s var(--ease),background-color .3s var(--ease);will-change:transform;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.btn .arrow{width:18px;height:18px;transition:transform .5s var(--spring)}
.btn .ico{width:16px;height:16px}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arrow{transform:translateX(4px)}
.btn:active{transform:translateY(0) scale(.97);transition-duration:.12s}
.btn-plum{background:var(--plum);color:var(--cream);box-shadow:0 1px 0 rgb(255 255 255 / .18) inset,0 10px 24px -10px rgb(59 35 80 / .55),0 24px 48px -24px rgb(255 160 120 / .55)}
.btn-plum:hover{box-shadow:0 1px 0 rgb(255 255 255 / .18) inset,0 16px 30px -12px rgb(59 35 80 / .55),0 30px 60px -24px rgb(183 156 255 / .6)}
.btn-glass{background:var(--glass-strong);color:var(--plum);box-shadow:inset 0 0 0 1px var(--glass-edge),var(--sh-1);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
.btn-glass:hover{background:rgb(255 253 250 / .95)}
.btn-sm{--h:42px;padding:0 18px;font-size:14px}
.btn-lg{--h:62px;padding:0 34px;font-size:18px}

/* ---------- nav ---------- */
.nav{position:fixed;inset:12px 0 auto;z-index:50;pointer-events:none}
.nav-in{pointer-events:auto;width:min(1120px,100% - 24px);margin-inline:auto;display:flex;align-items:center;gap:22px;padding:8px 8px 8px 16px;border-radius:999px;background:rgb(252 248 243 / .55);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .7),0 10px 30px -18px rgb(59 35 80 / .35);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:background-color .4s var(--ease),box-shadow .4s var(--ease)}
.nav.scrolled .nav-in{background:rgb(252 248 243 / .82)}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;letter-spacing:-.01em;font-weight:300;color:var(--plum)}
.logo b{font-weight:700}
.logo img{width:34px;height:34px}
.navlinks{display:flex;gap:4px;margin-left:auto}
.navlinks a,.signin{font-size:15px;font-weight:500;text-decoration:none;padding:9px 13px;border-radius:999px;color:var(--plum-2);transition:background-color .25s var(--ease),color .25s var(--ease)}
.navlinks a:hover,.signin:hover{background:rgb(59 35 80 / .06);color:var(--plum)}
.navlinks a:active,.signin:active{background:rgb(59 35 80 / .1)}
@media (max-width:860px){.navlinks{display:none}.signin{margin-left:auto}}
@media (max-width:420px){.signin{display:none}.nav-cta{margin-left:auto}.logo span{font-size:19px}}

/* ---------- hero ---------- */
/* Wide screens: copy on the left over the cream wall, the room fills the screen, the woman sits right of centre.
   Narrow screens: copy first on cream, then the room rises underneath it with a feathered top edge. */
.hero{position:relative;isolation:isolate;overflow:clip}
.hero-room{position:relative;overflow:hidden;z-index:-1}
.hero-layer{position:absolute;inset:-6% 0 -6%;will-change:transform}
.hero-layer picture,.hero-still,.hero-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-loop{opacity:0;transition:opacity 1.2s var(--ease)}
.hero-loop.playing{opacity:1}
.grain{position:absolute;inset:0;opacity:.32;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .23 0 0 0 0 .14 0 0 0 0 .31 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-copy{position:relative;width:min(640px,100% - var(--gut)*2);margin:0 auto;padding-top:112px;text-align:center;will-change:transform,opacity}
.pill{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.2em;padding:9px 16px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--plum-2)}
.hero h1{font-size:var(--t-hero);font-weight:500;letter-spacing:-.045em;line-height:.98;margin-top:22px}
.hero h1 em{display:inline-block;padding-right:.06em}
.hero .sub{font-size:var(--t-l);color:var(--plum-2);margin-top:22px;line-height:1.6}
.hero .sub b{color:var(--plum)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.priceline{margin-top:16px;font-size:var(--t-s);color:var(--plum-2)}
.priceline b{color:var(--plum)}
.note{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;font-size:var(--t-s);color:var(--plum-soft);font-weight:500}
.note li{display:inline-flex;align-items:center;gap:8px}
.note li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgb(143 227 192 / .3)}
.note li:nth-child(2)::before{background:var(--sky);box-shadow:0 0 0 3px rgb(168 203 238 / .35)}
.note li:nth-child(3)::before{background:var(--lav);box-shadow:0 0 0 3px rgb(183 156 255 / .3)}
.hero-wash{position:absolute;inset:0}
.scroll-cue{display:none}

@media (max-width:999px){
  .hero-room{height:clamp(420px,112vw,760px);margin-top:-8px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
  .hero-layer picture,.hero-still,.hero-loop{object-position:50% 100%}
  .hero-wash{background:linear-gradient(0deg,var(--cream) 0%,rgb(247 241 234 / 0) 12%)}
  .motion .hero-still{animation:breathe 18s ease-in-out infinite alternate}
}
@media (max-width:560px){
  .note li{display:block;text-align:center}
  .note li::before{display:inline-block;margin-right:8px;vertical-align:1px}
  .hero-copy{padding-top:96px}
  .hero .sub{font-size:16.5px}
  .ctas .btn{width:100%}
  .note{flex-direction:column;align-items:center;gap:6px}
}
@media (min-width:1000px){
  .hero{min-height:max(100svh,720px);display:flex;align-items:center}
  .hero-room{position:absolute;inset:0}
  .hero-layer{left:-2%;right:-16%}
  .hero-layer picture,.hero-still,.hero-loop{object-position:50% 70%}
  .hero-wash{background:
    linear-gradient(90deg,rgb(247 241 234 / .97) 0%,rgb(247 241 234 / .92) 30%,rgb(247 241 234 / .55) 40%,rgb(247 241 234 / 0) 50%),
    linear-gradient(180deg,rgb(247 241 234 / .6) 0%,rgb(247 241 234 / 0) 18%),
    linear-gradient(0deg,var(--cream) 0%,rgb(247 241 234 / 0) 12%)}
  .hero-copy{width:min(560px,42vw);margin:0 0 0 max(var(--gut),(100vw - var(--max)) / 2);padding:100px 0 64px;text-align:left}
  .ctas,.note{justify-content:flex-start}
  .note{flex-direction:column;gap:6px}
  .scroll-cue{display:block;position:absolute;left:50%;bottom:26px;translate:-50% 0;width:30px;height:48px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgb(59 35 80 / .35);background:rgb(252 248 243 / .4);backdrop-filter:blur(6px);transition:background-color .3s var(--ease)}
  .scroll-cue span{position:absolute;left:50%;top:10px;width:4px;height:9px;margin-left:-2px;border-radius:4px;background:var(--plum)}
  .motion .scroll-cue span{animation:cue 2.2s var(--ease) infinite}
  .scroll-cue:hover{background:rgb(252 248 243 / .8)}
}
@keyframes cue{0%{transform:translateY(0);opacity:0}25%{opacity:1}80%{transform:translateY(16px);opacity:0}100%{opacity:0}}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.06)}}

/* entrance */
.motion .rise{opacity:0;transform:translateY(22px);animation:rise 1.1s var(--soft-spring) forwards;animation-delay:calc(var(--d) * 110ms + 150ms)}
@keyframes rise{to{opacity:1;transform:none}}

/* ---------- scene: arches become one brain ---------- */
.scene{position:relative;height:340vh;background:linear-gradient(180deg,var(--cream),var(--cream-2) 50%,var(--cream))}
.scene-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,2.6vh,28px);padding:88px var(--gut) 20px}
.scene-head{text-align:center}
.scene-head .eyebrow{margin-bottom:10px}
.scene-title{font-size:clamp(28px,3vw + 10px,50px)}
.stage{position:relative;width:min(1200px,100%,(100svh - 330px) * 1.7778);aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;background:var(--cream-3);box-shadow:var(--sh-3),inset 0 0 0 1px rgb(255 255 255 / .6);isolation:isolate}
.st,.st img,.st video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-threads,.st-glow{opacity:0;will-change:opacity}
.st-threads video{opacity:0;transition:opacity 1s var(--ease)}
.st-threads video.playing{opacity:1}
.st-mark{position:absolute;left:49.4%;top:47%;width:clamp(56px,11%,132px);aspect-ratio:1;translate:-50% -50%;opacity:0;transform:scale(.6);will-change:transform,opacity;z-index:3}
.st-mark img{position:relative;width:100%;height:100%;filter:drop-shadow(0 8px 18px rgb(59 35 80 / .25))}
.st-mark .halo{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .95),rgb(255 236 220 / .6) 40%,rgb(183 156 255 / .18) 70%,transparent)}
.tags{position:absolute;inset:0;z-index:4;pointer-events:none}
.tag{position:absolute;left:var(--x);bottom:7%;translate:-50% 0;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:999px;background:rgb(255 252 248 / .82);box-shadow:inset 0 0 0 1px #fff,0 6px 16px -8px rgb(59 35 80 / .35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:600;white-space:nowrap;will-change:transform,opacity}
.tag img{width:22px;height:22px;border-radius:6px}
.tag .more{font-weight:400;color:var(--plum-soft)}
.stage-shine{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(115deg,rgb(255 255 255 / .22),transparent 30%,transparent 70%,rgb(255 255 255 / .1));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5)}
.beats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(1200px,100%)}
.beat{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);font-size:var(--t-s);line-height:1.45;color:var(--plum-soft);background:rgb(255 252 248 / .35);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5);opacity:.5;transition:opacity .6s var(--ease),background-color .6s var(--ease),box-shadow .6s var(--ease)}
.beat b{color:var(--plum);display:block}
.beat .n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:italic 500 16px/1 Fraunces,serif;background:var(--cream-3)}
.beat.is-on{opacity:1;background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-1)}
.beat.is-on .n{background:var(--plum);color:var(--cream)}
@media (max-width:760px){
  .scene{height:300vh}
  .stage{width:100%;border-radius:22px}
  .tag{font-size:11px;padding:4px 8px 4px 5px;gap:4px;bottom:5%}
  .tag img{width:15px;height:15px;border-radius:4px}
  .tag{padding:5px}
  .tag img{width:18px;height:18px}
  .tag .nm{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .beats{grid-template-columns:1fr;gap:8px}
  .beat{padding:11px 14px}
}
/* no motion: show the finished picture, all three beats */
html:not(.motion) .scene{height:auto}
html:not(.motion) .scene-sticky{position:relative;height:auto;padding-block:var(--sec)}
html:not(.motion) .st-glow{opacity:1}
html:not(.motion) .st-mark{opacity:1;transform:none}
html:not(.motion) .beat{opacity:1}

/* ---------- reveal ---------- */
.motion .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1.1s var(--soft-spring);transition-delay:var(--rd,0ms)}
.motion .rv.in{opacity:1;transform:none}

/* ---------- problem ---------- */
.problem{padding:var(--sec) 0 calc(var(--sec) * .6)}
.problem h2{max-width:14ch}
.bubbles{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:clamp(40px,6vw,72px)}
.bubble{margin:0;padding:26px 28px 24px;border-radius:28px 28px 28px 8px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-2)}
.bubble blockquote{margin:0;font:italic 400 clamp(22px,1.4vw + 14px,30px)/1.2 Fraunces,serif;letter-spacing:-.02em}
.bubble figcaption{margin-top:14px;font-size:var(--t-s);color:var(--plum-soft)}
.b1{grid-column:1 / span 5;background:linear-gradient(160deg,rgb(255 226 206 / .8),rgb(255 252 248 / .85))}
.b2{grid-column:6 / span 5;margin-top:56px;background:linear-gradient(160deg,rgb(214 244 230 / .85),rgb(255 252 248 / .85));border-radius:28px 28px 8px 28px}
.b3{grid-column:3 / span 6;background:linear-gradient(160deg,rgb(230 220 255 / .85),rgb(255 252 248 / .85))}
@media (max-width:760px){.bubbles{grid-template-columns:1fr;gap:14px}.b1,.b2,.b3{grid-column:auto;margin:0}.b2{margin-left:18px}.b3{margin-right:18px}}

/* ---------- shift ---------- */
.shift{padding:calc(var(--sec) * .5) 0 var(--sec)}
.shift-head{max-width:760px}
.panes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(40px,5vw,64px)}
.pane{position:relative;padding:clamp(24px,3vw,40px);border-radius:var(--r-xl)}
.pane .lab{font-size:12px;font-weight:700;letter-spacing:.18em}
.pane h3{margin:12px 0 22px;font-size:clamp(22px,1.4vw + 14px,30px);font-weight:500}
.pane ol{display:grid;gap:14px}
.pane li{display:grid;grid-template-columns:58px 1fr;gap:10px;font-size:var(--t-s);line-height:1.55}
.pane li b{font:italic 500 17px/1.4 Fraunces,serif}
.pane .sum{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-weight:600}
.before{background:rgb(234 223 210 / .55);color:var(--plum-2);box-shadow:inset 0 0 0 1px rgb(59 35 80 / .06)}
.before .lab{color:var(--plum-soft)}
.after{background:linear-gradient(170deg,#fffdfa,#f5fff9 60%,#f3efff);box-shadow:inset 0 0 0 1px #fff,var(--sh-3)}
.after .lab{color:var(--mint-ink)}
.after::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--peach),var(--mint),var(--sky),var(--lav));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;pointer-events:none}
.so{margin-top:32px;max-width:62ch;font-size:var(--t-l);color:var(--plum-2)}
@media (max-width:860px){.panes{grid-template-columns:1fr}}

/* ---------- how ---------- */
.how{position:relative;padding:var(--sec) 0;overflow:clip;isolation:isolate}
.how-bg,.watch-bg,.join-bg{-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.how-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.how-bg img{width:100%;height:118%;object-fit:cover;opacity:.75;will-change:transform}
.how-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--cream),rgb(247 241 234 / .45) 22%,rgb(247 241 234 / .45) 78%,var(--cream))}
.how-head{max-width:640px}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(44px,6vw,80px)}
.steps::before{content:"";position:absolute;left:28px;right:8%;top:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--peach),var(--mint),var(--sky),var(--lav));opacity:.7}
.step{position:relative;padding:0 8px 0 0}
.step h3{font-size:clamp(24px,1.4vw + 16px,32px);font-weight:500}
.num{display:grid;place-items:center;width:56px;height:56px;border-radius:999px 999px 16px 16px;margin-bottom:24px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-2);color:var(--plum);font:italic 500 28px/1 Fraunces,serif}
.step:nth-child(1) .num{background:linear-gradient(180deg,#ffd9c2,#fff4ec)}
.step:nth-child(2) .num{background:linear-gradient(180deg,#c9f2df,#f2fcf7)}
.step:nth-child(3) .num{background:linear-gradient(180deg,#e2d6ff,#f7f3ff)}
.step h3{margin-bottom:8px}
.step p{color:var(--plum-2);max-width:30ch}
@media (max-width:860px){.steps{grid-template-columns:1fr}.steps::before{left:44px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(180deg,var(--peach),var(--mint),var(--sky),var(--lav))}.step:nth-child(n){padding:0 0 0 80px;min-height:72px}.num{position:absolute;left:16px;top:0}}

/* ---------- watch / cinema ---------- */
.watch{position:relative;padding:var(--sec) 0;isolation:isolate;overflow:clip}
.watch-bg{position:absolute;inset:0;z-index:-1}
.watch-bg img{width:100%;height:100%;object-fit:cover;opacity:.6}
.watch-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--cream),rgb(247 241 234 / .3) 30%,rgb(247 241 234 / .5) 70%,var(--cream))}
.watch-head{text-align:center;margin-bottom:clamp(36px,5vw,64px)}
.watch-head .eyebrow::before{display:none}
.cinema{margin:0 auto;max-width:1100px}
.cinema-arch{--crown:clamp(118px,17vw,200px);position:relative;padding:clamp(8px,1.6vw,22px);padding-top:calc(var(--crown) * .76);border-radius:50% 50% var(--r-xl) var(--r-xl) / var(--crown) var(--crown) var(--r-xl) var(--r-xl);background:linear-gradient(180deg,rgb(255 230 210 / .7),rgb(255 252 248 / .65) 30%,rgb(233 245 255 / .6) 75%,rgb(236 228 255 / .7));box-shadow:inset 0 0 0 1px rgb(255 255 255 / .9),inset 0 1px 30px rgb(255 255 255 / .6),var(--sh-3);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}
.cinema-arch::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(180deg,var(--peach),var(--mint) 35%,var(--sky) 65%,var(--lav));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.screen{position:relative;aspect-ratio:16/9;border-radius:calc(var(--r-xl) - 10px);overflow:hidden;background:#e9dfd3;box-shadow:0 20px 50px -24px rgb(59 35 80 / .45)}
.screen video{width:100%;height:100%;object-fit:cover;background:#1a1220}
.bigplay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;border:0;background:linear-gradient(0deg,rgb(30 18 40 / .35),rgb(30 18 40 / .05) 60%);color:var(--cream);cursor:pointer;font:inherit;transition:opacity .4s var(--ease)}
.bigplay .disc{display:grid;place-items:center;width:clamp(68px,8vw,96px);aspect-ratio:1;border-radius:50%;background:rgb(255 252 248 / .9);color:var(--plum);box-shadow:0 0 0 10px rgb(255 252 248 / .25),0 20px 40px -10px rgb(59 35 80 / .5);transition:transform .6s var(--spring),box-shadow .4s var(--ease)}
.bigplay .disc svg{width:38%;height:38%;margin-left:6%}
.crown{position:absolute;left:50%;top:calc(var(--crown) * .2);translate:-50% 0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--plum-2);white-space:nowrap}
.crown img{width:clamp(26px,3vw,40px);height:auto}
.bigplay .bp-label{font-size:clamp(15px,.8vw + 10px,19px);font-weight:600;text-align:center;color:var(--plum);padding:10px 20px;border-radius:999px;background:rgb(255 252 248 / .9);box-shadow:0 10px 30px -12px rgb(30 18 40 / .5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bigplay .bp-label small{display:block;font-weight:400;font-size:13px;color:var(--plum-soft);margin-top:2px}
.bigplay:hover .disc{transform:scale(1.08);box-shadow:0 0 0 16px rgb(255 252 248 / .22),0 24px 50px -10px rgb(59 35 80 / .55)}
.bigplay:active .disc{transform:scale(.96)}
.bigplay:focus-visible{outline-offset:-6px}
.motion .bigplay .disc::after{content:"";position:absolute;width:inherit;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 0 rgb(255 252 248 / .5);animation:ping 2.6s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
[data-player].started .bigplay{opacity:0;pointer-events:none}
.chapters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px;padding:0 4px}
.ch-label{font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--plum-soft)}
.ch-list{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.ch{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:0;border-radius:999px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-1);font:500 14px/1 Outfit,sans-serif;color:var(--plum);cursor:pointer;transition:transform .45s var(--spring),background-color .3s var(--ease),box-shadow .3s var(--ease)}
.ch small{font-size:12px;color:var(--plum-soft);font-variant-numeric:tabular-nums}
.ch .dot{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in oklab,var(--c) 35%,transparent)}
.ch:hover{transform:translateY(-2px);background:#fffdfa}
.ch:active{transform:scale(.96)}
.ch.is-now{background:var(--plum);color:var(--cream)}
.ch.is-now small{color:rgb(247 241 234 / .75)}
.cc{min-height:42px;padding:0 14px;border-radius:999px;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px rgb(59 35 80 / .25);font:600 13px/1 Outfit,sans-serif;color:var(--plum);cursor:pointer;transition:background-color .3s var(--ease),transform .4s var(--spring)}
.cc:hover{background:rgb(59 35 80 / .06)}
.cc:active{transform:scale(.95)}
.cc[aria-pressed="false"]{opacity:.65}
@media (max-width:760px){.crown{font-size:12px;gap:7px}.ch-label{width:100%}.ch{min-height:40px;padding:0 12px;font-size:13px}.ch small{display:none}.bigplay .bp-label small{display:none}}

.handover{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center;max-width:1100px;margin:clamp(56px,8vw,110px) auto 0;padding:clamp(20px,3vw,36px);border-radius:var(--r-xl);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),var(--sh-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.handover h3{font-size:clamp(24px,1.6vw + 14px,34px);font-weight:500;letter-spacing:-.025em}
.handover-copy > p:not(.eyebrow){margin-top:16px;color:var(--plum-2);font-size:var(--t-s)}
.handover .len{display:inline-flex;margin-top:18px!important;padding:6px 12px;border-radius:999px;background:rgb(143 227 192 / .3);color:var(--mint-ink)!important;font-weight:600;font-size:13px!important}
.handover-screen{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#f3ebe4;box-shadow:0 20px 40px -20px rgb(59 35 80 / .4)}
.handover-screen video{width:100%;height:100%;object-fit:cover}
.bigplay.small{background:linear-gradient(0deg,rgb(30 18 40 / .2),transparent)}
@media (max-width:860px){.handover{grid-template-columns:1fr}.handover-screen{order:-1}}

/* ---------- calm ---------- */
.calm{padding:var(--sec) 0}
.calm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.arch-frame{position:relative;aspect-ratio:4/5;border-radius:999px 999px var(--r-xl) var(--r-xl);overflow:hidden;box-shadow:var(--sh-3);will-change:transform}
.arch-frame img,.arch-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.arch-frame video{opacity:0;transition:opacity 1.2s var(--ease)}
.arch-frame video.playing{opacity:1}
.arch-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .55),inset 0 -80px 80px -60px rgb(255 180 138 / .4);pointer-events:none}
.feats{display:grid;gap:4px;margin-top:30px}
.feats li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.feats li:last-child{border:0}
.feats h3{font-size:18px;margin-bottom:2px}
.feats p{color:var(--plum-2);font-size:var(--t-s)}
.sw{flex:none;width:14px;height:30px;margin-top:2px;border-radius:999px 999px 4px 4px;background:var(--c);box-shadow:0 6px 14px -6px var(--c)}
.go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px;font-size:var(--t-s);color:var(--plum-2)}
@media (max-width:860px){.calm-grid{grid-template-columns:1fr}.arch-frame{aspect-ratio:4/4.4;max-width:520px;margin-inline:auto}}

/* ---------- works ---------- */
.works{padding:calc(var(--sec) * .5) 0 var(--sec);text-align:center}
.works .eyebrow::before{display:none}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px auto 0;max-width:900px}
.chip{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 10px;border-radius:999px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-1);font-weight:500;font-size:15px;transition:transform .45s var(--spring)}
.chip:hover{transform:translateY(-3px)}
.chip img{width:26px;height:26px;border-radius:7px}
.chip-any i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#cdeee4,#e6dcff)}
.chip-any svg{width:14px;height:14px}
.works .sub{margin:26px auto 0;color:var(--plum-2);max-width:52ch}

/* ---------- proof ---------- */
.proof{padding:0 0 var(--sec)}
.proof-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:var(--r-xl);background:linear-gradient(155deg,#fffdfa,#fbf4ec);box-shadow:inset 0 0 0 1px #fff,var(--sh-2)}
.proof-copy h2{font-size:clamp(30px,3vw + 12px,52px);margin-bottom:22px}
.proof-copy p + p{margin-top:16px}
.proof-copy p{color:var(--plum-2)}
.proof-copy p b{color:var(--plum)}
.facts{display:grid;gap:12px}
.facts li{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--r-md);background:var(--cream);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .8)}
.facts i,.stack i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--plum)}
.facts i svg,.stack i svg{width:15px;height:15px}
.facts span{display:block;font-weight:600}
.facts small{display:block;color:var(--plum-soft);font-size:14px;line-height:1.5;margin-top:2px}
@media (max-width:860px){.proof-grid{grid-template-columns:1fr}}

/* ---------- price ---------- */
.price{position:relative;padding:var(--sec) 0;background:radial-gradient(70% 50% at 20% 30%,rgb(255 180 138 / .18),transparent 70%),radial-gradient(60% 50% at 85% 60%,rgb(183 156 255 / .16),transparent 70%),radial-gradient(50% 40% at 50% 100%,rgb(143 227 192 / .14),transparent 70%)}
.price-head{max-width:720px}
.price-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,56px);margin-top:clamp(40px,5vw,64px);align-items:start}
.cards{display:grid;gap:16px}
.side-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-lg);background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-2)}
.pcard h3{font-size:22px}
.pdesc{color:var(--plum-2);font-size:var(--t-s);flex:1}
.amt{font-size:clamp(40px,3vw + 20px,56px);font-weight:600;letter-spacing:-.04em;line-height:1}
.amt small{font-size:16px;font-weight:400;color:var(--plum-soft);letter-spacing:0}
.pcard .btn{margin-top:8px;width:100%}
.founder{padding:clamp(28px,3.4vw,44px);padding-top:clamp(64px,8vw,104px);border-radius:min(400px,40vw) min(400px,40vw) var(--r-xl) var(--r-xl);background:linear-gradient(180deg,#fff4ec,#fffdfa 40%,#f7f3ff);box-shadow:inset 0 0 0 1px #fff,var(--sh-3);overflow:hidden;isolation:isolate;text-align:center;align-items:center}
.founder::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(180deg,var(--peach),var(--mint) 40%,var(--sky) 70%,var(--lav));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.arch-glow{position:absolute;left:50%;top:-30%;width:120%;aspect-ratio:1;translate:-50% 0;z-index:-1;background:radial-gradient(closest-side,rgb(255 226 200 / .9),rgb(255 236 220 / .3) 50%,transparent);pointer-events:none}
.motion .arch-glow{animation:glow 7s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}
.founder h3{font-size:clamp(26px,1.6vw + 16px,34px);font-weight:500}
.founder .pdesc{flex:none}
.founder .amt{font-size:clamp(56px,5vw + 24px,88px);margin:6px 0 4px}
.ptag{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--plum);color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.14em}
.maths{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;width:100%;margin:10px 0 4px;padding:14px;border-radius:var(--r-md);background:rgb(247 241 234 / .8);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .9)}
.maths b{display:block;font-size:17px}
.maths small{display:block;font-size:13px;color:var(--plum-soft);line-height:1.4}
.maths .vs{font:italic 500 15px/1 Fraunces,serif;color:var(--plum-soft)}
.fine{font-size:14px;color:var(--plum-2);line-height:1.55}
.fine.center{text-align:center;color:var(--plum-soft);font-size:13px}
.founder .btn{max-width:420px;min-height:60px;font-size:17px}
.founder.soldout{filter:saturate(.6)}
.stack-wrap{padding:clamp(24px,3vw,36px);border-radius:var(--r-xl);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),var(--sh-1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.stack-title{font-size:20px;margin-bottom:18px}
.stack{display:grid;gap:16px}
.stack li{display:flex;gap:14px;align-items:flex-start}
.stack b{display:block;font-size:16px}
.stack small{display:block;color:var(--plum-soft);font-size:14px;line-height:1.5;margin-top:2px}
.plans-note{font-size:13px;color:var(--plum-soft);line-height:1.5;padding:0 6px}
.promise{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.promise li{padding:7px 12px;border-radius:999px;background:rgb(143 227 192 / .28);color:var(--mint-ink);font-size:13px;font-weight:600}
.safe{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:clamp(40px,5vw,64px);align-items:start}
.guarantee{display:flex;gap:22px;align-items:flex-start;padding:clamp(24px,3vw,36px);border-radius:var(--r-xl);background:#fffdfa;box-shadow:inset 0 0 0 1px #fff,var(--sh-2)}
.guarantee h3{margin-bottom:8px}
.guarantee p{color:var(--plum-2);font-size:var(--t-s)}
.guarantee a{font-weight:600;text-decoration-color:var(--lav);text-underline-offset:3px;overflow-wrap:anywhere}
.guarantee a:hover{color:var(--plum-2)}
.seal{flex:none;display:grid;place-content:center;text-align:center;width:84px;height:96px;border-radius:999px 999px 18px 18px;background:linear-gradient(180deg,var(--mint),#c9f2df);color:var(--plum);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .7),0 10px 22px -10px rgb(47 125 97 / .5)}
.seal span{font:italic 500 34px/1 Fraunces,serif}
.seal small{font-size:10px;font-weight:700;letter-spacing:.16em;margin-top:2px}
.seal-2x{background:linear-gradient(180deg,var(--lav),#e2d6ff);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .7),0 10px 22px -10px rgb(120 90 200 / .5)}
.g60{flex-direction:column;gap:20px}
.ghead{display:flex;gap:22px;align-items:flex-start}
.gsteps{display:grid;gap:12px;counter-reset:g}
.gsteps li{counter-increment:g;display:grid;grid-template-columns:34px 1fr;gap:12px;font-size:var(--t-s);color:var(--plum-2);line-height:1.55}
.gsteps li::before{content:counter(g);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cream-2);font:italic 500 15px/1 Fraunces,serif;color:var(--plum)}
.gsteps b{color:var(--plum)}
@media (max-width:960px){.price-grid,.safe{grid-template-columns:1fr}}
@media (max-width:560px){.side-cards{grid-template-columns:1fr}.guarantee,.ghead{flex-direction:column;gap:14px}.maths{grid-template-columns:1fr;text-align:center}}

/* ---------- faq ---------- */
.faq{padding:var(--sec) 0}
.faq-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:clamp(28px,5vw,80px);align-items:start}
.faq-head{position:sticky;top:110px}
.faq-help{margin-top:20px;color:var(--plum-2);font-size:var(--t-s)}
.faq-help a{font-weight:600;overflow-wrap:anywhere}
.list{display:grid;gap:10px}
details{border-radius:var(--r-md);background:var(--glass-strong);box-shadow:inset 0 0 0 1px #fff,var(--sh-1);transition:background-color .3s var(--ease)}
details[open]{background:#fffdfa}
summary{position:relative;list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font-weight:600;font-size:17px;line-height:1.4;border-radius:var(--r-md);transition:background-color .25s var(--ease)}
summary::-webkit-details-marker{display:none}
summary:hover{background:rgb(255 255 255 / .6)}
summary:active{background:rgb(59 35 80 / .04)}
summary i{position:absolute;right:20px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--cream-2);transition:transform .5s var(--spring),background-color .3s var(--ease)}
summary i::before,summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--plum)}
summary i::after{transform:rotate(90deg)}
details[open] summary i{transform:rotate(45deg);background:var(--mint)}
.ans{padding:0 22px 22px;color:var(--plum-2);font-size:var(--t-s)}
.ans a{font-weight:600;overflow-wrap:anywhere}
.motion details[open] .ans{animation:ans .5s var(--ease)}
@keyframes ans{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-head{position:static}}

/* ---------- join ---------- */
.join{position:relative;padding:var(--sec) 0;isolation:isolate;overflow:clip}
.join-bg{position:absolute;inset:0;z-index:-1}
.join-bg img{width:100%;height:116%;object-fit:cover;will-change:transform}
.join-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--cream),rgb(247 241 234 / .2) 30%,rgb(247 241 234 / .2) 70%,var(--cream))}
.joincard{max-width:760px;margin-inline:auto;text-align:center;padding:clamp(32px,5vw,64px);border-radius:var(--r-xl);background:rgb(255 252 248 / .72);box-shadow:inset 0 0 0 1px #fff,var(--sh-3);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.join-mark{width:72px;height:72px;margin:0 auto 18px}
.joincard h2{font-size:clamp(32px,3.4vw + 12px,58px)}
.joincard > p{margin:20px auto 0;max-width:54ch;color:var(--plum-2)}
.joincard .spotsline{margin-top:26px;font-weight:600;color:var(--plum);font-size:15px;letter-spacing:.02em}
.joincard .btn{margin-top:14px}
.finalalt{display:block;width:max-content;margin:16px auto 0;font-size:15px;font-weight:500;color:var(--plum-2);text-underline-offset:4px;padding:6px 10px;border-radius:999px;transition:background-color .25s var(--ease)}
.finalalt:hover{background:rgb(59 35 80 / .06)}

/* ---------- ps ---------- */
.ps{padding:0 0 var(--sec)}
.pscard{max-width:720px;margin-inline:auto;padding:clamp(28px,4vw,52px);border-radius:var(--r-lg);background:#fffdfa;box-shadow:inset 0 0 0 1px #fff,var(--sh-2);rotate:-.4deg}
.pscard h2{font:italic 400 clamp(26px,2vw + 14px,38px)/1.2 Fraunces,serif;letter-spacing:-.02em;margin-bottom:20px}
.pscard p:not(.eyebrow):not(.sig){color:var(--plum-2)}
.pscard p + p{margin-top:14px}
.sig{margin-top:26px!important;font:italic 500 30px/1 Fraunces,serif}
.sig small{display:block;font:400 14px/1.4 Outfit,sans-serif;color:var(--plum-soft);margin-top:8px}

/* ---------- footer ---------- */
.foot{padding:36px 0 48px;border-top:1px solid var(--line);font-size:14px;color:var(--plum-soft)}
.foot-in{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.foot .logo{font-size:18px}
.foot .logo img{width:28px;height:28px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}

/* Who built this? */
.founder-hero{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(28px,5vw,80px);align-items:center;margin-bottom:clamp(28px,4vw,48px)}
.founder-photo{position:relative;margin:0 0 34px}
.founder-photo>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px var(--r-lg) var(--r-lg);box-shadow:0 0 0 10px rgb(255 255 255 / .7),0 0 0 11px rgb(183 156 255 / .35),var(--sh-3)}
.founder-award{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:rgb(255 253 250 / .94);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fff,var(--sh-2);white-space:nowrap}
.founder-award img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.founder-award b{display:block;font-size:14px;color:var(--plum)}
.founder-award small{display:block;font-size:12px;color:var(--plum-soft)}
.founder-copy blockquote{margin:14px 0 22px}
.founder-copy blockquote p{font-size:clamp(24px,1.6vw + 14px,38px);line-height:1.28;letter-spacing:-.015em;color:var(--plum);font-weight:600}
.founder-story{color:var(--plum-2);max-width:60ch}
.founder-sig{margin-top:20px;font-weight:700;color:var(--plum)}
.founder-sig small{display:block;font-weight:400;color:var(--plum-soft);font-size:14px}
@media (max-width:860px){.founder-hero{grid-template-columns:1fr}.founder-photo{max-width:340px;margin:0 auto 18px}.founder-award{white-space:normal;width:max-content;max-width:92%}}