*{box-sizing:border-box}body{margin:0;font:14px/1.7 Arial,sans-serif;color:#272c25;background:#fffaf0}.page{width:900px;padding:30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5d9c9;padding-bottom:18px;gap:20px}header strong{font-size:25px;letter-spacing:-1.5px}header strong>span{font-size:10px;vertical-align:top}nav{display:flex;gap:20px;font-size:10px}.layout{display:grid;grid-template-columns:400px 370px;gap:40px;padding:35px 0}.eyebrow{font:9px Consolas,monospace;letter-spacing:1px;margin:0 0 25px}h1{font-size:46px;font-weight:500;line-height:1.02;letter-spacing:-2.5px;margin:0 0 23px}h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:12px;line-height:1.8;max-width:320px;color:#626955;margin:0 0 25px}.demo-link{font-size:11px;border-bottom:1px solid #252c24;padding-bottom:6px}.poster{background:#c8d2ae;min-height:255px;position:relative;overflow:hidden}.circle{width:185px;height:185px;border-radius:50%;background:#ec6940;position:absolute;top:30px;left:-65px}.arch{width:155px;height:230px;border:35px solid #eff1db;border-bottom:0;border-radius:110px 110px 0 0;position:absolute;right:-30px;bottom:-30px;transform:rotate(-20deg)}.poster>span{position:relative;display:block;margin:24px;color:#283321;font-size:54px;line-height:.85;letter-spacing:-3px;font-weight:700}footer{border-top:1px solid #d5d9c9;padding-top:16px;font:8px Consolas,monospace;color:#6b735f}html[data-mode=after] .page{width:100%;padding:clamp(18px,4vw,30px)}html[data-mode=after] .layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4vw,36px)}html[data-mode=after] nav{flex-wrap:wrap}html[data-mode=after] h1{font-size:clamp(33px,5.1vw,46px)}@media(max-width:600px){html[data-mode=after] .layout{grid-template-columns:minmax(0,1fr);padding:25px 0;gap:25px}html[data-mode=after] .poster{min-height:160px}html[data-mode=after] nav{gap:12px;font-size:9px}html[data-mode=after] header{gap:12px}html[data-mode=after] .intro{margin-bottom:20px}html[data-mode=after] .eyebrow{margin-bottom:18px}html[data-mode=after] h1{font-size:39px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}