
/* v0.4.90 — Our Story: exclusively scoped to the existing React route. */
.cc-story-v90{--st-gold:#d8ad6c;--st-cream:#f7e8cf;--st-muted:#e7ddcf;isolation:isolate;background:#0a1019;color:#f7eedc;font-family:Georgia,"Times New Roman",serif;overflow:hidden}
.cc-story-v90 *{box-sizing:border-box}
.cc-story-v90 a{color:inherit}
.cc-story-v90 .st-sans{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.cc-story-v90 .st-kicker{font:700 .69rem/1.5 system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#e8bb7b}
.cc-story-v90 .st-kicker:before{content:"";display:inline-block;width:27px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle}
.cc-story-v90 .st-container{width:min(1230px,calc(100% - 64px));margin:auto}
.cc-story-v90 h1,.cc-story-v90 h2,.cc-story-v90 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;margin:0}
.cc-story-v90 p{margin:0}
.cc-story-v90 .st-button{display:inline-flex;align-items:center;gap:13px;min-height:44px;border:1px solid #dfb778;padding:12px 22px;letter-spacing:.08em;text-transform:uppercase;font:700 .73rem/1.4 system-ui,sans-serif;text-decoration:none;transition:background .2s,transform .2s;white-space:normal}
.cc-story-v90 .st-button:hover,.cc-story-v90 .st-button:focus-visible{background:#eac58b;color:#11151a;transform:translateY(-2px)}
.cc-story-v90 .st-button:focus-visible,.cc-story-v90 a:focus-visible{outline:3px solid #fff1bd;outline-offset:4px}
.cc-story-v90 .st-button-filled{background:linear-gradient(110deg,#f9d6a2,#d99d58);color:#241c18;border-color:#e2b477}
.cc-story-v90 .st-hero{position:relative;min-height:535px;display:grid;align-items:center;background:radial-gradient(ellipse at 26% 11%,#54283e 0%,transparent 45%),linear-gradient(111deg,#080d17 15%,#09212c 73%,#101625);border-bottom:1px solid #b28054}
.cc-story-v90 .st-hero-art{position:absolute;inset:0 0 0 36%;background:url("our-story-assets/hero-hand-approved-hq.webp") center /cover no-repeat;opacity:.95}
.cc-story-v90 .st-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d16 0%,rgba(8,13,22,.95) 23%,rgba(8,13,22,.67) 44%,transparent 77%);pointer-events:none}
.cc-story-v90 .st-hero-content{position:relative;z-index:1;padding-top:90px;padding-bottom:96px}
.cc-story-v90 .st-hero-copy{max-width:495px}
.cc-story-v90 h1{font-size:clamp(4.5rem,8vw,8rem);font-style:italic;letter-spacing:-.06em;margin:14px 0 20px;color:#f6dfbc}
.cc-story-v90 .st-hero-copy>p{font:400 1.1rem/1.8 system-ui,sans-serif;color:#f8f2eb;margin-bottom:28px;max-width:450px}
.cc-story-v90 .st-hero .st-button{box-shadow:0 0 22px rgba(243,170,80,.18)}
.cc-story-v90 .st-vision{display:grid;grid-template-columns:1fr 1fr;min-height:350px;background:linear-gradient(115deg,#11131e,#08111a);border-bottom:1px solid #8d633e}
.cc-story-v90 .st-vision-copy{padding:65px max(35px,calc((100vw - 1230px)/2)) 60px max(35px,calc((100vw - 1230px)/2));padding-right:32px;max-width:730px;justify-self:end}
.cc-story-v90 .st-vision h2{font-size:clamp(2.1rem,3.3vw,3.6rem);font-style:italic;color:#f3dfc3;margin:12px 0 19px}
.cc-story-v90 .st-vision p:not(.st-kicker){font:400 .96rem/1.8 system-ui,sans-serif;color:#f0e6db;max-width:565px;margin-bottom:16px}
.cc-story-v90 .st-vision-art{min-height:350px;background:url("our-story-assets/founder-studio-approved-hq.webp") center/cover no-repeat}
.cc-story-v90 .st-divisions{padding:78px 0 83px;background:radial-gradient(ellipse at 18% 12%,#371a31 0%,transparent 35%),radial-gradient(ellipse at 85% 12%,#0a3140 0%,transparent 40%),#0b111c;border-bottom:1px solid #8d633e}
.cc-story-v90 .st-center{text-align:center}
.cc-story-v90 .st-divisions h2{font-size:clamp(2.2rem,4.2vw,4.6rem);font-style:italic;color:#f4dcb8;margin:14px auto}
.cc-story-v90 .st-section-intro{font:400 1rem/1.7 system-ui,sans-serif;color:#e3d9d2;max-width:680px;margin:0 auto 34px}
.cc-story-v90 .st-div-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:35px}
.cc-story-v90 .st-div-card{border:1px solid #846240;background:linear-gradient(150deg,#181b26,#0c131e);border-radius:9px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.cc-story-v90 .st-div-image{height:130px;background-size:cover;background-position:center;filter:saturate(1.06)}
.cc-story-v90 .st-marketplace{background-image:url("our-story-assets/marketplace.webp")}
.cc-story-v90 .st-studios{background-image:url("our-story-assets/studios.webp")}
.cc-story-v90 .st-originals{background-image:url("our-story-assets/originals.webp")}
.cc-story-v90 .st-events{background-image:url("our-story-assets/events.webp")}
.cc-story-v90 .st-commissions{background-image:url("our-story-assets/commissions.webp")}
.cc-story-v90 .st-div-inner{display:flex;flex-direction:column;flex:1;text-align:center;padding:16px 13px 20px}
.cc-story-v90 .st-div-card h3{font-size:clamp(1.2rem,1.55vw,1.75rem);color:#f9e5c5;margin-bottom:12px}
.cc-story-v90 .st-div-card p{font:400 .81rem/1.6 system-ui,sans-serif;color:#e4e0dc;flex:1;margin-bottom:19px}
.cc-story-v90 .st-div-card a{color:#edc489;font:700 .69rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}
.cc-story-v90 .st-div-card a:hover{text-decoration:underline}
.cc-story-v90 .st-heart{display:grid;grid-template-columns:1fr 1fr;min-height:265px;background:#0c1420;border-bottom:1px solid #856744}
.cc-story-v90 .st-heart-art{background:url("our-story-assets/maker-sculpture-approved-hq.webp") center/cover no-repeat;min-height:270px}
.cc-story-v90 .st-heart-copy{padding:55px 45px 50px 55px;align-self:center}
.cc-story-v90 .st-heart h2,.cc-story-v90 .st-cathedral h2{font-size:clamp(2rem,3.4vw,3.4rem);font-style:italic;color:#f4dfbf;margin:12px 0}
.cc-story-v90 .st-heart p:not(.st-kicker),.cc-story-v90 .st-cathedral p:not(.st-kicker){font:400 .97rem/1.75 system-ui,sans-serif;color:#eee7df;max-width:610px}
.cc-story-v90 .st-cathedral{display:grid;grid-template-columns:1.3fr 1fr;min-height:480px;background:#0a101a;border-bottom:1px solid #856744}
.cc-story-v90 .st-cathedral-art{background:url("our-story-assets/cathedral-approved-hq.webp") center/cover no-repeat;min-height:480px}
.cc-story-v90 .st-cathedral-copy{padding:68px clamp(28px,5vw,85px);display:flex;flex-direction:column;justify-content:center}
.cc-story-v90 .st-cathedral .st-button{align-self:flex-start;margin-top:25px}
.cc-story-v90 .st-journey{background:linear-gradient(110deg,#101523,#09131c);padding:70px 0 80px;border-bottom:1px solid #856744}
.cc-story-v90 .st-journey-grid{display:grid;grid-template-columns:minmax(230px,1fr) 2.1fr;gap:54px;align-items:center}
.cc-story-v90 .st-journey h2{font-size:clamp(2.2rem,4vw,3.6rem);font-style:italic;color:#f1d3a7;margin:15px 0}
.cc-story-v90 .st-journey p:not(.st-kicker){font:400 .96rem/1.75 system-ui,sans-serif;color:#f3eae0}
.cc-story-v90 .st-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.cc-story-v90 .st-progress article{border-top:1px solid #bf9564;position:relative;padding:25px 4px 0}
.cc-story-v90 .st-progress article:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:#efc281;border-radius:50%;box-shadow:0 0 16px #f7b266}
.cc-story-v90 .st-progress h3{color:#f2dfc3;font-size:1.26rem;margin-bottom:11px}
.cc-story-v90 .st-progress p{font-size:.85rem!important}
.cc-story-v90 .st-finale{display:grid;grid-template-columns:1.12fr 1fr;min-height:365px;background:radial-gradient(circle at 92% 10%,#28213a,transparent 50%),#11121e;border-bottom:1px solid #856744}
.cc-story-v90 .st-finale-art{min-height:365px;background:url("our-story-assets/final-gateway-approved-hq.webp") 48% center/cover no-repeat}
.cc-story-v90 .st-finale-copy{padding:66px 45px;align-self:center}
.cc-story-v90 .st-finale h2{font-size:clamp(3rem,5.2vw,5.3rem);font-style:italic;color:#f5d7aa;margin-bottom:18px}
.cc-story-v90 .st-finale p{font:400 1rem/1.75 system-ui,sans-serif;max-width:540px;margin-bottom:24px;color:#f6ece1}
.cc-story-v90 .st-finale-actions{display:flex;flex-wrap:wrap;gap:12px}
.cc-story-v90 .st-small{font:400 .8rem/1.6 system-ui,sans-serif;color:#c5bba9}
@media(max-width:1050px){.cc-story-v90 .st-div-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-story-v90 .st-vision-copy{padding-left:32px}.cc-story-v90 .st-div-card{min-height:310px}}
@media(max-width:760px){
.cc-story-v90 .st-container{width:min(100% - 34px,560px)}
.cc-story-v90 .st-hero{min-height:650px;display:block}
.cc-story-v90 .st-hero-art{inset:0 0 auto 0;height:62%;background-position:58% center}
.cc-story-v90 .st-hero:after{background:linear-gradient(to bottom,rgba(8,13,22,.08),rgba(8,13,22,.6) 40%,#080d16 70%)}
.cc-story-v90 .st-hero-content{padding-top:305px;padding-bottom:45px}
.cc-story-v90 h1{font-size:clamp(4.1rem,14vw,5.8rem);margin:9px 0 14px}
.cc-story-v90 .st-hero-copy>p{font-size:.95rem;line-height:1.65}
.cc-story-v90 .st-vision,.cc-story-v90 .st-heart,.cc-story-v90 .st-cathedral,.cc-story-v90 .st-finale{grid-template-columns:1fr}
.cc-story-v90 .st-vision-art{grid-row:1;min-height:260px}
.cc-story-v90 .st-vision-copy{padding:42px 24px 48px;justify-self:stretch}
.cc-story-v90 .st-divisions{padding:58px 0 62px}
.cc-story-v90 .st-div-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-story-v90 .st-div-card{min-height:330px}
.cc-story-v90 .st-div-inner{padding:14px 10px}
.cc-story-v90 .st-div-card h3{font-size:1.3rem}
.cc-story-v90 .st-heart-art{min-height:210px}
.cc-story-v90 .st-heart-copy{padding:38px 22px 45px}
.cc-story-v90 .st-cathedral-art{min-height:280px}
.cc-story-v90 .st-cathedral-copy{padding:41px 24px 50px}
.cc-story-v90 .st-journey{padding:55px 0}
.cc-story-v90 .st-journey-grid{grid-template-columns:1fr;gap:40px}
.cc-story-v90 .st-finale-art{min-height:260px}
.cc-story-v90 .st-finale-copy{padding:45px 24px}
}
@media(max-width:420px){.cc-story-v90 .st-div-grid{grid-template-columns:1fr}.cc-story-v90 .st-div-card{min-height:0}.cc-story-v90 .st-div-image{height:150px}.cc-story-v90 .st-progress{grid-template-columns:1fr}.cc-story-v90 .st-finale h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.cc-story-v90 *, .cc-story-v90 *:before{transition:none!important;animation:none!important}}

/* v0.4.92: Full-resolution division artwork, entire composition visible at every breakpoint. */
.cc-story-v90 .st-div-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1672 / 941;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #0b101a;
  filter: none;
}

/* v0.4.93 — Approved individually rendered Our Story artwork; existing layout and division card imagery unchanged. */
