/* R07: shared refinements for both appearances. */
html{scroll-padding-top:24px} :root{--accent:#006c46}
html[data-theme="night"]{--accent:#9bd3b5}
.h-opening{padding:40px 0 34px;gap:6%;align-items:center}.h-opening>div:first-child{flex:1.15}.opening-intro{flex:1;max-width:440px}.opening-intro>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.opening-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.opening-actions .h-textlink{margin:0;padding:8px 0;color:var(--accent)}.opening-actions .solid-cta{padding:13px 18px;gap:22px;font-size:11px}
html[data-theme="day"] .solid-cta{background:#006c46;border-color:#006c46;color:#fff}html[data-theme="day"] .solid-cta:hover{background:#183c2b}
.sector{aspect-ratio:.56}.sector-caption{left:8%;right:7%;bottom:5%}.sector-caption h2{font-size:clamp(22px,2.35vw,38px)}.sector-caption p{font-size:clamp(11px,.92vw,13px)}
.h-sector-nav{gap:8px 13px;padding:13px 0;margin-bottom:16px}.h-sector-nav a{padding:9px 15px;border:1px solid transparent;border-radius:24px;min-height:42px;display:flex;align-items:center}.h-sector-nav a[aria-current=true]{background:#183c2b;color:white}.h-sector-nav a:hover{border-color:var(--accent)}html[data-theme="night"] .h-sector-nav a[aria-current=true]{background:#9bd3b5;color:#14271c}
.filter-status{font-size:11px;color:var(--muted);margin:0 0 30px;letter-spacing:.3px}[hidden]{display:none!important}
.h-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 5%}.h-card.h-lower{padding-top:0}.h-card img,.h-card.h-lower img{height:auto;aspect-ratio:4/3}.h-meta{padding-top:18px;border-top:1px solid var(--line);margin-top:20px}.h-meta h3{font-size:28px}.h-card{min-width:0}.h-card>a:hover h3{color:var(--accent)}
.project-pagination{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 7%;padding:38px 0;border-top:1px solid var(--line);color:var(--ink)}.project-pagination a{font-size:12px}.project-pagination a:last-child{text-align:right}.project-pagination span{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:6px}.project-pagination strong{font-family:Baskerville,Georgia,serif;font-weight:400;font-size:25px}
.appearance{padding:3px}.appearance button{font-size:11px;padding:8px 10px;min-height:36px}.h-studio .h-textlink{color:#d2ded4}
@media(max-width:900px){header{grid-template-columns:1fr auto;min-height:100px;gap:2px 14px;padding:12px 5%}.brand,html[data-theme="night"] .brand{grid-row:1/3;width:min(225px,55vw);padding:10px 12px}.mobile-menu{grid-row:1;grid-column:2;justify-self:end}.mobile-menu summary{padding:5px 0;min-height:30px}.appearance{grid-row:2;grid-column:2;justify-self:end}.appearance button{font-size:10px;padding:8px;min-height:36px}.mobile-menu>div{top:36px}.h-opening{display:block;padding:30px 0}.opening-intro{margin-top:21px}.opening-intro>p{font-size:12px}.opening-actions{gap:12px 20px;margin-top:17px}}
@media(max-width:760px){.sector{aspect-ratio:.62}.sector-caption h2{font-size:23px}.sector-caption p{font-size:11px;line-height:1.5}.h-grid{grid-template-columns:1fr;gap:35px}.h-sector-nav{gap:5px}.h-sector-nav a{font-size:11px;padding:8px 12px}.h-meta h3{font-size:27px}.project-pagination{align-items:start;padding:28px 0;gap:20px}.project-pagination a{font-size:11px}.project-pagination strong{font-size:21px}.project-pagination a:last-child{max-width:58%}.opening-actions .solid-cta{font-size:11px;min-height:44px}.h-opening h1{font-size:35px}}
@media(max-width:360px){.brand,html[data-theme="night"] .brand{width:176px;padding:8px}.appearance button{padding:7px 6px}.sector-caption h2{font-size:21px}.sector-caption p{font-size:10px}}

/* CDA Instagram: direct reader navigation, no third-party embed. */
.instagram-link{display:inline-flex;align-items:center;gap:9px;line-height:1.5;min-height:44px;font-size:11px}.instagram-link svg{flex-shrink:0}.instagram-link span{margin:0}footer{flex-wrap:wrap;align-items:center}.enquiry-instagram{margin-top:20px}.enquiry-instagram .instagram-link{color:var(--ink);font-size:12px}html[data-theme="night"] .instagram-link:hover{color:#b6e2c9}@media(max-width:760px){footer{align-items:flex-start}footer .instagram-link{display:inline-flex}footer .instagram-link span{display:inline;margin:0}}
