@font-face{font-family:Baloo;src:url('/city/assets/baloo.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Nunito;src:url('/city/assets/nunito.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{--paper:#fff4df;--ink:#203454;--muted:#54627a;--line:#c8c7b9;--olive:#355d58;--orange:#f36a4f;--sand:#e4f5ed;--font:Nunito,Arial,sans-serif;--sun:#ffd447;--mint:#69d6bb;--sky:#64b5ff}
body{font-size:16px}
[hidden]{display:none!important}
h1,h2,h3{font-family:Baloo,Nunito,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.08}
h1 em,h2 em,h3 em{font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit}
h2{font-size:clamp(44px,4.9vw,68px)}
.site-header{height:94px;border-bottom:2px solid var(--ink);gap:20px}
.wordmark{gap:12px;letter-spacing:-.025em;font-family:Baloo,Nunito,sans-serif;font-size:25px}
.wordmark .brand-frank{width:56px;height:56px;object-fit:cover;border:2px solid var(--ink);border-radius:50%;background:#ffd447;box-shadow:2px 3px 0 var(--ink)}
.brand-type small{display:block;margin-top:6px;font:800 8px/1 Nunito,sans-serif;letter-spacing:.16em}
.desktop-nav{font-size:13px;font-weight:800;gap:27px}
.header-cta,.button{border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);font-size:13px;font-weight:900;gap:22px;transition:transform .18s,box-shadow .18s}
.header-cta{background:var(--sun);padding:10px 17px}
.header-cta:hover,.button:hover{background:var(--sun);color:var(--ink);transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}
.button:active,.header-cta:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.button.cream{background:var(--sun)}
.button.green{background:var(--orange);color:var(--ink)}
.text-link{font-size:13px;font-weight:900;border-bottom:2px solid var(--ink)}
.menu-toggle{border:2px solid var(--ink);border-radius:12px;background:var(--sun);padding:7px}
.menu-toggle span{height:2px}
.hero{height:auto;min-height:760px;background:var(--ink)}
.hero-image{object-position:60% 58%}
.hero-shade{background:linear-gradient(90deg,#14253ee8 0%,#14253eaa 43%,#14253e15 78%),linear-gradient(0deg,#14253e99,transparent 32%)}
.hero-content{width:62%;max-width:960px;padding:72px 0 116px 7%}
.hero .eyebrow{font-size:9px;font-weight:900;letter-spacing:.09em;background:#203454a6;border:1px solid #fff4df66;border-radius:30px;padding:9px 15px;display:inline-flex}
.status-dot{width:8px;height:8px;background:var(--sun);box-shadow:0 0 0 4px #ffd44722;flex-shrink:0}
.hero h1{font-size:clamp(72px,7.8vw,112px);line-height:.97;letter-spacing:-.025em;margin:29px 0 24px}
.hero h1 em{color:var(--sun);font-size:1.12em;line-height:.9;text-shadow:3px 4px 0 #20345499}
.hero-description{font-size:16px;font-weight:700;line-height:1.7;color:var(--paper);max-width:440px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:27px}
.hero .button{margin-top:0;font-size:14px;padding:14px 20px}
.hero-watch{font-size:12px;font-weight:800;margin-top:0}
.play-icon{border:2px solid var(--paper);background:#20345444}
.hero-host{position:absolute;right:6%;bottom:63px;width:31%;max-width:400px;display:flex;flex-direction:column;align-items:center}
.hero-frank{width:auto;max-width:100%;height:360px;object-fit:contain;filter:drop-shadow(0 12px 4px #13253b50);transform:rotate(3deg)}
.frank-welcome{position:relative;z-index:1;width:100%;max-width:335px;background:var(--sun);color:var(--ink);border:3px solid var(--ink);border-radius:24px;padding:20px 23px;box-shadow:6px 6px 0 var(--ink);transform:rotate(-3deg);margin-bottom:18px}
.frank-welcome:after{content:'';position:absolute;bottom:-13px;left:64%;width:22px;height:22px;background:var(--sun);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}
.frank-welcome>span{font-size:8px;font-weight:1000;letter-spacing:.13em}
.frank-welcome p{font-family:Baloo,sans-serif;font-size:26px;font-weight:700;line-height:1.12;margin-top:8px}
.frank-welcome a{font-size:11px;font-weight:900;display:inline-flex;gap:22px;align-items:center;border-bottom:2px solid var(--ink);margin-top:11px}
.frank-welcome a span{font-size:18px}
.street-sign{top:28px;right:6%;transform:rotate(4deg);background:var(--mint);color:var(--ink);border:3px solid var(--ink);border-radius:10px;box-shadow:5px 5px 0 var(--ink)}
.street-sign strong{font-family:Baloo,sans-serif;font-size:31px;letter-spacing:.02em;line-height:1;border:0;border-radius:0;padding:4px 15px;background:none;margin:4px 0;box-shadow:none}
.street-sign small,.street-sign>span{font-weight:900}
.hero-bottom{font-weight:800;bottom:22px;font-size:8px}
.hero-bottom span:nth-child(2){color:var(--paper)}
.hero-bottom a span{color:var(--sun)}
.location-ribbon{background:var(--sun);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-size:9px;font-weight:900}
.section-kicker{font-size:10px;letter-spacing:.09em;font-weight:900;gap:13px}
.number{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:32px;border:2px solid var(--ink);border-radius:10px;background:var(--sun);color:var(--ink);font-weight:900;box-shadow:2px 2px 0 var(--ink)}
.origin{background:#e0f4fc}
.origin h2 br:nth-of-type(2){display:initial}
.origin-copy h2 em,.vision h2 em,.village h2 em,.daily-life h2 em,.flywheel h2 em,.first-chapter h2 em{color:#a94332}
.origin-copy>p:not(.lead),.vision-copy,.place-copy>p,.section-aside{font-size:14px}
.origin .lead,.vision-copy .lead{font-size:22px;font-weight:800}
.origin-media{border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:7px 7px 0 var(--ink)}
.clip-player{border:0;border-radius:0}
.clip-source{padding:17px;background:var(--paper);font-size:10px}
.clip-chapters button{background:var(--paper);border:2px solid var(--ink);border-radius:12px;margin-top:10px;font-size:12px;padding:12px;box-shadow:3px 3px 0 var(--ink)}
.clip-chapters button:hover,.clip-chapters button.playing{background:var(--sun);color:var(--ink)}
.clip-context{font-size:10px!important}
.principles{gap:14px;border:0;padding-top:0;margin-top:55px}
.principles>div,.principles>div:first-child,.principles>div:last-child{border:2px solid var(--ink);padding:22px;border-radius:18px;box-shadow:4px 4px 0 var(--ink);background:#fffaf0}
.principles>div:nth-child(2){background:#ffe4dc}
.principles>div:nth-child(3){background:#e0f4fc}
.principles>div:nth-child(4){background:#dcf3e9}
.principles span{color:var(--ink);font-size:10px;font-weight:900}
.principles h3{font-size:22px}
.principles p{font-size:12px}
.campus{border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 var(--ink)}
.campus-detail{border-left:2px solid var(--ink);background:#fffaf0}
.campus-detail h3{font-size:37px}
.campus-detail p:not(.eyebrow){font-size:12px}
.campus-detail .eyebrow{font-size:9px}
.zone-tabs{gap:10px;margin-bottom:30px}
.zone-tabs button,.map-pin{width:39px;height:39px;border:2px solid var(--ink);font-size:12px;font-weight:900;background:var(--sun);box-shadow:2px 3px 0 var(--ink)}
.map-pin{width:44px;height:44px}
.map-pin.selected,.zone-tabs button.selected{background:var(--orange);color:var(--ink);border-color:var(--ink)}
.map-label{background:var(--paper);border:2px solid var(--ink);border-radius:7px;padding:7px 10px;left:18px;top:18px;letter-spacing:.06em}
.map-foot{color:#20392c}
.frank-field-note{display:flex;align-items:center;gap:15px;padding:14px 20px;max-width:670px;background:var(--sun);border:2px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink);margin:0 0 25px}
.frank-field-note img{width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;flex-shrink:0}
.frank-field-note span{font-size:8px;font-weight:1000;letter-spacing:.12em}
.frank-field-note p{font-size:14px;font-weight:800;line-height:1.45;margin-top:3px}
.life-grid{gap:22px}
.life-grid .photo,.dinner-visual{border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}
.life-grid h3{font-size:24px;margin-top:24px}
.life-grid p{font-size:13px}
.life-grid .photo>span,.dinner-visual>span{background:var(--sun);color:var(--ink);border:2px solid var(--ink);border-radius:8px;font-weight:900}
.place-copy{background:#dff3eb}
.place-features span{border:1px solid var(--ink);border-radius:7px;background:var(--paper);padding:8px 11px;font-weight:800}
.flywheel-steps{gap:16px;border:0}
.flywheel-steps li{border:2px solid var(--ink);padding:24px!important;border-radius:18px;background:#fffaf0;box-shadow:4px 4px 0 var(--ink)}
.flywheel-steps li:nth-child(even){background:#e1f2fd}
.flywheel-steps h3{font-size:23px}
.flywheel-steps p{font-size:12px}
.flywheel-steps li>span{color:var(--ink);font-weight:900}
.covenant{border:2px solid var(--ink);border-radius:18px;background:var(--sun);color:var(--ink);padding:24px;gap:22px}
.covenant p{color:var(--ink)}
.boxabl-thesis{background:var(--ink);color:var(--paper)}
.boxabl-thesis h2 em{color:var(--sun)}
.boxabl-thesis .number{color:var(--ink)}
.boxabl-thesis .section-kicker,.thesis-top>p{color:var(--paper)}
.thesis-rows article{border-color:#fff4df50}
.thesis-rows h3{font-size:25px}
.frank-blueprint-note{display:flex;align-items:center;gap:25px;max-width:600px;margin:36px 0 0}
.frank-blueprint-note img{width:105px;height:143px;object-fit:contain;transform:rotate(-5deg)}
.frank-blueprint-note p{font-family:Baloo,sans-serif;font-size:27px;line-height:1.14;color:var(--sun)}
.frank-blueprint-note span{display:block;font:900 9px/1.8 Nunito,sans-serif;letter-spacing:.13em;color:var(--paper);margin-bottom:7px}
.thesis-footer{margin-top:20px}
.roadmap{gap:16px;border:0}
.roadmap article{padding:25px!important;border:2px solid var(--ink);border-radius:18px;background:#fffaf0;box-shadow:4px 4px 0 var(--ink)}
.roadmap article:nth-child(2){background:#ffe5dd}
.roadmap article:nth-child(3){background:#e1f4fc}
.roadmap article>span{color:var(--ink);font-weight:900}
.roadmap h3{font-size:25px}
.roadmap p{font-size:13px}
.closing{background:var(--sun);border:2px solid var(--ink);border-radius:28px;box-shadow:7px 7px 0 var(--ink);padding:65px 25px;margin-top:65px}
.closing h3{font-size:clamp(43px,5.7vw,80px)}
.closing h3 em{color:#a94332}
.site-footer{background:#dff3eb;border-top:2px solid var(--ink)}
.site-footer .wordmark{font-size:24px}
.site-footer .back-top{border:2px solid var(--ink);border-radius:12px;background:var(--sun);padding:12px 15px;box-shadow:3px 3px 0 var(--ink);font-weight:900}
.site-footer .disclosure{font-size:11px;line-height:1.8}
dialog{border:2px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 #20345477}
.dialog-head button{border:2px solid var(--ink);border-radius:50%;background:var(--sun);width:36px;height:36px}
.frank-guide{position:fixed;right:22px;bottom:22px;width:302px;background:var(--paper);border:2px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);z-index:20;overflow:hidden}
.guide-header{display:flex;align-items:center;gap:11px;background:var(--sun);padding:11px 12px;border-bottom:2px solid var(--ink)}
.guide-header img{width:45px;height:45px;object-fit:cover;border:2px solid var(--ink);border-radius:50%;flex-shrink:0}
.guide-header strong{display:block;font:700 20px/1.1 Baloo,sans-serif}
.guide-header span{display:block;font-size:8px;line-height:1.3;font-weight:1000;letter-spacing:.035em;margin-top:5px}
.guide-header button{margin-left:auto;flex-shrink:0;border:2px solid var(--ink);border-radius:9px;width:29px;height:29px;background:var(--paper);font-size:19px;line-height:1;font-weight:900;padding:0}
#guide-body{padding:12px 15px 13px}
#guide-quote{font-size:12px;font-weight:800;line-height:1.5}
.guide-progress{display:flex;gap:5px;margin:11px 0}
.guide-progress i{height:5px;flex:1;border-radius:4px;background:#dfdfd0}
.guide-progress i.visited{background:var(--mint)}
.guide-progress i.current{background:var(--orange)}
#guide-next{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;font-weight:1000;color:var(--ink)}
#guide-next span{font-size:20px;line-height:1}
.frank-guide.minimized{width:275px}
.frank-guide.minimized .guide-header{border-bottom:0}
body:has(dialog[open]) .frank-guide{visibility:hidden}
@media(min-width:1600px){.hero-content{padding-top:90px;padding-bottom:130px}.hero-host{right:10%;bottom:80px}.hero-frank{height:400px}}
@media(max-width:1100px){
 .site-header{padding-inline:4%;gap:15px}.wordmark{font-size:22px}.wordmark .brand-frank{width:49px;height:49px}.brand-type small{font-size:7px}.desktop-nav{gap:19px;font-size:11px}.header-cta{font-size:11px;padding:10px 13px}
 .hero-content{padding-top:80px;width:64%;padding-left:6%}.hero h1{font-size:clamp(69px,8.1vw,86px)}.hero-host{right:4%;width:30%;bottom:75px}.hero-frank{height:320px}.frank-welcome{padding:17px 18px}.frank-welcome p{font-size:24px}.hero .eyebrow{font-size:8px}.hero-actions{gap:20px}.hero .button{font-size:13px}
 .principles{gap:11px}.principles>div,.principles>div:first-child,.principles>div:last-child{padding:17px}.principles h3{font-size:21px}
 .site-footer .wordmark{font-size:21px}
}
@media(max-width:800px){
 .site-header{height:82px;padding:0 5%}.brand-type small{font-size:7px}.wordmark{font-size:23px}.site-header .header-cta{margin-left:auto}.menu-toggle{display:block}.desktop-nav{display:none}
 .hero{min-height:0}.hero-content{width:100%;padding:48px 6% 26px}.hero h1{font-size:clamp(65px,10.5vw,85px);line-height:1;margin:26px 0 20px;max-width:580px}.hero .eyebrow{max-width:calc(100% - 130px);line-height:1.5;font-size:8px}.hero-description{max-width:400px}.hero-actions{margin-top:23px}.hero-host{position:relative;right:auto;bottom:auto;width:100%;max-width:570px;margin:0 0 0 auto;padding:0 6% 70px;flex-direction:row;align-items:center;gap:17px}.hero-frank{height:245px;width:auto;max-width:45%}.frank-welcome{margin:0;max-width:290px;width:55%}.frank-welcome:after{bottom:auto;left:auto;right:-13px;top:60%;transform:rotate(-45deg)}
 .hero-shade{background:linear-gradient(90deg,#14253ed9,#14253e88 70%,#14253e33),linear-gradient(0deg,#14253e99,transparent 32%)}.street-sign{top:30px;right:6%;padding:9px 12px}.street-sign strong{font-size:25px}.street-sign>span{font-size:6px}.street-sign small{font-size:5px}.hero-bottom>span:first-child{display:none}.hero-bottom{left:6%;right:6%;gap:12px}.hero-bottom a{gap:12px}
 .location-ribbon{font-size:8px;padding-inline:6%;height:auto;min-height:60px;gap:12px}.location-ribbon>span:last-child{display:none}
 .section-pad{padding:65px 6%}.principles{grid-template-columns:repeat(2,1fr);gap:16px}.principles h3{font-size:24px}.principles p{max-width:none}.campus-detail{border-left:0;border-top:2px solid var(--ink);padding:28px}.frank-field-note{padding:13px 16px}.frank-field-note p{font-size:13px}.campus-map{min-height:470px}
 .flywheel-steps,.roadmap{grid-template-columns:repeat(2,1fr);gap:17px}.roadmap article:last-child{grid-column:1/-1}.closing{padding:50px 20px}
 .site-footer .footer-main{gap:28px}.site-footer .wordmark{font-size:23px}.thesis-top>p{font-size:14px}.thesis-rows h3{font-size:26px}
}
@media(max-width:550px){
 html{scroll-padding-top:24px}.site-header{height:78px;padding-inline:5%;gap:10px}.site-header .wordmark{font-size:21px;gap:10px}.wordmark .brand-frank{width:45px;height:45px}.brand-type small{font-size:6.5px;letter-spacing:.12em}.site-header .header-cta{display:none}.menu-toggle{margin-left:auto}
 .hero-content{padding:35px 6% 17px}.hero .eyebrow{max-width:calc(100% - 94px);padding:6px 10px;font-size:6.5px;gap:8px}.hero h1{font-size:clamp(51px,14.5vw,72px);line-height:1;letter-spacing:-.035em;margin:28px 0 18px}.hero-description{font-size:14px;line-height:1.7;max-width:330px}.hero-actions{gap:16px;margin-top:22px}.hero .button{padding:12px 17px;font-size:13px}.hero-watch{font-size:11px}.play-icon{width:28px;height:28px}.hero-host{gap:12px;padding:9px 6% 63px;max-width:430px}.hero-frank{height:200px;max-width:46%;transform:none}.frank-welcome{width:56%;padding:14px 15px;border-radius:18px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-3deg)}.frank-welcome>span{font-size:6px;letter-spacing:.07em}.frank-welcome p{font-size:21px;margin-top:7px}.frank-welcome a{font-size:10px;gap:9px;margin-top:8px}.street-sign{top:25px;right:5%;padding:8px;border-radius:7px}.street-sign strong{font-size:21px;padding:4px 3px}.street-sign>span{font-size:5px;letter-spacing:.06em}.street-sign small{display:none}.hero-bottom{bottom:17px;font-size:7px}.hero-bottom span:nth-child(2){font-size:7px;max-width:170px}.hero-bottom a{font-size:8px;gap:7px}
 .location-ribbon{min-height:54px;font-size:7px;letter-spacing:.03em}.tiny-cross{margin-right:5px;font-size:14px}.location-ribbon>span:nth-child(2){max-width:155px;text-align:right}
 .section-pad{padding:55px 6%}h2{font-size:43px}.section-kicker{font-size:8px;gap:12px;margin-bottom:27px}.number{min-width:42px;height:30px}.origin-copy h2{font-size:44px}.origin-copy>p:not(.lead),.vision-copy,.place-copy>p,.section-aside{font-size:13px}.origin-grid{gap:35px}.origin .lead,.vision-copy .lead{font-size:20px}.origin-media{box-shadow:4px 4px 0 var(--ink)}.clip-source{font-size:9px;padding:13px;gap:10px}.clip-chapters button{font-size:11px}
 .principles{margin-top:35px;gap:12px}.principles>div,.principles>div:first-child,.principles>div:last-child{padding:16px 13px}.principles h3{font-size:20px;margin:12px 0 8px}.principles p{font-size:11px}.campus-map{min-height:340px}.map-label{font-size:6px;padding:6px 8px;left:12px;top:12px}.map-pin{width:37px;height:37px}.map-foot{left:15px;bottom:15px}.campus-detail{padding:24px 21px}.campus-detail h3{font-size:36px}.frank-field-note{gap:11px;padding:12px}.frank-field-note img{width:44px;height:44px}.frank-field-note p{font-size:12px}.frank-field-note span{font-size:7px}
 .life-grid{gap:35px}.life-grid h3{font-size:25px}.place-copy{padding:50px 6%}.place-features span{font-size:10px}.flywheel-steps,.roadmap{grid-template-columns:1fr;gap:16px}.roadmap article:last-child{grid-column:auto}.flywheel-steps li,.roadmap article{padding:23px!important}.flywheel-steps h3{font-size:25px}.covenant{padding:19px;gap:14px}.covenant p{font-size:12px}.frank-blueprint-note{gap:17px;margin-top:28px}.frank-blueprint-note img{width:82px;height:112px}.frank-blueprint-note p{font-size:23px}.thesis-footer{gap:23px}.thesis-footer .button{font-size:12px}.closing{padding:40px 17px;margin-top:45px;border-radius:23px}.closing h3{font-size:42px}.closing>.eyebrow{font-size:7px}.closing .button{font-size:11px;gap:13px;padding:13px 16px}.closing>div{gap:14px}.closing-note{font-size:9px}
 .site-footer{padding:40px 6%}.site-footer .wordmark{font-size:22px}.site-footer .disclosure{font-size:10px}.site-footer .back-top{font-size:9px}.footer-bottom{gap:14px;font-size:7px}.frank-guide{right:12px;bottom:12px;width:calc(100% - 24px);max-width:350px;border-radius:17px;box-shadow:3px 3px 0 var(--ink)}.guide-header{padding:8px 11px;gap:10px}.guide-header img{width:38px;height:38px}.guide-header strong{font-size:19px}.guide-header span{font-size:7px;margin-top:3px}#guide-body{padding:10px 13px 11px}#guide-quote{font-size:11px;line-height:1.45}.guide-progress{margin:8px 0}#guide-next{font-size:11px}.frank-guide.minimized{width:264px}
 dialog{padding:25px}
}
@media(max-width:360px){.site-header .wordmark{font-size:18px;gap:8px}.site-header .brand-frank{width:42px;height:42px}.site-header .brand-type small{font-size:5.8px}.frank-welcome{padding:12px}.frank-welcome p{font-size:18px}.frank-welcome a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The supplied excerpt uses its original 640 x 352 frame without cropping. */
.clip-player.local-clip{aspect-ratio:20/11;background:#111b2a}
.local-clip video{display:block;width:100%;height:100%;object-fit:contain}
.local-clip .clip-play{bottom:42px;background:linear-gradient(0deg,#14253e88,transparent)}
.local-clip .clip-label{bottom:auto;top:14px;background:#203454cc;padding:5px 8px;border-radius:5px}
.local-clip.clip-started .clip-label{display:none}
.clip-chapters a{display:flex;align-items:center;gap:16px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;margin-top:10px;font-size:12px;padding:12px;box-shadow:3px 3px 0 var(--ink);font-weight:800}
.clip-chapters a:hover{background:var(--sun)}
.clip-chapters a span{font-size:9px;color:var(--muted)}
.clip-chapters a i{margin-left:auto;font-style:normal}
@media(max-width:550px){.clip-chapters a{font-size:11px}.clip-source{flex-wrap:wrap;gap:7px}.clip-source span{max-width:none}.clip-source a{white-space:normal}.local-clip .clip-label{top:10px;font-size:5px}.local-clip .clip-play{bottom:34px}}