/* START_SECTION:whiff-home-redesign (INDEX:111) */
.wfh{--wfh-paper:#f0ede6;--wfh-ink:#111310;--wfh-orange:#ff6a36;--wfh-line:#31312e;background:#0b0c0b;color:var(--wfh-paper);font-family:'IBM Plex Sans',Arial,sans-serif;overflow:clip;line-height:1.5;font-size:16px}
.wfh *{box-sizing:border-box}
.wfh :is(h1,h2,h3,h4,p,ul){margin:0;padding:0}
.wfh :is(h1,h2,h3,h4){font-family:inherit;color:inherit;text-transform:none;font-weight:500;letter-spacing:-.045em}
.wfh a{color:inherit;text-decoration:none}
.wfh img{display:block;width:100%;height:100%;object-fit:cover}
.wfh a:focus-visible,.wfh summary:focus-visible{outline:3px solid var(--wfh-orange);outline-offset:6px}
.wfh [id]{scroll-margin-top:115px}
.wfh .wfh-pad{padding:100px max(5vw,24px)}
.wfh .wfh-kicker{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.13em;display:flex;align-items:center;gap:10px;color:inherit;text-transform:uppercase}
.wfh .wfh-kicker i{display:block;width:7px;height:7px;border-radius:50%;background:var(--wfh-orange);box-shadow:0 0 20px #ff6a3680}
.wfh .wfh-hero{position:relative;min-height:670px;height:calc(100svh - 96px);max-height:920px;background:#080908;display:flex;align-items:center;isolation:isolate;padding:72px 5vw 110px}
.wfh .wfh-hero-art{position:absolute;inset:0 0 0 28%;z-index:-2;overflow:hidden}
.wfh .wfh-hero-art img{object-position:70% 50%}
.wfh .wfh-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080908 0%,#080908 20%,#080908e8 31%,#08090830 52%,transparent 68%),linear-gradient(0deg,#080908 0%,transparent 22%)}
.wfh .wfh-hero-copy{width:48%;max-width:640px}
.wfh h1{font-size:clamp(65px,7.7vw,132px);line-height:.96;letter-spacing:-.065em;margin:27px 0 26px;font-weight:500}
.wfh h1 span{color:var(--wfh-orange)}
.wfh .wfh-lead{font-size:18px;line-height:1.6;max-width:370px;color:#c6c6bf;font-weight:400}
.wfh .wfh-actions{display:flex;align-items:center;gap:28px;margin:30px 0 22px;flex-wrap:wrap}
.wfh .wfh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--wfh-orange);color:#10110e;padding:17px 24px;min-height:56px;border:1px solid var(--wfh-orange);font-size:15px;font-weight:500;letter-spacing:-.01em;transition:background .2s,color .2s}
.wfh .wfh-button:hover{background:#ff8256;border-color:#ff8256}
.wfh .wfh-button span{font-size:22px;line-height:1}
.wfh .wfh-text-link{font-size:14px;border-bottom:1px solid #73746d;padding:10px 0;display:inline-flex;align-items:center;gap:20px;min-height:44px}
.wfh .wfh-text-link:hover{color:var(--wfh-orange);border-color:var(--wfh-orange)}
.wfh .wfh-micro{font-size:12px;color:#999b94}
.wfh .wfh-hero-foot{position:absolute;bottom:0;left:5vw;right:5vw;border-top:1px solid #45443a;display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px;font:400 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#b0b0a7}
.wfh .wfh-hero-foot nav{display:flex;gap:34px}
.wfh .wfh-hero-foot a{min-height:44px;display:flex;align-items:center;gap:10px;color:#e9e9e1}
.wfh .wfh-hero-foot i{width:6px;height:6px;display:block;border-radius:50%}
.wfh .wfh-dot-orange{background:#ff6a36}.wfh .wfh-dot-green{background:#b6d77b}.wfh .wfh-dot-violet{background:#b7a1e6}
.wfh .wfh-intro{background:var(--wfh-paper);color:var(--wfh-ink)}
.wfh .wfh-heading-row{display:flex;justify-content:space-between;align-items:end;gap:80px;margin:25px 0 56px}
.wfh h2{font-size:clamp(40px,4.7vw,76px);line-height:1.05}
.wfh .wfh-heading-row>p{max-width:350px;font-size:16px;line-height:1.7;color:#b3b5ac}
.wfh .wfh-intro .wfh-heading-row>p{color:#606259}
.wfh .wfh-method{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8c9be;padding-top:30px}
.wfh .wfh-method article{padding:0 40px;border-right:1px solid #c8c9be}
.wfh .wfh-method article:first-child{padding-left:0}.wfh .wfh-method article:last-child{border:0;padding-right:0}
.wfh .wfh-number{display:inline-block;font:400 11px/1 'IBM Plex Mono',monospace;color:#777b6d;margin-bottom:34px}
.wfh .wfh-method h3{font-size:25px;letter-spacing:-.035em;margin-bottom:12px}
.wfh .wfh-method p{color:#62645a;line-height:1.7;font-size:14px;max-width:320px}
.wfh .wfh-states{background:#101210}
.wfh .wfh-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wfh .wfh-state{background:#181a17;border:1px solid #2c3028;position:relative;transition:transform .25s,border-color .25s}
.wfh .wfh-state:hover{transform:translateY(-5px);border-color:var(--state)}
.wfh .wfh-orange{--state:#ff8c5b}.wfh .wfh-green{--state:#c4e39a}.wfh .wfh-violet{--state:#c5b0ed}
.wfh .wfh-state-image{position:relative;aspect-ratio:1;overflow:hidden}
.wfh .wfh-state-image img{object-position:center}
.wfh .wfh-state-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181a17 0%,transparent 24%)}
.wfh .wfh-state-label{position:absolute;top:22px;left:22px;color:var(--state);font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;background:#101210c9;padding:7px 10px}
.wfh .wfh-state-body{padding:12px 26px 27px}
.wfh .wfh-state-name{display:flex;align-items:center;justify-content:space-between;color:var(--state);margin-bottom:23px}
.wfh .wfh-state-name h3{font-size:42px;letter-spacing:-.04em}
.wfh .wfh-state-name>span{font-size:26px}
.wfh .wfh-state h4{font-size:22px;margin-bottom:10px}
.wfh .wfh-state p{font-size:14px;line-height:1.65;color:#b3b7aa;min-height:70px}
.wfh .wfh-card-link{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;color:var(--state);font-size:13px;border-bottom:1px solid #56604c}
.wfh .wfh-card-link:after{content:'';position:absolute;inset:0}
.wfh .wfh-os{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#080a08;border-top:1px solid #242a20;border-bottom:1px solid #242a20;align-items:center;overflow:hidden}
.wfh .wfh-os h2{font-size:clamp(40px,4vw,64px);margin:28px 0}.wfh .wfh-os h2 span{color:#959d8e}
.wfh .wfh-os .wfh-lead{max-width:390px;font-size:16px}
.wfh .wfh-os ul{list-style:none;margin:26px 0 35px;font-size:13px;color:#b3b9ab}
.wfh .wfh-os li{padding:9px 0;border-bottom:1px solid #252d20;max-width:350px}
.wfh .wfh-os li:before{content:'↗';color:#e0f1c7;margin-right:16px}
.wfh .wfh-button-light{background:#e6ebdc;border-color:#e6ebdc}
.wfh .wfh-button-light:hover{background:#c4d2b1;border-color:#c4d2b1}
.wfh .wfh-os-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.wfh .wfh-orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1}
.wfh .wfh-orbit i{border:1px solid #b3c49d30;border-radius:50%;position:absolute;width:100%;aspect-ratio:1}
.wfh .wfh-orbit i:nth-child(2){width:78%}.wfh .wfh-orbit i:nth-child(3){width:55%;box-shadow:0 0 100px #a9c47e1a}
.wfh .wfh-os-photo{width:100%;aspect-ratio:1.12;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);border-radius:8px}
.wfh .wfh-os-photo img{object-fit:cover;object-position:52% center;transform:scale(1.2)}
.wfh .wfh-os-caption{position:absolute;bottom:-15px;color:#adb6a0;font:400 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em}
.wfh .wfh-pause{position:relative;min-height:520px;display:flex;align-items:end;padding:70px 5vw;isolation:isolate}
.wfh .wfh-pause-image{position:absolute;inset:0;z-index:-2}
.wfh .wfh-pause-image img{object-position:70% 40%}
.wfh .wfh-pause:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a08d9 10%,#080a0870 50%,#080a080d 90%),linear-gradient(0deg,#080a08 0%,transparent 65%)}
.wfh .wfh-pause h2{margin:20px 0 28px;max-width:620px}
.wfh .wfh-shop{background:var(--wfh-paper);color:var(--wfh-ink)}
.wfh .wfh-shop .wfh-heading-row>p{color:#606259}
.wfh .wfh-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.wfh .wfh-offer{border:1px solid #d2d2c8;background:#e6e5dc}
.wfh .wfh-offer-image{display:block;aspect-ratio:1.65;background:#111}
.wfh .wfh-offer-image img{object-position:center 50%}
.wfh .wfh-offer-info{padding:25px;display:flex;justify-content:space-between;gap:15px;align-items:start}
.wfh .wfh-offer h3{font-size:23px;letter-spacing:-.025em}
.wfh .wfh-offer-info p{font-size:12px;color:#66695e;margin-top:7px}
.wfh .wfh-offer-info strong{font-size:18px;font-weight:500;white-space:nowrap}
.wfh .wfh-offer-link{border-top:1px solid #cecec3;padding:17px 25px;display:flex;justify-content:space-between;font-size:14px;transition:background .2s}
.wfh .wfh-offer-link:hover{background:#d1d8c3}
.wfh .wfh-shop-notes{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:11px;color:#63675b}
.wfh .wfh-shop-notes span:before{content:'✓';margin-right:8px;color:#343e28}
.wfh .wfh-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}
.wfh .wfh-faq h2{margin:25px 0 30px}
.wfh .wfh-faq details{border-bottom:1px solid #363b30;padding:23px 0}.wfh .wfh-faq details:first-child{border-top:1px solid #363b30}
.wfh .wfh-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:16px;line-height:1.4;min-height:24px}
.wfh .wfh-faq summary::-webkit-details-marker{display:none}
.wfh .wfh-faq summary span{color:#afba9f;transition:transform .2s}.wfh .wfh-faq details[open] summary span{transform:rotate(45deg)}
.wfh .wfh-faq details p{color:#acb4a1;font-size:14px;line-height:1.8;padding-top:20px;max-width:510px}
.wfh .wfh-close{padding:90px 24px;text-align:center;background:#172015;border-top:1px solid #34422c;position:relative}
.wfh .wfh-close .wfh-kicker{justify-content:center;color:#bdc9ad}
.wfh .wfh-close h2{font-size:clamp(50px,7.7vw,120px);margin:20px 0 36px;letter-spacing:-.06em}
.wfh .wfh-close>p:last-child{margin-top:35px;color:#a5b597;font-size:12px}
body:has(.wfh) .main-content{padding-top:0!important}
body:has(.wfh) .breadcrumb{display:none}
@media(min-width:1600px){.wfh .wfh-hero-art{left:32%}.wfh .wfh-hero-copy{max-width:700px}}
@media(max-width:1050px){.wfh .wfh-heading-row{gap:45px}.wfh .wfh-state-body{padding:12px 20px 24px}.wfh .wfh-os{gap:20px}.wfh .wfh-state p{min-height:92px}.wfh .wfh-offer-info{flex-wrap:wrap}.wfh .wfh-hero-copy{width:52%}.wfh .wfh-hero-foot>span{max-width:220px}}
@media(max-width:760px){
.wfh .wfh-pad{padding:64px 22px}.wfh .wfh-kicker{font-size:9px;letter-spacing:.12em}
.wfh .wfh-hero{height:auto;max-height:none;min-height:830px;padding:55px 22px 395px;align-items:start}
.wfh .wfh-hero-copy{width:100%;max-width:500px}
.wfh h1{font-size:clamp(64px,14vw,94px);margin:22px 0;line-height:.93}
.wfh .wfh-lead{font-size:16px;max-width:330px}
.wfh .wfh-hero-art{inset:350px 0 40px -32%;height:430px}
.wfh .wfh-hero-art img{object-position:74% center}
.wfh .wfh-hero:after{background:linear-gradient(180deg,#080908 0%,#080908 35%,#08090840 53%,transparent 65%,#080908 93%)}
.wfh .wfh-actions{gap:22px;margin-top:24px}.wfh .wfh-button{min-height:54px;padding:15px 20px;gap:24px;font-size:14px}.wfh .wfh-text-link{font-size:13px;gap:14px}
.wfh .wfh-micro{font-size:10px}.wfh .wfh-hero-foot{left:22px;right:22px;min-height:70px;bottom:0;justify-content:center}.wfh .wfh-hero-foot>span{display:none}.wfh .wfh-hero-foot nav{gap:32px}
.wfh .wfh-heading-row{display:block;margin:22px 0 35px}.wfh h2{font-size:42px}.wfh .wfh-heading-row>p{margin-top:23px;max-width:420px;font-size:14px}
.wfh .wfh-method{grid-template-columns:1fr;padding-top:0}.wfh .wfh-method article{padding:24px 0!important;border-right:0;border-bottom:1px solid #c8c9be;display:grid;grid-template-columns:36px 1fr;gap:6px}.wfh .wfh-method h3{font-size:22px}.wfh .wfh-method p{grid-column:2;font-size:13px}.wfh .wfh-number{grid-row:1/3;margin:8px 0 0}
.wfh .wfh-state-grid{grid-template-columns:1fr;gap:24px}.wfh .wfh-state-image{aspect-ratio:1.2}.wfh .wfh-state-body{padding:10px 24px 25px}.wfh .wfh-state-name{margin-bottom:16px}.wfh .wfh-state p{min-height:0}.wfh .wfh-state h4{font-size:23px}.wfh .wfh-state-name h3{font-size:40px}
.wfh .wfh-os{grid-template-columns:1fr;gap:35px}.wfh .wfh-os h2{font-size:40px}.wfh .wfh-os-visual{min-height:340px}.wfh .wfh-os-photo{max-width:480px}.wfh .wfh-os-caption{bottom:-5px}
.wfh .wfh-pause{min-height:520px;padding:45px 22px}.wfh .wfh-pause-image img{object-position:64% center}.wfh .wfh-pause:after{background:linear-gradient(0deg,#080a08 2%,#080a08aa 35%,#080a0808 80%)}.wfh .wfh-pause h2{font-size:39px}
.wfh .wfh-shop-grid{grid-template-columns:1fr;gap:26px}.wfh .wfh-offer-info{padding:22px;flex-wrap:nowrap}.wfh .wfh-offer h3{font-size:21px}.wfh .wfh-offer-info strong{font-size:16px}.wfh .wfh-offer-info p{font-size:10px}.wfh .wfh-shop-notes{flex-direction:column;gap:12px}
.wfh .wfh-faq{grid-template-columns:1fr;gap:32px}.wfh .wfh-faq h2{margin-bottom:20px}.wfh .wfh-faq summary{font-size:15px}.wfh .wfh-close{padding:70px 22px}.wfh .wfh-close h2{font-size:55px}
}
@media(prefers-reduced-motion:reduce){.wfh *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.wfh .wfh-state:hover{transform:none}}

body:has(.wfh) .section-header{background:#080908!important;--header-linkcolor:#f0ede6;--header-menuhover:#ff6a36;--header-color-indicator:#f0ede6}
body:has(.wfh) .site-header{position:relative!important;background:#080908!important;top:auto!important}
.wfh .wfh-hero{min-height:650px;background:#060605}
.wfh .wfh-hero-art{inset:0;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.025);transition:transform .45s ease-out}
.wfh .wfh-hero-art img,.wfh .wfh-hero-video{object-position:center;width:100%;height:100%;object-fit:cover}
.wfh .wfh-hero-video{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.wfh .wfh-hero-art.is-playing .wfh-hero-video{opacity:1}
.wfh .wfh-hero:after{background:linear-gradient(90deg,#060605e0 0%,#060605b0 28%,#06060538 48%,transparent 65%),linear-gradient(0deg,#080908 0%,transparent 20%)}
.wfh .wfh-hero-copy{max-width:580px;width:47%}.wfh h1{font-size:clamp(65px,7.5vw,120px)}
.wfh .wfh-motion-toggle{position:absolute;right:5vw;bottom:92px;z-index:3;border:1px solid #ffffff60;color:#f0ede6;background:#09090870;border-radius:30px;min-height:42px;padding:10px 16px;display:flex;gap:9px;align-items:center;font:400 10px/1 'IBM Plex Mono',monospace;letter-spacing:.05em;cursor:pointer;backdrop-filter:blur(10px)}
.wfh .wfh-motion-toggle:hover{border-color:#ff946d}.wfh .wfh-motion-toggle:focus-visible,.wfh .wfh-state-switch button:focus-visible{outline:3px solid #ff946d;outline-offset:5px}
.wfh .wfh-frequency{--state:#ff733e;--state-soft:#ff733e44;background:#080908;position:relative;isolation:isolate;min-height:740px;overflow:hidden;transition:color .6s;display:flex;flex-direction:column;justify-content:space-between}
.wfh .wfh-frequency[data-state=focus]{--state:#b4df7c;--state-soft:#b4df7c44}.wfh .wfh-frequency[data-state=calm]{--state:#b39ae9;--state-soft:#b39ae944}
.wfh .wfh-frequency-heading{position:relative;z-index:2;pointer-events:none}.wfh .wfh-frequency-heading h2{margin-top:24px;max-width:600px;font-size:clamp(46px,5.4vw,88px)}
.wfh .wfh-frequency-stage{position:absolute;inset:0;z-index:-1;overflow:hidden;perspective:900px}
.wfh .wfh-frequency-word{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:clamp(100px,22vw,380px);font-weight:600;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--state-soft);white-space:nowrap;line-height:1;transition:-webkit-text-stroke-color .8s}
.wfh .wfh-frequency-orbit{position:absolute;left:66%;top:51%;width:420px;height:420px;transform:translate(-50%,-50%) rotateX(18deg) rotateZ(var(--scroll-rotation,-15deg));transform-style:preserve-3d;transition:color 1s;color:var(--state);filter:drop-shadow(0 0 30px var(--state-soft))}
.wfh .wfh-frequency-orbit i{position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 25px var(--state-soft),0 0 25px var(--state-soft);transform-style:preserve-3d;animation:wfh-orbit-one 16s linear infinite}
.wfh .wfh-frequency-orbit i:nth-child(2){inset:40px;animation-name:wfh-orbit-two;animation-duration:19s;border-width:1px}
.wfh .wfh-frequency-orbit i:nth-child(3){inset:80px;animation-name:wfh-orbit-three;animation-duration:23s;border-width:3px}
.wfh .wfh-frequency-orbit b{position:absolute;inset:155px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff9,var(--state) 12%,#17140e 58%,#000 80%);box-shadow:0 0 70px var(--state-soft);animation:wfh-core-breathe 6s ease-in-out infinite}
.wfh .wfh-frequency-orbit em{position:absolute;inset:20px;border:1px dashed var(--state-soft);border-radius:50%;animation:wfh-orbit-two 30s linear infinite reverse}
.wfh .wfh-frequency-line{position:absolute;left:5%;right:5%;bottom:28%;height:1px;background:linear-gradient(90deg,transparent,var(--state-soft),transparent);transform:rotate(-12deg)}
.wfh .wfh-frequency-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:300px}
.wfh .wfh-state-switch{display:inline-flex;border:1px solid #4a4d43;padding:5px;background:#0c0e0bc9;border-radius:100px;backdrop-filter:blur(10px)}
.wfh .wfh-state-switch button{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;background:transparent;color:#d3d4cb;min-height:44px;padding:16px 24px;border:0;border-radius:50px;cursor:pointer;transition:background .4s,color .4s}
.wfh .wfh-state-switch button[aria-pressed=true]{background:var(--state);color:#11130e}
.wfh .wfh-frequency-bottom p{font:400 12px/1.6 'IBM Plex Mono',monospace;color:#bec4b3;text-align:right;max-width:310px}
.wfh .wfh-marquee{padding:22px 0;border-top:1px solid #343c2c;border-bottom:1px solid #343c2c;background:#dfe7d2;color:#1b2414;overflow:hidden}
.wfh .wfh-marquee>div{display:flex;width:max-content;animation:wfh-marquee 36s linear infinite}
.wfh .wfh-marquee span{font-size:28px;letter-spacing:.13em;white-space:nowrap;padding-right:20px;font-weight:500}
.wfh.has-motion .wfh-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
.wfh.has-motion .wfh-reveal.is-visible{opacity:1;transform:none}
.wfh.has-motion .wfh-method article:nth-child(2),.wfh.has-motion .wfh-state:nth-child(2){transition-delay:.12s}.wfh.has-motion .wfh-method article:nth-child(3),.wfh.has-motion .wfh-state:nth-child(3){transition-delay:.24s}
.wfh .wfh-os .wfh-orbit i{animation:wfh-orbit-breathe 7s ease-in-out infinite}.wfh .wfh-os .wfh-orbit i:nth-child(2){animation-delay:1s}.wfh .wfh-os .wfh-orbit i:nth-child(3){animation-delay:2s}
.wfh-motion-paused *{animation-play-state:paused!important}.wfh.wfh-motion-paused .wfh-hero-art{transform:none}.wfh.wfh-motion-paused .wfh-reveal{opacity:1;transform:none;transition:none}
@keyframes wfh-orbit-one{from{transform:rotateX(65deg) rotateY(20deg) rotateZ(0deg)}to{transform:rotateX(65deg) rotateY(380deg) rotateZ(360deg)}}
@keyframes wfh-orbit-two{from{transform:rotateX(25deg) rotateY(65deg) rotateZ(0deg)}to{transform:rotateX(385deg) rotateY(65deg) rotateZ(360deg)}}
@keyframes wfh-orbit-three{from{transform:rotateX(70deg) rotateY(-30deg) rotateZ(0deg)}to{transform:rotateX(70deg) rotateY(-390deg) rotateZ(360deg)}}
@keyframes wfh-core-breathe{0%,100%{transform:scale(.9)}50%{transform:scale(1.13)}}
@keyframes wfh-marquee{to{transform:translateX(-50%)}}
@keyframes wfh-orbit-breathe{0%,100%{transform:scale(.96);opacity:.4}50%{transform:scale(1.04);opacity:1}}
@media(max-width:760px){.wfh .wfh-hero{min-height:860px;padding-bottom:435px}.wfh .wfh-hero-copy{width:100%}.wfh h1{font-size:clamp(64px,14vw,94px)}.wfh .wfh-hero-art{inset:340px -12% 70px -65%;height:500px;transform:none}.wfh .wfh-hero-art img,.wfh .wfh-hero-video{object-position:72% center}.wfh .wfh-hero:after{background:linear-gradient(180deg,#060605 0%,#060605 35%,#06060550 50%,transparent 66%,#080908 93%)}.wfh .wfh-motion-toggle{right:22px;bottom:94px}.wfh .wfh-frequency{min-height:710px;padding-bottom:38px}.wfh .wfh-frequency-heading h2{font-size:44px}.wfh .wfh-frequency-orbit{width:290px;height:290px;left:50%;top:52%}.wfh .wfh-frequency-orbit i:nth-child(2){inset:25px}.wfh .wfh-frequency-orbit i:nth-child(3){inset:55px}.wfh .wfh-frequency-orbit b{inset:110px}.wfh .wfh-frequency-word{font-size:28vw;top:52%}.wfh .wfh-frequency-bottom{flex-direction:column;gap:20px;align-items:center;margin-top:340px}.wfh .wfh-frequency-bottom p{text-align:center;font-size:10px}.wfh .wfh-state-switch button{padding:16px 21px}.wfh .wfh-marquee span{font-size:20px}.wfh .wfh-marquee{padding:16px 0}}
@media(max-width:760px){.wfh .wfh-hero-art{left:-250px;right:8px;top:330px;height:440px}.wfh .wfh-hero-art img,.wfh .wfh-hero-video{object-fit:contain;object-position:center bottom}.wfh .wfh-micro{position:relative;z-index:2;color:#b9b9ad;text-shadow:0 1px 8px #000}}
@media(prefers-reduced-motion:reduce){.wfh .wfh-hero-video{display:none}.wfh .wfh-hero-art{transform:none!important}.wfh .wfh-reveal{opacity:1!important;transform:none!important}.wfh .wfh-frequency-orbit{transform:translate(-50%,-50%) rotateX(18deg) rotateZ(-15deg)}}

/* Narrative scroll and native swipe galleries. */
.wfh .wfh-hero-copy{width:54%;max-width:650px}.wfh h1{font-size:clamp(64px,7vw,112px)}
.wfh .wfh-hero-copy .wfh-lead{max-width:410px}.wfh .wfh-hero-foot{letter-spacing:.08em}
.wfh .wfh-story{position:relative;height:300svh;background:#0a0c0a;--journey:0;--stage-color:#c2e29b}
.wfh .wfh-story-sticky{position:sticky;top:72px;height:calc(100svh - 72px);min-height:580px;max-height:1000px;display:flex;flex-direction:column;padding:32px 5vw 20px;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,#20331c55,transparent 53%),#0a0c0a}
.wfh .wfh-story-head,.wfh .wfh-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:3}
.wfh .wfh-story-hint,.wfh .wfh-story-count{font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#9ca991}
.wfh .wfh-story-hint span{display:inline-block;padding-left:15px;font-size:20px}
.wfh .wfh-story-layout{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}
.wfh .wfh-story-copy{position:relative;min-height:370px}
.wfh .wfh-story-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(50px);transition:opacity .55s,transform .65s cubic-bezier(.2,.65,.3,1),visibility .55s}
.wfh .wfh-story-panel.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.wfh .wfh-story-num{font:11px/1.4 'IBM Plex Mono',monospace;color:#b0c398;letter-spacing:.1em}
.wfh .wfh-story-panel h2{font-size:clamp(66px,7.3vw,118px);line-height:.98;letter-spacing:-.065em;margin:22px 0 25px}
.wfh .wfh-story-panel h2 em{font-style:normal;color:var(--stage-color)}
.wfh .wfh-story-panel h3{font-size:19px;letter-spacing:-.02em;margin-bottom:12px}
.wfh .wfh-story-panel>p{color:#a7afa0;max-width:355px;font-size:14px;line-height:1.7}
.wfh .wfh-story-visual{height:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}
.wfh .wfh-story-halo{position:absolute;width:95%;aspect-ratio:1;border:1px solid #c0e79750;border-radius:50%;box-shadow:inset 0 0 90px #a0c2790d,0 0 70px #a0c27915;transform:rotateX(50deg) rotateZ(calc(var(--journey)*160deg)) scale(calc(.85 + var(--journey)*.3));transition:border-color .4s}
.wfh .wfh-story-halo:before,.wfh .wfh-story-halo:after{content:'';position:absolute;inset:32px;border:1px solid #c0e79730;border-radius:50%}.wfh .wfh-story-halo:after{inset:-40px;border-style:dashed}
.wfh .wfh-story-phone{height:min(65svh,540px);aspect-ratio:390/844;position:relative;border:6px solid #252d26;border-radius:33px;background:#060809;box-shadow:0 35px 100px #0009,0 0 0 1px #6b79694a;overflow:hidden;transform:rotateY(calc(-12deg + var(--journey)*24deg)) rotateZ(calc(-5deg + var(--journey)*10deg)) translateY(calc((.5 - var(--journey))*18px));will-change:transform}
.wfh .wfh-story-screen{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(1.025);transition:opacity .6s,transform .7s}.wfh .wfh-story-screen.is-active{opacity:1;transform:none}.wfh .wfh-story-screen img{object-fit:cover}
.wfh .wfh-story-float{position:absolute;right:-7%;bottom:16%;color:#bbd3a3;font:9px/1 'IBM Plex Mono',monospace;letter-spacing:.16em;transform:rotate(-90deg);transform-origin:center}
.wfh .wfh-story-bottom{margin-top:22px}.wfh .wfh-story-steps{display:flex;gap:35px}.wfh .wfh-story-steps button{background:none;border:0;border-bottom:1px solid #454d3e;padding:15px 0;color:#7e8a74;font:11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;cursor:pointer;min-height:44px}.wfh .wfh-story-steps button span{margin-right:12px}.wfh .wfh-story-steps button[aria-pressed=true]{color:#d8ebc6;border-color:#c2e29b}.wfh button:focus-visible{outline:2px solid #f7a876;outline-offset:4px}
.wfh .wfh-story-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#273021}.wfh .wfh-story-progress i{display:block;width:100%;height:100%;transform:scaleX(var(--journey));transform-origin:left;background:#c2e29b}
.wfh .wfh-app{background:#dde8d3;color:#13200f;padding-bottom:60px}.wfh .wfh-app .wfh-heading-row{margin-top:0}.wfh .wfh-app h2{margin-top:25px}.wfh .wfh-app h2 span{color:#617653}.wfh .wfh-app-intro{max-width:350px}.wfh .wfh-app-intro>p{color:#4a5940;font-size:15px;line-height:1.7}.wfh .wfh-store-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.wfh .wfh-store-links a{padding:13px 17px;border:1px solid #819774;border-radius:3px;min-height:46px;font-size:12px}.wfh .wfh-store-links a:hover{background:#172a13;color:#ecf4e6}
.wfh .wfh-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.wfh .wfh-carousel-toolbar p{font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;opacity:.75}.wfh .wfh-carousel-toolbar>div{display:flex;align-items:center;gap:17px}.wfh .wfh-carousel-toolbar button{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:22px;background:none;color:inherit;cursor:pointer}.wfh .wfh-carousel-toolbar button:disabled{opacity:.25;cursor:default}.wfh .wfh-carousel-toolbar span{font:10px/1 'IBM Plex Mono',monospace;min-width:48px;text-align:center}
.wfh .wfh-app-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 1px 25px;overscroll-behavior-x:contain;scroll-padding-left:1px}.wfh .wfh-app-track::-webkit-scrollbar,.wfh .wfh-state-grid::-webkit-scrollbar{display:none}
.wfh .wfh-app-card{flex:0 0 34%;min-width:300px;scroll-snap-align:start;background:#cbd9bf;border:1px solid #a5b999;border-radius:5px;overflow:hidden}.wfh .wfh-app-card:nth-child(2){background:#c2cfb8}.wfh .wfh-app-card:nth-child(3){background:#d4d3ba}.wfh .wfh-app-card:nth-child(4){background:#becdbb}
.wfh .wfh-app-card-top{display:flex;align-items:center;justify-content:space-between;padding:22px;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em}
.wfh .wfh-app-device{width:66%;max-width:270px;aspect-ratio:390/844;position:relative;margin:6px auto 0;border:5px solid #303930;border-bottom:0;border-radius:27px 27px 0 0;overflow:hidden;box-shadow:0 15px 40px #233b2729;background:#07090b}.wfh .wfh-app-device img{object-fit:cover}.wfh .wfh-growth-crop img{position:absolute;width:350%;height:auto;max-width:none;left:-125%;top:-24%;object-fit:unset}
.wfh .wfh-app-card-copy{position:relative;padding:25px 24px 30px;background:inherit;border-top:1px solid #87977c55;min-height:151px}.wfh .wfh-app-card h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.wfh .wfh-app-card-copy p{font-size:13px;line-height:1.65;color:#4a5841}
.wfh .wfh-carousel-dots{display:flex;gap:11px;justify-content:center;margin:12px 0 0}.wfh .wfh-carousel-dots button{border:0;background:transparent;width:30px;height:30px;display:grid;place-items:center;padding:0;cursor:pointer}.wfh .wfh-carousel-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:#819575}.wfh .wfh-carousel-dots button[aria-pressed=true]:before{width:24px;background:#203419;border-radius:3px}
.wfh .wfh-state-grid{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:15px}.wfh .wfh-state-grid .wfh-state{flex:0 0 43%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1fr;transition:border-color .25s}.wfh .wfh-state-grid .wfh-state:hover{transform:none}.wfh .wfh-state-image{aspect-ratio:1.35}.wfh .wfh-state-grid .wfh-state-body{padding:15px 26px 25px}.wfh.has-motion .wfh-state-grid .wfh-reveal{opacity:1;transform:none;transition:none}
.wfh .wfh-story.is-static{height:auto}.wfh .wfh-story.is-static .wfh-story-sticky{position:relative;top:0;height:auto;max-height:none}.wfh .wfh-story.is-static .wfh-story-panel{position:relative;visibility:visible;opacity:1;transform:none;inset:auto;margin:45px 0}.wfh .wfh-story.is-static .wfh-story-copy{min-height:0}.wfh .wfh-story.is-static .wfh-story-visual{position:sticky;top:110px;height:550px;align-self:start}.wfh .wfh-story.is-static .wfh-story-phone{transform:none}.wfh .wfh-story.is-static .wfh-story-bottom,.wfh .wfh-story.is-static .wfh-story-hint{display:none}
@media(max-width:760px){
.wfh .wfh-hero-copy{width:100%}.wfh h1{font-size:clamp(55px,12.8vw,82px)}.wfh .wfh-hero-copy .wfh-lead{max-width:340px}.wfh .wfh-hero{padding-top:40px;min-height:870px}.wfh .wfh-hero-art{top:350px}.wfh .wfh-story{height:280svh}.wfh .wfh-story-sticky{top:64px;height:calc(100svh - 64px);min-height:650px;padding:22px 22px 18px}.wfh .wfh-story-head .wfh-kicker{font-size:8px}.wfh .wfh-story-hint{display:none}.wfh .wfh-story-layout{grid-template-columns:1fr;grid-template-rows:230px 1fr;gap:10px;padding-top:20px}.wfh .wfh-story-copy{min-height:230px}.wfh .wfh-story-panel h2{font-size:57px;margin:10px 0 12px}.wfh .wfh-story-panel h2 br{display:none}.wfh .wfh-story-panel h2 em:before{content:' '}.wfh .wfh-story-panel h3{font-size:16px;margin-bottom:8px}.wfh .wfh-story-panel>p{font-size:12px;max-width:315px}.wfh .wfh-story-num{font-size:9px}.wfh .wfh-story-visual{min-height:0}.wfh .wfh-story-phone{height:100%;max-height:350px;border-width:4px;border-radius:23px}.wfh .wfh-story-halo{width:75%}.wfh .wfh-story-float{right:0;font-size:7px;bottom:40%}.wfh .wfh-story-steps{gap:20px;width:100%;justify-content:space-between}.wfh .wfh-story-steps button{font-size:8px}.wfh .wfh-story-steps button span{margin-right:5px}.wfh .wfh-story-count{display:none}.wfh .wfh-story-bottom{margin-top:12px}
.wfh .wfh-app .wfh-heading-row{margin-bottom:30px}.wfh .wfh-app-intro{margin-top:24px}.wfh .wfh-app-intro>p{font-size:14px}.wfh .wfh-app h2{font-size:43px}.wfh .wfh-carousel-toolbar p{font-size:8px;max-width:140px}.wfh .wfh-carousel-toolbar>div{gap:10px}.wfh .wfh-carousel-toolbar button{width:42px;height:42px}.wfh .wfh-carousel-toolbar span{font-size:9px;min-width:42px}.wfh .wfh-app-track{gap:16px;margin-right:-22px;padding-right:22px;scroll-padding-right:22px}.wfh .wfh-app-card{flex-basis:87%;min-width:0}.wfh .wfh-app-card-top{padding:17px;font-size:9px}.wfh .wfh-app-device{width:70%;border-width:4px}.wfh .wfh-app-card-copy{padding:22px;min-height:160px}.wfh .wfh-app-card h3{font-size:23px}.wfh .wfh-state-grid{margin-right:-22px;padding-right:22px;gap:16px}.wfh .wfh-state-grid .wfh-state{flex-basis:89%}.wfh .wfh-state-image{aspect-ratio:1.1}.wfh .wfh-state-grid .wfh-state-body{padding:12px 22px 24px}.wfh .wfh-story.is-static .wfh-story-layout{display:block}.wfh .wfh-story.is-static .wfh-story-visual{position:relative;top:0;height:380px}.wfh .wfh-story.is-static .wfh-story-panel h2 br{display:block}
}
@media(prefers-reduced-motion:reduce){.wfh .wfh-story-phone,.wfh .wfh-story-halo{transform:none!important}.wfh .wfh-story-panel,.wfh .wfh-story-screen{transition:none}}
/* The base theme clips its page wrapper; clip preserves sticky positioning. */
body:has(.wfh) .page-container{overflow:clip!important}

.wfh .wfh-growth-crop img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;background:#030b06}.wfh .wfh-app .wfh-carousel-toolbar p{color:#405636}.wfh .wfh-states .wfh-carousel-toolbar p{color:#bdc7b0}
@media(min-width:761px) and (max-width:1050px){.wfh .wfh-hero{height:auto;min-height:890px;padding:48px 5vw 430px;align-items:flex-start}.wfh .wfh-hero-copy{width:100%;max-width:600px}.wfh h1{font-size:76px}.wfh .wfh-hero-copy .wfh-lead{max-width:480px}.wfh .wfh-hero-art{top:380px;bottom:50px;left:-250px;right:0;height:460px}.wfh .wfh-hero-art img,.wfh .wfh-hero-video{object-fit:contain;object-position:center bottom}.wfh .wfh-hero:after{background:linear-gradient(180deg,#060605 0%,#060605 37%,#06060545 52%,transparent 70%,#080908 96%)}}


/* Premium film hero: one quiet headline and an accessible motion control. */
.wfh .wfh-hero{height:calc(100svh - 108px);min-height:560px;max-height:960px;padding:0;background:#08090b;display:block}
.wfh .wfh-hero-art{inset:0;width:100%;height:100%;transform:none;transition:none}
.wfh .wfh-hero-art img,.wfh .wfh-hero-video{width:100%;height:100%;object-fit:cover;object-position:center}
.wfh .wfh-hero:after{background:linear-gradient(0deg,#08090b88,transparent 27%);pointer-events:none}
.wfh .wfh-hero-copy{position:absolute;left:5vw;bottom:12%;width:auto;max-width:none;z-index:1}
.wfh .wfh-hero h1{font-size:clamp(25px,2.5vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0;color:#f0efe9;white-space:nowrap}
.wfh .wfh-motion-toggle{right:28px;bottom:28px;width:44px;height:44px;min-height:44px;justify-content:center;padding:0;border:1px solid #ffffff38;background:#10111350;color:#deded8;font-size:12px;backdrop-filter:blur(6px)}
@media(max-width:1050px){
.wfh .wfh-hero{height:calc(100svh - 104px);min-height:540px;max-height:900px;padding:0}
.wfh .wfh-hero-art{inset:auto;left:-15%;top:50%;width:115%;height:64.6875vw;transform:translateY(-50%);mask-image:linear-gradient(transparent,black 20%,black 82%,transparent)}
.wfh .wfh-hero-art img,.wfh .wfh-hero-video{object-fit:contain;object-position:center}
.wfh .wfh-hero-copy{left:0;right:0;bottom:auto;top:56px;text-align:center;width:auto;max-width:none}
.wfh .wfh-hero h1{font-size:29px}
}
@media(max-width:760px){
.wfh .wfh-hero{height:calc(100svh - 100px);min-height:530px;max-height:820px}
.wfh .wfh-hero-art{left:-66%;right:auto;top:50%;bottom:auto;width:175%;height:98.4375vw}
.wfh .wfh-hero-copy{top:52px;left:22px;right:22px}
.wfh .wfh-hero h1{font-size:27px}
.wfh .wfh-motion-toggle{right:22px;bottom:22px}
}

@media(max-width:1050px){.wfh.wfh-motion-paused .wfh-hero-art{transform:translateY(-50%)!important}}
/* END_SECTION:whiff-home-redesign */