@keyframes site-rise{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)}to{opacity:1;filter:none;transform:none}}.site-rise{animation:.9s cubic-bezier(.16,1,.3,1) both site-rise;animation-delay:calc(var(--i,0) * 90ms + 80ms)}@keyframes site-cut-sweep{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes site-cut-mark{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site-cut{display:inline-block;position:relative}.site-cut:before{content:"";background:var(--brand);z-index:1;animation:.9s cubic-bezier(.65,0,.35,1) .55s both site-cut-sweep;position:absolute;inset:.08em -.06em .02em}.site-cut:after{content:"";background:var(--brand);transform-origin:0;height:.09em;animation:.6s cubic-bezier(.16,1,.3,1) 1.3s both site-cut-mark;position:absolute;bottom:.04em;left:-.02em;right:-.02em}@keyframes site-word{0%{opacity:0}to{opacity:1}}.site-word{animation:.12s linear both site-word;animation-delay:calc(.9s + var(--i,0) * .16s)}@keyframes site-fade{0%{opacity:0}to{opacity:1}}.site-fade{animation:.6s ease-out both site-fade}@keyframes site-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.site-step{animation:.5s cubic-bezier(.16,1,.3,1) both site-pop;animation-delay:calc(2.7s + var(--i,0) * .55s)}@keyframes site-marquee{to{transform:translate(-50%)}}.site-marquee{animation:38s linear infinite site-marquee}@supports (animation-timeline:view()){@keyframes site-reveal{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}.site-reveal{animation:linear both site-reveal;animation-timeline:view();animation-range:entry cover 28%}}@media (prefers-reduced-motion:reduce){.site-rise,.site-fade,.site-cut:before,.site-cut:after,.site-word,.site-step,.site-marquee,.site-reveal{animation:none!important}.site-cut:before{display:none}}.hero-editorial{isolation:isolate;position:relative;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.5fr);align-items:center;gap:3.5rem;max-width:1680px;margin:auto;padding:72px 5% 100px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-eyebrow{font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--ink) 60%, transparent);font-size:10px}.hero-title{letter-spacing:-.065em;margin-top:28px;font-size:clamp(4rem,7.15vw,7.5rem);font-weight:900;line-height:.91}.hero-title>span{width:max-content;max-width:100%;display:block}.hero-title-cut{background:var(--brand);color:#171714;margin:.07em 0 .04em -.035em;padding:0 .07em .06em;display:inline-block;position:relative;transform:rotate(-1.5deg)}.hero-description{max-width:480px;color:color-mix(in oklch, var(--ink) 70%, transparent);margin-top:26px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-open{background:var(--brand);height:48px;color:var(--brand-foreground);box-shadow:0 10px 24px -10px var(--brand);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:15px;font-weight:650;transition:transform .2s;display:inline-flex}.hero-open:hover{transform:translateY(-3px)}.hero-open:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hero-features{grid-template-columns:repeat(4,1fr);gap:16px;max-width:480px;margin-top:34px;display:grid}.hero-features li{border-right:1px solid color-mix(in oklch, var(--ink) 10%, transparent);font-size:13px;font-weight:550;line-height:1.35}.hero-features li:last-child{border:0}.hero-features svg{stroke-width:1.7px;width:21px;height:21px;margin-bottom:12px}.hero-features li:first-child svg{color:var(--brand)}.hero-stage{min-width:0;margin-right:-7vw;position:relative}.hero-studio-tilt{z-index:1;position:relative;transform:rotate(-4deg)}.hero-layer-note{z-index:2;color:#f7f3ee;background:#1d1916;border-radius:12px;align-items:center;gap:10px;padding:16px 24px;font-size:16px;display:flex;position:absolute;bottom:-25px;right:16%;transform:rotate(-7deg);box-shadow:0 12px 25px #1d191629}.hero-layer-note svg{color:#ff512b;width:20px}.hero-collage{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-photo{border:8px solid #f7f3ee;position:absolute;box-shadow:0 10px 25px #1d19161c}.hero-photo-top{width:420px;height:280px;top:-105px;left:53%;transform:rotate(-12deg)}.hero-photo-bottom{width:430px;height:260px;bottom:-105px;right:-30px;transform:rotate(12deg)}.hero-paper-strip{background:var(--paper) url(/hero/motion-ribbons-sharp.webp) center top / 500px auto repeat-y;width:500px;position:absolute;top:-60px;bottom:-50px;right:0;overflow:hidden;transform:rotate(13deg)}.hero-brush{background:var(--brand);clip-path:polygon(0 23%,13% 18%,4% 9%,47% 11%,92% 0,87% 13%,100% 8%,94% 27%,100% 30%,95% 57%,100% 65%,83% 74%,96% 82%,50% 90%,4% 100%,8% 85%,0 87%,6% 64%,0 59%);width:540px;height:150px;position:absolute}.hero-brush-top{top:20px;right:10%;transform:rotate(-12deg)}.hero-brush-bottom{bottom:65px;left:39%;transform:rotate(-49deg)}@media (min-width:1600px){.hero-stage{margin-right:-60px}}@media (max-width:1100px){.hero-layout{gap:28px;padding:55px 4% 80px}.hero-title{font-size:clamp(3.5rem,7.1vw,5.3rem)}.hero-eyebrow{letter-spacing:.1em;font-size:9px}.hero-description{font-size:16px}.hero-features{gap:10px}.hero-features li{font-size:11px}.hero-layer-note{padding:12px 16px;font-size:12px}}@media (max-width:800px){.hero-layout{grid-template-columns:1fr;gap:55px;padding:42px 24px 65px}.hero-title{font-size:clamp(4.2rem,13vw,6.5rem)}.hero-title>span{display:block}.hero-description,.hero-features{max-width:520px}.hero-features li{font-size:13px}.hero-stage{margin:0}.hero-studio-tilt{transform:rotate(-2deg)}.hero-layer-note{bottom:24px}.hero-photo-top{display:none}.hero-paper-strip{width:280px;height:370px;top:auto;bottom:-60px}.hero-brush-top{top:auto;bottom:150px;right:-200px}.hero-brush-bottom{bottom:40px;left:-200px}.hero-photo-bottom{width:260px;height:160px;bottom:-70px}}@media (prefers-reduced-motion:reduce){.hero-open{transition:none}}@media (max-width:800px){.hero-layer-note{padding:10px 14px;font-size:11px;bottom:-24px;right:10px}}@media (min-width:801px){.hero-layer-note{bottom:-24px}}
