@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,0,1;9..144,700,0,1&display=swap');
:root{--ink:#282321;--night:#232a23;--cream:#fff8e9;--paper:#fffdf6;--citrus:#f5c642;--chili:#e75637;--pink:#f7a89f;--sky:#a7d9e4;--wine:#542e37;--green:#275347;--muted:#655d56;--line:#25211c;--soft:#f6ecdb;--forest:var(--green);--gold:var(--citrus);--sand:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}p{line-height:1.65}h1,h2,h3{letter-spacing:-.025em}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase;line-height:.89}h1{font-size:clamp(5.1rem,9.2vw,10rem);margin:.11em 0 .17em}h2{font-size:clamp(3.3rem,6.1vw,6.6rem);margin:0 0 .34em}h3{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(1.6rem,2.3vw,2.2rem);margin:0 0 .5em;line-height:1.13}
.topline{background:var(--citrus);border-bottom:2px solid var(--line);height:29px;font-size:.67rem;font-weight:800;letter-spacing:.155em;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:28px;white-space:nowrap;overflow:hidden}.topline span::before{content:'✳';padding-right:20px;color:var(--chili)}header{z-index:99;position:sticky;top:0;background:var(--cream);border-bottom:2px solid var(--line)}.nav{max-width:1440px;margin:auto;padding:12px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}.brandSeal{width:45px;height:45px;border:2px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--chili);color:var(--cream);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:1.45rem;transform:rotate(-12deg)}.brandName{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:1.6rem;letter-spacing:-.012em;line-height:.78;text-transform:uppercase}.brandName small{display:block;font-family:'DM Sans',sans-serif;font-size:.47rem;letter-spacing:.19em;margin-top:7px}.navlinks{display:flex;gap:22px;align-items:center;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em}.navlinks>a{text-decoration:none;transition:opacity .15s}.navlinks>a:hover{opacity:.65}.navlinks .navcta{padding:12px 16px;font-size:.75rem;margin-left:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 22px;border:2px solid var(--ink);border-radius:0;min-height:48px;background:var(--citrus);text-decoration:none;color:var(--ink);font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);background:#ffdb65}.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.dark{background:var(--ink);color:white;border-color:var(--ink)}.btn.dark:hover{background:var(--wine)}.btn.chili{background:var(--chili);color:white;border-color:var(--ink)}.eyebrow{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.165em;color:var(--chili)}.wrap{max-width:1260px;margin:auto;padding:0 5%}.section{padding:104px 0}.section.compact{padding:64px 0}.intro{max-width:800px}.muted{color:var(--muted)}
.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:630px;border-bottom:3px solid var(--line);background:var(--chili);color:#fff9e9}.heroText{padding:65px 3vw 80px max(7%,calc((100vw - 1300px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.heroText h1{font-size:clamp(5.7rem,10.3vw,11rem);max-width:800px;line-height:.83}.heroText h1 em{font-family:'Fraunces',Georgia,serif;text-transform:none;font-weight:700;font-style:italic;font-size:.53em;letter-spacing:-.06em;display:inline-block;transform:rotate(-5deg);color:var(--citrus);padding:7px 0}.hero .eyebrow{color:var(--cream);border:1.5px solid #ffffffae;padding:10px 12px;display:inline-flex;align-self:flex-start;letter-spacing:.13em}.hero p{max-width:480px;font-size:1.05rem;font-weight:600;line-height:1.55;color:#fff6e9}.hero .tiny{color:#ffe4d3}.heroVisual{position:relative;min-height:630px;padding:36px 40px 54px 10px;background:var(--citrus);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(circle at 5px 5px,rgba(40,35,33,.095) 2px,transparent 3px);background-size:23px 23px}.photoFrame{position:relative;width:min(100%,560px);height:520px;border:10px solid var(--cream);box-shadow:15px 15px 0 #2b2a23;transform:rotate(2deg);background:var(--green);overflow:hidden}.photoFrame img{height:100%;width:100%;object-fit:cover;object-position:48% center;display:block}.photoFrame::after{content:'UPTOWN WHITTIER · GREENLEAF AVE';position:absolute;bottom:0;left:0;right:0;padding:12px;background:#fff9e9;color:var(--ink);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-align:center}.roundStamp{position:absolute;right:12px;top:18px;z-index:3;width:142px;height:142px;border:3px solid var(--ink);border-radius:50%;background:var(--sky);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:1.5rem;transform:rotate(13deg);box-shadow:5px 5px 0 #282321}.hero-badge{display:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.hero .btn.ghost{color:white}.marquee{padding:16px 10px;background:var(--wine);color:var(--cream);font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.25rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;text-align:center;border-bottom:3px solid var(--line);word-spacing:.3em}.marquee span{color:var(--citrus);padding:0 16px}
.sectionHeadline{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.sectionHeadline h2{max-width:690px;margin-bottom:0}.smallNote{font-size:.87rem;max-width:320px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:var(--paper);border:2px solid var(--line);padding:32px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.card:hover{transform:translate(-2px,-3px);box-shadow:8px 8px 0 var(--ink)}.card:nth-child(3n+1){background:#f8e4ce}.card:nth-child(3n+2){background:#d9eaed}.card:nth-child(3n){background:#f7e6b2}.card small{font-weight:800;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.card a{text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;align-self:flex-start;border-bottom:2px solid var(--ink);padding-bottom:6px}.card h3{margin-top:25px}.card p{font-size:.91rem;line-height:1.55}.cardIcon{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:5rem;line-height:1;color:var(--chili);display:block;letter-spacing:-.09em}.card:nth-child(2) .cardIcon{color:var(--green)}.card:nth-child(3) .cardIcon{color:var(--wine)}
.editorialSplit{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.editorialPhoto{position:relative;min-height:480px;background:var(--sky);overflow:hidden}.editorialPhoto img{width:100%;height:100%;display:block;object-fit:cover;position:absolute;inset:0}.editorialPhoto .photoTag{position:absolute;bottom:24px;left:24px;background:var(--paper);border:2px solid var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:9px 13px}.editorialCopy{background:var(--sky);padding:80px 11%;display:flex;justify-content:center;flex-direction:column}.editorialCopy h2{max-width:550px}.editorialCopy p{max-width:470px}.editorialCopy .eyebrow{color:var(--wine)}.editorialCopy .btn{align-self:flex-start}
.darkband{background:var(--wine);color:var(--cream)}.darkband p{color:#f8e5df}.darkband .eyebrow{color:var(--citrus)}.flex{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.soft{background:#e8d4c5}.tags{display:flex;gap:10px;flex-wrap:wrap}.tag{display:inline-block;border:1.5px solid var(--line);padding:9px 14px;font-size:.8rem;background:#fff3de}.featureList{margin:30px 0;padding:0;list-style:none}.featureList li{padding:17px 0;border-bottom:1px solid #d9aeba;font-weight:600}.featureList li:before{content:'✳';color:var(--citrus);margin-right:15px}.selector{padding:36px;background:var(--paper);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(1deg)}.selector label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:block;margin:20px 0 9px}.selector select{padding:15px;background:white;border:2px solid var(--line);max-width:440px;width:100%;font-size:.96rem}.selector #result{min-height:95px}.selector .btn{margin-top:6px}.homeOwnerFeature{background:#f4cf8b;position:relative}.homeOwnerFeature:before{content:'✳';position:absolute;top:-56px;right:4%;font-size:14rem;font-weight:900;color:#e85c44;opacity:.2;pointer-events:none}.letterBand{padding:58px 0;background:var(--citrus);border-bottom:3px solid var(--ink);border-top:3px solid var(--ink)}.letterBand .flex{gap:40px}.letterBand h2{margin:0}.letterBand p{font-size:1.05rem;font-weight:600}
.pageHero{position:relative;overflow:hidden;background:var(--chili);color:var(--cream);padding:98px 0 84px;border-bottom:3px solid var(--ink)}.pageHero .wrap{position:relative;z-index:2}.pageHero:before{content:'W';font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(20rem,45vw,48rem);line-height:.7;position:absolute;right:-2%;bottom:-24%;color:#ffffff20;transform:rotate(-13deg);pointer-events:none}.pageHero h1{max-width:900px;font-size:clamp(5rem,9vw,9rem)}.pageHero p{max-width:730px;color:#fff9e9;font-size:1.1rem;font-weight:500}.pageHero .eyebrow{color:var(--citrus)}body[data-page='neighborhoods'] .pageHero{background:#345d58}body[data-page='homeowners'] .pageHero{background:var(--wine)}body[data-page='moving'] .pageHero{background:#3a6890}body[data-page='contact'] .pageHero{background:var(--green)}body[data-page='about'] .pageHero{background:#a84333}body[data-page='privacy'] .pageHero{background:var(--wine)}.article{max-width:880px;margin:auto;padding:78px 5% 115px}.article h2{font-size:clamp(2.7rem,5vw,4.6rem);margin-top:65px}.article h3{margin-top:38px}.article a{color:#b64029}.article p,.article li{font-size:1rem}.callout{padding:31px;background:#e8d4c5;border-left:6px solid var(--chili);margin:45px 0}.filterbar{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.filterbar button{background:transparent;padding:12px 18px;border:2px solid var(--line);color:var(--ink);cursor:pointer}.filterbar button.active{background:var(--ink);color:#fff}.footer{background:var(--ink);color:var(--cream);padding:67px 0 38px;font-size:.87rem;border-top:5px solid var(--chili)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer a{text-decoration:none;display:block;margin:0 0 12px}.footer a:hover{text-decoration:underline}.footer strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.4rem}.footergrid strong{display:block;margin-bottom:15px}.footer .footerLogo{font-size:3.3rem;line-height:.85;font-weight:900;letter-spacing:-.03em}.footer p{max-width:360px;color:#d8c9b6}.footer .tiny{max-width:100%;font-size:.74rem;line-height:1.65;color:#bdb2a4;border-top:1px solid #77685b;padding-top:20px;margin-top:40px}.footer .tiny a{display:inline;color:#dfb59a;text-decoration:underline}details{border-top:2px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700}input,textarea,select{font-family:inherit}#mobileToggle{display:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #13a0a8;outline-offset:4px}::selection{background:var(--citrus);color:var(--ink)}
@media(max-width:1050px){.navlinks{gap:12px;font-size:.71rem}.navlinks .navcta{display:none}.heroText{padding:60px 6%}.photoFrame{height:460px}.heroVisual{min-height:550px}.hero h1{font-size:clamp(5rem,10vw,9rem)}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.heroText{padding:65px 7% 55px}.hero h1{max-width:680px;font-size:clamp(5.5rem,14.5vw,9rem)}.heroVisual{min-height:380px;height:400px;padding:35px}.photoFrame{height:355px;max-width:660px}.roundStamp{right:35px;top:12px;width:110px;height:110px;font-size:1.15rem}.editorialSplit{grid-template-columns:1fr}.editorialPhoto{min-height:430px}.editorialCopy{padding:65px 7%}.flex{grid-template-columns:1fr;gap:38px}.grid{grid-template-columns:1fr 1fr}.sectionHeadline{display:block}.smallNote{max-width:none}.section{padding:76px 0}}
@media(max-width:680px){.topline{font-size:.58rem;gap:12px}.topline span:nth-child(2){display:none}.nav{padding:12px 6%}.brandSeal{width:39px;height:39px}.brandName{font-size:1.35rem}#mobileToggle{display:block;background:var(--citrus);border:2px solid var(--ink);padding:11px 17px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:3px solid var(--ink);padding:20px 7% 26px;flex-direction:column;align-items:flex-start;gap:17px;font-size:.9rem}.navlinks.open{display:flex}.navlinks .navcta{display:inline-flex}.heroText{padding:56px 7% 45px}.hero h1{font-size:clamp(5.1rem,18.5vw,7.5rem)}.hero p{font-size:.96rem}.heroVisual{height:330px;min-height:330px;padding:24px}.photoFrame{height:285px;border-width:7px;box-shadow:9px 9px 0 var(--ink)}.roundStamp{top:7px;right:20px;width:90px;height:90px;font-size:1rem;box-shadow:3px 3px 0 var(--ink)}.marquee{font-size:1rem;padding:12px}.marquee span{padding:0 4px}.grid{grid-template-columns:1fr}.section{padding:62px 0}.card{min-height:215px;padding:25px}.card h3{margin-top:17px}.pageHero{padding:65px 0 58px}.pageHero h1{font-size:clamp(4.8rem,16vw,6.8rem)}.article{padding:55px 7% 85px}.footergrid{grid-template-columns:1fr;gap:27px}.footer{padding-top:50px}.footer .footerLogo{font-size:2.7rem}.letterBand{padding:42px 0}.sectionHeadline h2{font-size:3.7rem}.selector{padding:23px;box-shadow:5px 5px 0 var(--ink)}.editorialPhoto{min-height:320px}.editorialCopy h2{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.photoFrame.image-missing::before{content:'UPTOWN WHITTIER';position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(155deg,#285d54 0%,#f6c642 100%);color:#fff9e9;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(3rem,8vw,6rem);letter-spacing:-.05em;text-align:center;padding:24px}

/* Accessibility / keyboard navigation */
.skip-link{position:absolute;left:1rem;top:-8rem;z-index:9999;background:#fff8e9;color:#282321;padding:.75rem 1rem;border:2px solid #282321}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #275347;outline-offset:4px}.navlinks a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

/* Real estate and relocation inquiry forms */
.formband{background:#f5dfbd;border-top:3px solid var(--ink)}.formColumns{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.formPanel{background:var(--paper);border:3px solid var(--ink);padding:34px;box-shadow:7px 7px 0 var(--wine);scroll-margin-top:140px}.formPanel:nth-child(2){background:#d9eaed}.formPanel h3{font-size:clamp(1.7rem,2.5vw,2.4rem)}.formPanel>p{font-size:.92rem}.inquiryForm{display:grid;gap:16px;margin:24px 0}.formField label{display:block;font-size:.82rem;line-height:1.3;font-weight:800;margin:0 0 8px}.formField input,.formField textarea{background:#fff;width:100%;border:2px solid var(--ink);padding:13px 14px;font-family:inherit;font-size:16px;border-radius:0;min-width:0}.formField textarea{resize:vertical;min-height:115px}.formField input:focus-visible,.formField textarea:focus-visible{outline:3px solid var(--citrus);outline-offset:2px}.inquiryForm button{justify-self:start}.inquiryForm button[disabled]{opacity:.72;cursor:wait}.formStatus{font-size:.85rem;line-height:1.5;padding:5px 0;min-height:1em}.formStatus.success{color:#145634;font-weight:800}.formStatus.error{color:#9c2518;font-weight:700}.formDisclosure{margin-top:34px;max-width:820px}.formDisclosure a,.formPanel a{text-decoration:underline;text-underline-offset:3px}@media(max-width:780px){.formColumns{grid-template-columns:1fr}.formPanel{padding:25px;scroll-margin-top:85px}}