@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Montserrat:wght@400;500&display=swap');:root{--cream:#fffbf2;--ink:#26292b;--olive:#344b1e;--clay:#b86b49}*{box-sizing:border-box}html{background:#f6f0e9}body{margin:0;color:var(--ink);font-family:'Cormorant Garamond','Baskerville','Times New Roman',serif;font-weight:300}.site{width:100%;max-width:1536px;margin:auto;background:var(--cream);position:relative;overflow:hidden;container-type:inline-size}header{height:9.5cqw;position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:2.8cqw 6.7cqw 0}.brand{display:flex;align-items:center;gap:1.5cqw;text-decoration:none;color:var(--ink)}.logo{font-size:3.8cqw;line-height:.85;color:#344b1e}.brandbar{height:3.4cqw;border-left:1px solid #344b1e}.brandname{font:500 1.03cqw/1.45 Montserrat,sans-serif;letter-spacing:.17em}nav{display:flex;gap:3.2cqw;padding-top:.6cqw}nav a{font:500 .88cqw/1.4 Montserrat,sans-serif;letter-spacing:.18em;color:#202020;text-decoration:none;padding-bottom:.65cqw}nav a[aria-current]{border-bottom:.2cqw solid var(--olive)}a:focus-visible{outline:3px solid #ae795b;outline-offset:4px}.opening{padding:1.5cqw 7% 1.2cqw}.rule{display:block;width:36px;height:3px;background:var(--olive);margin:0 0 1.2cqw}.opening h1{font-size:5.6cqw;line-height:.9;letter-spacing:-.04em;font-weight:400;margin:0 0 1.5cqw}.opening p,.copy{font-size:2.48cqw;line-height:1.12;font-weight:300;margin:0}.opening p{max-width:83cqw}.artwork{width:100%;height:22cqw;margin:.7cqw 0 .7cqw;overflow:hidden;opacity:.9}.artwork svg{display:block;width:100%;height:100%}.content{padding:1.5cqw 7% 4.1cqw}.copy{max-width:83cqw}.content>.copy:first-child{max-width:77cqw;margin-left:auto;margin-right:auto;text-align:center}.principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:5.2cqw -1cqw 5.3cqw}.principle{position:relative;text-align:center;min-height:10.1cqw;padding:2.1cqw .3cqw 1.2cqw;border-right:1px solid #ddbba7}.principle:last-child{border:0}.shape{position:absolute;left:50%;top:.45cqw;width:7.4cqw;height:7cqw;transform:translateX(-50%) rotate(-17deg);background:#e4e4cc;opacity:.72;border-radius:47% 62% 42% 58%}.principle:nth-child(2) .shape{background:#f5d9c4;transform:translateX(-50%) rotate(19deg)}.principle:nth-child(3) .shape{background:#e7bba8}.principle:nth-child(4) .shape{background:#d7d9bf;transform:translateX(-50%) rotate(15deg)}.principle:nth-child(5) .shape{background:#f1d2bb}.principle strong,.principle>span:last-child{position:relative;display:block;font-weight:400}.principle strong{font-size:3.15cqw;line-height:1;color:var(--olive)}.principle>span:last-child{font-size:1.77cqw;line-height:1.15;margin-top:.65cqw}.closing{max-width:78cqw}footer{height:10.5cqw;background:#e4a88b;display:flex;justify-content:space-between;gap:3cqw;padding:2.65cqw 7cqw;position:relative;z-index:4}footer:before{content:"";position:absolute;top:-1.4cqw;left:-2%;width:104%;height:2.1cqw;background:#e4a88b;border-radius:50% 50% 0 0 / 70% 70% 0 0}footer p{font-size:2.25cqw;line-height:1.07;margin:0;border-left:1px solid #fff;padding-left:3.65cqw}footer small{border-left:1px solid #fff;padding-left:3.8cqw;width:18cqw;font:500 .77cqw/1.9 Montserrat,sans-serif;letter-spacing:.18em}footer small i{display:block;width:2.8cqw;height:.2cqw;background:var(--olive);margin-top:1.1cqw}@media(max-width:760px){header{height:auto;min-height:120px;padding:22px 6% 15px;flex-wrap:wrap;gap:18px}.brand{gap:12px}.logo{font-size:43px}.brandbar{height:36px}.brandname{font-size:10px}nav{gap:22px;padding:0}nav a{font-size:10px;padding-bottom:6px}nav a[aria-current]{border-bottom-width:2px}.opening{padding:34px 6% 5px}.rule{margin-bottom:14px}.opening h1{font-size:clamp(55px,12vw,82px);margin-bottom:20px}.opening p,.copy{font-size:clamp(28px,6vw,38px);line-height:1.12}.opening p{max-width:none}.content>.copy:first-child{max-width:none}.artwork{height:clamp(160px,28vw,230px);min-height:0}.content{padding:26px 6% 44px}.principles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;margin:42px 0}.principle{min-height:137px;padding:26px 5px}.principle:nth-child(2n){border-right:0}.principle:last-child{grid-column:1/-1}.shape{width:91px;height:88px;top:5px}.principle strong{font-size:43px}.principle>span:last-child{font-size:24px;margin-top:7px}footer{height:auto;min-height:190px;flex-wrap:wrap;gap:25px;padding:35px 6%}footer:before{top:-12px;height:25px}footer p{font-size:30px;padding-left:22px}footer small{font-size:10px;padding-left:22px;width:auto;min-width:210px}footer small i{width:33px;height:3px;margin-top:12px}}
/* Pathway-only alignment adjustment: preserve navigation, illustration, and five Es. */
.opening { text-align: center; }
.opening .rule { margin-left: auto; margin-right: auto; }
.opening p { margin-left: auto; margin-right: auto; }
.content > .copy { text-align: center; margin-left: auto; margin-right: auto; }

