/* Typography-led hero with a floating spatial path. */
#orbit-path{visibility:hidden}.orbit-layer.is-ready #orbit-path{visibility:visible}#orbit-nodes circle,.pen-tip{opacity:0}
.hero-header{height:auto;top:30px;justify-content:center;padding:0;gap:9px}.top-pill{display:flex;align-items:center;gap:35px;background:#282222;border:1px solid #ffffff0b;border-radius:60px;padding:7px 25px 7px 12px}.hero-header .brand{font-size:21px;color:var(--white);background:var(--red);padding:5px 9px;border-radius:30px;letter-spacing:-1px;transform:rotate(-7deg)}.hero-header .brand span{font-size:9px}.top-pill nav{display:flex;gap:30px}.top-pill nav a{font-size:12px}.hero-header .top-contact{background:var(--white);color:var(--black);border-radius:50px;padding:15px 24px;font-size:12px}.hero-header a:hover{color:var(--red)}.hero-header .brand:hover{color:var(--black)}
.hero{height:150vh;background:#100e0f}.hero-sticky{padding:0;min-height:650px;height:100svh;perspective:1400px}.hero-composition{position:absolute;left:3vw;right:3vw;top:15%;height:68%;perspective:1300px;isolation:isolate}.hero h1{position:absolute;inset:7% 0 auto;width:100%;font-size:clamp(70px,11.8vw,210px);line-height:1.04;letter-spacing:-.035em;margin:0;color:#f3dfdc;z-index:2;transform-style:preserve-3d;font-weight:800;text-shadow:none}.hero h1 .line{width:max-content;max-width:100%;white-space:nowrap;transform-origin:center;will-change:transform;display:block}.hero .one{margin-left:0}.hero .two{margin-left:auto;margin-top:0;line-height:1.05}.hero .three{font-size:.94em;margin-left:0;margin-top:0}.letter-orbit{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.015em;width:.83em;height:.6em;border:.065em solid currentColor;border-radius:50%;font-size:1em;color:transparent;position:relative;margin:0 .015em;border-color:#f3dfdc;transform:rotate(-9deg);line-height:1}.letter-slant{display:inline-block;font-weight:700;font-style:italic;transform:skewX(-13deg);margin-right:.015em}.letter-stretch{display:inline-block;transform:scaleX(1.5) rotate(-8deg);margin:0 .08em}.small-orbit{width:.7em;height:.55em}.hero .red-period{color:var(--red)}.orbit-layer{position:absolute;inset:-5% -5%;z-index:3;pointer-events:none;will-change:transform;transform-style:preserve-3d}.hero-orbit{width:100%;height:100%;overflow:visible;fill:none;stroke:#d4ff52;stroke-width:2.3}.hero-orbit path{vector-effect:non-scaling-stroke}.hero-orbit circle{fill:#100e0f;stroke:#d4ff52;stroke-width:2}.pen-tip{stroke-linejoin:round;stroke-width:2}.hero-badge{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.15;will-change:translate;box-shadow:0 4px 18px #0001;user-select:none;pointer-events:none}.badge-burst{left:9%;top:-1%;background:var(--red);width:96px;height:96px;clip-path:polygon(50% 0,58% 14%,72% 5%,75% 23%,94% 21%,88% 39%,100% 50%,86% 58%,95% 75%,77% 77%,77% 95%,60% 87%,50% 100%,41% 86%,23% 95%,23% 77%,5% 76%,13% 59%,0 50%,14% 41%,5% 24%,23% 23%,24% 5%,41% 14%);transform:rotate(-12deg);color:#100e0f}.badge-red{right:0;top:34%;background:var(--red);color:var(--white);width:83px;height:83px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);transform:rotate(12deg)}.badge-lime{top:32%;left:65%;background:#d4ff52;color:#111;border-radius:60px;padding:13px 20px;transform:rotate(-14deg);font-size:11px}.badge-blue{left:9%;top:66%;background:#4878fc;color:white;min-width:132px;min-height:56px;padding:12px;border-radius:0 65% 0 65%;transform:rotate(7deg)}.badge-white{left:31%;bottom:-2%;background:#f3dfdc;color:#111;width:93px;height:93px;clip-path:polygon(50% 0,59% 15%,75% 5%,77% 24%,96% 25%,87% 42%,100% 50%,85% 60%,95% 76%,76% 77%,75% 96%,59% 86%,50% 100%,40% 85%,24% 96%,23% 77%,4% 75%,15% 58%,0 50%,15% 40%,5% 25%,24% 23%,25% 5%,41% 15%);transform:rotate(9deg)}.badge-violet{right:10%;bottom:-1%;background:#8b4dff;color:#fff;min-width:132px;padding:16px 19px;border-radius:4px;transform:rotate(9deg)}.you-cursor{position:absolute;left:83%;top:83%;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:start;color:#d4ff52}.you-cursor>span{font-size:24px;line-height:1;transform:rotate(-115deg);text-shadow:1px 1px #111}.you-cursor b{font-size:12px;border-radius:30px;background:#d4ff52;color:#111;padding:6px 13px;margin-left:15px;border:1px solid #111}.hero-bottom{bottom:32px;left:4vw;right:4vw}.hero-bottom p{font-size:12px;color:#bba9a5}.hero-bottom .scroll-link{margin-right:0;font-size:10px}.hero-bottom .draft-label{font-size:10px}.dock{background:#201b20df}.dock .dock-cta{background:#f3dfdc}
@media(min-width:1550px){.hero-composition{top:16%;height:67%}.hero h1{font-size:12vw}}
@media(max-width:1050px) and (min-width:761px){.hero-composition{top:24%;height:52%}.hero h1{font-size:11.9vw}.hero-badge{font-size:10px}.badge-burst,.badge-white{width:76px;height:76px}.badge-red{width:67px;height:67px}}
@media(max-width:760px){.hero-header{top:24px;padding:0 5vw;gap:7px;justify-content:center}.top-pill{padding:6px 12px 6px 7px;gap:16px}.hero-header .brand{font-size:17px;padding:5px 7px}.top-pill nav{gap:15px}.top-pill nav a{font-size:10px}.top-pill nav a:last-child{display:none}.hero-header .top-contact{padding:14px 15px;font-size:10px}.hero{height:140vh}.hero-sticky{min-height:640px}.hero-composition{left:5vw;right:5vw;top:23%;height:47%}.hero h1{font-size:12.2vw;inset:10% 0 auto;line-height:1.6;letter-spacing:-.045em}.hero .two{font-size:1.04em;line-height:1.7}.hero .three{font-size:.925em;line-height:1.3}.orbit-layer{inset:0 -10%;opacity:.9}.hero-orbit{stroke-width:1.3}.hero-orbit circle{stroke-width:1.3;r:4}.hero-badge{font-size:8px}.badge-burst{width:60px;height:60px;left:7%;top:-3%}.badge-red{width:51px;height:51px;right:-1%;top:37%}.badge-lime{left:50%;top:34%;font-size:8px;padding:8px 11px}.badge-blue{left:5%;top:65%;min-width:83px;min-height:36px;padding:7px}.badge-white{width:58px;height:58px;bottom:-5%;left:29%}.badge-violet{right:4%;bottom:-6%;min-width:90px;padding:11px}.you-cursor>span{font-size:19px}.you-cursor b{font-size:10px;padding:4px 9px}.hero-bottom{bottom:100px;align-items:center}.hero-bottom p{font-size:11px}.hero-bottom .scroll-link{font-size:0}.hero-bottom .scroll-link span{width:35px;height:35px;font-size:20px}.hero-bottom .draft-label{display:none}}
@media(max-width:760px){.badge-lime{top:27%}.badge-red{top:0;right:0}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:640px}.orbit-layer,.hero-badge,.hero h1 .line{will-change:auto}.you-cursor{display:none}}