:root{--ink:#fff;--brown:#2b211b;--card:rgba(72,58,49,.84);--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#15110e;overflow:hidden}body{font-family:Dustnote Scribble,Segoe Print,Bradley Hand,cursive;color:#fff}button,a{-webkit-tap-highlight-color:transparent}.site-shell{position:relative;width:100%;height:100svh;isolation:isolate;background:#18130f}.hero{position:absolute;inset:0;background:url(/assets/hero-desktop-BKKwaqjO.jpg) center center/cover no-repeat;transform:scale(1.012);transition:filter .7s var(--ease),transform .8s var(--ease)}.shade{position:absolute;inset:0;background:radial-gradient(circle at 53% 42%,transparent 16%,rgba(21,16,13,.05) 44%,rgba(8,7,6,.38) 100%),linear-gradient(180deg,rgba(10,8,7,.14),transparent 38%,rgba(10,8,7,.28));pointer-events:none}.noise{position:absolute;inset:0;opacity:.08;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.logo-button{position:absolute;z-index:4;top:max(28px,5.2vh);left:50%;transform:translate(-50%);width:clamp(165px,16vw,290px);border:0;background:none;padding:12px;cursor:pointer;filter:drop-shadow(0 2px 12px rgba(0,0,0,.24))}.logo{display:block;width:100%;height:auto;transition:filter .22s,transform .22s;position:relative;z-index:2}.logo-button:hover .logo,.logo-button:focus-visible .logo,.logo-button.bloom .logo{filter:blur(.5px) brightness(1.35) drop-shadow(0 0 7px rgba(255,255,255,.9));transform:scale(1.025)}.logo-button:hover:before,.logo-button.bloom:before{content:"";position:absolute;inset:5% -4%;background:#ffffff2e;filter:blur(15px);animation:vhsPulse .45s steps(2,end) infinite;mix-blend-mode:screen}.vhs-ghost{position:absolute;inset:12px;opacity:0;mask:url(/assets/zara-logo-white-y6yYjiwv.png) center/contain no-repeat;-webkit-mask:url(/assets/zara-logo-white-y6yYjiwv.png) center/contain no-repeat}.logo-button:hover .ghost-a,.logo-button.bloom .ghost-a{opacity:.45;background:#ff3b30;transform:translate(4px);animation:ghostA .34s steps(2) infinite}.logo-button:hover .ghost-b,.logo-button.bloom .ghost-b{opacity:.38;background:#45e9ff;transform:translate(-4px);animation:ghostB .27s steps(2) infinite}@keyframes vhsPulse{50%{opacity:.35;transform:translateY(2px) scaleX(1.02)}}@keyframes ghostA{50%{transform:translate(7px,1px)}}@keyframes ghostB{50%{transform:translate(-7px,-1px)}}.socials{position:absolute;z-index:4;left:50%;bottom:max(28px,4.5vh);transform:translate(-50%);display:flex;align-items:center;gap:clamp(18px,2vw,30px);padding:12px 18px;border-radius:999px}.socials a,.socials span{width:24px;height:24px;display:grid;place-items:center;color:#fff;opacity:.92;transition:opacity .2s,transform .2s,filter .2s}.socials a:hover{opacity:1;transform:translateY(-2px);filter:drop-shadow(0 0 7px rgba(255,255,255,.6))}.socials .disabled{opacity:.38;cursor:not-allowed}.socials svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.socials svg .fill{fill:currentColor;stroke:none}.socials svg .fill-bg{fill:#fff;stroke:none}.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s;background:#251d182e;backdrop-filter:blur(17px) saturate(.72);-webkit-backdrop-filter:blur(17px) saturate(.72)}.overlay.open{opacity:1;visibility:visible}.overlay-close{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:default}.bio-card{position:relative;z-index:2;width:min(560px,84vw);min-height:260px;display:grid;place-items:center;padding:60px 45px;background:linear-gradient(145deg,#56463be8,#322923e6);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px #0000005c,inset 0 1px #ffffff14;transform:translateY(18px) scale(.985);transition:transform .5s var(--ease)}.overlay.open .bio-card{transform:none}.bio-text{margin:0;font-family:Dustnote Scribble,Segoe Print,Bradley Hand,cursive;font-size:clamp(29px,4vw,48px);letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.2)}.close-button{position:absolute;top:13px;right:16px;border:0;background:transparent;color:#ffffffbf;font:300 30px/1 Arial,sans-serif;cursor:pointer;padding:6px}.close-button:hover{color:#fff}body.modal-open .site-shell{filter:saturate(.78)}@media(max-width:700px){.hero{background-image:url(/assets/hero-mobile-CCw6kjuw.jpg);background-size:cover;background-position:center center}.logo-button{top:max(22px,4vh);width:min(46vw,210px)}.socials{bottom:max(22px,3.5vh);gap:22px}.bio-card{min-height:220px;width:min(88vw,460px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}