@font-face{font-family:Delicious Handrawn;src:url(/assets/fonts/delicious-handrawn-latin-400-normal.woff2) format("woff2");font-display:swap}@font-face{font-family:Columbia;src:url(/fonts/columbia.ttf) format("truetype");font-display:swap}@font-face{font-family:Gochi Hand;src:url(/assets/fonts/gochi-hand-latin-400-normal.woff2) format("woff2");font-display:swap}@font-face{font-family:Pinky Spring;src:url(/fonts/pinky-spring.otf) format("opentype");font-display:swap}@font-face{font-family:Atakana Script;src:url(/fonts/atakana-script.otf) format("opentype");font-display:swap}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.about-hero{--note-ink: #3c1212;--note-paper: #fffaf0;--note-rule: rgb(102 51 153 / .12);--sheet: #f3e8d3;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(20px,4vw,64px);padding-top:clamp(28px,5vw,72px)}.about-hero:before{content:"";position:absolute;z-index:-1;top:0;bottom:-18px;left:50%;width:100vw;translate:-50% 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24  0 0 0 0 .14  0 0 0 0 .1  0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .18  0 0 0 0 .12  0 0 0 .14 -.03'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23f)'/%3E%3C/svg%3E"),var(--sheet);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),96% calc(100% - 4px),91% calc(100% - 14px),85% calc(100% - 6px),79% calc(100% - 16px),73% calc(100% - 5px),67% calc(100% - 13px),61% calc(100% - 3px),55% calc(100% - 12px),49% calc(100% - 6px),43% calc(100% - 15px),37% calc(100% - 4px),31% calc(100% - 12px),25% 100%,19% calc(100% - 13px),14% calc(100% - 3px),9% calc(100% - 14px),4% calc(100% - 5px),0 calc(100% - 11px))}.about-hero-stage{position:relative;align-self:stretch;display:grid;align-items:end;justify-items:center;min-height:clamp(360px,40vw,600px)}.about-pose{position:relative;grid-area:1 / 1;height:max(calc(100% - 4px),clamp(460px,47vw,720px));max-height:min(880px,calc(100svh - 120px - clamp(28px,5vw,72px)));min-height:380px;aspect-ratio:600 / 1064;margin-bottom:4px;filter:drop-shadow(0 2px 3px rgb(60 18 18 / .14))}.about-pose:before{content:"";position:absolute;left:15%;width:54%;bottom:.9%;height:2.4%;border-radius:50%;background:radial-gradient(closest-side,rgb(20 6 6 / .42),rgb(20 6 6 / .12) 70%,transparent)}.about-pose img,.about-pose canvas{position:absolute;inset:0;width:100%;height:100%}.about-pose canvas{opacity:0}.about-pose.video-ready canvas{opacity:1}.about-pose.video-ready img{visibility:hidden}.note-card{position:relative;justify-self:start;max-width:38rem;margin-bottom:clamp(36px,5vw,72px);padding:clamp(30px,3.4vw,46px) clamp(24px,3vw,44px) clamp(22px,2.6vw,34px);color:var(--note-ink);background:var(--note-paper);border-radius:3px;rotate:1.2deg;box-shadow:0 1px #3c12120f,0 18px 34px -12px #3c121247;font-family:Montserrat,sans-serif;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.55}.note-card p,.note-card li{margin:0 0 .6em}.note-card strong{font-weight:700;color:var(--accent-red)}.note-card ul{margin:.2em 0 1em;padding:0;list-style:none}.note-card li{position:relative;padding-left:2.1em}.note-icon{position:absolute;left:0;top:-.05em;width:1.5em;height:1.5em;fill:none;stroke:var(--brand-purple);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.note-hello{font-size:1.35em;font-weight:700;color:var(--brand-purple)}.note-signoff{margin-top:.8em;margin-bottom:0!important}.note-signature{line-height:0;color:var(--accent-red);margin:.2em 0 0 .6em!important;rotate:-4deg;transform-origin:left center}.note-signature svg{display:block;width:clamp(92px,9vw,128px);height:auto}.note-tape{position:absolute;top:-14px;left:50%;width:120px;height:30px;translate:-50% 0;rotate:-3deg;background:linear-gradient(104deg,transparent 8%,rgb(255 255 255 / .75) 16%,rgb(255 255 255 / .2) 24%,transparent 34%,transparent 58%,rgb(255 255 255 / .5) 66%,transparent 74%),linear-gradient(180deg,#ffffff73,#ffffff1f 45%,#ffffff4d),#e1ded747;-webkit-backdrop-filter:brightness(1.05) saturate(.9);backdrop-filter:brightness(1.05) saturate(.9);box-shadow:inset 0 1px #fffc,inset 0 -1px #786e642e,inset 1px 0 #ffffff59,inset -1px 0 #ffffff59;clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,98% 50%,100% 100%,3% 94%,0 100%,2% 50%)}@media(prefers-color-scheme:dark){:root:not([data-preview-theme=light]) .about-hero{--sheet: #241b2c}:root:not([data-preview-theme=light]) .note-card{box-shadow:0 20px 40px -14px #000000b3}}:root[data-preview-theme=dark] .about-hero{--sheet: #241b2c}:root[data-preview-theme=dark] .note-card{box-shadow:0 20px 40px -14px #000000b3}@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:0}.about-hero-stage{min-height:0}.about-pose{height:min(128vw,560px);min-height:0}.note-card{rotate:.6deg;margin-top:4px}}
