/* About compositions: scoped to preserve the approved shared components. */
.story-section{padding:100px clamp(24px,6vw,100px);position:relative;isolation:isolate}.story-section h1,.story-section h2{font-size:clamp(38px,4.6vw,72px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 26px}.story-section h1{font-size:clamp(52px,6.5vw,96px)}.story-section h1 span,.story-section h2 span{color:var(--accent)}.story-section p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:520px;color:#bdb9b5}.story-section .button{margin-top:22px;min-height:48px}.story-copy{position:relative;z-index:2;min-width:0}.story-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center;background:#f7f7f5;color:#171513}.story-intro p:not(.eyebrow),.story-brand p:not(.eyebrow){color:#55504b}.story-owner{margin:0;position:relative;min-width:0}.story-owner img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:4px 60px 4px 4px;object-fit:contain}.story-owner:before{content:"";position:absolute;width:48%;height:4px;background:var(--accent);left:0;top:-16px}.story-owner figcaption{position:relative;margin:-26px 20px 0 auto;padding:18px 22px;width:fit-content;max-width:calc(100% - 24px);background:rgba(23,20,18,.92);backdrop-filter:blur(16px);color:#fff;font-size:10px;letter-spacing:.16em;border:1px solid #ffffff30;border-radius:4px;line-height:1.7}.story-text-link{display:flex;align-items:center;justify-content:space-between;gap:24px;width:fit-content;min-height:48px;font-size:14px;margin-top:24px;border-bottom:1px solid #8887}.story-text-link span{color:var(--accent-highlight);transition:transform .25s}.story-text-link:hover span{transform:translate(3px,-3px)}.story-section a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.mind-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;background:#050505;padding-top:60px;padding-bottom:70px}.mind-art{position:relative;min-width:0}.mind-art img{display:block;width:100%;height:auto}.mind-art-label{position:absolute;right:0;bottom:25px;padding:14px 18px;border:1px solid #ffffff30;border-radius:30px;background:#111a;backdrop-filter:blur(14px);font-size:10px;letter-spacing:.18em}.story-float img{animation:story-float 8s ease-in-out infinite;animation-play-state:paused}.story-float.motion-visible img{animation-play-state:running}@keyframes story-float{50%{transform:translateY(-8px)}}.story-capabilities{background:#11100f;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.capability-list a{display:flex;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff25;transition:padding .25s,background .25s}.capability-list a:first-child{border-top:1px solid #ffffff25}.capability-list a>span{color:var(--accent-highlight);font-size:12px}.capability-list a div{flex:1}.capability-list h3{font-size:21px;line-height:1.3;margin:0 0 7px}.capability-list a p{font-size:14px!important;margin:0}.capability-list b{color:var(--accent-highlight);transition:transform .25s}.capability-list a:hover b{transform:translate(3px,-3px)}.story-process{background:#050505;overflow:hidden}.story-process-heading{max-width:760px;position:relative;z-index:2}.story-process-heading h2{margin-bottom:18px}.story-process-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;margin-top:25px}.story-stairs{position:relative}.story-stairs img{width:100%;height:auto;display:block}.stair-caption{display:block;color:#a9a29c;font-size:10px;letter-spacing:.18em;text-align:center;padding-top:15px}.story-stages{list-style:none;margin:0;padding:0;position:relative}.story-stages:before{content:"";position:absolute;left:23px;top:32px;bottom:54px;width:1px;background:linear-gradient(var(--accent),color-mix(in srgb, var(--accent) 33.33%, transparent))}.story-stages li{position:relative;display:flex;gap:24px;align-items:flex-start;padding:26px 0;transition:opacity .65s,transform .65s;transition-delay:calc(var(--stage)*110ms)}.stage-number{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid color-mix(in srgb, var(--blue-600) 50.20%, transparent);background:#15100d;border-radius:50%;font-size:12px;color:var(--accent-highlight);transition:background .5s,box-shadow .5s}.story-stages h3{font-size:clamp(23px,2.3vw,32px);margin:3px 0 10px;line-height:1.2}.story-stages li p{font-size:15px!important;margin:0;max-width:340px!important}.story-stages li.stage-active .stage-number{background:var(--accent);color:#080808;box-shadow:0 0 32px color-mix(in srgb, var(--accent) 25.10%, transparent)}.story-stages.stages-pending li{opacity:0;transform:translateY(22px)}.story-stages.stages-visible li{opacity:1;transform:none}.story-brand{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;background:#faf8f4;color:#171513}.story-brand-art img{width:100%;height:auto;display:block;border-radius:80px 4px 4px 4px}.story-brand h2{font-size:clamp(54px,6vw,90px)}.story-closing{text-align:center;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb, var(--blue-700) 39.61%, transparent),transparent 65%),#090807;padding-block:120px}.story-closing h2{max-width:1000px;margin-inline:auto}.story-closing .eyebrow{justify-content:center}.about-personal .story-owner{order:2}
@media(min-width:1100px){.story-stages li:nth-child(2){margin-left:18px}.story-stages li:nth-child(3){margin-left:36px}.story-stages li:nth-child(4){margin-left:54px}.story-stages:before{transform:rotate(-6deg);transform-origin:top;left:23px}.mind-art{margin-right:-30px}.story-brand-art{margin-left:-30px}}
@media(max-width:900px){.story-section{padding:70px 32px}.story-intro,.story-capabilities{gap:36px}.story-section h2{font-size:42px}.story-process-layout{gap:20px;grid-template-columns:1fr 1fr}.story-stages li{gap:16px;padding:22px 0}.mind-hero{grid-template-columns:1fr 1fr}.mind-hero h1{font-size:58px}.story-section p:not(.eyebrow){font-size:15px}}
@media(max-width:760px){.story-section{padding:64px 24px}.story-intro,.mind-hero,.story-capabilities,.story-brand,.story-process-layout{grid-template-columns:1fr;gap:36px}.story-intro .story-copy{order:-1}.story-section h2{font-size:clamp(36px,8.5vw,54px)}.mind-hero h1{font-size:clamp(48px,12vw,72px)}.mind-hero{padding-bottom:35px}.mind-art{max-width:560px;margin:auto}.mind-art-label{bottom:15px;right:10px}.story-owner{max-width:580px}.story-owner img{border-top-right-radius:42px}.story-process-layout{margin-top:0;gap:12px}.story-stairs{max-width:430px;width:100%;margin:auto}.story-stages{margin-top:20px}.story-stages li{padding:22px 0}.story-stages li p{max-width:none!important}.story-stages:before{bottom:70px}.story-brand-art{order:2}.story-brand h2{font-size:64px}.story-closing{padding-block:85px}.story-capabilities{gap:24px}.capability-list h3{font-size:20px}.about-personal .story-owner{order:2}}
@media(prefers-reduced-motion:reduce){.story-float img{animation:none!important}.story-stages li,.stage-number,.story-section a,.story-section b{transition:none!important}.story-stages.stages-pending li{opacity:1;transform:none}}
.story-intro .eyebrow,.story-brand .eyebrow{color:var(--blue-700)}.story-copy>*{transition-delay:80ms}.story-copy>.button{transition-delay:0s}