:root{--about-ink:#090c0e;--about-panel:#13181b;--about-line:#343a3e;--about-orange:#ff5b09;--about-paper:#f1eee7}.about-page{background:var(--about-ink);color:#f5f6f6;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.about-page *{box-sizing:border-box}.about-page a{color:inherit;text-decoration:none}.about-nav{border-bottom:1px solid var(--about-line);align-items:center;gap:28px;width:min(1180px,100% - 48px);min-height:82px;margin:auto;display:flex}.about-nav>a:not(.about-brand){color:#aab0b4;font-size:.85rem;font-weight:800}.about-brand{align-items:center;gap:12px;margin-right:auto;display:flex}.about-brand>span{border:2px solid var(--about-orange);width:36px;height:36px;color:var(--about-orange);place-items:center;font-size:1.6rem;font-weight:900;display:grid;transform:rotate(-12deg)}.about-brand strong{letter-spacing:-.03em;font-size:1rem}.about-brand b{color:var(--about-orange);font-size:1.12rem}.about-hero{grid-template-columns:1.05fr .95fr;gap:54px;width:min(1180px,100% - 48px);margin:auto;padding:72px 0 82px;display:grid}.about-intro{align-self:center}.about-intro>p,.story-label p,.about-principles header p,.about-note>div:first-child p,.about-contact p{color:var(--about-orange);letter-spacing:.15em;margin:0;font-size:.75rem;font-weight:900}.about-intro h1{letter-spacing:-.065em;text-transform:uppercase;margin:18px 0 34px;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.91}.about-intro h1 em{color:var(--about-orange);font-style:normal}.about-lede{border-top:1px solid var(--about-line);grid-template-columns:auto 1fr;gap:18px;max-width:660px;padding-top:24px;display:grid}.about-lede>span{background:var(--about-orange);color:#101315;place-items:center;width:50px;height:50px;font-size:.9rem;font-weight:900;display:grid}.about-lede p{color:#b2b8bc;margin:0;font-size:1.05rem;line-height:1.65}.about-gauge{border:1px solid var(--about-line);background:radial-gradient(circle at 52% 34%,#442015 0,#171312 33%,#0d1113 67%);min-height:620px;position:relative;overflow:hidden}.about-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.about-gauge img{z-index:1;object-fit:contain;width:88%;height:auto;position:absolute;bottom:0;right:4%}.about-gauge aside{z-index:2;border-left:4px solid var(--about-orange);color:#121619;background:#f1eee7;width:64%;padding:18px 20px;position:absolute;bottom:0;right:0}.about-gauge aside b{font-size:1rem;display:block}.about-gauge aside span{margin-top:7px;font-size:.82rem;line-height:1.45;display:block}.about-story{background:var(--about-paper);color:#111517;grid-template-columns:.36fr .64fr;gap:64px;padding:86px max(24px,50vw - 590px);display:grid}.story-label{align-items:flex-start;gap:14px;display:flex}.story-label>span{background:var(--about-orange);place-items:center;width:42px;height:42px;font-size:.75rem;font-weight:900;display:grid}.story-label p{color:#4a4f52;padding-top:14px}.story-copy h2{letter-spacing:-.055em;text-transform:uppercase;margin:0 0 30px;font-size:clamp(3rem,5vw,5rem);line-height:.92}.story-copy p{color:#4f5659;max-width:760px;margin:0 0 18px;font-size:1.08rem;line-height:1.7}.about-principles{width:min(1180px,100% - 48px);margin:auto;padding:86px 0}.about-principles header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.about-principles header h2{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:3rem}.about-principles>div{border-top:1px solid var(--about-line);border-left:1px solid var(--about-line);grid-template-columns:repeat(4,1fr);display:grid}.about-principles article{border-right:1px solid var(--about-line);border-bottom:1px solid var(--about-line);min-height:265px;padding:24px}.about-principles article>span{color:var(--about-orange);font-size:.8rem;font-weight:900}.about-principles h3{text-transform:uppercase;margin:52px 0 13px;font-size:1rem}.about-principles article p{color:#939a9e;margin:0;font-size:.92rem;line-height:1.6}.about-note{border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);background:#171c1f;grid-template-columns:.42fr .58fr;gap:64px;padding:80px max(24px,50vw - 590px);display:grid}.about-note h2{text-transform:uppercase;max-width:440px;margin:14px 0 0;font-size:2.5rem;line-height:1}.about-note>div:last-child p{color:#c7cbcd;max-width:680px;margin:0;font-size:1.12rem;line-height:1.72}.about-note>div:last-child span{color:var(--about-orange);margin-top:24px;font-size:1rem;font-weight:900;display:block}.about-contact{justify-content:space-between;align-items:center;gap:40px;width:min(1180px,100% - 48px);margin:auto;padding:78px 0;display:flex}.about-contact h2{text-transform:uppercase;margin:10px 0 0;font-size:3.5rem}.about-contact>a{color:#fff;background:#1d140f;border:1px solid #754324;align-items:center;gap:28px;padding:20px 24px;font-size:1rem;font-weight:900;display:flex}.about-contact>a span{color:var(--about-orange);font-size:1.3rem}.about-footer{border-top:1px solid var(--about-line);color:#7d858a;justify-content:space-between;gap:24px;width:min(1180px,100% - 48px);margin:auto;padding:26px 0 42px;font-size:.78rem;display:flex}.about-footer a{color:#fff;font-weight:900}.about-footer span{text-transform:uppercase;letter-spacing:.08em}@media (max-width:860px){.about-hero,.about-story,.about-note{grid-template-columns:1fr}.about-gauge{min-height:650px}.about-principles>div{grid-template-columns:1fr 1fr}.about-principles article{min-height:230px}.about-contact{flex-direction:column;align-items:flex-start}}@media (max-width:620px){.about-nav{gap:14px;width:min(100% - 28px,1180px)}.about-nav>a:not(.about-brand){display:none}.about-hero,.about-principles,.about-contact,.about-footer{width:min(100% - 28px,1180px)}.about-hero{gap:36px;padding:48px 0 54px}.about-intro h1{font-size:3.35rem}.about-gauge{min-height:510px}.about-gauge img{width:104%;right:-2%}.about-gauge aside{width:90%}.about-story,.about-note{gap:38px;padding:58px 14px}.story-copy h2{font-size:3.1rem}.about-principles{padding:58px 0}.about-principles header{flex-direction:column;align-items:flex-start}.about-principles header h2{font-size:2.6rem}.about-principles>div{grid-template-columns:1fr}.about-principles article{min-height:0}.about-principles h3{margin-top:24px}.about-contact{padding:58px 0}.about-contact h2{font-size:3rem}.about-contact>a{justify-content:space-between;width:100%}.about-footer{flex-direction:column}}
