/* A scroll-led typographic interlude, in the current board edition. */
.octave-home .why-wow{position:relative;height:145svh;background:var(--paper);color:var(--ink);margin:0;isolation:isolate}
.octave-home .why-wow-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding:100px 24px 32px}
.octave-home #why-wow-title{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,4svh,42px);margin:0;font-family:'Octave',Georgia,serif;font-weight:300;line-height:1;letter-spacing:0;text-transform:uppercase;font-feature-settings:'dlig' 1,'ss01' 1,'ss06' 1,'ss11' 1;text-align:center}
.octave-home .why-wow-word{display:block;width:max-content;max-width:100%;line-height:1;font-weight:200!important;font-variation-settings:"wght" 200,"opsz" 12!important}
.octave-home .why-wow-small{font-size:clamp(26px,5.5svh,56px)}
.octave-home .why-wow-large{font-size:min(24vw,24svh,240px)}
/* A soft vertical veil and small rise, scrubbed in both directions. */
.octave-home .why-wow.is-scroll-driven .why-wow-word{
 opacity:var(--word-opacity,0);
 transform:translate3d(0,calc((1 - var(--word-motion,0))*18px),0);
 color:var(--ink)!important;-webkit-text-fill-color:var(--ink);
 background:none;
 -webkit-mask-image:linear-gradient(to bottom,#000 var(--word-solid,-60%),transparent var(--word-clear,0%));
 mask-image:linear-gradient(to bottom,#000 var(--word-solid,-60%),transparent var(--word-clear,0%));
 transition:none;
}

.octave-home .why-wow + #home-work{padding-top:clamp(48px,10svh,120px)}
@media(max-width:679px){.octave-home .why-wow-stage{padding:100px 20px 40px}.octave-home #why-wow-title{gap:clamp(24px,4svh,38px)}.octave-home .why-wow-small{font-size:clamp(26px,7vw,36px)}}
@media(max-height:500px){.octave-home .why-wow-stage{padding-top:80px;padding-bottom:16px}.octave-home #why-wow-title{gap:12px}.octave-home .why-wow-large{font-size:min(20vw,22svh)}.octave-home .why-wow-small{font-size:22px}}
@media(prefers-reduced-motion:reduce){.octave-home .why-wow{height:auto}.octave-home .why-wow-stage{position:relative;min-height:80svh;height:auto;padding-block:100px}.octave-home .why-wow.is-scroll-driven .why-wow-word{opacity:1;transform:none;filter:none;background:none;color:var(--ink)!important;-webkit-text-fill-color:var(--ink);-webkit-mask-image:none;mask-image:none;transition:none!important;will-change:auto}}

/* Reference-inspired ink reveal: words stay still and brighten in sequence. */
.octave-home #why-wow-title{position:absolute;right:5vw;width:30vw;max-width:420px;container-type:inline-size;gap:clamp(18px,3svh,32px)}
.octave-home .why-wow-word{font-weight:100!important;font-variation-settings:"wght" 100,"opsz" 12!important}
.octave-home .why-wow-small{font-size:clamp(20px,3vw,38px)}
.octave-home .why-wow-large{font-size:min(10vw,16svh,150px)}
.octave-home .why-wow.is-scroll-driven .why-wow-word{opacity:calc(.16 + var(--word-reveal,0)*.84);transform:none;background:none;-webkit-mask-image:none;mask-image:none;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)}
@media(max-width:679px){.octave-home #why-wow-title{right:4vw;width:32vw;gap:24px}.octave-home .why-wow-small{font-size:20px}.octave-home .why-wow-large{font-size:10.5vw}}
@media(prefers-reduced-motion:reduce){.octave-home #why-wow-title{position:relative;right:auto;width:100%;max-width:none}.octave-home .why-wow.is-scroll-driven .why-wow-word{opacity:1}}

/* Keep the statement centred in its sticky stage. */
.octave-home #why-wow-title{position:relative;right:auto;width:100%;max-width:none}
@media(max-width:679px){.octave-home #why-wow-title{right:auto;width:100%}}

.octave-home .why-wow-word{font-weight:200!important;font-variation-settings:'wght' 200,'opsz' 12!important}

/* Give the mobile statement the same editorial presence as the opening. */
@media(max-width:679px) and (min-height:501px){
 .octave-home #why-wow-title{gap:clamp(18px,3svh,26px)}
 .octave-home .why-wow-large{font-size:min(24vw,18svh,112px)}
 .octave-home .why-wow-small{font-size:clamp(24px,7vw,32px)}
}