.portfolio-section,.guide-section{padding:100px 6vw}.portfolio-section{background:#102129}.portfolio-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.portfolio-intro h2,.guide-section h2{font:400 clamp(36px,4.5vw,66px)/1.1 var(--display,Georgia);letter-spacing:-.04em;margin:18px 0}.portfolio-intro h2 em,.guide-section h2 em{color:#b4d2cf}.portfolio-intro>p{max-width:420px;line-height:1.8;color:#bccdcc}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.featured-project{padding:28px;border:1px solid #3b5156;border-radius:16px;background:linear-gradient(145deg,#1b323a,#11252e);display:flex;flex-direction:column;min-width:0}.project-topline{display:flex;justify-content:space-between;gap:12px;color:#d2bc98;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7}.featured-project h3{font:30px/1.15 var(--display,Georgia);margin:32px 0 16px}.project-problem{font-size:15px;line-height:1.7;color:#c7d4d5}.project-audience{color:#a5bcbd;font-size:12px;line-height:1.7;margin:20px 0 30px}.project-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:auto;font-size:12px}.project-actions .button{font-size:10px;padding:13px 16px}.project-actions>a:last-child{text-decoration:underline;text-underline-offset:4px}.guide-section{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;background:#0c1920;border-block:1px solid #294048}.guide-section>div>p{max-width:420px;line-height:1.8;color:#b6cccc}.guide-disclosure{font-size:12px}.guide-panel{border:1px solid #41565d;border-radius:20px;background:#152a33;padding:28px;min-width:0}.guide-panel label{font-size:13px;display:block;margin:18px 0 10px}.guide-panel small{display:block;color:#b8c7c8;font-size:11px;line-height:1.7}#guide-messages{max-height:460px;overflow:auto;overscroll-behavior:contain}.guide-answer,.guide-question{font-size:14px;line-height:1.8;margin-bottom:20px}.guide-answer p{margin:5px 0}.guide-question{padding:12px 16px;border-radius:12px;background:#263f47;margin-left:30px}.guide-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.guide-suggestions button{padding:10px 12px;background:transparent;border:1px solid #536971;border-radius:20px;font:inherit;font-size:11px;color:#e7e3d7;cursor:pointer;min-height:44px}.guide-input-row{display:flex;gap:12px;align-items:stretch}.guide-input-row textarea{font:inherit;font-size:14px;line-height:1.6;background:#0d2028;color:#edf0e8;border:1px solid #6a7e81;border-radius:10px;padding:14px;resize:vertical;width:100%;min-width:0}.guide-input-row .button{padding:14px 20px}.guide-footer{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.guide-footer button{font-size:11px;background:transparent;cursor:pointer;color:#dec9a6;padding:10px 0}.guide-sources{display:grid;gap:10px;margin:15px 0}.guide-sources a{display:grid;grid-template-columns:24px 1fr;column-gap:10px;border:1px solid #48616a;padding:12px;border-radius:10px}.guide-sources a span{color:#d8bf91}.guide-sources a small{grid-column:2;font-size:11px}.guide-sources a:hover{background:#223c46}#guide-status{color:#bfcfcf;font-size:12px;line-height:1.7}.mobile-menu{display:none}.catalogue-project-link{display:inline-block;font-size:13px;color:#d9c29e;text-decoration:underline;text-underline-offset:4px;margin-top:14px}.systems .system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.systems .system-card{padding:25px!important;min-height:300px!important;gap:15px}.systems .system-card h3{font-size:27px;margin:0}.systems .card-index{font-size:10px;line-height:1.6}.systems .card-copy{margin:0}.systems .card-copy p{font-size:14px}.systems .card-kicker{display:none}.systems .card-action{font-size:11px}.systems .live-demo-link{font-size:12px}.enquiry-note a{text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#email-copy[hidden]{display:none}.site-header nav{gap:22px}.site-header nav a{font-size:10px}.hero h1{font-size:clamp(46px,6.3vw,92px)}.hero-actions{flex-wrap:wrap}.hero-actions .text-button{font-size:11px}.guide-panel :focus-visible{outline:3px solid #e4c68a;outline-offset:4px}
@media(max-width:1100px){.featured-grid,.systems .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-section{gap:30px}.site-header nav{gap:12px}.site-header .header-cta{font-size:10px}}
@media(max-width:760px){.portfolio-section,.guide-section{padding:60px 22px}.portfolio-intro{display:block}.portfolio-intro>p{margin-top:20px}.guide-section{grid-template-columns:1fr}.featured-grid,.systems .system-grid{grid-template-columns:1fr}.guide-panel{padding:20px}.mobile-menu{display:inline-flex;padding:12px;background:transparent;color:#eee7da;border:1px solid #617777;border-radius:6px;margin-left:auto;font:inherit;font-size:12px}.site-header nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:100%;background:#102129;padding:20px;flex-wrap:wrap;border-bottom:1px solid #4e6267;gap:20px}.site-header nav.mobile-open a{font-size:13px}.site-header .header-cta{display:none}.guide-input-row{flex-wrap:wrap}.guide-input-row .button{width:100%;justify-content:center}.hero h1{font-size:48px}.featured-project{padding:24px}.guide-question{margin-left:15px}}

#guide-status{margin-top:16px}.guide-input-row .button{white-space:nowrap}

.project-image{display:block;margin:-28px -28px 24px;overflow:hidden;border-radius:16px 16px 0 0;aspect-ratio:16/9;background:#e9eee9}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.featured-project h3{margin-top:20px}@media(max-width:760px){.project-image{margin:-24px -24px 24px}}

.featured-filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.featured-filters button{font:inherit;font-size:12px;color:#d5e1df;background:transparent;border:1px solid #566d72;border-radius:24px;padding:12px 18px;cursor:pointer;min-height:44px}.featured-filters button[aria-pressed=true]{background:#e0c59c;color:#183039;border-color:#e0c59c}.featured-project[hidden]{display:none}#featured-count{font-size:12px;color:#adc5c8;margin-bottom:22px}