.brow-header{height:68px;max-width:1240px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(67,16,63,.18)}.brow-header nav{display:flex;gap:1.25rem}.brow-header nav a{font-size:.82rem;font-weight:700;text-decoration:none}
.brow-hero{position:relative;min-height:730px;max-width:1240px;margin:0 auto;padding:clamp(5rem,10vw,10rem) 1.25rem clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr minmax(280px,.5fr);align-items:end;gap:clamp(3rem,8vw,8rem);overflow:hidden}.brow-hero h1{position:relative;z-index:1;max-width:930px;font-size:clamp(4.2rem,9vw,9rem)}.brow-hero h1 em{display:block;font-family:Georgia,serif;font-weight:400}.brow-deck{position:relative;z-index:1;margin:0 0 .7rem;font-family:Georgia,serif;font-size:clamp(1.2rem,2.1vw,1.7rem);line-height:1.45}.blueprint-lines{position:absolute;inset:6rem 1.25rem 2rem;opacity:.13;pointer-events:none}.blueprint-lines span{position:absolute;border:1px solid var(--purple);border-bottom:0;border-radius:50% 50% 0 0}.blueprint-lines span:nth-child(1){width:42%;height:38%;left:4%;top:33%}.blueprint-lines span:nth-child(2){width:28%;height:25%;right:8%;top:12%}.blueprint-lines span:nth-child(3){width:75%;height:65%;left:12%;top:5%}
.design-rule{padding:clamp(5rem,10vw,10rem) max(5vw,calc((100vw - 1240px)/2));background:var(--purple);color:var(--cream);text-align:center}.design-rule h2{max-width:1080px;margin:0 auto;font-family:Georgia,serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.98;letter-spacing:-.055em}.design-rule>p:last-child{max-width:720px;margin:2rem auto 0;font-size:1.15rem;opacity:.82}
.blueprint,.brow-lessons,.brow-close{max-width:1240px;margin:0 auto;padding:clamp(6rem,11vw,11rem) 1.25rem}.brow-heading{max-width:850px;margin-bottom:clamp(3rem,6vw,6rem)}.brow-heading h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.055em}.brow-heading>p:last-child{max-width:680px;font-size:1.08rem}
.blueprint-progress{padding:1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--purple);border-bottom:1px solid var(--purple);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.blueprint-progress>div{width:min(38vw,380px);height:7px;border:1px solid var(--purple);border-radius:99px;overflow:hidden}.blueprint-progress i{display:block;width:0;height:100%;background:var(--purple);transition:width .35s ease}
.blueprint-questions{display:grid;gap:1px;margin-top:2rem;background:var(--purple);border:1px solid var(--purple)}.blueprint fieldset{margin:0;padding:clamp(1.3rem,4vw,2.4rem);border:0;background:var(--cream)}.blueprint legend{width:100%;padding:0;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400}.blueprint legend span{margin-right:1rem;font-family:Arial,sans-serif;font-size:.7rem;font-weight:750;letter-spacing:.14em}.choice-row{margin-top:1.2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.choice-row label{min-height:72px;padding:.8rem;display:flex;align-items:center;gap:.6rem;border:1px solid rgba(67,16,63,.35);border-radius:14px;cursor:pointer}.choice-row label:has(input:checked){background:var(--purple);color:var(--cream)}.choice-row input{width:18px;height:18px;accent-color:var(--purple)}.blueprint-result{margin-top:2rem;padding:clamp(2rem,5vw,4rem);border-radius:28px;background:var(--purple);color:var(--cream)}.blueprint-result h3{margin:0;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:400;line-height:.98}.blueprint-result>p:last-child{max-width:730px;font-size:1.08rem;opacity:.82}
.brow-lessons{border-top:1px solid rgba(67,16,63,.18)}.lesson-stack{border-top:1px solid var(--purple)}.lesson-stack article{border-bottom:1px solid var(--purple);scroll-margin-top:90px}.lesson-stack article>button{width:100%;min-height:150px;padding:1.4rem 0;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1rem;border:0;background:transparent;color:var(--purple);text-align:left;cursor:pointer}.lesson-stack button span{font-size:.72rem;font-weight:750;letter-spacing:.14em}.lesson-stack button small{font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.lesson-stack h3{margin:.35rem 0 0;font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.05}.lesson-stack button b{font-size:2rem;font-weight:300}.lesson-body{padding:0 0 clamp(3rem,6vw,5rem) 70px;max-width:1080px}.lesson-body>p{max-width:780px;font-family:Georgia,serif;font-size:1.25rem}.lesson-body dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--purple);border:1px solid var(--purple)}.lesson-body dl div{padding:1.2rem;background:var(--cream)}.lesson-body dt{font-size:.7rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.lesson-body dd{margin:.65rem 0 0}.lesson-stack article.open>button{padding-inline:1.2rem;background:var(--purple);color:var(--cream)}.lesson-stack article.open .lesson-body{padding-top:2rem}
.brow-fun{padding:clamp(5rem,10vw,9rem) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr .55fr;align-items:center;gap:clamp(3rem,8vw,8rem);background:var(--purple);color:var(--cream)}.brow-fun h2{margin:0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.98}.brow-fun>div:first-child>p:last-child{max-width:650px;font-size:1.1rem;opacity:.82}.arch-card{min-height:360px;padding:2rem;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--cream);border-radius:50% 50% 24px 24px;text-align:center}.arch-card p{margin:0;font-family:Georgia,serif;font-size:8rem;line-height:.7;opacity:.32}.arch-card strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:400}
.brow-close{text-align:center}.brow-close h2{margin:0 auto;font-size:clamp(3.5rem,8vw,8rem);line-height:.9;letter-spacing:-.06em}.brow-close>p:nth-of-type(2){max-width:720px;margin:2rem auto;font-size:1.1rem}.brow-close>div{display:flex;justify-content:center;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap}.brow-close a:not(.button){font-weight:700;text-underline-offset:.25em}
@media(max-width:850px){.brow-hero,.brow-fun{grid-template-columns:1fr}.choice-row{grid-template-columns:repeat(2,1fr)}.lesson-body dl{grid-template-columns:1fr}}@media(max-width:560px){.brow-header nav a:first-child{display:none}.brow-hero{min-height:580px;padding-top:5rem}.brow-hero h1{font-size:4rem}.choice-row{grid-template-columns:1fr}.blueprint-progress{align-items:flex-start;flex-direction:column}.blueprint-progress>div{width:100%}.lesson-stack article>button{grid-template-columns:42px 1fr auto}.lesson-body{padding-left:0}.arch-card{min-height:280px}.brow-close .button{width:100%}}