/* Approved Home logo lockup. */
header .brand {display:flex;align-items:center;gap:18px;flex-shrink:0;text-decoration:none;color:#1c1c1b}
header .brand-logo {font:400 clamp(47px,4.3vw,65px)/1 'Cormorant Garamond',Georgia,serif;color:#1c1c1b}
header .brand-rule {height:55px;border-left:1px solid #333}
header .brand-text {display:flex;flex-direction:column;gap:11px}
header .brand-name,header .brand-tagline {font-family:Montserrat,Arial,sans-serif;font-weight:500;white-space:nowrap}
header .brand-name {font-size:clamp(13px,1.35vw,20px);letter-spacing:.2em}
header .brand-tagline {font-size:clamp(8px,.76vw,12px);letter-spacing:.16em}
/* Approved Home warm brown; keep existing layout. */
:root {--clay:#957057;--brown:#957057}
footer,footer:before {background:var(--brown)}
.principle {border-right-color:#cbb29d}
.principle:nth-child(2) .shape {background:#d8b49a}
.principle:nth-child(3) .shape {background:#caa38a}
.principle:nth-child(5) .shape {background:#e2c8b0}
.architecture-statement {max-width:77cqw;margin-left:auto;margin-right:auto;text-align:center}
.architecture-statement h2 {font:600 2.9cqw/1.13 'Cormorant Garamond',Georgia,serif;margin:0 0 1.45cqw;color:var(--ink)}
.architecture-statement .copy {max-width:none;text-align:center}
@media(max-width:760px) {
 header .brand {gap:10px;max-width:100%}
 header .brand-logo {font-size:50px}
 header .brand-rule {height:45px}
 header .brand-text {gap:7px}
 header .brand-name {font-size:clamp(10px,2.4vw,15px)}
 header .brand-tagline {font-size:clamp(6.3px,1.56vw,10px)}
 .architecture-statement {max-width:none}
 .architecture-statement h2 {font-size:clamp(34px,7vw,46px);margin-bottom:18px}
}

/* Match the locked Home page's navigation and footer typography, without altering page content. */
header nav a {font:500 clamp(11px,1vw,14px)/1.4 Montserrat,Arial,sans-serif;letter-spacing:.17em;color:#1d1d1c}
footer {color:#fff}
footer p {font:400 clamp(30px,2.75vw,42px)/1.07 'Cormorant Garamond',Georgia,serif;color:#fff;text-align:left}
footer small {font:500 clamp(10px,.88vw,13px)/1.9 Montserrat,Arial,sans-serif;letter-spacing:.18em;color:#fff}
footer small i {display:none !important}
@media(max-width:760px) {
 header nav a {font-size:11px}
 footer p {font-size:clamp(30px,7vw,43px)}
 footer small {font-size:10px}
}

/* Requested Pathway-only finishing touches */
.opening > .rule {display:none !important;}
footer p {border-left:none !important;padding-left:0 !important;}

/* Preview-only Pathway illustration update. All approved page copy remains unchanged. */
.artwork {height:clamp(230px,27vw,425px);margin:1.3cqw 0 2.5cqw;opacity:1;overflow:hidden;position:relative;clip-path:polygon(0 0,100% 0,100% 94%,90% 97%,78% 99%,65% 97%,52% 100%,40% 97%,27% 99%,14% 96%,0 100%)}
.artwork img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.pathway-connector {width:calc(100% + 16%);margin:3.5cqw -8% -1.4cqw;height:7cqw;overflow:hidden}
.pathway-connector svg {width:100%;height:100%;display:block}
.connected-principles {margin:0 -1cqw 4.7cqw;position:relative}
.connected-principles .principle {border-right:0;padding-top:1.5cqw;min-height:9.5cqw}
.connected-principles .principle strong {font-size:3.15cqw}
@media(max-width:760px) {
 .artwork {height:clamp(210px,43vw,340px);margin:10px 0 20px;clip-path:polygon(0 0,100% 0,100% 94%,75% 98%,50% 95%,25% 99%,0 95%)}
 .pathway-connector {height:70px;margin:35px -8% -5px}
 .connected-principles {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;margin:0 0 42px}
 .connected-principles .principle {min-height:115px;padding:14px 5px}
 .connected-principles .principle:last-child {grid-column:1/-1}
 .connected-principles .principle strong {font-size:clamp(31px,8vw,43px)}
}

/* Requested Pathway image and five E separators: no other design changes. */
.artwork {clip-path:none !important;}
.pathway-connector {display:none !important;}
.connected-principles {margin:3.5cqw -1cqw 4.7cqw;}
.connected-principles .principle {border-right:0 !important;position:relative;}
.connected-principles .principle:not(:last-child)::after {content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:#bca18c;}
@media(max-width:760px){
 .artwork {clip-path:none !important;}
 .connected-principles {margin:32px 0 42px;}
 .connected-principles .principle:nth-child(2n)::after {display:none;}
 .connected-principles .principle:nth-child(5)::after {display:none;}
}