/* A photographic portrait, offset print planes and one continuous vermilion line. */
#about.about-story{--story-progress:.5;--portrait-y:0px;--plane-x:0px;--plane-angle:-5deg;--frame-x:0px;--line-shift:0px;position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;max-width:1500px;margin:0 auto;padding:clamp(90px,10vw,150px) var(--gutter) 95px;overflow:clip}
.about-story__copy{position:relative;z-index:3;padding:18px 0 40px}
.about-story__eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 32px;color:var(--muted);font:12px/1.5 var(--sans);letter-spacing:.16em}
.about-story__eyebrow::before{content:"";width:35px;height:1px;background:var(--accent)}
.about-story__title{font-size:clamp(34px,4.2vw,66px);line-height:1.75;letter-spacing:.025em;margin:0 0 38px;text-wrap:nowrap}
.about-story__title>span{display:block;white-space:nowrap}
.about-story__title>span:nth-child(2){padding-left:.35em}
.about-story__title>span:last-child{color:var(--accent);transform:translateX(var(--line-shift))}
.about-story__text{font-size:clamp(13px,1.15vw,16px);line-height:2.35;max-width:32em}
.about-story__text p+p{margin-top:20px}
.about-story__visual{position:relative;align-self:stretch;min-height:630px;isolation:isolate;margin-left:-35px;margin-right:-18px}
.about-story__plane{position:absolute;inset:27% -4% 5% 10%;z-index:0;background:#223c48;clip-path:polygon(10% 3%,100% 0,94% 91%,0 100%);transform:translateX(var(--plane-x)) rotate(var(--plane-angle));transform-origin:60% 70%}
.about-story__plane::after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 40%,rgba(255,255,255,.08) 40.2%,rgba(255,255,255,.08) 40.5%,transparent 40.7%)}
.about-story__frame{position:absolute;inset:15% 3% 14% 0;z-index:0;border:1px solid #a2a594;transform:translateX(var(--frame-x)) rotate(7deg)}
.about-story__portrait{position:absolute;z-index:2;inset:auto -1% 5% 0;margin:0;transform:translateY(var(--portrait-y));clip-path:polygon(0 0,100% 0,100% 96%,8% 100%,0 97%)}
.about-story__portrait img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;object-position:center bottom;filter:none;mask-image:none;-webkit-mask-image:none}
.about-story__thread{position:absolute;z-index:1;left:-18%;bottom:0;width:125%;height:36%;overflow:visible;pointer-events:none;fill:none;stroke:var(--accent);stroke-width:1.3;vector-effect:non-scaling-stroke}
.about-story__thread path{stroke-dasharray:1;stroke-dashoffset:calc(.6 - var(--story-progress)*.6)}
.about-story__visual.is-motion-ready .about-story__plane{opacity:0;translate:36px 28px;scale:.86;transition:opacity .8s ease,translate 1.15s var(--ease),scale 1.15s var(--ease)}
.about-story__visual.is-motion-ready .about-story__frame{opacity:0;translate:-24px 12px;scale:1.08;transition:opacity 1s ease .12s,translate 1.3s var(--ease) .12s,scale 1.3s var(--ease) .12s}
.about-story__visual.is-story-visible :is(.about-story__plane,.about-story__frame){opacity:1;translate:0 0;scale:1}
@media(min-width:1450px){.about-story__visual{min-height:740px}}
@media(max-width:1050px) and (min-width:761px){#about.about-story{grid-template-columns:1fr 1fr;gap:10px}.about-story__visual{min-height:560px;margin-left:-15px}.about-story__title{font-size:clamp(31px,4vw,43px)}.about-story__text{max-width:28em;font-size:13px}.about-story__portrait{inset:auto -4% 9% -8%}}
@media(max-width:760px){
 #about.about-story{grid-template-columns:1fr;gap:0;padding:70px var(--gutter) 65px}
 .about-story__copy{padding:0 0 20px}
 .about-story__eyebrow{font-size:11px;margin-bottom:25px}
 .about-story__title{font-size:clamp(30px,8vw,48px);line-height:1.7;margin-bottom:24px}
 .about-story__text{font-size:14px;line-height:2.2;max-width:34em}
 .about-story__text p+p{margin-top:14px}
 .about-story__visual{margin:18px 0 0;min-height:0;height:auto;aspect-ratio:1056/1600;max-width:470px;width:100%;justify-self:center}
 .about-story__portrait{inset:auto 0 6% 0}
 .about-story__plane{inset:29% -3% 5% 7%}
 .about-story__frame{inset:18% 4% 17% 0}
 .about-story__thread{width:115%;left:-12%;height:28%}
 }
@media(prefers-reduced-motion:reduce){#about.about-story{--portrait-y:0px!important;--plane-x:0px!important;--plane-angle:-5deg!important;--frame-x:0px!important;--line-shift:0px!important;--story-progress:1!important}.about-story__visual.is-motion-ready :is(.about-story__plane,.about-story__frame){opacity:1;translate:none;scale:1;transition:none}}