.about-page{--about-navy:#102f46;--about-deep:#071b2a;--about-orange:#d88a2d;--about-cream:#f4f3ef;--about-line:#d9dfdf;--about-text:#56646d;overflow-x:hidden;font-size:17px}
.about-page .nav-links{font-size:15px}
.about-page .home-header .nav-links>a[aria-current="page"]:after{right:0}
.about-hero{position:relative;height:min(780px,calc(100vh - 111px));min-height:620px;color:#fff;overflow:hidden;background:var(--about-deep)}
.about-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center}
.about-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.92) 0%,rgba(7,27,42,.76) 43%,rgba(7,27,42,.26) 76%,rgba(7,27,42,.08) 100%)}
.about-hero__inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.about-hero__copy{max-width:780px;padding:74px 0 96px}.about-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:60px;font-size:14px;color:#d2dde2}.about-breadcrumbs a{border-bottom:1px solid rgba(255,255,255,.4)}
.about-overline{display:block;margin-bottom:17px;color:#f0b467;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.about-overline--dark{color:var(--about-orange)}
.about-hero h1{max-width:850px;margin:0;font-size:clamp(48px,6vw,83px);font-weight:760;line-height:.99;letter-spacing:-.055em;text-wrap:balance}.about-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f4bd75}
.about-hero__copy>p{max-width:690px;margin:25px 0 0;color:#d9e3e7;font-size:20px;line-height:1.72}
.about-button{display:inline-flex;align-items:center;gap:40px;min-height:55px;margin-top:32px;padding:0 10px 0 23px;background:var(--about-orange);color:#fff;font-size:15px;font-weight:850}.about-button b{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:15px}
.about-hero__caption{position:absolute;right:4vw;bottom:25px;z-index:2;color:#dae4e8;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.about-facts{background:var(--about-deep);color:#fff;border-top:1px solid rgba(255,255,255,.14)}.about-facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}.about-facts__grid div{padding:29px 28px;border-right:1px solid rgba(255,255,255,.15)}.about-facts__grid div:first-child{padding-left:0}.about-facts__grid div:last-child{border-right:0}.about-facts strong,.about-facts span{display:block}.about-facts strong{font-size:25px;letter-spacing:-.02em}.about-facts span{margin-top:4px;color:#aebfc8;font-size:13px}
.about-section{padding:112px 0}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,7vw,100px);align-items:center}.about-split--intro{grid-template-columns:.9fr 1.1fr}
.about-image,.about-gallery figure,.about-stack figure,.about-quality__image{margin:0}.about-image img{width:100%;height:auto;object-fit:contain}.about-image figcaption,.about-gallery figcaption,.about-stack figcaption,.about-quality figcaption{padding-top:12px;color:#78848a;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.about-copy h2,.about-heading h2,.about-quality h2,.about-vision h2,.about-cta h2{margin:0;color:var(--about-navy);font-size:clamp(42px,5vw,67px);line-height:1.04;letter-spacing:-.05em;text-wrap:balance}.about-copy>p,.about-heading>p,.about-quality__copy>p,.about-vision__inner>p,.about-cta p{color:var(--about-text);font-size:17px;line-height:1.83}.about-copy .about-lead{margin-top:27px;color:#283d4b;font-size:20px;line-height:1.72}.about-signature{display:flex;align-items:center;gap:14px;margin-top:30px;color:var(--about-navy);font-size:15px}.about-signature span{width:40px;height:2px;background:var(--about-orange)}
.about-showroom{background:var(--about-cream)}.about-heading{display:grid;grid-template-columns:1.18fr .82fr;gap:90px;align-items:end;margin-bottom:48px}.about-heading>p{margin:0 0 4px}.about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.about-gallery__wide{grid-column:1/-1}.about-gallery figure{padding:16px;background:#fff;border:1px solid #d9dfdf}.about-gallery img,.about-gallery__wide img{width:100%;height:auto;object-fit:contain}.about-gallery figcaption{padding:14px 2px 2px}
.about-design{position:relative;background:var(--about-navy);color:#fff;overflow:hidden}.about-design:after{content:"02";position:absolute;right:-25px;top:15px;color:rgba(255,255,255,.035);font-size:280px;font-weight:900;line-height:1}.about-design .container{position:relative;z-index:1}.about-design__intro{display:grid;grid-template-columns:1.08fr .92fr;gap:100px;align-items:end}.about-design .about-copy h2{color:#fff}.about-design__lead .about-lead{margin:0 0 18px;color:#fff;font-size:20px;line-height:1.72}.about-design__lead>p:last-child{margin:0;color:#c7d4da;font-size:17px;line-height:1.83}.about-design__gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:62px}.about-design__gallery figure{position:relative;margin:0;padding:14px;background:#fff;color:var(--about-navy)}.about-design__gallery figure>span{position:absolute;z-index:2;top:30px;left:30px;display:grid;place-items:center;width:42px;height:42px;background:var(--about-orange);color:#fff;font-size:12px;font-weight:900}.about-design__gallery img{width:100%;height:auto;object-fit:contain}.about-design__gallery figcaption{display:flex;justify-content:space-between;gap:24px;padding:18px 4px 6px}.about-design__gallery figcaption strong,.about-design__gallery figcaption small{display:block}.about-design__gallery figcaption strong{font-size:18px;text-transform:uppercase;letter-spacing:.04em}.about-design__gallery figcaption small{max-width:220px;color:#65747d;font-size:13px;line-height:1.5;text-align:right}.about-list{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.22)}.about-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:25px 24px 10px 0;border-right:1px solid rgba(255,255,255,.18)}.about-list li+li{padding-left:24px}.about-list li:last-child{border-right:0}.about-list li>span{color:#efb368;font-size:13px;font-weight:900}.about-list strong{font-size:18px}.about-list p{margin:5px 0 0;color:#b8c8cf;font-size:15px;line-height:1.6}
.about-quality{background:#fff}.about-quality__grid{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(55px,6vw,90px);align-items:center}.about-quality__visual{position:relative}.about-quality__feature,.about-quality__pair figure{position:relative;margin:0;background:var(--about-cream);border:1px solid var(--about-line)}.about-quality__feature{padding:14px}.about-quality__feature>span,.about-quality__pair figure>span{position:absolute;z-index:2;display:grid;place-items:center;background:var(--about-orange);color:#fff;font-size:11px;font-weight:900}.about-quality__feature>span{top:28px;left:28px;width:42px;height:42px}.about-quality__feature img,.about-quality__pair img{width:100%;height:auto;object-fit:contain}.about-quality__feature figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 4px 4px}.about-quality__feature figcaption strong,.about-quality__feature figcaption small{display:block}.about-quality__feature figcaption strong{color:var(--about-navy);font-size:17px;text-transform:uppercase}.about-quality__feature figcaption small{max-width:230px;color:#6e7b82;font-size:12px;line-height:1.5;text-align:right}.about-quality__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.about-quality__pair figure{padding:9px}.about-quality__pair figure>span{top:18px;left:18px;width:30px;height:30px}.about-quality__pair figcaption{padding:11px 2px 2px;color:var(--about-navy);font-size:11px}.about-quality__copy>p{margin:26px 0 30px}.about-quality__points{border-top:1px solid var(--about-line)}.about-quality__points article{padding:20px 0;border-bottom:1px solid var(--about-line)}.about-quality__points strong{color:var(--about-navy);font-size:18px}.about-quality__points p{margin:6px 0 0;color:var(--about-text);font-size:15px;line-height:1.7}.about-text-link{display:inline-flex;align-items:center;gap:18px;margin-top:29px;padding-bottom:6px;border-bottom:1px solid #9caaaf;color:var(--about-navy);font-size:15px;font-weight:850}.about-text-link span{color:var(--about-orange)}
.about-portfolio{background:var(--about-cream)}.about-categories{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bfc8c9}.about-categories a{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;min-height:92px;padding:0 20px;border-bottom:1px solid #cbd2d2;color:var(--about-navy);transition:background .2s,color .2s}.about-categories a:nth-child(odd){border-right:1px solid #cbd2d2}.about-categories a:hover{background:var(--about-navy);color:#fff}.about-categories span{font-size:12px;color:var(--about-orange);font-weight:900}.about-categories strong{font-size:22px}.about-categories b{font-weight:400}
.about-vision{position:relative;min-height:720px;display:flex;align-items:center;color:#fff;background:var(--about-deep);overflow:hidden}.about-vision>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;background:var(--about-deep)}.about-vision__shade{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,18,29,.06) 0%,rgba(4,18,29,.1) 44%,rgba(4,18,29,.44) 76%,rgba(4,18,29,.62) 100%)}.about-vision__inner{position:relative;z-index:2;width:min(630px,38vw);max-width:none;margin-left:auto;margin-right:6vw;padding:46px 48px;background:linear-gradient(135deg,rgba(4,18,29,.56),rgba(4,18,29,.38));border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 60px rgba(0,0,0,.2);backdrop-filter:blur(2px)}.about-vision__inner:before{content:"05";display:block;margin-bottom:23px;color:rgba(255,255,255,.2);font-size:62px;font-weight:900;line-height:1}.about-vision h2{max-width:620px;color:#fff}.about-vision__inner>p{color:#edf3f5;max-width:580px}.about-vision__inner>p:first-of-type{margin-top:23px;font-size:17px}
.about-cta{padding:100px 0;background:#fff}.about-cta__grid{display:grid;grid-template-columns:1.18fr .82fr;gap:90px;align-items:end}.about-cta p{margin:0}.about-button--dark{background:var(--about-navy)}
@media(max-width:1050px){.about-split,.about-split--intro,.about-quality__grid{grid-template-columns:1fr;gap:55px}.about-image img,.about-quality__image img{height:auto;max-height:none}.about-split--intro .about-image{order:2}.about-heading,.about-cta__grid,.about-design__intro{grid-template-columns:1fr;gap:28px}.about-quality__image{order:2}.about-list{grid-template-columns:1fr}.about-list li,.about-list li+li{padding:22px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.about-vision__inner{width:min(720px,84vw);margin:0 auto}}
@media(max-width:760px){.about-page .topbar span:last-child{display:none}.about-hero{height:690px;min-height:0}.about-hero__shade{background:linear-gradient(90deg,rgba(4,18,29,.88),rgba(4,18,29,.46))}.about-hero__copy{padding:56px 0 86px}.about-breadcrumbs{margin-bottom:44px}.about-hero h1{font-size:47px}.about-hero__copy>p{font-size:17px}.about-facts__grid{grid-template-columns:1fr 1fr}.about-facts__grid div,.about-facts__grid div:first-child{padding:22px 14px}.about-facts__grid div:nth-child(2){border-right:0}.about-facts__grid div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.about-section{padding:78px 0}.about-copy h2,.about-heading h2,.about-quality h2,.about-vision h2,.about-cta h2{font-size:41px}.about-gallery,.about-design__gallery{grid-template-columns:1fr}.about-gallery__wide{grid-column:auto}.about-gallery img,.about-gallery__wide img,.about-design__gallery img{height:auto;object-fit:contain}.about-design__gallery{gap:20px;margin-top:42px}.about-design__gallery figcaption{display:block}.about-design__gallery figcaption small{margin-top:6px;text-align:left}.about-design:after{font-size:180px}.about-categories{grid-template-columns:1fr}.about-categories a:nth-child(odd){border-right:0}.about-categories a{grid-template-columns:42px 1fr 24px;min-height:84px;padding:0 10px}.about-categories strong{font-size:19px}.about-vision__inner{padding:70px 0}.about-cta{padding:76px 0}.about-hero__caption{display:none}}
@media(max-width:760px){.about-quality__pair{grid-template-columns:1fr}.about-quality__feature figcaption{display:block}.about-quality__feature figcaption small{margin-top:6px;text-align:left}}
@media(max-width:760px){.about-vision__inner{width:92vw;padding:38px 24px}}
