:root{--night:#120c22;--black:#0b0714;--yellow:#ffd21f;--sand:#e7cfae;--cream:#f5eddf;--pink:#fc1ec0;--line:#ead9c22c;--muted:#c4b4cb;--display:Archivo,Arial,sans-serif;--sans:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font:400 16px/1.5 var(--sans)}button,input{font:inherit}.skip{position:fixed;z-index:10;top:10px;left:10px;padding:10px 14px;transform:translateY(-150%);background:var(--yellow);color:var(--black)}.skip:focus{transform:none}.top{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));min-height:86px;margin:auto;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:800 15px/1 var(--display);letter-spacing:.02em}.brand img{width:38px;height:38px}.brand small{display:block;margin-top:5px;color:var(--sand);font:700 10px/1 var(--sans);letter-spacing:.16em}.top nav{display:flex;gap:26px;margin-left:auto}.top nav a{color:#d8cce0;text-decoration:none;font-size:13px}.top nav a:hover{color:var(--yellow)}button{cursor:pointer}.gold{border:1px solid var(--yellow);border-radius:8px;padding:11px 15px;background:var(--yellow);color:var(--black);font-size:12px;font-weight:800}.gold:hover{background:#ffe26a}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:690px;overflow:hidden}.room{position:absolute;inset:0 0 0 50%;background:#211832}.room::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,#120c22e8 7%,#120c2250 48%,#120c2208 100%)}.room img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;z-index:1;grid-column:1;width:min(550px,calc(100% - 40px));margin:auto 0 auto max(24px,calc((100vw - 1240px)/2));padding:80px 0}.eyebrow{margin:0 0 18px;color:var(--sand);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1,.chapter-heading h2,.measure h2,.composition h2,.questions h2{margin:0;font:800 clamp(3.4rem,6.1vw,5.7rem)/.93 var(--display);letter-spacing:-.07em}.hero-copy>p:not(.eyebrow){margin:26px 0;color:#d3c5dc;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:19px}.hero-pet{border:0;border-bottom:1px solid var(--yellow);padding:14px 0;background:none;color:var(--yellow);font-weight:800;text-align:left}.hero-pet:hover{color:#ffe670}.hero-pet span{margin-left:18px}.hero-actions a{color:var(--cream);font-size:13px;font-weight:800;text-underline-offset:5px}.card-note{position:absolute;z-index:1;bottom:38px;left:max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:35px 1fr;gap:14px;width:300px;padding-top:17px;border-top:1px solid #f5eddf4a;color:#cbc0d0;font-size:12px}.card-note span{color:var(--yellow);font-weight:800}.card-note p{margin:0}.card-note strong{color:var(--cream)}.chapters,.measure,.composition,.questions{padding:110px max(24px,calc((100% - 1240px)/2))}.chapters{background:#0f0a19}.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.chapter-heading h2{max-width:760px;font-size:clamp(3rem,5.4vw,5.2rem)}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.chapter{min-height:340px;padding:25px;background:var(--night);transition:background .2s}.chapter:hover{background:#1b132b}.chapter span{color:var(--sand);font-size:10px;font-weight:800;letter-spacing:.14em}.chapter h3{margin:98px 0 11px;font:800 42px/1 var(--display);letter-spacing:-.06em}.chapter p{min-height:76px;margin:0;color:var(--muted);font-size:14px}.chapter button{border:0;padding:0;background:none;color:var(--yellow);font-weight:800;font-size:13px}.chapter button i{padding-left:7px;font-style:normal}.measure{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;background:var(--sand);color:#211523}.measure .eyebrow{color:#6a4a2a}.measure h2{font-size:clamp(3.2rem,5.5vw,5.1rem)}.measure-title>p:not(.eyebrow){max-width:370px;margin-top:24px;color:#624e43;font-size:14px}.measure-steps{border-top:1px solid #765d4d5c}.measure-steps article{display:grid;grid-template-columns:46px 1fr;gap:11px;padding:21px 0;border-bottom:1px solid #765d4d5c}.measure-steps span{color:#8b5e20;font-size:12px;font-weight:800}.measure-steps h3{margin:0;font:800 21px/1.1 var(--display);letter-spacing:-.04em}.measure-steps p{grid-column:2;margin:0;color:#624e43;font-size:13px}.measure-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;padding:25px;border:1px solid #765d4d5c}.measure-form h3{grid-column:1/-1;margin:0;font:800 21px/1 var(--display)}.measure-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.measure-form label small{font-weight:400}.measure-form input{border:1px solid #765d4d8a;border-radius:6px;padding:12px;background:#f6e7d2;color:#211523}.composition{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.composition h2{font-size:clamp(3rem,5.1vw,4.9rem)}.composition-copy>p:not(.eyebrow){max-width:510px;margin:25px 0;color:var(--muted);line-height:1.7}.tile-set{position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:160px 160px;gap:12px;min-height:360px}.tile-set div{background:linear-gradient(135deg,#3b274b,#1c132c);border-radius:3px}.tile-set div:first-child{grid-row:1/3;background:linear-gradient(135deg,#e7cfae,#a7774d)}.tile-set div:nth-child(2){background:#ffd21f}.tile-set div:nth-child(3){background:linear-gradient(135deg,#fc1ec0,#5d245f)}.tile-set span{position:absolute;right:16px;bottom:16px;padding:12px;background:#120c22;color:var(--cream);font:800 18px/1 var(--display);letter-spacing:-.04em}.questions{padding-top:10px}.questions h2{max-width:800px;font-size:clamp(3rem,5.2vw,5rem);margin-bottom:30px}.questions details{border-top:1px solid var(--line);padding:21px 0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800}details p{max-width:670px;color:var(--muted);font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:780px){.top{width:calc(100% - 32px);min-height:68px}.top nav{display:none}.hero{display:block;min-height:680px}.room{inset:0}.room::after{background:linear-gradient(180deg,#120c2210 0%,#120c2299 45%,var(--night) 90%)}.hero-copy{width:calc(100% - 32px);min-height:545px;margin:0 auto;padding:270px 0 30px}.hero h1{font-size:clamp(3.5rem,15vw,5rem)}.hero-copy>p:not(.eyebrow){font-size:15px;margin:17px 0}.card-note{left:16px;bottom:19px;width:calc(100% - 32px)}.chapters,.measure,.composition,.questions{padding:72px 16px}.chapter-heading{display:block}.chapter-heading h2{font-size:3.25rem}.chapter-grid{grid-template-columns:1fr}.chapter{min-height:280px}.chapter h3{margin-top:55px}.measure{grid-template-columns:1fr;gap:36px}.measure h2{font-size:3.4rem}.measure-form{grid-column:auto;grid-template-columns:1fr;padding:20px}.composition{grid-template-columns:1fr;gap:40px}.composition h2,.questions h2{font-size:3.35rem}.tile-set{min-height:260px;grid-template-rows:115px 115px}.questions{padding-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{transition:none}}