/* Institutional refinement; existing responsive components remain the foundation. */
:root{--paper:#fafbf8;--green:#b5ed80}
html{scroll-behavior:smooth;scroll-padding-top:30px}
::selection{background:#b5ed80;color:#080a09}
.site-header{padding-top:30px;padding-bottom:30px}
.hero{padding-top:90px;padding-bottom:95px;background:radial-gradient(ellipse at 85% 20%,#17251a 0,transparent 48%),#080a09}
.hero h1{font-weight:500;letter-spacing:-.065em}
.hero-intro{font-size:1rem;max-width:480px}
.hero-visual{border:1px solid #33403280;border-radius:50% 50% 12px 12px}
.project-card{grid-column:span 3;border-top:1px solid #bdc8b7;padding-top:16px}
.project-card .art{aspect-ratio:1.65}
.project-info h3{font-size:clamp(1.35rem,2.2vw,2rem);overflow-wrap:anywhere}
.project-info h3 a{gap:16px;align-items:flex-start}
.project-info h3 span{flex-shrink:0}
.project-info .status{background:#f7faf3;border:1px solid #cad6bf;border-left:3px solid #5c853d;padding:7px 10px;border-radius:0 4px 4px 0}
.art-link .art{transition:transform .25s ease,box-shadow .25s ease}
.art-link:hover .art{transform:translateY(-4px);box-shadow:0 16px 32px #13230e14}
.home-services{background:white}
.home-services .section-heading h2{max-width:700px}
.service-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.service-preview{border-top:1px solid #aebbab;padding:24px 0;display:flex;flex-direction:column;align-items:flex-start}
.service-preview>span{color:#52723b;font-size:.7rem;letter-spacing:.12em}
.service-preview h3{font-size:1.45rem;margin:28px 0 18px;line-height:1.15}
.service-preview p{font-size:.86rem;color:#52614e}
.service-preview b{font-size:1.6rem;font-weight:400;margin-top:auto;padding-top:28px}
.service-preview:hover h3{color:#426d2d}
.company-preview,.company-story{display:grid;grid-template-columns:1fr 2fr;gap:5vw;background:#101711;color:#f8faf6}
.company-preview .eyebrow,.company-story .eyebrow{color:var(--green)}
.company-preview h2,.company-story h2{max-width:850px}
.company-preview p:not(.eyebrow),.company-story p:not(.eyebrow){color:#bac6b7;margin-top:25px;max-width:740px}
.company-preview .text-link{color:var(--green)}
.company-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:50px}
.company-principles article{border-top:1px solid #43513e;padding-top:25px}
.company-principles h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em}
.company-principles p{font-size:.85rem}
.bi-art{background:#e1eadb;color:#19351e;display:flex;flex-direction:column}
.bi-art .mock-top{font-size:.7rem;gap:15px}
.bi-title{font-size:clamp(1.8rem,3vw,3rem);line-height:1.03;letter-spacing:-.05em;margin-top:28px}
.bi-title span{display:block;font-size:.55rem;letter-spacing:.17em;margin-top:14px}
.bi-chart{display:flex;align-items:flex-end;gap:10px;flex:1;min-height:60px;margin-top:22px;border-bottom:1px solid #8fa083}
.bi-chart i{flex:1;background:#47753d;height:45px;border-radius:3px 3px 0 0}
.bi-chart i:nth-child(2n){height:65px;background:#9cc37d}
.bi-chart i:nth-child(3n){height:85px}
.bi-caption{font-size:.56rem;margin-top:14px}
.product-detail .bi-art{min-height:450px}
.product-detail .bi-title{font-size:3.5rem}
.footer-bottom{flex-wrap:wrap}
@media(min-width:761px) and (max-width:1100px){.site-header{gap:20px;padding-left:3vw;padding-right:3vw}.brand{width:175px}nav{gap:16px;font-size:.76rem}nav .button.small{padding:10px;gap:10px}.service-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding-top:48px;padding-bottom:50px}.hero-visual{border-radius:10px;margin-top:48px}.hero-intro{font-size:.92rem}.service-preview-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.service-preview h3{font-size:1.15rem;margin-top:20px}.service-preview p{font-size:.8rem}.company-preview,.company-story{grid-template-columns:1fr;gap:26px}.company-principles{grid-template-columns:1fr;gap:30px}.company-preview h2,.company-story h2{font-size:2rem}.bi-art{min-height:320px}.product-detail .bi-title{font-size:2.8rem}.product-detail .bi-art{min-height:400px}}
@media(max-width:760px){.project-card{grid-column:auto}.project-card .art{aspect-ratio:1.15}}
@media(max-width:360px){.service-preview-grid{grid-template-columns:1fr}.site-header{gap:15px}.brand{width:175px}.menu-toggle{padding:10px;gap:12px}.bi-art .mock-top{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-link .art{transition:none}.art-link:hover .art{transform:none}}