@font-face{font-family:Epilogue;src:url('assets/epilogue-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--yellow:#f9d00b;--ink:#000;--paper:#fff;--heading:clamp(32px,4.75vw,64px);--content:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:18px;margin:0;background:var(--paper);color:var(--ink);font-family:Epilogue,Arial,sans-serif;font-weight:700}header{height:104px;display:flex;justify-content:center;align-items:flex-start;padding:24px}header img{width:86px;height:auto}a{color:inherit}a:focus-visible{outline:3px solid #d26f4e;outline-offset:8px}.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);padding:12px;z-index:5}.skip:focus{top:10px}h1,h2,p{margin:0}h1,h2{font-size:calc(var(--heading) + 2px);letter-spacing:-.045em;line-height:1.24;font-weight:700}h1{margin:34px 0 116px}.intro{text-align:center;padding:96px 5vw 210px}.portrait{display:block;border-radius:50%;width:350px;height:350px;max-width:65vw;max-height:65vw;object-fit:cover;margin:0 auto}.goal{max-width:var(--content);margin:0 auto 90px}.crossed{color:#aaa;position:relative;display:inline-block}.crossed:before,.crossed:after{content:'';position:absolute;width:110%;height:5px;left:-5%;top:48%;background:#bc785b;border-radius:5px;transform:rotate(23deg)}.crossed:after{transform:rotate(-23deg)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#000;text-decoration:none;min-width:310px;min-height:80px;border-radius:100px;font-size:calc(20px + 2px);letter-spacing:-.03em;padding:24px 40px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffe34b}.statement{min-height:1120px;padding:200px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:70px}.statement h2{max-width:var(--content)}.dark{background:#000;color:#fff}.yellow{background:var(--yellow)}.human-stamp{width:244px;height:auto}.closing{min-height:1200px}footer{background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:70px 5vw;font-size:calc(15px + 2px);line-height:1.6}footer nav{display:flex;gap:30px}footer a{text-underline-offset:5px}
@media(max-width:700px){header{height:90px;padding:22px}header img{width:70px}.intro{padding:55px 24px 100px}h1{margin:35px 0 72px}.goal{margin-bottom:50px}.button{min-width:240px;min-height:66px;font-size:calc(17px + 2px);padding:20px 28px}.statement{min-height:90svh;padding:100px 25px;gap:45px}.human-stamp{width:170px}.closing{min-height:95svh}footer{flex-direction:column;text-align:center;padding:45px 22px;font-size:calc(13px + 2px)}footer nav{flex-wrap:wrap;justify-content:center;gap:18px}h1,h2{letter-spacing:-.05em;line-height:1.3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.human-stamp{animation:human-spin 14s linear infinite;transform-origin:center}@keyframes human-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.human-stamp{animation:none}}

/* Progressive enhancement: content stays readable without JavaScript. */
html.scroll-scenes body{background:var(--scene-bg,#fff)}
html.scroll-scenes main section,html.scroll-scenes footer{background:transparent;color:var(--scene-ink,#000)}
html.scroll-scenes .reveal{opacity:0;transform:translateY(36px);transition:opacity 900ms ease,transform 1000ms cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
html.scroll-scenes .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html.scroll-scenes .reveal{opacity:1;transform:none;transition:none}}

/* Each statement gets a centered viewport with a 100px reading hold. */
.statement{display:block;min-height:0;height:calc(100svh + 100px);padding:0}
.scene-content{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:60px;padding:60px 7vw}
.scene-content h2{max-width:var(--content)}
html.scroll-scenes .reveal{transform:translateY(48px)}
html.scroll-scenes .reveal.is-visible{transform:translateY(0)}
@media(max-width:700px){.scene-content{gap:35px;padding:45px 25px}.scene-content h2{font-size:calc(clamp(28px,6.8vw,40px) + 2px)}.closing{height:calc(100svh + 100px)}.closing .human-stamp{width:140px}}
@media(max-height:600px){.scene-content{gap:24px;padding:32px 5vw}.scene-content h2{font-size:calc(clamp(24px,4.5vh,40px) + 2px)}.closing .human-stamp{width:100px}}
@media(prefers-reduced-motion:reduce){.statement{height:auto;min-height:100svh}.scene-content{position:static}html.scroll-scenes .reveal{transform:none}}

/* Reveal the complete composition as one, with a longer centered hold. */
:root{--scene-hold:200px}
.statement,.intro{height:calc(100svh + var(--scene-hold));min-height:0;padding:0}
.scene-group{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px}
.intro .scene-group{gap:30px}
.intro .portrait{width:clamp(170px,34svh,350px);height:clamp(170px,34svh,350px);margin:0}
.intro h1,.intro .goal{margin:0;max-width:var(--content);font-size:calc(clamp(28px,4.9svh,54px) + 2px)}
.intro .button{min-height:64px;padding:20px 40px}
@media(max-width:700px){.scene-group{gap:35px}.intro .scene-group{gap:25px}.intro h1,.intro .goal{font-size:calc(clamp(25px,3.9svh,36px) + 2px)}.intro .scene-content{padding:30px 24px}.intro .portrait{width:clamp(150px,29svh,260px);height:clamp(150px,29svh,260px)}}
@media(max-height:600px){.scene-group{gap:24px}.intro .scene-group{gap:16px}.intro .portrait{width:140px;height:140px}.intro h1,.intro .goal{font-size:calc(clamp(22px,4.8svh,30px) + 2px)}.intro .button{min-height:48px;padding:14px 28px}}
@media(prefers-reduced-motion:reduce){.intro,.statement{height:auto;min-height:100svh}}

html.scroll-scenes .scene-content{opacity:var(--scene-opacity,1)}


/* Original centered composition with a hand-drawn correction. */
.intro .scene-group{display:flex;text-align:center;gap:30px;max-width:1100px}
.intro .portrait{width:clamp(170px,34svh,350px);height:clamp(170px,34svh,350px)}
.intro h1,.intro .goal{font-size:calc(clamp(28px,4.9svh,54px) + 2px)}
.current-count{display:inline-block;vertical-align:bottom;max-width:9em;white-space:nowrap}
html.scroll-scenes .goal:not(.strike-start) .crossed{color:inherit}
html.scroll-scenes .goal .crossed:before{transform:rotate(23deg) scaleX(0);transform-origin:left center;transition:transform 450ms ease}
html.scroll-scenes .goal .crossed:after{transform:rotate(-23deg) scaleX(0);transform-origin:left center;transition:transform 450ms ease 180ms}
html.scroll-scenes .goal .current-count{max-width:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-width 650ms cubic-bezier(.2,.65,.25,1) 550ms,opacity 550ms ease 700ms,transform 550ms ease 700ms}
html.scroll-scenes .goal.strike-start .crossed:before{transform:rotate(23deg) scaleX(1)}
html.scroll-scenes .goal.strike-start .crossed:after{transform:rotate(-23deg) scaleX(1)}
html.scroll-scenes .goal.strike-start .current-count{max-width:9em;opacity:1;transform:translateY(0)}
@media(max-width:700px){.intro .scene-group{gap:25px}.intro h1,.intro .goal{font-size:calc(clamp(25px,3.9svh,36px) + 2px)}.intro .portrait{width:clamp(150px,29svh,260px);height:clamp(150px,29svh,260px)}}
@media(max-height:600px){.intro .scene-group{gap:16px}.intro .portrait{width:140px;height:140px}.intro h1,.intro .goal{font-size:calc(clamp(22px,4.8svh,30px) + 2px)}}
@media(prefers-reduced-motion:reduce){.current-count,.crossed:before,.crossed:after{transition:none!important}}

.hand-underline{position:relative;display:inline-block;white-space:nowrap}
.hand-underline svg{position:absolute;left:-3%;bottom:-.12em;width:106%;height:.19em;overflow:visible;pointer-events:none}
.hand-underline path{fill:none;stroke:var(--yellow);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
/* Draw the single underline with the section entrance. */
html.scroll-scenes .reveal .hand-underline path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
html.scroll-scenes .reveal.is-visible .hand-underline path{animation:underline-draw 750ms cubic-bezier(.3,.1,.2,1) 2s forwards}
@keyframes underline-draw{from{stroke-dashoffset:1;opacity:1}to{stroke-dashoffset:0;opacity:1}}
@media(prefers-reduced-motion:reduce){html.scroll-scenes .reveal .hand-underline path{animation:none;stroke-dashoffset:0;opacity:1}}
.goal.strike-start .current-count{margin-left:.18em}

/* Static correction and a single continuous emphasis line. */
.goal .crossed{color:#aaa!important}
.goal .crossed:after{display:none!important}
html.scroll-scenes .goal .crossed:before,.goal .crossed:before{transform:rotate(-8deg)!important;transform-origin:center;transition:none!important}
html.scroll-scenes .goal .current-count,.goal .current-count{max-width:9em;opacity:1;transform:none;overflow:visible;transition:none;margin-left:.18em}
.hand-underline{white-space:nowrap}

.hand-underline{isolation:isolate}
.hand-underline svg{z-index:-1;bottom:.025em;height:.25em}
.hand-underline path{stroke-width:8}
.booking-open{overflow:hidden}
.booking-dialog{width:min(1000px,calc(100vw - 32px));height:min(850px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);border:0;border-radius:20px;padding:0;background:white;color:#000;box-shadow:0 25px 100px #0005}
.booking-dialog::backdrop{background:rgb(0 0 0 / .65);backdrop-filter:blur(7px)}
.booking-dialog[open]{display:flex;flex-direction:column}
.booking-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #eee}
.booking-toolbar h2{font-size:calc(20px + 2px);line-height:1.4;letter-spacing:-.03em}
.booking-close{width:42px;height:42px;border:0;background:#f1f1f1;border-radius:50%;font-size:calc(30px + 2px);cursor:pointer;color:#000}
.booking-close:focus-visible{outline:3px solid #b28f00;outline-offset:3px}
.booking-frame{width:100%;flex:1;min-height:0;border:0;background:white}
.booking-fallback{padding:12px 20px;font:15px/1.5 Arial,sans-serif;text-align:center}
.booking-fallback a{text-underline-offset:3px}
@media(max-width:700px){.booking-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.booking-toolbar{padding:10px 15px}}

/* Give the introduction a more personal presence. */
.intro .portrait{width:clamp(200px,41svh,410px);height:clamp(200px,41svh,410px)}
.intro .scene-group{gap:25px}
@media(max-width:700px){.intro .portrait{width:clamp(180px,35svh,300px);height:clamp(180px,35svh,300px)}.intro .scene-group{gap:22px}}
@media(max-height:600px){.intro .portrait{width:170px;height:170px}.intro .scene-group{gap:14px}}

/* The story opens personally, then makes room for the reflections. */
.quiet-link{text-decoration:underline;text-decoration-thickness:.055em;text-underline-offset:.12em}
.intro .scene-group>h2{max-width:1000px;font-size:calc(clamp(30px,5.5svh,58px) + 2px);line-height:1.18}
.scene-note{font-size:calc(clamp(18px,2vw,26px) + 2px);line-height:1.5;max-width:800px}
.count-scene .button{background:#000;color:#fff}
.count-scene .button:hover{background:#242424}
.eyebrow{font-size:calc(clamp(15px,1.5vw,20px) + 2px);line-height:1.5;letter-spacing:-.025em}
.reflection{font-size:calc(clamp(22px,2.65vw,36px) + 2px);line-height:1.45;letter-spacing:-.035em;max-width:880px;text-wrap:pretty}
.personal-reflection .scene-group,.connection-invitation .scene-group{gap:36px}
.closing .scene-group{gap:35px}
.closing h2{font-size:calc(clamp(32px,4vw,54px) + 2px)}
.closing-copy{font-size:calc(clamp(21px,2.3vw,30px) + 2px)}
.closing .human-stamp{width:190px}
@media(max-width:700px){.intro .scene-group>h2{font-size:calc(clamp(28px,4.6svh,40px) + 2px)}.reflection{font-size:calc(clamp(21px,5.6vw,27px) + 2px);line-height:1.42}.personal-reflection .scene-group,.connection-invitation .scene-group{gap:28px}.closing .human-stamp{width:130px}.closing .scene-group{gap:25px}.closing h2{font-size:calc(30px + 2px)}.closing-copy{font-size:calc(21px + 2px)}.scene-note{font-size:calc(19px + 2px)}}
@media(max-height:600px){.reflection{font-size:calc(22px + 2px)}.personal-reflection .scene-group,.connection-invitation .scene-group,.closing .scene-group{gap:20px}.closing .human-stamp{width:85px}.closing h2{font-size:calc(28px + 2px)}.closing-copy{font-size:calc(19px + 2px)}}

/* Personal reflections stay brief and readable within each scroll scene. */
.personal-reflection .reflection,.connection-invitation .reflection{font-size:calc(clamp(21px,2.3vw,30px) + 2px);max-width:860px}
@media(max-width:700px){.personal-reflection .reflection,.connection-invitation .reflection{font-size:calc(clamp(19px,5.2vw,25px) + 2px)}.personal-reflection .scene-content,.connection-invitation .scene-content{padding-top:88px}.connection-invitation .scene-group{gap:24px}}
@media(max-height:600px){.personal-reflection .scene-group,.connection-invitation .scene-group{gap:20px}.personal-reflection .reflection,.connection-invitation .reflection{font-size:calc(19px + 2px)}.personal-reflection .scene-content,.connection-invitation .scene-content{padding-top:90px;padding-bottom:32px}}

/* One compact opening composition, starting just below the logo. */
.intro .scene-content{min-height:calc(100svh - 104px);justify-content:flex-start;padding:32px 6vw 32px}
.intro .scene-group{gap:clamp(18px,2.5svh,28px)}
.intro .portrait{width:clamp(180px,34svh,350px);height:clamp(180px,34svh,350px)}
.intro h1{font-size:calc(clamp(26px,4svh,44px) + 2px)}
.intro h2.goal{max-width:1000px;font-size:calc(clamp(28px,4.7svh,48px) + 2px);line-height:1.2;margin:0}
@media(max-width:700px){.intro .scene-content{min-height:calc(100svh - 90px);padding:24px 24px 28px}.intro .scene-group{gap:18px}.intro .portrait{width:clamp(170px,30svh,260px);height:clamp(170px,30svh,260px)}.intro h1{font-size:calc(clamp(25px,4svh,34px) + 2px)}.intro h2.goal{font-size:calc(clamp(25px,3.8svh,36px) + 2px)}}
@media(max-height:600px){.intro .scene-content{padding-top:20px;padding-bottom:20px}.intro .scene-group{gap:14px}.intro .portrait{width:150px;height:150px}.intro h1{font-size:calc(25px + 2px)}.intro h2.goal{font-size:calc(24px + 2px)}}

.booking-count{font-variant-numeric:tabular-nums}
.intro .button{white-space:nowrap;gap:0}

/* A consistent type scale and a slightly narrower reading width. */
:root{--content:960px}
@media(min-width:701px){:root{--heading:clamp(32px,4.25vw,54px)}}
main .scene-group{max-width:var(--content);margin-inline:auto}
main .scene-group h1,main .scene-group h2,main .scene-group h2.goal{max-width:var(--content);font-size:calc(var(--heading) + 2px);line-height:1.24}
@media(max-width:700px){main .scene-group h1,main .scene-group h2,main .scene-group h2.goal{font-size:calc(clamp(28px,6.8vw,40px) + 2px);line-height:1.3}}
@media(max-height:600px){main .scene-group h1,main .scene-group h2,main .scene-group h2.goal{font-size:calc(clamp(24px,4.5vh,40px) + 2px)}}

/* Black/white fallback for browsers without backdrop filters. */
.floating-logo{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:100;color:var(--static-logo-ink,#000);display:block;line-height:0}
html.scroll-scenes .floating-logo{color:var(--scene-ink,#000)}
.floating-logo svg{display:block;width:86px;height:auto}
/* Invert the actual text/image pixels inside the logo, in black and white only. */
@supports ((backdrop-filter:invert(1)) or (-webkit-backdrop-filter:invert(1))){
  .floating-logo svg{opacity:0}
  .floating-logo::before{content:'';position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:grayscale(1) contrast(1000) invert(1);backdrop-filter:grayscale(1) contrast(1000) invert(1);-webkit-mask:url('/assets/logo-mask.svg') center/contain no-repeat;mask:url('/assets/logo-mask.svg') center/contain no-repeat}
}
@media(max-width:700px){.floating-logo{top:22px}.floating-logo svg{width:70px}}

/* Center the opening composition in the viewport beneath the floating logo. */
header{height:0;padding:0}
.intro .scene-content{min-height:100svh;justify-content:center;padding-top:80px;padding-bottom:80px}
@media(max-width:700px){.intro .scene-content{padding-top:72px;padding-bottom:72px}}
@media(max-height:600px){.intro .scene-content{padding-top:60px;padding-bottom:60px}}

/* Give the portrait a little more breathing room above the introduction. */
.intro .portrait{margin-bottom:24px}
@media(max-width:700px){.intro .portrait{margin-bottom:18px}}
@media(max-height:600px){.intro .portrait{margin-bottom:12px}}

/* Reserve the button's space while the goal gets a moment to land. */
.intro .button.hero-button-pending{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}
.intro .button.hero-button-entering{transition:opacity 450ms ease,transform 450ms ease;opacity:1;visibility:visible;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.intro .button.hero-button-pending,.intro .button.hero-button-entering{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}}

/* Intro sequence: portrait, greeting, goal, then booking invitation. */
.scroll-scenes .intro .scene-group.reveal{opacity:1;transform:none;transition:none}
.scroll-scenes .intro .scene-group.reveal > .portrait,
.scroll-scenes .intro .scene-group.reveal > h1,
.scroll-scenes .intro .scene-group.reveal > .goal{opacity:0;transform:translateY(18px);transition:opacity 500ms ease,transform 500ms ease}
.scroll-scenes .intro .scene-group.reveal > h1{transition-delay:500ms}
.scroll-scenes .intro .scene-group.reveal > .goal{transition-delay:1000ms}
.scroll-scenes .intro .scene-group.is-visible > .portrait,
.scroll-scenes .intro .scene-group.is-visible > h1,
.scroll-scenes .intro .scene-group.is-visible > .goal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.scroll-scenes .intro .scene-group.reveal > .portrait,.scroll-scenes .intro .scene-group.reveal > h1,.scroll-scenes .intro .scene-group.reveal > .goal{opacity:1;transform:none;transition:none}}

/* Flat controls retain the site's rounded silhouettes. */
.button{appearance:none;border:0;box-shadow:none;font-family:inherit;font-weight:inherit;cursor:pointer}
.button:hover{transform:none;box-shadow:none}

button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #a44a28;outline-offset:5px}

.button.button-secondary{background:transparent;color:var(--ink);border:2px solid currentColor}
.button.button-secondary:hover{background:transparent;opacity:.7}

/* One lightweight constellation carries from the night scene into connection. */
.connection-sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;color:var(--scene-ink,#fff);overflow:hidden;transition:color 300ms ease}
main,footer{position:relative;z-index:1}
.connection-sky .connection-dot{stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.connection-sky{display:none}}
html.editing .connection-sky{display:none}

/* A short coin toss, then the familiar flat badge rotation. */
.human-stamp{aspect-ratio:1;flex-shrink:0;perspective:850px;animation:none}
.coin-flight,.coin-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.coin-front,.coin-back,.coin-edge{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.coin-front{transform:translateZ(1.5px)}
.coin-back{transform:rotateX(180deg) translateZ(1.5px)}
.coin-edge{background:#bd9f13;backface-visibility:visible;-webkit-backface-visibility:visible;box-shadow:0 0 0 1px #e6c32a}
.coin-turn{animation:human-spin 14s linear infinite}
.scroll-scenes .closing .reveal .coin-flight{opacity:0;transform:translateY(28px) translateZ(-160px) rotateX(-300deg)}
.scroll-scenes .closing .reveal .coin-turn{animation:none}
.scroll-scenes .closing .reveal.is-visible .coin-flight{animation:coin-land 1500ms linear 200ms both}
.scroll-scenes .closing .reveal.is-visible .coin-turn{animation:human-spin 14s linear 1700ms infinite}
.scroll-scenes .closing .reveal.is-visible .coin-front,.scroll-scenes .closing .reveal.is-visible .coin-back{animation:coin-light 1500ms linear 200ms both}
@keyframes coin-land{
  0%{opacity:0;transform:translateY(28px) translateZ(-160px) rotateX(-300deg);animation-timing-function:cubic-bezier(.2,.65,.35,1)}
  15%{opacity:1}
  45%{opacity:1;transform:translateY(-24px) translateZ(100px) rotateX(-150deg);animation-timing-function:cubic-bezier(.45,0,.8,.55)}
  82%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0deg);animation-timing-function:ease-out}
  91%{opacity:1;transform:translateY(-3px) translateZ(12px) rotateX(7deg);animation-timing-function:ease-in-out}
  100%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0deg)}
}
@keyframes coin-light{0%,100%{filter:brightness(1)}35%{filter:brightness(.82)}60%{filter:brightness(1.08)}82%{filter:brightness(.98)}}
@media(prefers-reduced-motion:reduce){.coin-turn,.scroll-scenes .closing .reveal.is-visible .coin-turn,.scroll-scenes .closing .reveal.is-visible .coin-flight,.scroll-scenes .closing .reveal.is-visible .coin-front,.scroll-scenes .closing .reveal.is-visible .coin-back{animation:none}.scroll-scenes .closing .reveal .coin-flight{opacity:1;transform:none}}
html.editing .coin-flight,html.editing .coin-turn,html.editing .coin-front,html.editing .coin-back{animation:none!important}
html.editing .coin-flight{opacity:1!important;transform:none!important}

.share-sticker-wrap{position:relative;flex-shrink:0}
.share-sticker{display:block;padding:6px;border:0;background:transparent;cursor:pointer;transition:transform 220ms ease}
.share-sticker img{display:block;width:130px;height:auto}
.share-sticker:hover{transform:rotate(-4deg) scale(1.04)}
.share-sticker:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:6px}
.share-feedback{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;font-weight:400;white-space:nowrap}
@media(max-width:700px){.share-sticker-wrap{order:-1}}
@media(prefers-reduced-motion:reduce){.share-sticker{transition:none}.share-sticker:hover{transform:none}}

.eye-wipe{position:fixed;inset:0;z-index:6;pointer-events:none;visibility:hidden;will-change:clip-path;contain:paint}
@media(prefers-reduced-motion:reduce){.eye-wipe{display:none}}
html.editing .eye-wipe{display:none}