/* Editorial About page. Shared storefront theme and navigation stay intact. */
.about-page{--about-panel:#fff;--about-line:#dedbd7;max-width:1280px;margin:16px auto 0;padding-bottom:25px}
[data-theme="dark"] .about-page{--about-panel:#19191b;--about-line:#343438}
.about-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.about-page .eyebrow{color:var(--red);font-size:10px;letter-spacing:2px;margin-bottom:14px}
.about-page h2{font-size:clamp(32px,3.8vw,49px);line-height:1.04;letter-spacing:-1.7px}.about-page h1 span,.about-page h2>span{color:var(--red)}
.about-body{color:var(--muted);font-size:15px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:490px;border:1px solid #742630;border-radius:22px;color:#fff;background:#0c0c0d}
.about-hero picture{position:absolute;inset:0}.about-hero picture img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.about-hero-copy{position:relative;z-index:2;padding:90px 46px 64px;min-height:490px;background:linear-gradient(90deg,#000d,transparent 78%);width:70%}
.about-hero .eyebrow{color:white}.about-hero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-2.5px;line-height:1.02;margin-bottom:20px;max-width:650px}
.about-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;max-width:340px;margin-bottom:24px}
.about-hero .button{font-size:12px;min-height:44px;gap:20px}
.about-hero-inset{position:absolute;z-index:2;right:4%;top:18%;width:22%;margin:0;transform:rotate(-7deg)}
.about-hero-inset>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid #ffffff80;border-radius:12px}
.about-hero-inset figcaption{position:absolute;right:-8px;top:-55px;max-width:100px;display:flex;align-items:center;gap:5px;font-family:cursive;font-size:19px;line-height:1.1}
.about-hero-inset>span{position:absolute;right:-8px;bottom:-15px;border:1px solid #fff9;background:#111b;border-radius:8px;padding:10px 18px;font-size:9px;text-align:center;transform:rotate(7deg);letter-spacing:.5px}
.about-strip{display:flex;justify-content:center;align-items:center;gap:30px;border-bottom:1px solid var(--about-line);padding:22px 12px;font-size:9px;font-weight:700;letter-spacing:2px}
.about-strip i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--red)}
.about-story{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding:68px 30px 40px;scroll-margin-top:115px}
.about-story-copy{max-width:460px}.about-story h2{margin-bottom:22px}
.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.about-tags span{border:1px solid var(--about-line);border-radius:30px;padding:10px 14px;font-size:9px;font-weight:700;letter-spacing:.5px}
.about-story-images{position:relative;min-width:0;height:380px;margin-right:30px}
.about-portrait{width:78%;height:100%;object-fit:cover;border:1px solid var(--about-line);border-radius:18px}
.about-signature{position:absolute;right:-22px;bottom:12px;width:42%;height:60%;object-fit:cover;border-radius:13px;border:1px solid #777;transform:rotate(12deg);box-shadow:0 15px 30px #0004}
.about-note{font-family:cursive;font-size:19px;line-height:1.15;max-width:100px;display:flex;gap:6px;align-items:center;transform:rotate(-8deg)}
.about-story-images>.about-note{position:absolute;right:-8px;top:0}
.about-contours{position:relative;isolation:isolate}.about-contours::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 19px,#77777710 20px 21px,transparent 22px 37px);mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 65%)}
.about-journey{padding:30px 20px 60px}.about-heading-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:0 10px 48px}.about-heading-row h2{max-width:420px}.about-heading-row>.about-body{max-width:330px;font-size:13px}
.about-steps{list-style:none;padding:0 12px;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.about-steps li{position:relative;min-width:0}
.about-steps li>div{min-height:180px;padding:32px 24px;border:1px solid var(--about-line);background:linear-gradient(140deg,var(--about-panel),var(--paper));border-radius:14px;transform:rotate(-8deg);box-shadow:0 15px 30px #0000000c;transition:transform .35s var(--ease),border-color .35s}
.about-steps li:nth-child(2)>div{transform:rotate(-12deg)}.about-steps li:nth-child(3)>div{transform:rotate(-10deg)}
.about-steps li p{font-size:9px;letter-spacing:1.8px;font-weight:700;margin-bottom:14px}.about-steps h3{font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.5px}
.about-connector{position:absolute;z-index:-1;right:-38px;top:35px;width:46px;height:110px;border-right:2px dashed var(--red);border-radius:50%;transform:rotate(-35deg)}
.about-connector::before{content:'';position:absolute;top:8px;right:-5px;width:12px;height:12px;border-radius:50%;border:4px solid var(--paper);background:var(--red);box-shadow:0 0 0 1px var(--red)}
.about-identity{display:grid;grid-template-columns:.8fr 1.4fr;gap:35px;padding:65px 25px 80px}.about-identity-copy{padding-top:20px}.about-identity-copy h2{margin-bottom:20px}.about-identity-collage{position:relative;height:430px;margin-right:25px}
.about-identity-collage img{position:absolute;object-fit:cover;border:1px solid var(--about-line);border-radius:14px;box-shadow:0 15px 30px #0002;transition:transform .3s var(--ease),box-shadow .3s}
.about-identity-collage img:nth-child(1){width:49%;height:90%;top:3%;left:0;object-position:70% center}
.about-identity-collage img:nth-child(2){width:47%;height:65%;left:43%;top:0;z-index:1}
.about-identity-collage img:nth-child(3){width:54%;height:48%;left:47%;top:52%;z-index:2}
.about-identity-collage img:nth-child(4){width:31%;height:42%;left:-24%;top:60%;transform:rotate(6deg);z-index:3}
.about-identity-collage>.about-note{position:absolute;left:-39%;top:65%}
.about-manifesto{position:relative;margin:25px 0 90px}.about-manifesto>.eyebrow{margin-left:15px}
.about-manifesto-photo{position:relative;height:340px;border:1px solid #742630;border-radius:20px;overflow:hidden;background:#111;color:#fff;isolation:isolate}
.about-manifesto-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 55%,#0008);z-index:-1}
.about-manifesto-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}
.about-manifesto-photo>p{position:absolute;left:5%;top:32%;font-size:11px;font-weight:700;letter-spacing:3px;line-height:1.8}.about-manifesto-photo>.about-note{position:absolute;right:4%;top:35%}
.about-manifesto-card{position:relative;width:fit-content;max-width:80%;padding:23px 36px;background:var(--about-panel);border:1px solid var(--about-line);border-radius:12px;margin:-48px auto 0;transform:rotate(-4deg);box-shadow:0 12px 35px #0003;text-align:center;font-size:24px;font-weight:700;line-height:1.3}
.about-manifesto-card>span,.about-manifesto-card>strong{display:block}.about-manifesto-card>strong{color:var(--red)}.about-manifesto-card::before{content:'';position:absolute;left:16px;top:-8px;background:var(--red);width:16px;height:16px;border-radius:50%;box-shadow:0 0 20px #f20d1440}
.about-cta{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:40px 55px;background:linear-gradient(115deg,#f20d14,#ff0019);color:#fff;border-radius:20px;margin-bottom:25px}
.about-cta .eyebrow{color:white;font-size:9px}.about-cta h2{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:65px;font-weight:800;line-height:.95;letter-spacing:-1px}.about-cta h2>span{color:transparent;-webkit-text-stroke:1px #fff}
.about-cta>div:last-child{justify-self:center}.about-cta p{font-size:13px}.about-cta .button{font-size:12px;margin-top:20px;min-height:44px}
@media(hover:hover) and (pointer:fine){.about-steps li:hover>div{transform:translateY(-7px) rotate(0);border-color:#f20d1480}.about-identity-collage img:hover{transform:translateY(-7px);box-shadow:0 22px 35px #0004;z-index:4}}
@media(max-width:1000px){.about-story{gap:30px;padding-inline:15px}.about-steps{gap:22px}.about-steps li>div{padding:26px 18px;min-height:170px}.about-steps h3{font-size:21px}.about-identity{gap:25px;padding-inline:15px}.about-identity-collage{height:340px}.about-hero-copy{padding-left:32px}}
@media(max-width:760px){.about-page{margin-top:12px}.about-page h2{font-size:31px;letter-spacing:-1px}.about-hero{min-height:0}.about-hero-copy{width:100%;padding:210px 24px 28px;min-height:0;background:linear-gradient(0deg,#000e,transparent 95%)}.about-hero h1{font-size:42px;letter-spacing:-1.6px}.about-hero-copy>p:not(.eyebrow){font-size:13px;max-width:340px}.about-hero-inset{display:none}.about-strip{gap:12px;padding:16px 6px;font-size:7px;letter-spacing:1px}.about-strip span:last-child,.about-strip i:last-of-type{display:none}.about-story{grid-template-columns:1fr;padding:35px 8px 28px;gap:25px}.about-story-copy{max-width:none}.about-body{font-size:14px}.about-story-images{height:280px;margin-right:30px}.about-tags{margin-top:16px}.about-journey{padding:20px 2px 30px}.about-heading-row{display:block;margin:0 6px 30px}.about-heading-row>.about-body{margin-top:14px;max-width:none}.about-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:0 10px}.about-steps li>div,.about-steps li:nth-child(2)>div,.about-steps li:nth-child(3)>div{transform:rotate(-4deg);min-height:145px;padding:24px 17px}.about-steps h3{font-size:21px}.about-steps li p{font-size:8px;letter-spacing:1px}.about-connector{display:none}.about-identity{grid-template-columns:1fr;gap:22px;padding:30px 8px 40px}.about-identity-copy{padding:0}.about-identity-collage{height:310px;margin:0 14px 15px 30px}.about-identity-collage img:nth-child(4){left:-10%;width:34%;height:37%;top:68%}.about-identity-collage>.about-note{display:none}.about-manifesto{margin:20px 0 50px}.about-manifesto-photo{height:230px}.about-manifesto-photo>p{font-size:8px;letter-spacing:1.5px}.about-manifesto-photo>.about-note{font-size:15px;max-width:80px}.about-manifesto-card{font-size:21px;padding:20px 25px;margin-top:-30px}.about-cta{grid-template-columns:1fr;padding:30px 25px;gap:24px}.about-cta>div:last-child{justify-self:start}.about-cta h2{font-size:54px}}
@media(max-width:380px){.about-steps{gap:20px 14px}.about-steps li>div{padding:22px 13px}.about-steps h3{font-size:19px}.about-identity-collage{height:260px}.about-story-images{height:250px}}
@media(prefers-reduced-motion:reduce){.about-page *{transition:none!important;animation:none!important}.about-steps li:hover>div{transform:none}.about-identity-collage img:hover{transform:none}}