.sub{background:var(--beige) url(/images/linen.webp) repeat;background-blend-mode:multiply;color:var(--dark);background-size:520px;overflow-x:clip}.sub .site-header{color:#fdf7f0;text-shadow:0 1px 14px #28140a59;position:absolute}.hero{background:#d8b49a url(/images/dusk.webp) 50% 42%/cover;height:min(72vh,46rem);min-height:26rem;position:relative}.hero__stage{opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease-out);position:absolute;inset:0}.hero[data-ready] .hero__stage{opacity:1}.hero.no-webgl .hero__stage{display:none}.hero{-webkit-mask-image:linear-gradient(#000 58%,#0000);mask-image:linear-gradient(#000 58%,#0000)}.hero__back{z-index:2;color:#fdf7f0;white-space:nowrap;position:absolute;top:44%;left:50%;transform:translate(-50%)}.sub__page{padding:0 clamp(1.25rem,5vw,5rem);position:relative}.sub__lines{color:var(--terracotta);opacity:.22;pointer-events:none;position:absolute}.sub__lines--top{width:min(46vw,40rem);top:2rem;right:-4vw}.sub__lines--left{width:min(40vw,34rem);top:10%;left:-8vw;transform:scaleX(-1)}.sub__lines--bottom{width:min(42vw,36rem);bottom:14rem;left:-3vw}.sub__intro{text-align:right;grid-template-columns:auto 1fr;align-items:baseline;column-gap:1.2rem;max-width:40rem;margin:0 0 clamp(4rem,9vw,8rem) auto;padding-top:clamp(1rem,3vw,3rem);display:grid;position:relative}.sub__intro h1{color:var(--dark);grid-column:2;font-size:clamp(2.2rem,4.2vw,3.6rem)}.sub__intro p{grid-column:2;margin:.8rem 0 0}.sub__star{width:1rem;height:1rem;color:var(--terracotta);grid-row:1}.slanted{margin:0}.slanted img{object-fit:cover;width:100%;height:100%}.how{grid-template-columns:38% 1fr;margin:0 calc(-1*clamp(1.25rem,5vw,5rem)) clamp(6rem,12vw,10rem);display:grid;position:relative}.how__panel{grid-area:1/1/auto/3;width:54%;height:100%}.how__steps{counter-reset:none;grid-area:1/2;margin:0;padding:2rem clamp(1.25rem,5vw,5rem) 2rem 0;list-style:none}.how__steps li{max-width:34rem;margin-left:calc(14vw - var(--i) * 2.6vw);grid-template-columns:4.2rem 1fr;gap:1rem;padding-bottom:clamp(2.5rem,5vw,4rem);scroll-margin-top:4rem;display:grid}.how__n{font-family:var(--font-title);color:var(--warm);text-align:right;font-size:clamp(3rem,5vw,4.4rem);line-height:.9}.how__steps h2{color:var(--dark);margin-bottom:.6rem;font-size:clamp(1.5rem,2.2vw,2rem)}.how__steps p{margin:0 0 .8rem}.lies{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(5rem,10vw,9rem);display:grid;position:relative}.lies__text{max-width:30rem;margin-left:clamp(0rem,6vw,6rem);position:relative}.lies__text h2{margin-bottom:1.2rem;font-size:clamp(2rem,3.2vw,2.8rem)}.lies__quote{color:var(--terracotta);margin:1.8rem 0 0;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.35}.lies__photo{aspect-ratio:4/3;margin-right:calc(-1*clamp(1.25rem,5vw,5rem))}.lies__photo img{object-position:30% 40%}.scenario{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(5rem,10vw,9rem);display:grid;position:relative}.scenario__row{aspect-ratio:16/5;grid-column:1/-1;width:calc(78% + clamp(1.25rem,5vw,5rem));margin:0 calc(-1*clamp(1.25rem,5vw,5rem)) clamp(1rem,3vw,3rem)}.scenario__text{max-width:28rem;margin-left:clamp(0rem,5vw,5rem)}.scenario__text h2{margin-bottom:1rem;font-size:clamp(1.8rem,2.8vw,2.5rem)}.scenario__label{color:var(--terracotta);margin:0 0 .6rem;font-size:.875rem;font-style:italic;font-weight:500}.scenario__big{aspect-ratio:16/10;margin-right:calc(-1*clamp(1.25rem,5vw,5rem))}.scenario--right .scenario__text{grid-area:1/2}.scenario--right .scenario__big{grid-area:1/1;margin:0 0 0 calc(-1*clamp(1.25rem,5vw,5rem))}.sub-footer{color:var(--terracotta);justify-items:center;gap:1.5rem;padding:2rem 0 3rem;display:grid;position:relative}.sub-footer .button{padding-inline:2em;font-size:clamp(1.25rem,1.8vw,1.6rem)}.sub-footer__star{width:1.1rem;height:1.1rem;margin-top:1.5rem}.sub-footer__line{text-align:center;color:var(--dark);margin:0;font-size:.8125rem}.sub-footer__line a{text-decoration:none}@media (max-width:760px){.how{grid-template-columns:1fr}.how__panel{grid-column:1;width:100%;height:16rem}.how__steps{grid-area:2/1;padding:2.5rem 1.25rem 0}.how__steps li{grid-template-columns:3rem 1fr;margin-left:0}.lies,.scenario{grid-template-columns:1fr}.lies__text,.scenario__text{margin-left:0}.scenario--right .scenario__text,.scenario--right .scenario__big{grid-area:auto/1}.scenario__row{width:calc(100% + 2.5rem)}.sub__intro{text-align:left;margin-left:0}}
