:root{--ink:#0d0d0c;--paper:#f1eee7;--coral:#ff4b32;--acid:#d8ff44;--line:rgba(13,13,12,.18);--muted:#77746d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.topbar{min-height:74px;padding:0 clamp(18px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-size:25px;font-weight:900;letter-spacing:-.055em;width:max-content}.brand span{font-size:.5em;letter-spacing:.02em;margin-left:3px}.topbar nav{display:flex;gap:30px;font-size:13px;font-weight:700}.top-offer{justify-self:end;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 17px;font-weight:800}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:center;min-width:0}.sale-status{font-size:14px;font-weight:800;margin:0 0 22px}.micro,.label{font-size:11px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}.micro{margin:0 0 28px;color:var(--muted)}.hero h1{margin:0;font-size:clamp(88px,11vw,174px);line-height:.78;letter-spacing:-.085em;font-weight:900}.hero h1 em{font-style:normal;color:var(--coral)}.lede{max-width:760px;font-size:clamp(20px,2.1vw,31px);line-height:1.18;letter-spacing:-.03em;margin:42px 0 30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{min-height:50px;padding:14px 18px;border:1px solid var(--ink);font-weight:800;font-size:14px}.primary{background:var(--ink);color:white}.secondary{background:transparent;color:var(--ink)}.hero-image{margin:0;position:relative;background:var(--ink);display:flex;flex-direction:column;min-width:0}.hero-image img{display:block;width:100%;height:calc(100vh - 110px);min-height:620px;object-fit:cover;object-position:center}.hero-image figcaption{min-height:36px;color:#fff;padding:10px 14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;background:var(--ink)}.word-hit{padding:clamp(70px,9vw,140px) clamp(22px,6vw,92px);display:grid;grid-template-columns:.45fr 1.4fr .65fr;gap:45px;align-items:center;border-bottom:1px solid var(--line)}.label{margin:0}.hit-copy>p{font-size:18px;margin:0 0 18px}.hit-copy h2,.recognition h2,.range h2,.trust h2,.final h2{margin:0;font-size:clamp(48px,6.7vw,105px);line-height:.9;letter-spacing:-.065em}.hit-copy h2 strong{color:var(--coral)}.selected{justify-self:end;width:min(220px,100%);aspect-ratio:1;border:10px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);font-weight:900}.selected span{font-size:18px;letter-spacing:.08em}.selected b{font-size:76px;line-height:1;color:var(--coral)}.recognition{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--ink);color:#fff}.recognition figure{margin:0;min-width:0}.recognition figure img{display:block;width:100%;height:100%;min-height:760px;object-fit:cover;object-position:center}.recognition-copy{padding:clamp(48px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.light{color:rgba(255,255,255,.65)}.recognition h2{font-size:clamp(48px,5.6vw,86px)}.recognition-copy>p:last-child{font-size:20px;line-height:1.5;max-width:620px;margin:34px 0 0;color:rgba(255,255,255,.82)}.three{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.three article{min-height:380px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.three article:last-child{border-right:0}.three span{font-size:12px;font-weight:900}.three h3{font-size:clamp(34px,4vw,58px);margin:auto 0 18px;letter-spacing:-.055em}.three p{font-size:17px;line-height:1.45;max-width:390px;margin:0}.range{padding:clamp(70px,9vw,140px) clamp(22px,6vw,92px);background:var(--acid)}.range-head h2{max-width:1160px}.range-list{margin:68px 0 24px;border-top:2px solid var(--ink)}.range-list p{margin:0;padding:22px 0;border-bottom:1px solid rgba(13,13,12,.35);font-size:clamp(22px,3vw,42px);letter-spacing:-.035em}.range-list span{display:inline-block;width:68px;font-size:11px;letter-spacing:.12em;vertical-align:middle}.range small{display:block;max-width:820px;line-height:1.55;font-size:12px}.trust{padding:clamp(70px,8vw,130px) clamp(22px,6vw,92px);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;background:#fff}.da img{display:block;width:min(270px,100%);height:auto}.da p{font-size:13px;margin:12px 0 0}.trust h2{font-size:clamp(44px,5vw,78px)}.trust-copy>p:last-child{font-size:18px;line-height:1.5;max-width:680px}.proof{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:18px}.proof span{padding:28px 15px 0 0;display:flex;flex-direction:column;font-size:13px}.proof b{font-size:clamp(32px,4vw,58px);letter-spacing:-.06em}.final{padding:clamp(80px,10vw,160px) clamp(22px,6vw,92px);background:var(--coral);color:#0d0d0c}.final h2{max-width:1120px}.final>p:not(.label){max-width:760px;font-size:19px;line-height:1.5;margin:36px 0 0}.final-actions{margin-top:42px}.inverse{background:var(--ink);color:#fff;border-color:var(--ink)}.inverse-outline{background:transparent;color:var(--ink);border-color:var(--ink)}.final small{display:block;margin-top:24px;font-size:12px}footer{min-height:116px;padding:28px clamp(18px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}footer p{font-size:12px;text-align:center}footer nav{justify-self:end;display:flex;gap:20px;font-size:12px;font-weight:800}.footer-brand{font-size:22px}@media(max-width:940px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-image img{height:68vw;min-height:420px}.word-hit{grid-template-columns:1fr}.selected{justify-self:start;width:150px}.recognition{grid-template-columns:1fr}.recognition figure img{min-height:0;height:68vw}.three{grid-template-columns:1fr}.three article{min-height:270px;border-right:0;border-bottom:1px solid var(--line)}.trust{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.proof span{padding-bottom:20px;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr;justify-items:start}footer p{text-align:left}footer nav{justify-self:start}}@media(max-width:540px){.topbar{min-height:64px;padding:0 16px}.brand{font-size:22px}.top-offer{padding:10px 12px;font-size:13px}.hero-copy{padding:26px 18px 38px}.hero h1{font-size:clamp(76px,24vw,122px);margin-top:8px}.lede{font-size:23px;margin-top:30px}.actions{display:grid;grid-template-columns:1fr;width:100%}.primary,.secondary{width:100%;min-height:50px}.hero-image img{height:86vw;min-height:0}.word-hit,.range,.trust,.final{padding-left:18px;padding-right:18px}.hit-copy h2,.recognition h2,.range h2,.trust h2,.final h2{font-size:clamp(44px,13vw,64px)}.recognition-copy{padding:62px 18px}.recognition figure img{height:92vw}.three article{padding:28px 18px}.range-list{margin-top:42px}.range-list p{font-size:23px}.range-list span{width:46px}.proof b{font-size:38px}footer{padding:24px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* cfl-creative-2026.08.15 · selected forward */
.selected-forward{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;padding:clamp(4rem,8vw,8rem) 5vw;background:#17211e;color:#f5f0e5}.selected-forward figure{margin:0;overflow:hidden}.selected-forward img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.selected-forward>div{align-self:center;padding:2rem}.arrival-threshold{grid-column:2;width:82%;justify-self:end;border-bottom:1rem solid var(--coral)}.selected-forward h2{max-width:10ch}@media(max-width:760px){.selected-forward{grid-template-columns:1fr}.arrival-threshold{grid-column:auto;width:100%}}

@media(max-width:760px){.selected-forward img{height:auto;aspect-ratio:auto}}
