.hero{position:relative;height:100vh;height:100dvh;height:calc(100dvh + var(--hero-bleed, 0px));display:flex;flex-direction:column;align-items:center;overflow:clip;padding-top:24px;padding-bottom:0}.hero__header{position:relative;z-index:2;flex:0 0 auto;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,2.4dvh,24px);text-align:left;padding-left:32px;padding-right:var(--spacing-lg)}.hero__title{width:min(604px,100%);font-size:clamp(32px,5.3dvh,42px);line-height:1.21;letter-spacing:-.02em;font-weight:var(--text-weight-regular);color:var(--text-color-primary)}@media(min-width:1024px){.hero__title{font-size:48px;width:min(684px,100%)}}.hero__sub{width:min(590px,100%);font-size:clamp(14px,1.8dvh,16px);line-height:1.56;letter-spacing:-.01em;color:var(--text-color-secondary)}.hero__header .btn{font-size:clamp(14px,1.8dvh,16px)}.hero__stage{z-index:0;position:absolute;top:0;height:100vh;height:100dvh;width:calc(100% + 79.6px);left:-39.8px;cursor:grab}.hero__stage.is-grabbing{cursor:grabbing}.hero__stage iframe{position:absolute;left:50%;transform:translate(-50%);border:0;display:block}html:not(.no-js) .hero__stage iframe{visibility:hidden}html:not(.no-js) .hero__stage.is-sized iframe{visibility:visible}@media(max-width:1023px){.hero{padding-top:24px}.hero__title{font-size:clamp(26px,4.4dvh,34px)}.hero__sub{font-size:clamp(13px,1.7dvh,15px)}}@media(max-width:767px){.hero{padding-top:calc(var(--nav-h) + 16px)}.hero__header{padding-left:var(--spacing-lg)}}@media(max-width:1023px){.hero__header{gap:8px}.hero__header .btn{margin-top:calc(clamp(12px,2.4dvh,24px) - 8px)}}.hero__control{position:absolute;right:clamp(16px,3vw,48px);bottom:calc(clamp(16px,3dvh,48px) + var(--hero-bleed, 0px));z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:300px}@media(max-width:767px){.hero__control{bottom:calc(max(8px,clamp(16px,3dvh,48px) - 17px) + var(--hero-bleed, 0px))}}.hero__control-hint{width:223px;font-size:16px;line-height:1.4;letter-spacing:-.01em;color:var(--text-color-secondary);text-align:left;margin:0}.hero__control-row{display:flex;align-items:center;gap:8px;width:100%}.hero__control-label{font-size:var(--text-size-xs);line-height:1;color:var(--text-color-secondary);white-space:nowrap}.hero__control-value{box-sizing:border-box;width:var(--number-badge-width);flex:0 0 var(--number-badge-width);padding:2px 4px;border-radius:4px;background:var(--number-badge-bg);color:var(--number-badge-color);text-align:center;font-size:var(--text-size-xxxs);line-height:1;font-variant-numeric:tabular-nums}.hero__control-slider{-webkit-appearance:none;appearance:none;width:206px;flex:0 0 206px;height:16px;background:transparent;cursor:grab}.hero__control-slider:active{cursor:grabbing}.hero__control-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--slider-active) 0 var(--fill, 50%),var(--slider-inactive) var(--fill, 50%) 100%)}.hero__control-slider::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--slider-active) 0 var(--fill, 50%),var(--slider-inactive) var(--fill, 50%) 100%)}.hero__control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-dot-size);height:var(--slider-dot-size);margin-top:-4px;border-radius:50%;background:var(--slider-control-dot);border:0}.hero__control-slider::-moz-range-thumb{width:var(--slider-dot-size);height:var(--slider-dot-size);border-radius:50%;background:var(--slider-control-dot);border:0}.hero__control-slider:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:var(--radius-md)}.hero__control--panel{width:min(344px,100vw - 32px);gap:var(--spacing-sm)}.hero__panel{width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-main)}@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)){.hero__panel{background:#2b2823cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.hero__control--panel .hero__control-hint{width:100%;line-height:var(--text-height-md);letter-spacing:var(--tracking-sm)}.hero__panel-rows{display:flex;flex-direction:column;gap:24px}.hero__panel .hero__control-row{gap:var(--spacing-lg)}.hero__panel .hero__control-label{flex:0 0 100px;width:100px;font-size:13px;line-height:var(--text-height-xxs);color:var(--text-color-primary)}.hero__panel .hero__control-slider{width:auto;flex:1 1 auto;min-width:0}