.brand-blue{color:#5795ef}.header.scrolled .brand-blue,.menu-dialog .brand-blue{color:#2262b0}
.hero{height:clamp(660px,51vw,860px);min-height:0;max-height:none}
.hero-image{object-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(20,13,8,.37),transparent 67%)}
.hero-copy{top:50%;bottom:auto;transform:translateY(-44%);left:5.6%;width:40%;max-width:570px}
.hero-copy .eyebrow{display:block;font-size:11px;letter-spacing:.18em;margin-bottom:24px;opacity:.95}
.hero h1.fit-title{width:clamp(310px,30vw,450px);max-width:100%;font-weight:300;letter-spacing:0;line-height:1.25}
.hero-line{display:block;width:max-content;white-space:nowrap;font-size:38px}
.hero-line+.hero-line{margin-top:8px;font-size:55px}
.hero-copy>p:not(.eyebrow){margin:25px 0 32px;line-height:1.7;font-size:17px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions .button{min-width:145px}
.hero-categories{background:#f2efe8;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 4%;gap:0}
.hero-categories a{display:flex;align-items:center;justify-content:space-between;padding:8px 30px;border-right:1px solid #cec9be;font-size:13px;letter-spacing:.04em;min-height:44px}.hero-categories a:last-child{border:0}.hero-categories a:hover{color:#2262b0}
.product{scroll-margin-top:90px}
.header,.header.scrolled{background:#faf9f6;color:#171717;box-shadow:0 1px 0 #0000000d;height:72px}
.wordmark{font-family:'SUIT Variable',Arial,sans-serif;color:#111;font-weight:700;letter-spacing:-.045em;text-indent:0;font-size:30px}
.brand-dot{color:#2875dc}.header:not(.scrolled){text-shadow:none}
.about-description{margin:24px auto 0;max-width:650px;color:#706c65;font-size:16px;line-height:1.85}.about-description p+p{margin-top:14px}
footer{background:#eeece7;color:#292722}.footer-company{color:#686258}.footer-company p:first-child{color:#292722}.footer-bottom{color:#777064;border-color:#d8d3ca}
@media(max-width:900px){.hero-copy{left:5%;width:43%}.hero h1.fit-title{width:100%}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-actions{gap:10px}.hero-actions .button{min-width:120px;padding:10px 18px}.hero-categories a{padding:8px 14px;font-size:11px}}
@media(max-width:600px){.hero{height:auto;padding-top:330px;background:#2a211a}.hero-image{height:330px;object-position:right center}.hero-shade{height:330px;background:linear-gradient(0deg,#2a211a,transparent 30%,#0002)}.hero-copy{position:relative;left:0;top:0;bottom:auto;transform:none;width:100%;max-width:none;padding:15px 28px 42px}.hero-copy .eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:.15em}.hero h1.fit-title{width:min(100%,330px)}.hero-line+.hero-line{margin-top:9px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:none;margin:24px 0 27px}.hero-actions{gap:12px}.hero-actions .button{min-width:0;flex:1;font-size:13px;padding:11px 15px}.hero-categories{grid-template-columns:1fr 1fr;padding:10px 20px}.hero-categories a{padding:14px 10px;font-size:11px;border:0;border-bottom:1px solid #d5d0c6}.hero-categories a:nth-child(odd){border-right:1px solid #d5d0c6}.hero-categories a:nth-last-child(-n+2){border-bottom:0}.header:not(.scrolled){text-shadow:0 1px 5px #0008}.header:not(.scrolled) .brand-blue{color:#75aaff}}
@media(max-width:600px){
 .header,.header.scrolled{height:64px;padding:0 24px;color:#171717;background:#faf9f6;text-shadow:none}.header:not(.scrolled){text-shadow:none}.header .wordmark{font-size:28px}.menu-toggle>span:last-child{display:none}
 .hero{padding-top:314px;background:#faf9f6;color:#222}.hero-image{top:64px;height:250px;object-position:right center}.hero-shade{display:none}
 .hero-copy{padding:26px 24px 32px}.hero-copy .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.13em;color:#686158;margin:0 0 20px}
 .hero h1.fit-title{width:min(100%,248px);font-weight:400;line-height:1.16}.hero-line+.hero-line{margin-top:8px}
 .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;margin:20px 0 24px;color:#59534b}
 .hero-actions .button.light{border-color:#222;color:#222;background:transparent;min-height:44px}.hero-actions a.button.light{background:#222;color:#fff}.hero-actions .button:hover{background:#444;color:#fff}
 .hero-categories{padding:0 16px}.hero-categories a{padding:14px 10px;min-height:48px}
 .section-space{padding:62px 24px}.body-copy br{display:none}.body-copy{max-width:34ch;margin-left:auto!important;margin-right:auto!important}
 .intro h2,.application h2,.approach h2,h2{font-size:24px;line-height:1.5}.intro .body-copy{margin-top:20px}.company-principles{margin-top:32px;gap:22px}
 .application-content{padding:52px 24px}.application{min-height:0}.application #scene-panel{min-height:0;margin:22px 0;line-height:1.85}.application-desc{margin-bottom:24px}
 .approach-copy{padding:40px 12px}.approach-copy .body-copy{max-width:none}.future{padding:62px 24px}
 .contact-dialog h2{font-size:22px}.contact-dialog{padding:42px 22px 24px}.footer-bottom{font-size:10px}
}
@media(max-width:600px){
 .intro{text-align:left;padding-top:48px;padding-bottom:48px}
 .intro>.eyebrow{margin:0 0 24px;letter-spacing:.17em;font-size:10px}
 .intro h2{font-size:26px;line-height:1.5;letter-spacing:-.025em}
 .about-description{margin:24px 0 0;max-width:none;font-size:15px;line-height:1.85;word-break:keep-all}
 .about-description p+p{margin-top:16px}.about-description p{word-break:keep-all;text-wrap:pretty}
 .about-break{display:none}
 .intro .text-link{margin-top:24px;gap:22px}
 .intro .company-principles{margin:32px 0 0;gap:22px}
 .intro .company-principles>div{padding-top:20px}
 .intro .company-principles h3{font-size:16px;margin:0 0 10px;line-height:1.5}
 .intro .company-principles p{font-size:14px;line-height:1.85;word-break:keep-all}
 .intro .company-caption{font-size:11px;line-height:1.8;margin-top:28px;text-align:left}
}
.application>img{object-position:52% 68%;transform:none}
.approach-visual img{object-position:50% center}
.application h2{margin-bottom:28px}
@media(max-width:600px){
 .application>img{object-position:78% 66%}
 .application-shade{background:linear-gradient(90deg,rgba(29,22,15,.84),rgba(29,22,15,.48))}
 .application h2{margin-bottom:24px}
 .approach-visual img{object-position:50% center}
}