/* Homepage: quiet editorial typography and an explorable constellation. */

.hero-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:660px;gap:12px}
.hero-copy{position:relative;z-index:1;padding-block:60px}
.hero-copy .eyebrow{margin-bottom:40px}
.hero-copy h1{font-size:clamp(58px,6.4vw,88px);font-weight:400;line-height:.99;letter-spacing:-.065em}
.amber-dot{color:#bd7b22}
.hero-intro{font-size:23px;line-height:1.35;margin-top:30px;letter-spacing:-.025em}
.hero-description{font-size:15px;line-height:1.65;color:#686c63;max-width:34ch;margin-top:18px}
.explore-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;color:#242820;padding-block:12px;border-bottom:1px solid #a5a79e}
.explore-link span{font-size:20px;transition:transform .2s}
.explore-link:hover span{transform:translate(3px,-3px)}
.hero-copy .explore-link{margin-top:25px}
.star-scene{height:600px;position:relative;min-width:0}
#star-field{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;border-radius:50%}
#star-field:active{cursor:grabbing}
#star-field:focus-visible{outline-offset:-8px}
.star-fallback{position:absolute;inset:12% 5%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,rgba(209,169,99,.15),transparent 65%);border:1px dotted #b8b5a6}
.star-scene.is-ready .star-fallback{display:none}
.hero-baseline{display:flex;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:30px;font-size:11px;color:#777b70}
.hero-baseline a{color:inherit;display:flex;gap:24px}
.product-section{padding-top:100px;padding-bottom:100px;border-top:1px solid #dcded5}
.editorial-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:68px}
.editorial-heading .eyebrow{margin-top:10px}
.editorial-heading h2{font-size:clamp(38px,4.4vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.editorial-heading p:not(.eyebrow){font-size:16px;line-height:1.65;color:#696e61;max-width:52ch;margin-top:24px}
.product-feature + .product-feature{margin-top:70px}
.product-caption{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:27px}
.product-caption .eyebrow{}
.product-caption h3{font-weight:400;font-size:28px;letter-spacing:-.035em;margin-top:10px}
.product-caption h3 a{color:#272d22}
.product-caption h3 span{font-size:22px;margin-left:10px}
.product-caption>p{font-size:15px;line-height:1.65;color:#6a7062;max-width:42ch;padding-top:3px}
.company-section{background:#eeefe8;padding-block:95px}
.company-section .editorial-heading{margin-bottom:0}
.company-links{display:flex;gap:32px;flex-wrap:wrap;margin-top:25px}

@media(min-width:1400px){.hero-layout{min-height:740px}.star-scene{height:670px}}
@media(max-width:860px){.hero-layout{grid-template-columns:1fr 1fr;min-height:580px}.hero-copy h1{font-size:64px}.star-scene{height:480px}.hero-copy .eyebrow{max-width:24ch;line-height:1.6}.editorial-heading{grid-template-columns:1fr 2fr;gap:24px}}
@media(max-width:600px){.hero-layout{display:flex;flex-direction:column;gap:0}.hero-copy{padding-top:48px;padding-bottom:0;width:100%}.hero-copy .eyebrow{max-width:none;margin-bottom:25px}.hero-copy h1{font-size:64px}.hero-intro{font-size:21px;margin-top:24px}.hero-description{max-width:36ch}.hero-copy .explore-link{margin-top:16px}.star-scene{width:100%;height:390px;margin-top:4px}.hero-baseline{padding-top:20px;font-size:9px}.hero-baseline a{gap:10px}.product-section{padding-block:64px}.editorial-heading{display:block;margin-bottom:36px}.editorial-heading .eyebrow{margin-bottom:24px}.editorial-heading h2{font-size:40px}.editorial-heading p:not(.eyebrow){font-size:15px;margin-top:20px}.desktop-break{display:none}.product-caption{grid-template-columns:1fr;gap:12px;padding-top:22px}.product-caption h3{font-size:26px}.product-feature+.product-feature{margin-top:45px}.company-section{padding-block:64px}.company-links{gap:18px}.company-links .explore-link{gap:18px}}
@media(prefers-reduced-motion:reduce){.home *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:360px){.hero-copy h1{font-size:54px}}

/* Space-particle hero variant on the original warm paper canvas. */
.constellation-hero{background:var(--paper);overflow:hidden}
.constellation-hero .hero-layout{grid-template-columns:.9fr 1.2fr;gap:0;min-height:710px}
.constellation-hero .hero-copy{padding-block:70px}
.constellation-hero .star-scene{height:690px;margin-right:-45px}
.constellation-hero #star-field{border-radius:0}
.constellation-hero .star-fallback{border:0;background:radial-gradient(ellipse,rgba(91,149,194,.18),rgba(69,122,183,.05) 25%,transparent 65%)}
@media(min-width:1400px){.constellation-hero .hero-layout{min-height:760px}.constellation-hero .star-scene{height:740px}}
@media(max-width:860px){.constellation-hero .hero-layout{grid-template-columns:1fr 1fr;min-height:620px}.constellation-hero .star-scene{height:550px;margin-right:-24px}.constellation-hero .hero-copy h1{font-size:60px}}
@media(max-width:600px){.constellation-hero .hero-layout{display:flex;min-height:0}.constellation-hero .hero-copy{padding-block:48px 0}.constellation-hero .hero-copy h1{font-size:60px}.constellation-hero .star-scene{height:420px;width:calc(100% + 40px);margin:0 -20px}.constellation-hero .hero-baseline{padding-top:0}}
@media(max-width:360px){.constellation-hero .hero-copy h1{font-size:52px}.constellation-hero .star-scene{height:360px}}