:root{--ivory:#f1eee6;--ivory-soft:#eeeee8;--ivory-2:#e9e4da;--charcoal:#1e1d1a;--stone:#aaa69d;--line:rgba(44,42,36,.18);--orange:#e96513;--serif:"Italiana",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--script:"Nothing You Could Do",cursive}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(rgba(37,33,28,.035) .65px,transparent .65px);background-size:5px 5px}
a{color:inherit}
.site-header{position:fixed;inset:0 0 auto 0;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.4vw;z-index:20;color:var(--charcoal);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:background .45s,color .45s,border .45s,transform .55s ease,opacity .55s ease}
.site-header.header-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.site-header.over-hero{color:#fff}
.site-header.scrolled{background:rgba(241,238,230,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);color:var(--charcoal)}
.brand{display:block;width:101px;height:auto}
.brand img{display:block;width:100%;height:auto;transform:translateY(1.5px)}
.over-hero:not(.scrolled) .brand img{content:url("assets/worthy-casa-white-trim.png")}
.menu-button,.header-cta{font:500 .73rem/1 var(--sans);letter-spacing:.18em;background:none;border:0;color:inherit;padding:12px 0;cursor:pointer}
.menu-button{justify-self:start}
.menu-button span{font-size:1rem;margin-left:8px}
.header-cta{justify-self:end;text-decoration:none;border-bottom:1px solid currentColor}
.menu-panel{position:absolute;top:76px;left:3.4vw;display:flex;flex-direction:column;width:260px;padding:24px;background:var(--ivory);border:1px solid var(--line);box-shadow:0 22px 50px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s;color:var(--charcoal)}
.menu-panel.open{opacity:1;visibility:visible;transform:none}
.menu-panel a{font-family:var(--serif);font-size:1.8rem;line-height:1.4;text-decoration:none}
.menu-panel a:hover{color:var(--orange)}
.opening{height:100svh;min-height:360px;position:relative;background:var(--ivory-soft);overflow:hidden}
.opening-mark{position:absolute;z-index:3;top:clamp(6rem,19svh,12rem);left:50%;width:min(760px,90vw);display:grid;justify-items:center;row-gap:clamp(1.25rem,3svh,2.25rem);text-align:center;transform:translateX(-50%);animation:openingIn 1.15s ease-out both}
.opening-mark img{display:block;width:clamp(170px,18vw,235px);height:auto;margin:0}
.opening-script{margin:0;font-family:var(--script);font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1;white-space:nowrap;color:#4f4c46;transform:rotate(-1.2deg)}
.opening-descriptor{margin:0;font-size:.7rem;font-weight:500;letter-spacing:.18em;white-space:nowrap;text-transform:uppercase;color:#706c64}
.opening-sketch{position:absolute;z-index:2;left:50%;bottom:calc(2.5vw + 5mm);width:100vw;max-width:none;transform:translateX(-50%);filter:contrast(1.14);opacity:0;animation:sketchIn 1.3s .25s ease-out forwards}
.opening-cue{position:absolute;z-index:3;left:3.4vw;bottom:3.4vh;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem}
.opening-cue span{margin-left:12px;font-size:1rem}
.hero{height:100svh;min-height:700px;position:relative;color:white;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);animation:heroIn 1.8s ease-out both}
.hero-copy{position:absolute;left:8vw;bottom:10vh;max-width:820px;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.26em;font-weight:600;margin:0 0 2rem;color:#6d6962}
.eyebrow.light{color:rgba(255,255,255,.72)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.94;margin:0}
h1{font-size:clamp(4rem,8.2vw,8.5rem);letter-spacing:-.035em}
.hero-place{font-family:var(--script);font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:400;letter-spacing:.02em;text-transform:none;transform:rotate(-1.2deg)}
.hero-intro{width:max-content;max-width:none;margin:2rem 0 0;font-weight:300;font-size:min(1.15rem,1.28vw);line-height:1.7;letter-spacing:.035em;white-space:nowrap;color:rgba(255,255,255,.82)}
.scroll-cue{position:absolute;right:3.4vw;bottom:4vh;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;text-decoration:none}
.scroll-cue span{font-size:1rem;margin-left:12px}
.ruled{border-top:1px solid var(--line)}
.statement{min-height:780px;display:grid;grid-template-columns:10vw minmax(0,1.3fr) minmax(260px,.7fr);padding:10rem 7vw 8rem;gap:5vw;position:relative}
.section-number,.service-index{font-size:.67rem;letter-spacing:.16em;color:#88847c}
.script{font-family:var(--script);font-size:clamp(1.3rem,2.1vw,2rem);margin:0 0 1.5rem;color:#5d5951;transform:rotate(-2deg)}
.statement h2,.section-heading h2,.oversight h2,.contact h2{font-size:clamp(3.4rem,6.3vw,7rem);letter-spacing:-.035em}
.statement-copy>p:last-child{max-width:560px;margin:3rem 0 0;font-weight:300;font-size:1.08rem}
.statement-note{align-self:end;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.5rem}
.services{padding:9rem 7vw}
.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:8rem}
.section-heading h2{max-width:920px}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.service{min-height:360px;padding:2rem 3vw 3rem 0;border-right:1px solid var(--line)}
.service+.service{padding-left:3vw}
.service:last-child{border-right:0}
.service h3{font-size:clamp(2.1rem,3.5vw,4rem);margin:3rem 0 2rem}
.service p{max-width:360px;font-weight:300;color:#535049}
.second-row{border-bottom:1px solid var(--line)}
.service-quiet{display:grid;grid-template-rows:auto 1fr;padding:2rem 0 3rem 3vw}
.service-quiet span{align-self:center;justify-self:center;font-family:var(--script);font-size:clamp(1.6rem,2.3vw,2.2rem);line-height:1.55;color:#6d6962;transform:rotate(-3deg)}
.oversight{display:grid;grid-template-columns:1.2fr .8fr;min-height:760px;background:#24231f;color:var(--ivory)}
.oversight-visual{background-image:linear-gradient(90deg,transparent 62%,#24231f 100%),url("assets/interior-residence.png");background-size:cover;background-position:center;filter:saturate(.72) contrast(1.05)}
.oversight-copy{padding:10rem 7vw 8rem 4vw;align-self:center}
.oversight-copy .eyebrow{color:#aaa69d}
.oversight-copy .oversight-script{color:#aaa69d;margin-bottom:1.5rem}
.oversight-copy p:not(.eyebrow):not(.script){max-width:500px;font-weight:300;color:#c9c3b7;margin:2.5rem 0}
.oversight-copy h2{font-size:clamp(2.8rem,4.8vw,5.5rem)}
.oversight-copy .advocate-intro{line-height:1.75}
.advocate-points{max-width:540px;margin:2.5rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.advocate-points li{padding:1.15rem 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.92rem;font-weight:300;line-height:1.65;color:#c9c3b7}
.advocate-points strong{display:block;margin-bottom:.2rem;font-weight:500;color:var(--ivory)}
.oversight-copy .standard-signature{margin:2.5rem 0 0;color:#aaa69d;font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.55;letter-spacing:.01em;text-transform:none;transform:rotate(-1.2deg)}
.oversight-copy .standard-close{margin:.24rem 0 0;color:var(--orange);font-size:1.06rem;line-height:1.55;white-space:normal;transform:rotate(-1.2deg)}
.contact{text-align:center;padding:11rem 5vw 9rem}
.contact .script{color:var(--orange)}
.contact-copy{max-width:540px;margin:2.4rem auto;font-weight:300}
.contact .contact-signature{margin:2.5rem 0 -.35rem;font-size:clamp(1.1rem,1.7vw,1.5rem);color:#5d5951;transform:rotate(-1.2deg)}
.contact-link{display:inline-flex;gap:3rem;align-items:center;margin-top:2rem;padding:1rem 0;border-bottom:1px solid var(--charcoal);text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;text-decoration:none}
.contact-link:hover{color:var(--orange);border-color:var(--orange)}
footer{background:var(--ivory);padding-top:4rem;overflow:hidden}
.footer-top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 4vw 3rem;font-size:.75rem;letter-spacing:.13em}
.footer-top .footer-location{margin:0;text-align:left}
.footer-location span{display:block;font-family:var(--script);font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45;letter-spacing:.01em;text-transform:none}
.footer-top a{text-decoration:none;border-bottom:1px solid}
.sketch{display:block;width:100%;mix-blend-mode:multiply;opacity:.8}
.footer-bottom{display:flex;justify-content:space-between;padding:1.2rem 4vw;border-top:1px solid var(--line);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.footer-bottom .footer-signature{display:inline-block;font-family:var(--script);font-size:.78rem;letter-spacing:.02em;text-transform:none;transform:rotate(-1.2deg);transform-origin:right center}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes openingIn{from{opacity:0;transform:translate(-50%,14px)}
to{opacity:1;transform:translate(-50%,0)}
}
@keyframes sketchIn{from{opacity:0;transform:translate(-50%,26px)}
to{opacity:.82;transform:translate(-50%,0)}
}
@keyframes heroIn{from{opacity:.25;transform:scale(1.06)}
to{opacity:1;transform:scale(1.015)}
}
@media(max-width:900px){.site-header{height:76px}
.brand{width:97px}
.statement{grid-template-columns:35px 1fr;padding:7rem 6vw}
.statement-note{grid-column:2}
.section-heading{grid-template-columns:1fr;gap:1.4rem;margin-bottom:5rem}
.service-list{grid-template-columns:1fr}
.service,.service+.service{padding:2rem 0 3rem;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
.oversight{grid-template-columns:1fr}
.oversight-visual{min-height:60vw;background-image:linear-gradient(0deg,#24231f 0%,transparent 35%),url("assets/interior-residence.png")}
.oversight-copy{padding:3rem 7vw 7rem}
.footer-top{grid-template-columns:1fr 1fr;gap:2rem}
.footer-place{text-align:right}
.footer-top>a{justify-self:end}
.sketch{width:140%;margin-left:-20%}
}
@media(max-width:600px){.site-header{padding:0 5vw}
.opening-mark{top:clamp(4.75rem,17svh,8.5rem);width:92vw;gap:.78rem}
.opening-mark>img{width:10.65rem}
.opening-script{font-size:.96rem;line-height:1;white-space:nowrap}
.opening-script,.opening-descriptor{position:relative;top:2px}
.opening-descriptor{max-width:310px;font-size:.56rem;letter-spacing:.075rem;line-height:1.7;white-space:nowrap}
.opening-sketch{width:180vw;bottom:calc(8vh + 5mm + 9vw)}
.opening-cue{left:6vw}
.header-cta{font-size:.61rem}
.menu-button{font-size:.61rem}
.brand{width:90px}
.hero-copy{left:6vw;bottom:12vh}
.hero{min-height:620px}
.hero-intro{width:auto;max-width:88vw;font-size:.88rem;line-height:1.55;letter-spacing:.025em;white-space:normal}
.scroll-cue{display:none}
.statement{grid-template-columns:1fr;gap:2rem}
.statement-note{grid-column:1}
.section-number{display:none}
.services{padding:6rem 6vw}
.service h3{margin-top:2rem}
.oversight-visual{min-height:85vw}
.contact{padding:8rem 6vw 6rem}
.footer-top{grid-template-columns:1fr;text-align:left}
.footer-place{text-align:left}
.footer-top>a{justify-self:start}
.footer-bottom{flex-direction:column;gap:.5rem}
.sketch{width:180%;margin-left:-35%}
}

@media(max-height:560px){.opening-mark{top:1.5rem;row-gap:.8rem}
.opening-mark img{width:165px}
.opening-script{font-size:.95rem}
.opening-descriptor{font-size:.58rem}
.opening-sketch{bottom:calc(5mm + 5vw)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.hero-image,.opening-mark,.opening-sketch{animation:none}
.opening-sketch{opacity:.82}
.reveal{opacity:1;transform:none;transition:none}
}