body{background:#f6f2e9}.header{padding-block:24px}.hero{padding-top:24px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}.hero-copy{display:block;padding-block:32px}.hero h1{font-size:clamp(42px,4.5vw,72px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 32px}.hero h1 em{display:inline-block;font-style:normal;font-size:.9em;white-space:nowrap;margin:8px 0 0;padding:4px 12px 8px}.hero-copy>.eyebrow{font-size:10px;margin:0;padding:0;border:0}.hero-lead{font-size:18px;line-height:1.6;max-width:480px;margin-bottom:16px}.hero-context{font-size:14px;line-height:1.7;max-width:450px;margin-bottom:24px}.hero-copy>.button{font-size:14px;padding:18px 20px;gap:24px}.hero-meta{font-size:12px;margin-top:16px}.puzzle-visual{min-width:0;position:relative}.puzzle-visual svg{width:100%;display:block;overflow:visible;font-family:Brand,sans-serif}.scene-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#7a7165;padding:0 24px}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;color:#6d6459}.scene-controls p{font-size:12px;max-width:330px}.scene-controls button{background:none;border:1px solid #c7bba8;border-radius:30px;padding:8px 12px;white-space:nowrap;font:inherit;font-size:12px;color:#514637;cursor:pointer;transition:background .3s,transform .3s}.scene-controls button:hover{background:#e6dccb}.scene-controls button:active{transform:scale(.97)}.scene-controls button:focus-visible{outline:2px solid #652f54;outline-offset:4px}.hero-bottom{margin-top:32px}.puzzle-piece{will-change:transform}.hero .button:hover{transform:translateY(-2px)}
@media(min-width:1500px){.hero-grid{gap:64px}.puzzle-visual{max-width:700px}}
@media(max-width:1000px) and (min-width:761px){.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-copy>.button{font-size:11px;gap:8px;padding:16px 12px}.hero-context{font-size:13px}.hero-grid{gap:16px}.scene-controls{padding:0}.scene-controls p{font-size:10px}.scene-top{font-size:8px;padding:0}.header nav{display:none}}
@media(max-width:760px){.hero{padding-top:8px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy{padding:8px 0 0}.hero h1{font-size:48px;margin:24px 0}.hero-lead{font-size:16px}.hero-context{font-size:14px}.hero-copy>.button{font-size:12px;width:100%;justify-content:space-between}.hero-meta{font-size:11px}.scene-top{font-size:8px;padding:0}.scene-controls{padding:0;align-items:center}.scene-controls p{font-size:11px}.puzzle-visual{margin:16px 0}.hero-bottom{margin-top:16px}}
@media(max-width:370px){.hero h1{font-size:40px}.hero-copy>.button{font-size:11px}}

/* The established offer stays; the illustration gets a wider, tactile stage. */
.hero-grid{grid-template-columns:.9fr 1.2fr;gap:24px}.hero h1{font-size:clamp(40px,4.25vw,64px)}.hero{background:#f4efe4}.hero-copy{position:relative;z-index:1}.puzzle-visual{isolation:isolate}.puzzle-visual>svg{overflow:visible}.puzzle-visual svg svg{width:revert;overflow:hidden}.scene-top{font-size:8px;letter-spacing:1.6px;padding:0 16px}.scene-controls{padding:8px 16px 0}.hero-bottom{margin-top:24px}.scene-controls button{border-color:#bfb09a;padding:10px 14px}.scene-controls p{font-size:11px}.moving{will-change:transform}.hero-copy>.button{background:#652f54}.hero-copy>.button:hover{background:#824569}.hero-lead{max-width:445px}.hero-context{max-width:430px}.hero-copy>.eyebrow{letter-spacing:1.4px}.scene-controls button:disabled{cursor:default;opacity:.5}
@media(min-width:1500px){.puzzle-visual{max-width:800px}.hero-grid{gap:40px}}
@media(max-width:1000px) and (min-width:761px){.hero-grid{grid-template-columns:.95fr 1.05fr;gap:16px}.hero h1{font-size:40px}.scene-top span:last-child{display:none}.scene-controls{padding:8px 0}.scene-controls button{font-size:10px;padding:8px}.scene-controls p{font-size:10px}}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:48px}.hero-copy{padding-top:16px}.scene-top{padding:0;font-size:7px;letter-spacing:.8px}.puzzle-visual{margin-top:8px}.scene-controls{padding:8px 0}.scene-controls p{font-size:10px;max-width:200px}.scene-controls button{font-size:11px;padding:8px}.hero-bottom{margin-top:24px}}
@media(max-width:370px){.hero h1{font-size:40px}.scene-top span:last-child{display:none}}

@media(max-width:760px){.hero h1{font-size:clamp(32px,10.2vw,48px)}.hero h1 em{font-size:.84em;padding-inline:8px}}