[hidden]{display:none!important}body{min-width:0}.landing .hero{position:relative;height:100svh;min-height:700px}.hero__title{top:27%;left:43%;font-size:clamp(100px,min(12vw,18svh),242px);line-height:.8;mix-blend-mode:normal;letter-spacing:-.075em}.hero__title span:first-child{margin-left:.45em}.hero__model{pointer-events:auto}.hero__logo.wordmark{filter:none;width:auto;max-width:230px;font-size:40px;font-weight:800;line-height:.8;text-decoration:none;color:white;letter-spacing:-.06em}.wordmark span{display:block;font:9px monospace;letter-spacing:.05em;margin-top:12px}.hero__intro{bottom:95px;width:28vw;max-width:400px}.hero__intro h2{font-size:clamp(24px,2.3vw,44px);line-height:.95}.hero__intro h2 span:first-child{padding-left:20%}.hero__intro p{font-size:14px;max-width:330px;line-height:1.5;text-indent:0;margin-top:25px}.home-submit{display:flex;align-items:center;justify-content:space-between;margin-top:20px;min-height:48px;max-width:290px;padding:14px 17px;background:white;color:#bd2600;text-decoration:none;font-size:13px;font-weight:700}.home-submit:hover{background:#151515;color:#fff}.site-nav{top:40px;right:40px}.site-nav__link{min-height:44px;font-size:14px;padding:0 16px;color:#555}.rain-panel{width:260px;padding:20px}.play-instruction{font-size:10px;line-height:1.5;color:#fff;margin:14px 0 0;opacity:.8}.surface-readout{width:180px;top:19%;right:40px}.surface-readout__measurement{justify-content:flex-end;gap:8px}.surface-readout__value{min-width:110px;height:60px;font-size:42px}.surface-readout p{font-size:18px;text-align:right;margin:14px 0 0}.surface-readout small{display:block;text-align:right;font:8px monospace;margin-top:12px;opacity:.85}.product-callout{bottom:95px;width:280px}.directory-callout{display:block;position:relative;border:1px solid #ffffff90;padding:18px;color:#fff;text-decoration:none;transition:background .2s}.directory-callout:hover{background:white;color:#bd2600}.callout-eyebrow{font:10px monospace;line-height:1.4}.directory-callout strong{display:block;font-size:31px;line-height:1.05;letter-spacing:-.05em;font-weight:500;margin-top:23px}.product-callout__barcode{width:100%;font-size:28px;letter-spacing:.02em;margin-top:16px}.product-callout p{width:100%;margin:12px 0 0;text-indent:0;font-size:11px;line-height:1.5}.home-footer{position:absolute;bottom:24px;left:40px;right:40px;display:flex;justify-content:space-between;gap:15px;font:9px monospace;letter-spacing:.05em}.home-footer a{color:inherit;min-height:44px;display:flex;align-items:center}.home-footer>span{display:flex;align-items:center}.mini-wordmark,.menu-toggle{display:none}.skip-link{position:fixed;z-index:99;left:12px;top:-70px;background:#151515;color:#fff;padding:15px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.rain-panel__pause{width:44px;height:44px;flex-basis:44px;padding:11px}.scene-fallback{position:absolute;top:35%;left:29%;width:210px;border:1px solid #fff;padding:25px;rotate:-12deg;font-size:24px;line-height:1.3}.scene-fallback>span{font:11px monospace}.scene-fallback small{font-size:9px}.hero__model--ready+.scene-fallback{display:none}.no-js{background:#151515;padding:20px;color:white}
@media(min-width:1800px){.hero__intro p{font-size:18px;max-width:390px}.hero__intro{max-width:500px}.home-submit{font-size:16px}.product-callout{width:340px}.rain-panel{width:310px}}
@media(max-width:1100px){.site-nav__link{padding:0 11px;font-size:12px}.hero__intro{width:30%;bottom:95px}.product-callout{width:220px}.hero__title{left:40%;font-size:13vw}.directory-callout strong{font-size:27px}.hero__intro h2{font-size:26px}}
@media(max-width:1023px){.landing .hero{height:1100px;min-height:100svh}.home-header{position:absolute;top:20px;left:24px;right:24px;z-index:10;display:flex;justify-content:space-between;align-items:center}.mini-wordmark{display:block;font-size:32px;letter-spacing:-.08em;font-weight:800;color:white;text-decoration:none}.mini-wordmark span{font-size:14px;margin-left:8px;letter-spacing:0}.menu-toggle{display:block;font:13px Manrope,sans-serif;padding:12px 18px;border:1px solid #ffffff77;background:#fff;color:#151515;min-height:44px}.home-header .site-nav{display:none;position:absolute;top:52px;right:0;left:auto;min-width:200px;flex-direction:column;gap:2px;opacity:1;translate:0 0;background:white;border-color:#fff}.home-header .site-nav.is-open{display:flex}.site-nav__link{font-size:15px;min-height:48px}.rain-panel{top:90px;left:24px;right:24px;padding:8px 14px;width:auto}.rain-panel__toggle{display:grid}.rain-panel__controls{padding-top:12px}.play-instruction{margin:0 0 6px}.rain-panel h2{font-size:16px}.hero__title{top:27%;left:28%;font-size:clamp(100px,15.5vw,170px)}.surface-readout{top:20%;right:24px}.hero__intro{left:24px;bottom:100px;width:47%;max-width:390px}.hero__logo.wordmark{font-size:34px;margin-bottom:30px}.hero__intro h2{font-size:32px}.hero__intro p{font-size:14px;line-height:1.5}.product-callout{right:24px;bottom:100px;width:230px;--product-image-size:230px}.home-footer{left:24px;right:24px}.home-footer>span:last-child{display:none}.surface-readout p{font-size:13px}.scene-fallback{top:30%;left:17%;}.hero:has(.rain-panel__toggle[aria-expanded=true]) .surface-readout{top:23%}}
@media(max-width:599px){.landing .hero{height:1060px;min-height:100svh}.home-header{left:20px;right:20px}.rain-panel{left:20px;right:20px;top:85px}.hero__title{left:19%;top:29%;font-size:24vw;line-height:.84}.surface-readout{top:22%;right:20px;}.surface-readout__value{min-width:75px;height:43px;font-size:30px}.surface-readout small{font-size:7px;max-width:110px;margin-left:auto}.hero__intro{left:20px;bottom:220px;width:63%;max-width:260px}.hero__logo.wordmark{font-size:28px;margin-bottom:24px}.hero__intro h2{font-size:24px;line-height:1}.hero__intro p{font-size:12px;margin-top:18px;max-width:245px}.home-submit{min-height:48px;font-size:12px;padding:12px;margin-top:16px}.product-callout{left:20px;right:20px;bottom:76px;width:auto}.directory-callout{padding:14px;min-height:88px;display:flex;align-items:center;gap:22px}.directory-callout strong{font-size:25px;margin:0;padding-right:0}.callout-eyebrow{font-size:8px;flex-shrink:0}.product-callout__barcode{display:none}.product-callout p{font-size:9px;margin-top:8px}.home-footer{left:20px;right:20px;bottom:15px;font-size:8px}.scene-fallback{left:20px;top:30%;font-size:18px;width:160px}.hero:has(.rain-panel__toggle[aria-expanded=true]) .surface-readout{top:25%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.directory-callout{transition:none}}

@media(min-width:1024px) and (max-height:800px){.hero__intro{bottom:72px}.hero__intro .wordmark{font-size:30px;margin-bottom:25px}.hero__intro h2{font-size:25px}.hero__intro p{font-size:12px;margin-top:20px}.home-submit{font-size:12px;margin-top:15px}.rain-panel{padding:14px 18px}.rain-panel__controls{gap:8px}.product-callout{bottom:72px;width:250px}.directory-callout strong{font-size:27px}.hero__title{top:27%;font-size:13vw}.home-footer{bottom:12px}}
/* Mobile: one complete invitation screen, with both routes in reach. */
@media(max-width:599px){.landing .hero{height:100svh;min-height:844px}.hero__title{top:29%;left:19%;font-size:24vw}.hero__intro{top:59%;bottom:auto;width:calc(100% - 40px);max-width:none}.hero__intro .wordmark{display:none}.hero__intro h2{font-size:20px;line-height:1;max-width:250px}.hero__intro h2 span:first-child{padding-left:16%}.hero__intro p{font-size:11px;line-height:1.45;max-width:305px;margin-top:12px}.home-submit{width:100%;max-width:none;min-height:46px;margin-top:12px}.product-callout{bottom:67px}.directory-callout{min-height:46px;padding:10px 14px}.callout-eyebrow{display:none}.directory-callout strong{font-size:18px;line-height:1.2;padding-right:0}.directory-callout strong br{display:none}.product-callout p{display:none}.home-footer{bottom:11px}}
/* Keep the source orange; give small copy sufficient contrast. */
.rain-panel{background:rgb(0 0 0 / 28%)}.hero__intro p{color:#151515;max-width:270px}.wordmark span,.surface-readout small,.surface-readout p,.home-footer,.product-callout>p{color:#151515}.callout-eyebrow{color:#151515}.directory-callout:hover .callout-eyebrow{color:inherit}.wordmark span{color:#151515}.home-submit{color:#bd2600}.rain-panel .play-instruction{opacity:1}.home-footer a{color:#151515}.hero__title,.hero__intro h2{color:#fff}.surface-readout__value{font-weight:300}
@media(max-width:599px){.hero__intro p{max-width:305px}.directory-callout{color:#151515}.directory-callout:hover{color:#bd2600}}
.hero__model{transition:none}
.rain-panel__pause span{font-size:20px;line-height:1}.rain-panel__play-symbol{font-size:15px!important}

.site-nav__link--active,.site-nav__link--active:hover,.site-nav__link--active:focus-visible{color:#fff}

.hero noscript .no-js{position:absolute;bottom:0;left:0;right:0;z-index:12;margin:0;font-size:12px}
@media(max-width:1023px){.rain-control input{height:44px}}

/* The landing page has no pinned scroll scene. Keep short-phone navigation
   in normal flow and give the model a stage of its own. */
.landing .hero{top:0}
@media(max-width:1023px){
  .landing .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(250px,1fr) auto auto auto;gap:18px;height:auto;min-height:100svh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));isolation:isolate}
  .home-header{position:relative;inset:auto;grid-row:1;grid-column:1;min-width:0}
  .home-header .site-nav{top:calc(100% + 8px);max-width:100%;box-shadow:0 12px 24px #0005}
  .rain-panel{position:relative;inset:auto;grid-row:2;grid-column:1;width:100%;padding:8px 14px;translate:none;opacity:1}
  .rain-panel__controls{gap:16px}
  .play-instruction{font-size:11px;line-height:1.4;margin:0 0 6px}
  .hero__model{position:relative;inset:auto;grid-row:3;grid-column:1;min-width:0;min-height:0;align-self:stretch;pointer-events:none;margin-inline:-20px;overflow:hidden}
  .hero__title{position:relative;inset:auto;grid-row:3;grid-column:1;align-self:center;justify-self:center;margin:0;padding:12px 0;font-size:clamp(86px,17vw,150px);line-height:.82;translate:none;opacity:1}
  .hero__intro{position:relative;inset:auto;grid-row:4;grid-column:1;width:100%;max-width:none;translate:none;opacity:1}
  .hero__intro .wordmark{display:none}
  .hero__intro h2{font-size:24px;line-height:1;max-width:360px}
  .hero__intro h2 span:first-child{padding-left:16%}
  .hero__intro p{font-size:14px;line-height:1.5;margin-top:12px;max-width:540px}
  .home-submit{width:100%;max-width:none;min-height:48px;font-size:14px;margin-top:14px}
  .product-callout{position:relative;inset:auto;grid-row:5;grid-column:1;width:100%;translate:none;opacity:1}
  .directory-callout{display:flex;align-items:center;min-height:48px;padding:12px 14px;color:#151515}
  .directory-callout strong{font-size:22px;line-height:1.2;margin:0;padding-right:0}
  .directory-callout strong br,.callout-eyebrow,.product-callout__barcode,.product-callout>p{display:none}
  
  .home-footer{position:relative;inset:auto;grid-row:6;grid-column:1;font-size:10px;min-height:44px;align-items:center}
  .surface-readout{display:none}
  .scene-fallback{position:relative;inset:auto;grid-row:3;grid-column:1;align-self:center;justify-self:start;width:150px;padding:14px;font-size:18px;z-index:1}
  .rain-control__label{font-size:12px}
}
@media(max-width:599px){
  .landing .hero{grid-template-rows:auto auto minmax(230px,1fr) auto auto auto;gap:14px}
  .hero__title{font-size:clamp(80px,24vw,115px)}
  .hero__intro h2{font-size:21px}
  .hero__intro p{font-size:13px;max-width:none}
  .directory-callout strong{font-size:18px}
  .rain-control__label{font-size:11px}
}
@media(max-width:1023px) and (max-height:500px) and (orientation:landscape){
  .landing .hero{grid-template-rows:auto auto 260px auto auto auto}
  .hero__title{font-size:100px}
}

/* Explicit disclosure text replaces the decorative chevron. */
@media(max-width:1023px){.rain-panel__toggle{width:auto;min-width:74px;flex:0 0 auto;font:600 11px Manrope,sans-serif;padding:10px}.rain-panel h2{font-size:14px}}
