@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d100d;--panel:#151a16;--text:#f5f7f2;--muted:#a8b0a8;--accent:#b5d687;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}header{max-width:1600px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.wordmark{font:800 32px/.85 'Manrope',Arial,sans-serif;letter-spacing:-1.8px;display:inline-flex;flex-direction:column}.wordmark span{font:500 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:3.5px;margin-top:11px}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #b5d68766;padding:10px 19px}.menu{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;max-width:1600px;margin:auto;min-height:670px}.hero-text{padding:82px 0 32px 8.33%;position:relative;z-index:1}.eyebrow,.section-label,.project-meta,.image-label,.emblem-note{font-size:12px;font-weight:500;letter-spacing:1.7px}.eyebrow{color:var(--accent);margin:0 0 33px}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;letter-spacing:-2px;font-weight:500;line-height:1.09;margin:0 0 25px}h1{font-size:clamp(45px,5.5vw,86px)}em{font-style:normal;color:var(--accent)}.intro{font-size:21px;color:var(--muted);line-height:1.6;margin:30px 0}.button{display:inline-flex;align-items:center;gap:45px;background:var(--accent);color:#131a10;padding:15px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#cee9a9;transform:translateY(-2px)}.hero-foot{margin-top:70px;border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);letter-spacing:1.2px}.hero-foot span:first-child{font-size:16px;letter-spacing:4px;color:var(--text)}.emblem-panel{position:relative;overflow:hidden;min-height:620px;background:#0d0f0d;border-left:1px solid var(--line)}.emblem-panel>img{width:100%;height:100%;object-fit:cover;display:block}.emblem-note{position:absolute;bottom:32px;left:9%;right:9%;display:flex;justify-content:space-between;color:var(--muted);gap:15px}.section{max-width:1600px;margin:auto;padding:85px 5%}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;margin-bottom:50px;border-bottom:1px solid var(--line);color:var(--muted)}.section-label span:first-child{color:var(--accent)}h2{font-size:clamp(38px,4vw,60px)}.about{background:#f0f3ed;color:#192119}.about em{color:#477039}.about .section-label{color:#4f5d50;border-color:#19211930}.about .section-label span:first-child{color:#477039}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-grid p{color:#556052;margin:0 0 20px;max-width:650px}.about-grid .large-copy{font-size:24px;line-height:1.5;color:#202a20}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.project-heading p{color:var(--muted);margin-bottom:26px}.project{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:35px}.project-image{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;padding:60px 40px}.zerion-image{background:#f9f8f6}.zerion-image img{width:85%;height:auto;mix-blend-mode:multiply}.tso-image{background:#241712}.tso-image img{width:65%;height:auto;max-height:330px;object-fit:contain}.image-label{position:absolute;bottom:24px;left:30px;color:#707870;font-size:12px}.tso-image .image-label{color:#c6a67b}.project-copy{padding:40px 42px}.project-meta{display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px;margin-bottom:40px}.project-meta span:last-child{color:var(--accent)}h3{font-size:35px;letter-spacing:-1px}.project-copy .project-tagline{color:var(--accent);font-size:19px;margin-top:-10px}.project-copy p{color:var(--muted);font-size:16px}.text-link{display:inline-flex;justify-content:space-between;gap:35px;padding:10px 0;border-bottom:1px solid var(--accent);font-size:14px}.text-link:hover{color:var(--accent)}.project-copy .fine{font-size:12px;margin:24px 0 0}.project-details{border-block:1px solid var(--line);padding:12px 0;margin-top:22px}.project-details summary{cursor:pointer;display:flex;justify-content:space-between;font-size:14px}.project-details summary span{color:var(--accent)}.project-details[open] summary span{transform:rotate(45deg)}.project-details p{font-size:14px}.project-details strong{overflow-wrap:anywhere}.approach{background:var(--panel)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.principles>div>span{color:var(--accent);font-size:14px}.principles h3{font-size:26px;letter-spacing:-.7px;margin:24px 0 18px}.principles p{color:var(--muted);margin:0}.company{display:grid;grid-template-columns:1fr 1fr;gap:9%}.company p{color:var(--muted)}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}dt{color:var(--muted)}dd{margin:0}.company .source{font-size:12px;margin-top:20px}.source a{text-decoration:underline;text-underline-offset:4px}.contact{background:var(--accent);color:#162111;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact em{color:#456330}.contact .eyebrow{color:#456330}.contact .button{background:#182514;color:#f2f7ea}.contact p{max-width:520px}.contact>div:last-child{align-self:center}.contact h2{margin-bottom:0}footer{max-width:1600px;margin:auto;padding:42px 5% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted);font-size:12px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:var(--muted);font-size:12px}
@media(max-width:1000px){nav{gap:18px}.hero-text{padding-top:60px}.hero{min-height:600px}.emblem-panel{min-height:580px}.hero-foot{margin-top:45px}.project-copy{padding:30px}.project-meta{flex-direction:column;gap:8px;margin-bottom:28px}.project-image{padding-inline:22px}.principles{gap:4%}h3{font-size:30px}}
@media(max-width:700px){header{padding:22px 6%;flex-wrap:wrap;gap:20px}.wordmark{font-size:28px}.menu{display:flex;gap:25px;background:none;color:var(--text);border:1px solid var(--line);padding:8px 13px;font-size:14px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0}.nav-contact{padding:12px;margin-top:10px}.hero{grid-template-columns:1fr}.hero-text{padding:45px 6% 30px}.eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:clamp(42px,8vw,58px);letter-spacing:-1.7px}.intro{font-size:19px}.hero-foot{margin-top:38px}.emblem-panel{min-height:0;height:400px;border-left:0;border-top:1px solid var(--line)}.emblem-panel>img{object-fit:cover}.emblem-note{bottom:20px;font-size:10px}.section{padding:50px 6%}.section-label{font-size:11px;letter-spacing:1px;margin-bottom:32px}.section-label span:last-child{display:none}.about-grid,.project,.company,.contact{grid-template-columns:1fr;gap:25px}h2{font-size:40px;letter-spacing:-1.5px}.about-grid .large-copy{font-size:21px}.project-heading{display:block;margin-bottom:30px}.project-heading p{font-size:16px}.project-image{min-height:280px;padding:40px}.tso-image img{max-height:230px;width:70%}.project-copy{padding:28px 24px}.project-meta{font-size:12px}.project-copy h3{font-size:34px}.principles{grid-template-columns:1fr;gap:30px}.principles>div+div{border-top:1px solid var(--line);padding-top:28px}.principles h3{margin-top:12px}.company{gap:25px}dl>div{grid-template-columns:1fr 1.2fr;gap:16px;font-size:14px}.contact{gap:15px}.footer-top{flex-wrap:wrap}.footer-top p{width:100%;order:3}.footer-bottom{flex-wrap:wrap}.image-label{font-size:11px}.button{min-height:48px}.project-image img{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#enquiry-form{display:grid;gap:8px}#enquiry-form label{font-size:13px;font-weight:600;margin-top:8px}#enquiry-form input,#enquiry-form textarea{width:100%;border:1px solid #45633070;background:#f5faed;color:#162111;padding:12px;font:inherit;border-radius:0}#enquiry-form textarea{resize:vertical}#enquiry-form input:focus-visible,#enquiry-form textarea:focus-visible{outline:2px solid #162111;outline-offset:2px}#enquiry-form button{border:0;justify-self:start;margin-top:12px}#enquiry-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.contact .contact-privacy,#form-status{font-size:12px;line-height:1.6}#form-status{margin:5px 0 0}.contact-privacy{max-width:370px!important}

.contact-address{font-size:clamp(20px,2.2vw,32px);font-weight:600;line-height:1.4;overflow-wrap:anywhere;border-bottom:1px solid currentColor}.email-contact .eyebrow{margin-bottom:20px}.project-copy .text-link{overflow-wrap:anywhere;max-width:100%}
