.hero{position:relative;min-height:100svh;overflow:clip;isolation:isolate;background:var(--base)}.hero-grid{position:absolute;inset:0;z-index:1;opacity:0;background-image:linear-gradient(to right,var(--pulse) 1px,transparent 1px),linear-gradient(to bottom,var(--pulse) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;animation:hero-grid-fade-in .4s ease-out both}@keyframes hero-grid-fade-in{0%{opacity:0}to{opacity:.35}}.hero-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.hero-ring{--ring-d: min(56vw, 640px);position:absolute;top:clamp(-32px,-3vw,8px);right:calc(var(--ring-d) * -.25);width:var(--ring-d);height:var(--ring-d);z-index:3;pointer-events:none}.hero-ring-outer{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--signal);will-change:transform}.hero-ring-inner{position:absolute;inset:13%;border-radius:50%;border:1px solid var(--signal);will-change:transform}.hero-ring-cross{position:absolute;width:22px;height:22px;top:calc(50% - 11px);left:calc(50% - 11px);will-change:transform}.hero-ring-cross:before,.hero-ring-cross:after{content:"";position:absolute;background:var(--signal)}.hero-ring-cross:before{top:50%;left:0;width:100%;height:1px;margin-top:-.5px}.hero-ring-cross:after{left:50%;top:0;height:100%;width:1px;margin-left:-.5px}.hero-copy{position:absolute;left:var(--container-pad);top:clamp(140px,30vh,320px);z-index:5;max-width:min(760px,62vw)}.hero-title{display:flex;flex-direction:column;gap:clamp(2px,1vw,14px);font-size:var(--fs-hero);line-height:.98;color:var(--ink)}.hero-title .w{display:block;position:relative}.hero-title .hero-outline{color:transparent;-webkit-text-stroke:1.5px var(--pulse)}.hero-title .dot{width:.28em;height:.28em;margin-inline-start:.1em;position:relative;vertical-align:baseline;top:.05em;will-change:transform}.hero-sub{margin-block-start:1.4em;max-width:36em;text-wrap:pretty;color:var(--ink)}.hero-photos{position:absolute;inset:0;z-index:6;list-style:none;margin:0;padding:0;pointer-events:none}.hero-photo{position:absolute;width:clamp(132px,13vw,200px);padding:8px 8px 28px;background:#fff;border:1px solid var(--paper-line);box-shadow:0 6px 18px #071b3a1f;transform:rotate(var(--rot, 0deg));cursor:grab;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;animation:hero-photo-in .7s cubic-bezier(.22,1,.36,1) backwards}.hero-photo:hover,.hero-photo:has(.hero-photo-link:focus-visible){transform:rotate(var(--rot, 0deg)) translateY(-5px);box-shadow:0 14px 30px #071b3a2e}.hero-photo-link{display:block;color:inherit;text-decoration:none;cursor:inherit;-webkit-user-drag:none;-webkit-touch-callout:none}.hero-photo-link:focus-visible{outline:2px solid var(--pulse);outline-offset:4px}.hero-photo:nth-child(1){animation-delay:1.5s}.hero-photo:nth-child(2){animation-delay:1.62s}.hero-photo:nth-child(3){animation-delay:1.74s}.hero-photo:nth-child(4){animation-delay:1.86s}@keyframes hero-photo-in{0%{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.92) translateY(12px)}to{opacity:1;transform:rotate(var(--rot, 0deg))}}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;pointer-events:none;-webkit-touch-callout:none}.hero-photo:after{content:"";position:absolute;inset:8px 8px 28px;pointer-events:none;mix-blend-mode:multiply;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}.hero-photo-label{position:absolute;left:10px;right:10px;bottom:7px;font-family:var(--font-label);font-weight:600;font-size:.66rem;letter-spacing:.1em;white-space:nowrap;color:var(--ink);transition:color .2s ease}.hero-photo:hover .hero-photo-label,.hero-photo-link:focus-visible .hero-photo-label{color:var(--pulse)}.hero-photo:before{content:"";position:absolute;top:-8px;left:50%;width:44px;height:14px;transform:translate(-50%) rotate(-2deg);background:#ffe1008c}.hero-photo.is-dragging{cursor:grabbing;box-shadow:0 16px 36px #071b3a38}@media(max-width:720px){.hero-photo{width:clamp(76px,20vw,104px);padding:6px 6px 18px}.hero-photo:after{inset:6px 6px 18px}.hero-photo-label{font-size:.6rem;left:8px;right:8px;bottom:6px}}@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}}.hero-meta-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.hero-meta{position:absolute;z-index:8;margin:0;font-family:var(--font-label);font-size:var(--fs-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--ink);white-space:nowrap}.hero-meta-bl{bottom:clamp(20px,4vh,40px);left:var(--container-pad)}.hero-meta-br{bottom:clamp(20px,4vh,40px);right:var(--container-pad);display:flex;align-items:center;gap:.4em;text-align:right}.hero-meta-arrow{display:inline-block;animation:hero-arrow-bounce 1.6s ease-in-out infinite}@keyframes hero-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.hero-grid{animation:none;opacity:.35}.hero-meta-arrow{animation:none}}@media(max-width:1024px){.hero-copy{max-width:min(640px,74vw)}}@media(min-width:769px)and (max-height:1400px){.hero-copy{top:clamp(88px,13vh,180px)}.hero-title{font-size:clamp(3rem,8vw,8rem)}.hero-sub{margin-block-start:1.1em}}@media(max-width:720px){.hero-copy{top:clamp(120px,24vh,200px);max-width:min(560px,84vw)}}