/* Homepage overview: match the opening scene's scale, with a complete selected-area panel. */
body[data-page=index] .foundations-wrap{max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 42px;padding:40px 32px 30px;align-items:center}
body[data-page=index] .foundations-main{align-self:center}
body[data-page=index] .foundations-main h2{font-size:clamp(32px,3.1vw,42px);max-width:19ch;margin-bottom:14px}
body[data-page=index] .foundation-sculpture{width:100%;max-width:500px;margin:0 auto -8px}
body[data-page=index] .foundation-piece strong{font-size:clamp(12px,1.05vw,15px)}
body[data-page=index] .foundation-piece>span{font-size:clamp(10px,.85vw,12px)}
body[data-page=index] .foundation-piece svg{width:25px;height:25px}
body[data-page=index] .foundation-panel{position:relative;isolation:isolate;min-height:550px;align-self:center;justify-content:flex-start;padding:32px;border-radius:27px;border:1px solid color-mix(in srgb,var(--foundation-accent) 28%,#d5c7d5);background:radial-gradient(ellipse at 90% 65%,color-mix(in srgb,var(--foundation-accent) 15%,transparent),transparent 60%),linear-gradient(135deg,#fffaf2,#eee5e9);box-shadow:inset 0 2px 0 #fff,0 5px 0 #d4c5d4,0 18px 32px #4b345016;overflow:hidden}
body[data-page=index] .foundation-panel-label{font-size:12px;letter-spacing:.17em;display:flex;align-items:center;gap:11px;margin-bottom:19px}
body[data-page=index] .foundation-panel-label:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--foundation-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--foundation-accent) 12%,transparent)}
body[data-page=index] .foundation-panel h3{font-size:clamp(27px,2.5vw,35px);line-height:1.08;max-width:20ch;margin-bottom:17px;letter-spacing:-.04em}
body[data-page=index] #foundation-description{font-size:16px;line-height:1.55;max-width:43ch;margin:0 0 22px}
body[data-page=index] .foundation-example{position:absolute;right:27px;bottom:98px;width:145px;max-width:33%;height:235px;margin:0;border-width:5px;border-radius:23px;transform:rotate(5deg);box-shadow:2px 3px 0 #83758a,8px 16px 22px #39243c24}
body[data-page=index] .foundation-example-title{left:12px;right:10px;bottom:18px}
body[data-page=index] .foundation-example-title span{font-size:8px}
body[data-page=index] .foundation-example-title b{font-size:22px;line-height:1.08}
body[data-page=index] .foundation-tools{display:grid;gap:11px;width:59%;margin:8px 0 25px;justify-content:stretch}
body[data-page=index] .foundation-tools li{font-size:14px;line-height:1.35;padding:8px 8px 8px 13px;border:0;border-left:2px solid var(--foundation-accent);background:linear-gradient(90deg,#ffffff80,transparent);min-height:36px;display:flex;align-items:center}
body[data-page=index] .foundation-explore{margin-top:auto;min-height:48px;font-size:14px}
body[data-page=index] .foundation-community{padding:19px 24px}
@media(min-width:801px) and (max-width:1050px){body[data-page=index] .foundations-wrap{gap:26px;padding-inline:24px}body[data-page=index] .foundation-panel{padding:25px;min-height:565px}body[data-page=index] .foundation-example{right:19px;width:122px;height:209px;bottom:100px}body[data-page=index] .foundation-tools{width:56%}body[data-page=index] .foundation-tools li{font-size:13px}body[data-page=index] .foundation-example-title b{font-size:18px}}
@media(max-width:800px){body[data-page=index] .foundations-wrap{grid-template-columns:1fr;max-width:680px;padding:32px 20px;gap:28px}body[data-page=index] .foundations-main h2{font-size:clamp(31px,6vw,40px);max-width:20ch}body[data-page=index] .foundation-sculpture{max-width:440px}body[data-page=index] .foundation-panel{min-height:530px;padding:28px;align-self:auto}body[data-page=index] .foundation-panel h3{font-size:32px}body[data-page=index] .foundation-example{right:27px;bottom:100px;width:145px;height:235px}body[data-page=index] .foundation-piece strong{font-size:clamp(12px,2.5vw,15px)}body[data-page=index] .foundation-piece>span{font-size:11px}}
@media(max-width:420px){body[data-page=index] .foundation-panel{padding:24px;min-height:550px}body[data-page=index] .foundation-panel h3{font-size:29px}body[data-page=index] .foundation-example{right:18px;bottom:103px;width:112px;height:200px}body[data-page=index] .foundation-example-title b{font-size:18px}body[data-page=index] .foundation-tools{width:56%}body[data-page=index] .foundation-tools li{font-size:13px;padding-left:10px}body[data-page=index] .foundation-piece>span{display:none}}