.sheet-wrap--hero{padding-top:0}.hero{--ink: #f6eedf;--rule: rgba(246, 238, 223, .72);--text-2: #efe4d0;position:relative;isolation:isolate;overflow:hidden;display:grid;min-height:calc(100svh - var(--ribbon-h) - var(--section-gap));color:var(--ink);background:var(--wood-deep);-webkit-mask:linear-gradient(#000,#000) 0 0 / 100% calc(100% - var(--tear) + 1px) no-repeat,var(--tex-tear-bottom) 217px 100% / 600px var(--tear) repeat-x;mask:linear-gradient(#000,#000) 0 0 / 100% calc(100% - var(--tear) + 1px) no-repeat,var(--tex-tear-bottom) 217px 100% / 600px var(--tear) repeat-x}@media(min-width:768px){.sheet-wrap--hero{padding-top:28px}.hero{min-height:calc(100svh - var(--ribbon-h) - var(--section-gap) - 28px);-webkit-mask:var(--tex-tear) 0 0 / 600px var(--tear) repeat-x,linear-gradient(#000,#000) 0 calc(var(--tear) - 1px) / 100% calc(100% - var(--tear) * 2 + 2px) no-repeat,var(--tex-tear-bottom) 217px 100% / 600px var(--tear) repeat-x;mask:var(--tex-tear) 0 0 / 600px var(--tear) repeat-x,linear-gradient(#000,#000) 0 calc(var(--tear) - 1px) / 100% calc(100% - var(--tear) * 2 + 2px) no-repeat,var(--tex-tear-bottom) 217px 100% / 600px var(--tear) repeat-x}}.hero__bg{position:absolute;inset:0;z-index:-1}.hero__bg .slot,.hero__bg .slot__frame{height:100%}.hero__bg .slot{--focus: 62% 50%}.hero__bg .slot__frame{aspect-ratio:auto;background-color:var(--wood-deep)}.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#120b06c7,#120b066b 30%,#120b0614 52%,#120b062e 68%,#120b06d1),radial-gradient(120% 80% at 50% 50%,transparent 55%,rgba(12,7,4,.45) 100%);pointer-events:none}.hero__inner{display:flex;flex-direction:column;padding:18px var(--sheet-pad) calc(var(--tear) + 22px)}@media(min-width:600px){.hero__bg .slot{--focus: 50% 58%}}@media(min-width:768px){.hero__inner{padding-top:calc(var(--tear) + 22px)}}.hero__masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-bottom:12px;font-family:var(--font-text);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.hero__masthead>span:not(.hero__logo){white-space:nowrap}.hero__masthead>:last-child{justify-self:end;text-align:right}.hero__logo{width:clamp(64px,9vw,128px);aspect-ratio:1000 / 654;background:url(../images/deco-pine-gold.webp) no-repeat center / contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.hero__logo--image{width:auto;height:44px;aspect-ratio:auto;background:none;border:0;outline:0;border-radius:0}.hero__logo--image img{height:100%;width:auto}.hero__title{margin:clamp(6px,1.2vw,14px) 0 clamp(2px,.8vw,8px)}.hero__wordmark{width:100%;height:auto;overflow:visible;color:var(--ink)}.hero__wordmark text{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 14;fill:currentColor}@media(min-width:900px){.hero__wordmark text{font-weight:500;font-variation-settings:"opsz" 28}}.hero__tagline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:12px}.hero__tagline p{font-family:var(--font-display);font-size:clamp(.8rem,.55rem + 1.1vw,1.25rem);font-weight:500;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}.hero__tagline span{height:1px;background:var(--rule)}.hero__foot{margin-top:auto;padding-top:40px}.hero__intro{max-width:30ch;font-size:clamp(1.0625rem,1rem + .35vw,1.3rem);line-height:1.5;color:var(--text-2);text-shadow:0 1px 12px rgba(0,0,0,.55)}.hero__wordmark,.hero__masthead,.hero__tagline p{filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}
