:root{--yellow:#ffcf32;--sun:#ffbc26;--ink:#171614;--cream:#fffaf0;--paper:#f6f0e3;--line:#bdb2a3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:.98}h1,h2{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.075em}h2 em,h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.065em}button,a{touch-action:manipulation}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:20px}:focus-visible{outline:3px solid #ef8500;outline-offset:4px}.wrap{width:min(100% - 72px,1440px);margin-inline:auto}
.topbar{position:relative;z-index:2;min-height:74px;padding:15px 36px;background:var(--cream);display:flex;align-items:center;gap:32px;border-bottom:2px solid var(--ink)}.wordmark{width:112px;flex:none}.wordmark img{width:100%}.topbar-name,.topbar nav,.eyebrow,.hero-bottom,.hero-poster figcaption,.kicker,.section-top,.result>span,.result p,.summer-grid figcaption,footer{font-size:.72rem;font-weight:900;letter-spacing:.13em;line-height:1.35}.topbar-name{padding-left:22px;border-left:1px solid var(--ink);white-space:nowrap}.topbar nav{display:flex;gap:clamp(16px,2.8vw,40px);margin-left:auto;white-space:nowrap}.topbar nav a{text-decoration:none}.topbar nav a:hover,.underlink:hover{text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,45%);min-height:800px;background:var(--yellow);overflow:hidden}.hero-copy{padding:clamp(30px,4.7vw,76px);display:flex;flex-direction:column}.eyebrow,.section-top{display:flex;justify-content:space-between;gap:20px;border-top:2px solid currentColor;padding-top:14px}.hero-brand{font-size:clamp(3.4rem,6.3vw,7.6rem);font-family:Arial Black,Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.095em;line-height:1;margin:clamp(64px,8vw,145px) 0 24px;transform:rotate(-3deg);transform-origin:left bottom}.hero-brand span{font:700 .18em Arial,Helvetica,sans-serif;vertical-align:top;letter-spacing:0;margin-left:6px}.hero h1{font-size:clamp(4rem,6.2vw,8.2rem);max-width:830px}.hero h1 em{display:inline-block;transform:rotate(-2deg)}.hero-deck{font-size:clamp(1.12rem,1.55vw,1.45rem);line-height:1.35;max-width:480px;margin:30px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 20px;text-decoration:none;font-size:.86rem;font-weight:900;letter-spacing:.02em;border:2px solid var(--ink)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#fff;color:var(--ink)}.button.light{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.button.light:hover{background:#fff}.underlink{font-size:.86rem;font-weight:800;text-underline-offset:5px}.hero-bottom{margin-top:auto;padding-top:40px}.hero-poster{position:relative;background:#efbd66;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.hero-poster img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-poster figcaption{position:absolute;right:0;bottom:0;background:var(--ink);color:var(--cream);padding:12px 17px}
.intro{padding-block:clamp(90px,10vw,170px);display:grid;grid-template-columns:1fr 3fr;gap:5vw}.kicker{margin:0 0 32px}.intro h2,.explain h2,.summer h2,.social h2,.close h2{font-size:clamp(3.5rem,6vw,8rem)}.intro-line{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:60px;padding-top:22px;border-top:2px solid var(--ink)}.intro-line p{max-width:430px;font-size:1.12rem;line-height:1.56}
.test{background:var(--ink);color:#fff;padding-block:clamp(90px,9vw,150px)}.test h2{font-size:clamp(4.2rem,7.7vw,9.8rem);margin:72px 0 28px}.test h2 em{color:var(--yellow)}.test-lead{font-size:clamp(1.15rem,1.9vw,1.7rem);line-height:1.4;max-width:820px;margin-bottom:65px}.results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result{min-height:420px;padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start}.result.standard{background:#f6f0e3;color:var(--ink)}.result.therme{background:var(--yellow);color:var(--ink)}.result strong{font-family:Arial Black,Arial,sans-serif;font-size:clamp(7.5rem,18vw,20rem);letter-spacing:-.105em;line-height:1;margin:auto 0 10px}.result small{font-size:.34em;letter-spacing:-.08em;vertical-align:top;margin:10px 0 0 15px}.result p{border-top:2px solid var(--ink);width:100%;padding-top:15px}.result-note{display:grid;grid-template-columns:1fr 2fr;gap:5vw;border-top:1px solid #999087;padding-top:28px;margin-top:42px}.result-note strong{font:italic 400 clamp(2.8rem,5vw,5.5rem)/1 Georgia,serif;letter-spacing:-.05em;color:var(--yellow)}.result-note p{max-width:690px;font-size:1rem;line-height:1.55}
.explain{padding-block:clamp(100px,11vw,180px);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.explain-list{border-top:2px solid var(--ink)}.explain-list article{display:grid;grid-template-columns:55px 1fr;gap:25px;border-bottom:1px solid var(--ink);padding:27px 0 40px}.explain-list article>span{font-weight:900;font-size:.83rem}.explain h3{font:italic 400 clamp(2.2rem,3.5vw,4rem)/1.05 Georgia,serif;letter-spacing:-.05em;margin-bottom:16px}.explain-list p{max-width:460px;font-size:1.06rem}
.strap{background:var(--yellow);padding:34px 3vw;overflow:hidden}.strap p{font-family:Arial Black,Arial,sans-serif;font-size:clamp(1.45rem,3.4vw,4.7rem);font-weight:900;text-transform:uppercase;line-height:1.12;letter-spacing:-.05em;text-align:center}.strap span{font-family:Georgia,serif;font-style:italic;text-transform:none;font-weight:400}
.summer{background:var(--paper);padding-block:clamp(90px,9vw,150px)}.summer-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:6vw;align-items:end;margin:70px 0}.summer-heading p{font-size:1.15rem;line-height:1.55;max-width:480px}.summer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.summer-grid figure{min-width:0}.summer-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.summer-grid figcaption{border-top:1px solid var(--ink);padding-top:13px;margin-top:12px}.summer-tall{grid-column:span 2;grid-row:span 2}.summer-tall img{aspect-ratio:3/4}.summer-wide{grid-column:span 2}.summer-wide img{aspect-ratio:1.65}
.social{background:#f9a922;padding-block:clamp(95px,11vw,170px)}.social-inner{display:grid;grid-template-columns:1fr 2fr;gap:5vw}.social-inner p:not(.kicker){font-size:1.2rem;line-height:1.5;max-width:550px;margin:40px 0 34px}.social h2 em{white-space:nowrap}.close{padding-block:clamp(105px,12vw,190px);display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;align-items:end}.close>div:last-child{max-width:460px}.close>div:last-child p{font-size:1.18rem;line-height:1.55;margin-bottom:30px}footer{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 36px}footer a:first-child{width:138px;display:block}footer img{filter:brightness(0) invert(1);width:100%}footer a:last-child{text-decoration:none}
@media(max-width:1080px){.topbar-name{display:none}.hero{grid-template-columns:minmax(0,1fr) 43%;min-height:700px}.hero h1{font-size:clamp(3.8rem,6vw,7rem)}.hero-brand{margin-top:80px}.result{min-height:340px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1440px)}.topbar{padding:15px 18px;flex-wrap:wrap;gap:12px}.wordmark{width:103px}.topbar nav{width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--ink);padding-top:11px;gap:10px;font-size:.65rem}.hero{display:flex;flex-direction:column}.hero-copy{padding:25px 18px 35px}.eyebrow{font-size:.62rem}.eyebrow span:last-child{display:none}.hero-brand{font-size:clamp(4rem,16vw,6rem);margin:62px 0 22px}.hero h1{font-size:clamp(3.9rem,14vw,7rem)}.hero-deck{font-size:1.15rem;margin:26px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-bottom{padding-top:70px}.hero-poster{height:auto}.hero-poster img{height:auto;object-fit:contain}.intro,.explain,.social-inner,.close{display:block}.intro{padding-block:90px}.intro h2,.explain h2,.summer h2,.social h2,.close h2{font-size:clamp(3.6rem,12vw,5.5rem)}.intro-line{display:block;margin-top:45px}.intro-line p+p{margin-top:20px}.test{padding-block:90px}.test h2{font-size:clamp(4.2rem,14vw,7rem);margin:55px 0 28px}.test-lead{font-size:1.18rem;margin-bottom:45px}.results{grid-template-columns:1fr;gap:10px}.result{min-height:280px}.result strong{font-size:clamp(8rem,34vw,14rem)}.result-note{display:block;margin-top:30px}.result-note p{margin-top:25px}.explain{padding-block:95px}.explain-list{margin-top:55px}.strap{padding:36px 18px}.strap p{font-size:clamp(1.75rem,7vw,3rem)}.summer{padding-block:90px}.summer-heading{display:block;margin:50px 0}.summer-heading p{margin-top:30px}.summer-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.summer-tall{grid-column:span 2;grid-row:auto}.summer-tall img{aspect-ratio:1.1}.summer-wide{grid-column:span 2}.social{padding-block:90px}.social-inner>div{margin-top:45px}.social-inner p:not(.kicker){font-size:1.12rem}.close{padding-block:100px}.close>div:last-child{margin-top:45px}footer{padding:35px 18px;flex-wrap:wrap}footer span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}