/* Company-level About page and additive header links. */
.site-header{gap:1rem;flex-wrap:wrap;height:auto;min-height:90px;padding-top:.6rem;padding-bottom:.6rem}
.site-header nav{gap:clamp(.7rem,1.4vw,1.6rem)}
.site-header nav>a.about-nav{color:#f8dea8;font-size:1rem;font-weight:800;letter-spacing:.09em;border-bottom:2px solid #e7bc72;padding:.6rem .25rem;text-shadow:0 0 20px #d7aa5b40}
.site-header nav>a.about-nav[aria-current=page]{border-bottom-color:#fff0c9;color:#fff0c9}
.header-project-cart{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;color:#f7da9d;border:1px solid #b69458;padding:.65rem .8rem;font-size:.875rem;font-weight:700;min-height:44px}
.header-project-cart [data-m-count]{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;background:#d7aa5b;color:#100e0a;border-radius:50%;font-size:.8rem}
.about-world{background:#0c0c0c;color:#f6f2e9}
.about-pad{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,6vw,7rem)}
.about-world h1,.about-world h2,.about-world h3{margin-top:0;text-wrap:balance}
.about-kicker{font-size:.875rem;font-weight:700;letter-spacing:.2em;color:#e9c788;margin:0 0 1.5rem}
.about-hero{background:radial-gradient(ellipse at 80% 15%,#9b712226,transparent 55%),linear-gradient(145deg,#141310,#080808);border-bottom:1px solid #eac27750}
.about-hero h1{font-size:clamp(2.5rem,5.8vw,6rem);line-height:1.09;max-width:1280px;letter-spacing:-.045em;margin-bottom:1.6rem}
.about-hero h1 span{color:#efcf95;background:linear-gradient(120deg,#fff0cc,#d1a251 55%,#f8e2b5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-subtitle{font:600 clamp(1.35rem,2.5vw,2rem)/1.4 var(--display);margin:0 0 .4rem}
.about-purpose{color:#e9c788;font-weight:700;letter-spacing:.035em}
.about-rule{width:min(100%,160px);height:2px;background:linear-gradient(90deg,#ffe2a0,#c78f39);box-shadow:0 0 15px #e5b45740;margin:2.5rem 0}
.about-hero h2{max-width:900px;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.3;letter-spacing:-.035em;margin-bottom:1.4rem}
.about-intro{max-width:780px;color:#d8d2c7;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.8;margin-bottom:0}
.about-letter{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,7vw,7rem)}
.about-letter-heading h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.2}
.about-prose{font-size:1.0625rem;line-height:1.85;color:#d4cfc5;max-width:780px}
.about-prose p{margin:0 0 1.5rem}
.about-prose strong{color:#fff6e5;font-weight:600}
.about-prose .about-emphasis{font:600 clamp(1.5rem,3vw,2.1rem)/1.4 var(--display);color:#f2d69d;border-left:2px solid #e6bd77;padding:.35rem 0 .35rem 1.3rem;margin:2.2rem 0}
.about-signature{font:italic 600 1.3rem/1.6 var(--display);color:#eccb91;padding-top:1rem}
.about-story{background:linear-gradient(145deg,#1c1913,#10100f 70%);border-top:1px solid #eac27750;border-bottom:1px solid #eac27750;display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem clamp(2rem,5vw,5rem);align-items:start}
.about-story-heading{grid-column:1/-1;max-width:1000px}
.about-story-heading h2{font-size:clamp(2rem,4vw,4.1rem);line-height:1.15;margin-bottom:.5rem}
.about-portrait{margin:0;align-self:start;position:sticky;top:2rem;background:radial-gradient(ellipse at 50% 52%,#b8863330,transparent 67%)}
.about-portrait img{width:100%;height:auto;object-fit:contain;border-bottom:1px solid #e8c58780}
.about-portrait figcaption{padding:1.25rem 0;color:#f4dcae;font-weight:600;font-size:1rem}
.about-portrait figcaption span{display:block;color:#bcb5a8;font-size:.875rem;font-weight:400;margin-top:.15rem}
.about-story-copy{font-size:1rem}
.about-story-copy .about-story-mission{color:#f3dbac;font-size:1.25rem;font-weight:700;margin-bottom:.6rem}
.about-divisions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.about-division-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:clamp(1.5rem,3vw,3rem);border:1px solid #bb93564d;background:radial-gradient(ellipse at top right,#77552b20,transparent 70%),#141413}
.about-division-card img{width:112px;height:112px;object-fit:contain}
.about-division-card h2{font-size:clamp(1.4rem,2.4vw,2.3rem);letter-spacing:-.025em;line-height:1.2;margin-bottom:.8rem}
.about-division-card p{color:#c7c0b4;margin:0 0 .5rem}
.about-division-card .button{margin-top:auto;max-width:100%;font-size:.875rem;letter-spacing:.05em}
.about-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,6vw,6rem);border-top:1px solid #eac27760;background:radial-gradient(ellipse at bottom left,#9d752726,transparent 65%),#12110e}
.about-contact h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.18}
.about-contact p:not(.about-kicker){max-width:650px;color:#d0c8bb;font-size:1.0625rem;line-height:1.8}
.about-contact .button{margin-top:1.2rem}
.about-contact address{font-style:normal;align-self:center;min-width:0}
.about-contact address a{display:block;padding:1.25rem 0;border-bottom:1px solid #d7aa5b50;font-size:clamp(1rem,1.7vw,1.3rem);overflow-wrap:anywhere}
.about-contact address a:hover{color:#f4d79e}
.about-contact address span{display:block;font-size:.875rem;text-transform:uppercase;letter-spacing:.13em;color:#bcb09b;margin-bottom:.35rem}
@media(min-width:1281px){.header-project-cart{margin-left:auto;order:3}.site-header nav{order:2}.site-header .brand{order:1}}
@media(max-width:1280px){.site-header{padding-left:1.2rem;padding-right:1.2rem;min-height:90px}.site-header .brand{margin-right:auto}.header-project-cart{order:1}.menu-toggle{display:block;order:2;z-index:22}.menu-toggle span{display:block;width:27px;height:1px;background:var(--white);margin:7px}.site-header nav{position:fixed;inset:0;z-index:21;background:#0b0b0b;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;font-size:1.15rem;transform:translateX(100%);transition:.3s;visibility:hidden;pointer-events:none;overflow-y:auto;padding:5rem 1.2rem}.site-header nav.open{transform:none;visibility:visible;pointer-events:auto}.site-header nav>a.about-nav{font-size:1.4rem}.about-letter{grid-template-columns:.65fr 1.35fr;gap:2rem}}
@media(max-width:760px){.about-letter,.about-story,.about-contact{grid-template-columns:1fr}.about-letter{gap:1.5rem}.about-story-heading{grid-column:auto}.about-portrait{position:static;width:100%;max-width:680px;margin:auto}.about-divisions{grid-template-columns:1fr}.about-division-card{display:grid;grid-template-columns:80px 1fr;gap:1rem 1.2rem}.about-division-card img{width:80px;height:80px}.about-division-card .button{grid-column:1/-1;justify-self:start}.about-hero h1{font-size:clamp(2.25rem,8vw,4rem)}.about-contact h2{font-size:clamp(2rem,7vw,3rem)}}
@media(max-width:460px){.site-header{gap:.5rem;padding:.6rem .75rem}.site-header .brand .home-wordmark{width:145px!important;max-width:145px!important;height:auto!important}.header-project-cart{gap:.35rem;padding:.5rem;font-size:.75rem}.header-project-cart [data-m-count]{min-width:1.25rem;height:1.25rem}.menu-toggle{padding:.2rem}.menu-toggle span{width:23px;margin:6px 3px}.about-division-card{display:flex}}

/* Fit the added company and cart links without crowding the existing wordmark. */
.site-header .brand,body.home-watermark .site-header .brand{width:clamp(145px,25vw,340px);max-width:calc(100% - 220px)}
@media(max-width:460px){.site-header .brand,body.home-watermark .site-header .brand{width:145px;max-width:145px;margin-right:auto}.site-header,body.home-watermark .site-header{gap:.5rem;min-height:90px}}
@media(max-width:1280px){.mobile-menu-open{overflow:hidden}.mobile-menu-open .site-header .menu-toggle{position:fixed;right:1rem;top:1rem}.site-header nav{height:100dvh;width:100vw}}

/* Preserve the original portrait and blend only its outer frame into the page. */
.about-photo-frame{position:relative;overflow:hidden;border-radius:18px;background:#191611;box-shadow:0 18px 48px #00000040}
.about-photo-frame img{display:block;width:100%;height:auto;border:0}
.about-photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 24px 6px #17151180}