.site-utility{background:#e8e9e4;color:#26343b;border-bottom:1px solid rgba(23,35,39,.08)}
.site-utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.59rem;font-weight:800;letter-spacing:.13em}
.site-utility-inner>div{display:flex;align-items:center;gap:31px}
.site-utility a{transition:color .2s ease}
.site-utility a:hover{color:#9c7a45}
.home .site-utility{background:rgba(10,25,31,.45);border-color:rgba(255,255,255,.13);color:#e8e6df}
.system-hub-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.system-hub-hero .hero-actions .button{margin-top:0}
.system-finder{background:#f5f4ef}
.finder-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;align-items:end;margin-bottom:46px}
.finder-heading h2,.system-composition h2,.system-extra h2{font:600 clamp(3.9rem,6vw,7rem)/.96 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em}
.finder-heading h2{max-width:740px;margin:22px 0 0}
.finder-heading>p{max-width:490px;margin:0 0 8px;color:#5c6563;font-size:1.05rem;line-height:1.65}
.finder-toolbar{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid #c5cbc6}
.finder-toolbar button{border:0;border-bottom:3px solid transparent;background:transparent;color:#5c6563;padding:21px 26px 18px;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:color .2s,border-color .2s}
.finder-toolbar button:first-child{padding-left:0}
.finder-toolbar button:hover,.finder-toolbar button[aria-pressed=true]{color:#172327;border-bottom-color:#b1976d}
.finder-status{margin:22px 0 30px;color:#6b7470;font-size:.76rem;letter-spacing:.06em}
.finder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.finder-card{display:block;min-width:0;background:#fff;border:1px solid #d8dcd5;color:#172327;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.finder-card[hidden]{display:none}
.finder-card:hover{transform:translateY(-4px);border-color:#b1976d;box-shadow:0 18px 42px rgba(23,35,39,.09)}
.finder-card-image{position:relative;height:300px;overflow:hidden;background:#a8adaa}
.finder-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 31%,rgba(255,255,255,.18) 50%,transparent 68%);transform:translateX(-120%) skewX(-8deg);pointer-events:none}
.finder-card:hover .finder-card-image:after{transform:translateX(120%) skewX(-8deg);transition:transform .85s ease}
.finder-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .5s ease,filter .5s ease}
.finder-card:hover .finder-card-image img{transform:scale(1.035);filter:saturate(1)}
.finder-card-image span{position:absolute;z-index:1;left:22px;bottom:18px;background:rgba(16,29,34,.82);color:#fff;padding:9px 12px;font-size:.58rem;font-weight:800;letter-spacing:.1em}
.finder-card-copy{padding:32px 34px 31px}
.finder-card-category{display:block;color:#967a50;font-size:.65rem;font-weight:800;letter-spacing:.16em}
.finder-card h3{margin:14px 0 12px;font:600 clamp(2.8rem,3.6vw,4.2rem)/.96 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em}
.finder-card-copy>p{min-height:50px;margin:0 0 22px;color:#4e5b57;font-size:.98rem;line-height:1.6}
.finder-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:18px 0;border-top:1px solid #d8dcd5;border-bottom:1px solid #d8dcd5}
.finder-card dl>div{min-width:0}
.finder-card dt{color:#75817c;font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.finder-card dd{margin:7px 0 0;font-size:.85rem;line-height:1.4;font-weight:700}
.finder-card-copy>strong{display:inline-block;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #172327;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.finder-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.finder-card:last-child[hidden]{display:none}
.finder-card:last-child .finder-card-image{height:100%;min-height:360px}
.finder-card:last-child .finder-card-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 52px}
.finder-card:last-child .finder-card-copy>strong{align-self:flex-start}
.system-composition{background:#172327;color:#f2f2ed}
.system-composition-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,8vw,130px);align-items:center}
.system-composition-image{position:relative;min-height:660px;overflow:hidden}
.system-composition-image img{width:100%;height:660px;object-fit:cover}
.system-composition-image>span{position:absolute;left:20px;bottom:20px;background:rgba(18,31,36,.84);padding:10px 12px;color:#fff;font-size:.58rem;letter-spacing:.1em;font-weight:800}
.system-composition h2{margin:22px 0 25px}
.system-composition-copy>p{max-width:540px;color:#c4cdca;font-size:1.04rem;line-height:1.65;margin-bottom:32px}
.system-composition-copy>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.21);font-size:.88rem}
.system-composition-copy>div strong{color:#d4bc91}
.system-composition-copy>div span{color:#e7eae5}
.system-composition-copy .button{margin-top:31px}
.system-extra{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}
.system-extra h2{margin:22px 0 0}
.system-extra>div:last-child{padding-bottom:8px}
.system-extra p{max-width:520px;color:#5c6563;font-size:1.04rem}
.system-extra .under-link{margin-top:14px}
.arch-project-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.arch-project-grid-two .arch-project:first-child{grid-row:auto}
.arch-project-grid-two .arch-project-image,.arch-project-grid-two .arch-project:first-child .arch-project-image{height:500px}
.more-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-page-nav{position:sticky;top:0;z-index:9;background:rgba(247,246,242,.97);border-bottom:1px solid #d5d9d2;backdrop-filter:blur(14px)}
.product-page-nav .shell{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:69px}
.product-page-nav strong{font:600 1.5rem 'Cormorant Garamond',Georgia,serif;white-space:nowrap;color:#172327}
.product-page-nav .shell>div{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.product-page-nav a{padding:23px 0 19px;border-bottom:2px solid transparent;color:#4f5c57;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-page-nav a:hover,.product-page-nav a:focus-visible{color:#172327;border-bottom-color:#b1976d}
.product-hero~section[id],.product-hero~nav+section[id]{scroll-margin-top:75px}
.gallery-section .gallery-grid{grid-template-columns:1.2fr .8fr;gap:20px}
.gallery-section .gallery-grid img{height:560px}
.gallery-section .gallery-grid figure:nth-child(2){margin-top:58px}
@media(max-width:1050px){.finder-card-image{height:250px}.finder-card-copy{padding:27px}.finder-card:last-child .finder-card-copy{padding:35px}.system-composition-grid{gap:45px}.system-composition-image,.system-composition-image img{min-height:560px;height:560px}.product-page-nav .shell>div{gap:20px}}
@media(max-width:850px){.site-utility{display:none}.finder-heading{grid-template-columns:1fr;gap:18px}.finder-heading>p{max-width:700px}.system-composition-grid{grid-template-columns:1fr}.system-composition-image,.system-composition-image img{height:480px;min-height:0}.system-extra{gap:35px}.product-page-nav strong{display:none}.product-page-nav .shell>div{width:100%}}
@media(max-width:760px){.arch-project-grid-two{grid-template-columns:1fr}.arch-project-grid-two .arch-project-image,.arch-project-grid-two .arch-project:first-child .arch-project-image{height:clamp(310px,60vw,510px)}}
@media(max-width:700px){.finder-grid{grid-template-columns:1fr}.finder-card:last-child{grid-column:auto;display:block}.finder-card:last-child .finder-card-image{height:300px;min-height:0}.finder-card:last-child .finder-card-copy{display:block;padding:27px}.system-extra{grid-template-columns:1fr}.gallery-section .gallery-grid{grid-template-columns:1fr}.gallery-section .gallery-grid img{height:360px}.gallery-section .gallery-grid figure:nth-child(2){margin-top:0}}
@media(max-width:650px){.more-cases-grid{grid-template-columns:1fr}}
@media(max-width:520px){.finder-heading h2,.system-composition h2,.system-extra h2{font-size:clamp(3.5rem,12vw,5rem)}.finder-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.finder-toolbar button,.finder-toolbar button:first-child{padding:17px 8px;font-size:.68rem;text-align:left}.finder-card-image,.finder-card:last-child .finder-card-image{height:240px}.finder-card-copy,.finder-card:last-child .finder-card-copy{padding:25px 21px}.finder-card h3{font-size:3.2rem}.finder-card dl{gap:11px}.system-composition-image,.system-composition-image img{height:350px}.system-composition-copy>div{grid-template-columns:1fr;gap:5px}.product-page-nav .shell{min-height:58px}.product-page-nav a{padding-block:19px 16px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.finder-card,.finder-card-image img,.finder-card-image:after{transition:none}}
