@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#111315;--surface:#191c1f;--ink:#f4f3ef;--muted:#a2a6ac;--border:#32363a;--accent:#fc743b;--bs-body-bg:var(--bg);--bs-body-color:var(--ink)}[data-bs-theme=light]{--bg:#f4f5f6;--surface:#fff;--ink:#181c20;--muted:#60666f;--border:#d1d5db}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1240px;padding-left:28px;padding-right:28px}.navbar{background:var(--bg);border-bottom:1px solid var(--border);padding:22px 0}.brand{font-size:48px;font-weight:700;display:flex;align-items:center;line-height:1;color:var(--ink)}.brand-cube{color:var(--accent);font-size:22px;align-self:flex-start;margin-top:2px}.brand-name{font-size:13px;letter-spacing:2px;line-height:1.3;margin-left:13px}.brand-name small{font-size:10px;letter-spacing:1.8px}.nav-link{color:var(--muted);font-size:14px}.nav-link:hover{color:var(--ink)}.btn{padding:14px 24px;border-radius:6px;font-size:14px;font-weight:600}.btn-accent{background:var(--accent);color:#131416;border:1px solid var(--accent)}.btn-accent:hover{background:#ff915f;color:#111}.btn-quiet{border:1px solid var(--border);color:var(--ink)}.btn-quiet:hover{background:var(--surface);color:var(--ink)}.nav-contact{color:var(--ink);border-color:var(--border);padding:10px 20px}.theme-button{color:var(--ink);border:0;background:none;font-size:22px;padding:8px}.hero{padding-top:82px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:var(--muted);margin-bottom:25px}h1{font-size:clamp(3rem,5.5vw,5rem);line-height:1.09;letter-spacing:-3.5px;font-weight:500;margin-bottom:25px}h1 span,.approach h2 span,.contact-panel h2 span{color:var(--accent)}.hero-copy{color:var(--muted);max-width:460px;line-height:1.7;font-size:17px;margin-bottom:30px}.hero-note{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-top:36px}.line{width:27px;height:1px;background:var(--accent)}.featured-preview{border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--surface);transform:rotate(2deg);box-shadow:0 24px 60px #0003}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center}.preview-top{font-size:10px;letter-spacing:1.5px;color:var(--muted);padding-bottom:18px}.browser-bar{display:flex;gap:5px;align-items:center;background:#e6e5df;padding:11px;border-radius:5px 5px 0 0}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#a2a39d}.browser-bar span{font-size:9px;margin:auto;color:#777}.mini-site{overflow:hidden;min-height:250px}.studio{background:#eae9e1;color:#2d342c}.mini-nav{font-size:13px;font-weight:700;display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #0002}.mini-nav span{font-size:9px;font-weight:400}.mini-content{padding:28px}.mini-label{font-size:9px;letter-spacing:2px}.mini-content h2{font-size:40px;letter-spacing:-2px;line-height:1.1;margin:15px 0 22px}.mini-content p{font-size:10px;margin:15px 0 0}.architectural-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:7px;height:88px}.architectural-grid div{background:#abb0a0;border:1px solid #858c78}.architectural-grid div:nth-child(2){background:#79826e}.architectural-grid div:nth-child(3){background:#c9cdbf}.preview-bottom{padding-top:20px}.preview-bottom strong{display:block;font-size:14px}.preview-bottom span{font-size:10px;color:var(--muted)}.round-button{border:1px solid var(--border);border-radius:50%;background:none;color:var(--ink);width:35px;height:35px;font-size:22px}.hero-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted);padding:55px 0 30px}.ticker{display:flex;gap:40px;justify-content:center;overflow:hidden;white-space:nowrap;padding:25px 16px;border-block:1px solid var(--border);font-size:13px;letter-spacing:2px}.ticker b{color:var(--accent)}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-1.7px;line-height:1.17;font-weight:500}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 30px}.filter{background:none;border:1px solid var(--border);border-radius:30px;padding:10px 18px;color:var(--muted);font-size:13px}.filter span{margin-left:12px;font-size:10px}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.project-card{height:100%}.project-visual{width:100%;border:0;display:block;text-align:left;padding:25px;border-radius:9px;transition:transform .2s;background:#252b27}.project-visual:hover{transform:translateY(-5px)}.project-visual .mini-site{border-radius:5px;min-height:265px}.project-visual .mini-content h2{font-size:35px}.commerce-wrap{background:#272330}.commerce{background:#e9e2f0;color:#3d2a50}.commerce .mini-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10px}.commerce h2{font-size:32px!important}.product-block{background:#b7a0c9;min-height:140px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:45px;letter-spacing:-4px}.commerce .mini-label{display:block}.landing-wrap{background:#252c35}.landing-preview{background:#132533;color:#e7f4ff}.landing-preview .mini-nav{border-color:#fff3}.landing-preview h2{color:#b6ee55}.landing-preview .mini-content{padding-bottom:35px}.mini-cta{display:inline-block;padding:8px 13px;background:#b6ee55;color:#102433;font-size:9px;border-radius:3px;margin-top:12px}.project-info{padding:20px 0;display:flex;justify-content:space-between;gap:10px}.project-info h3{font-size:20px;margin-bottom:6px}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-info button{border:0;background:none;color:var(--ink);font-size:14px;align-self:start}.sample-badge{font-size:10px;letter-spacing:.5px;color:var(--muted)}.approach{background:var(--surface);border-block:1px solid var(--border)}.muted{color:var(--muted)}.approach-item{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--border)}.approach-item:first-child{padding-top:0}.approach-item>span{font-size:12px;color:var(--accent);padding-top:5px}.approach-item h3{font-size:21px}.approach-item p{color:var(--muted);font-size:15px;line-height:1.7;margin:10px 0 0}.contact-panel{text-align:center;border:1px solid var(--border);border-radius:12px;padding:64px 24px;background:var(--surface)}.contact-panel h2{font-size:clamp(2.5rem,5vw,4.2rem)}.contact-panel>p:not(.eyebrow){color:var(--muted);margin:24px 0}.contact-caption{display:block;color:var(--muted);font-size:12px;margin-top:20px}footer{border-top:1px solid var(--border);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.footer-brand{font-size:34px}.footer-brand .brand-cube{font-size:16px}.footer-brand .brand-name{font-size:10px}.footer-brand .brand-name small{font-size:8px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:12px}.modal-header{border-color:var(--border)}.modal-body{padding:25px}.modal-body .mini-site{margin-bottom:25px;border-radius:7px}.form-control,.form-select{background:var(--bg);color:var(--ink);border-color:var(--border)}.form-label{font-size:14px}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:var(--accent);color:#111;z-index:2000}.skip:focus{top:10px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:991px){.hero{padding-top:55px}.featured-preview{max-width:500px;margin:auto;transform:none}.section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:15px}.hero-footer{padding-top:40px}.project-visual{padding:20px}}@media(max-width:575px){.container{padding-inline:20px}.navbar{padding-block:14px}h1{letter-spacing:-2px}.hero{padding-top:40px}.hero-copy{font-size:16px}.hero-footer{letter-spacing:1px;font-size:9px}.ticker{justify-content:start;gap:24px}.section h2{letter-spacing:-1px}.contact-panel{padding:45px 20px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}.navbar-nav{padding-top:18px;align-items:start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Text-only sector portfolio */
.sector-summary{padding:32px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.sector-summary h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:24px}.sector-summary .eyebrow{font-size:12px;margin-bottom:18px}.sector-links{display:grid}.sector-links a{display:flex;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--border);font-size:14px;letter-spacing:1.5px}.sector-links a span{color:var(--accent);font-size:12px;letter-spacing:0}.sector-links a:hover{color:var(--accent)}.sector-grid{margin-top:28px}.sector-grid article{scroll-margin-top:120px}.sector-card{height:100%;padding:32px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.sector-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.sector-number{font-size:13px;color:var(--accent)}.sector-heading h3{font-size:18px;letter-spacing:2px;margin:0}.system-names{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 20px}.system-names li{border:1px solid var(--border);border-radius:5px;padding:8px 12px;font-size:15px}.sector-card>p{color:var(--muted);font-size:16px;line-height:1.75;margin:0;max-width:48ch}@media(max-width:575px){.sector-summary,.sector-card{padding:24px}.sector-heading h3{font-size:16px;letter-spacing:1.5px}.sector-summary h2{font-size:28px}}

.contact-link{color:var(--accent);overflow-wrap:anywhere}