/* Page-specific storytelling, scoped away from the homepage. */
.inner-page.story-page{background:#f5f7f0;--story-line:rgba(32,87,50,.16);--story-ease:cubic-bezier(.2,.75,.2,1)}
.story-page main{overflow:clip}
.story-page main>.page-hero{border-radius:0;background:radial-gradient(ellipse at 90% 45%,#dcebcf 0,transparent 60%),#f5f7f0;box-shadow:none;padding-bottom:76px}
.story-page .hero-layout{display:grid;gap:42px;align-items:center}
.story-page .page-hero h1{font-size:clamp(42px,5.4vw,76px);max-width:12em;line-height:1.02;font-weight:500;letter-spacing:-.055em}
.story-page .page-hero h1 span{color:#4d7953}
.story-page .page-hero p{max-width:32em;font-size:17px}
.story-page .hero-actions{display:flex;gap:18px 24px;align-items:center;flex-wrap:wrap;margin-top:26px}
.story-page .page-hero .hero-actions .button{margin:0}
.story-page .hero-actions .text-link{font-size:14px}
.story-page .hero-footnote{font-size:13px!important;margin-top:18px!important;color:#5d6c5f!important}
.story-page .hero-stamp{display:inline-flex;gap:10px;align-items:center;margin-top:24px;font-size:15px;font-weight:600;color:var(--forest)}
.hero-stamp:before{content:'';width:7px;height:7px;border-radius:50%;background:#479b20;box-shadow:0 0 0 5px #479b2014}
.story-page main>.section,.story-page main>.section.soft{padding-block:64px}
.story-page main>.section+.section{padding-top:40px}
.story-page .story-heading{max-width:740px;margin-bottom:32px}
.story-page .story-heading h2,.story-page .editorial-copy h2{font-size:clamp(34px,4vw,55px);line-height:1.06;font-weight:500;letter-spacing:-.045em}
.story-page .story-heading p,.story-page .editorial-copy>p{margin-top:20px;color:#4b5b4e;max-width:38em}
.story-page .section-index{display:block;font-size:13px;letter-spacing:.04em;color:#5e7561;margin-bottom:20px}
.story-page .editorial-grid{display:grid;gap:36px;align-items:center}
.story-page .editorial-copy .text-link{margin-top:24px}
.story-page .story-rule{height:1px;background:var(--story-line);margin:0 var(--gutter)}
.story-page .mini-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--story-line);padding-block:26px;gap:18px}
.story-page .mini-facts strong{display:block;font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.15;letter-spacing:-.04em;color:var(--forest)}
.story-page .mini-facts span{display:block;margin-top:7px;font-size:12px;color:#536757;line-height:1.5}
.device-scene{position:relative;isolation:isolate;aspect-ratio:1.13;width:100%;display:flex;align-items:center;padding:8% 8% 16% 2%}
.device-scene:before{content:'';position:absolute;inset:9% 2% 3% 8%;border:1px solid #fff9;border-radius:50%;background:linear-gradient(140deg,#e1ebd8,#ccddc5);z-index:-1}
.device-scene:after{content:'';position:absolute;inset:0 0 8% 14%;border:1px solid #c6d8bc;border-radius:50%;z-index:-1;transform:rotate(-20deg)}
.browser-device{width:100%;border:5px solid #000;border-radius:15px;background:#eef3e8;box-shadow:0 30px 55px #1d3f2729;transform:rotate(-5deg);overflow:hidden;transition:transform .7s var(--story-ease)}
.browser-bar{display:flex;align-items:center;gap:4px;height:24px;background:#e6ece3;border-bottom:1px solid #d3dfcf;padding:0 9px;color:#425946;font-size:8px;line-height:1}
.browser-bar:before{content:'● ● ●';font-size:7px;color:#839b7d;letter-spacing:1px;margin-right:auto}
.browser-bar:after{content:'';width:32px}
.browser-device img{width:100%;aspect-ratio:14/9;object-fit:cover;object-position:top}
.phone-device{position:absolute;right:1%;bottom:1%;width:28%;border:5px solid #000;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 22px 40px #17362233;transform:rotate(7deg);transition:transform .7s var(--story-ease)}
.phone-device:before{content:'';position:absolute;z-index:1;top:4px;left:32%;width:36%;height:7px;border-radius:20px;background:#000}
.phone-device img{width:100%;aspect-ratio:440/880;object-fit:cover;object-position:top}
.scene-label{position:absolute;left:0;bottom:0;padding:12px 16px;border:1px solid #fff;border-radius:14px;background:#ffffffc9;backdrop-filter:blur(20px);box-shadow:0 10px 30px #23472b0d;font-size:12px;line-height:1.5;max-width:65%;color:var(--forest)}
.scene-label strong{display:block;font-weight:600}
.story-page .feature-grid{display:grid;gap:0;border-top:1px solid var(--story-line)}
.story-page .feature-item{position:relative;padding:26px 0;border-bottom:1px solid var(--story-line)}
.feature-number{display:block;font-size:13px;color:#648268;margin-bottom:20px}
.story-page .feature-item h3{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.story-page .feature-item p{color:#516154;font-size:15px;line-height:1.65;margin-top:12px;max-width:35em}
.story-page .feature-item svg{width:28px;height:28px;stroke:#487550;stroke-width:1.4;fill:none;margin-bottom:18px}
.story-page .showcase-panel{padding:28px;border:1px solid #fff;border-radius:28px;background:linear-gradient(130deg,#e5ecdd,#d7e5cc);overflow:hidden}
.story-page .showcase-panel .device-scene{max-width:720px;margin:auto}
.story-page .project-caption{display:flex;gap:12px;justify-content:space-between;padding-top:24px;border-top:1px solid #20573221;font-size:13px;color:#49624d}
.story-page .project-caption strong{font-weight:600}
.story-page .payment-path{display:grid;gap:0;margin-top:32px;border-top:1px solid var(--story-line)}
.payment-path>div{padding:24px 0;border-bottom:1px solid var(--story-line)}
.payment-path strong{display:block;font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.04em;color:var(--forest)}
.payment-path span{display:block;font-size:14px;margin-top:8px;color:#56685a}
.story-page .quiet-note{font-size:14px;line-height:1.65;color:#5d6c60;margin-top:24px;max-width:42em}
.story-page .content-columns .prose{border:0;border-radius:0;background:none;box-shadow:none;padding:0;backdrop-filter:none}
.story-page .content-columns{gap:26px}
.story-page .content-columns>h2{font-size:clamp(30px,3.5vw,45px);font-weight:500}
.story-page .faq-layout{display:grid;gap:30px}
.story-page .faq details{background:#ffffff80;box-shadow:none;border:1px solid #dce5d7;border-radius:16px}
.story-page main>.final-cta{padding-block:40px 72px}
.story-page main>.final-cta>.wrap{max-width:calc(1240px - 2 * var(--gutter));width:calc(100% - 2 * var(--gutter));padding:64px 24px;isolation:isolate;background:radial-gradient(ellipse at 100% 0,#527b42 0,transparent 55%),#183f29}
.story-page main>.final-cta>.wrap:before,.story-page main>.final-cta>.wrap:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff15;border-radius:50%;z-index:-1;pointer-events:none}
.story-page main>.final-cta>.wrap:before{left:-200px;top:-130px}
.story-page main>.final-cta>.wrap:after{right:-210px;bottom:-270px}
.story-page main>.final-cta h2{font-weight:500;max-width:16em;font-size:clamp(34px,4vw,55px)}
.story-page main>.final-cta p{font-size:16px}
/* Automation is a living process diagram, with every step available by keyboard. */
.workflow{position:relative;padding:26px 20px;border:1px solid #fff;border-radius:28px;background:linear-gradient(140deg,#ffffffbd,#e3ecdbb3);box-shadow:inset 0 1px 0 #fff,0 24px 64px #234b2d12;backdrop-filter:blur(18px)}
.workflow-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#627367;margin-bottom:22px}
.workflow-header strong{font-weight:500;color:var(--forest)}
.flow-controls{border:1px solid #c8d7c0;border-radius:999px;background:#ffffffa8;font-size:12px;color:var(--forest);padding:6px 12px;min-height:36px}
.flow-nodes{display:grid;gap:20px;position:relative}
.flow-nodes:before{content:'';position:absolute;left:25px;top:20px;bottom:20px;width:1px;background:#9fbc94}
.flow-node{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;border:1px solid #fff;border-radius:16px;background:#ffffff9c;color:#31543a;box-shadow:0 5px 18px #20432908;transition:background .4s,transform .4s,border-color .4s}
.flow-node>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9efdf;flex:none;font-size:12px}
.flow-node strong{display:block;font-size:15px;font-weight:600}
.flow-node small{display:block;font-size:12px;color:#637566;margin-top:2px}
.flow-node[aria-pressed=true]{background:#205732;color:#fff;border-color:#205732;transform:translateX(5px)}
.flow-node[aria-pressed=true]>span:first-child{background:#ffffff20}
.flow-node[aria-pressed=true] small{color:#ffffffbd}
.flow-node:after{content:'✓';margin-left:auto;color:#6b8b5c;font-size:16px}
.flow-node[aria-pressed=true]:after{color:#c1e5a8}
.workflow-detail{display:grid;border-top:1px solid #c9d7c2;padding-top:18px;margin-top:24px}
.story-page .page-hero .workflow-detail p{grid-area:1/1;visibility:hidden;max-width:none;margin:0;font-size:13px;line-height:1.6;color:#506654}
.story-page .page-hero .workflow-detail p.is-active{visibility:visible}
.story-page .result-band{background:#e3ecd9;border-block:1px solid #d5e1ca;padding-block:36px!important}
.result-band .wrap{display:flex;gap:22px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.result-time{display:flex;align-items:baseline;gap:14px;color:var(--forest);white-space:nowrap;line-height:1}
.result-time strong{font-size:clamp(40px,5vw,68px);font-weight:500;letter-spacing:-.06em}
.result-time .old-time{color:#7c8d75;font-size:clamp(28px,3vw,42px)}
.result-time .result-arrow{font-size:25px;font-weight:400}
.result-band p{font-size:14px;color:#4b644d;max-width:24em}
.story-page .process-list{list-style:none;padding:0;margin:0;counter-reset:delivery}
.process-list li{padding:28px 0 28px 52px;border-top:1px solid var(--story-line);position:relative;counter-increment:delivery}
.process-list li:before{content:'0' counter(delivery);position:absolute;left:0;top:30px;font-size:13px;color:#6e8768}
.story-page .process-list h3{font-size:23px;font-weight:500}
.process-list p{font-size:15px;color:#536356;line-height:1.65;margin-top:12px}
.story-page main>.client-results>.wrap{max-width:calc(1240px - 2 * var(--gutter));width:calc(100% - 2 * var(--gutter));padding:40px 24px}
.story-page .client-result-quote{background:transparent;border:0;backdrop-filter:none;padding:0}
.story-page .client-result{display:grid;gap:32px;align-items:center;max-width:none;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible}
.story-page .client-result-figure{padding:0}
.story-page .client-result-row{gap:10px 14px}
.story-page .client-result-row strong{font-size:clamp(30px,4.2vw,58px);font-weight:500}
.story-page .client-result-quote{border-top:1px solid #ffffff2a;padding-top:28px}
.story-page .client-result-quote blockquote{font-size:clamp(18px,2vw,25px);line-height:1.55;letter-spacing:-.015em}
.story-page .client-result-context{font-size:14px!important}
/* Software: an overview and a hands-on view of real screens. */
.software-scene .browser-device{transform:rotate(-3deg)}
.software-scene .phone-device{width:29%;transform:rotate(5deg)}
.software-explorer{display:grid;gap:36px;align-items:center}
.screen-options{display:grid;gap:10px;margin-top:30px}
.screen-option{position:relative;border:1px solid transparent;border-top-color:var(--story-line);border-radius:0;background:transparent;padding:20px;text-align:left;color:var(--forest);transition:background .3s,border-color .3s}
.screen-option strong{display:block;font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.screen-option span{display:block;font-size:14px;color:#57685b;line-height:1.65;margin-top:8px}
.screen-option[aria-pressed=true]{border:1px solid #ceddc3;background:#e4ecdc;border-radius:18px}
.screen-stage{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#dae7ce,transparent 68%);min-height:540px;padding:25px}
.screen-stage:before,.screen-stage:after{content:'';position:absolute;inset:14% 0;border:1px solid #ccdbc2;border-radius:50%;transform:rotate(-28deg)}
.screen-stage:after{inset:6% 8%;transform:rotate(28deg)}
.screen-phone{position:relative;width:260px;max-width:80%;padding:7px;border-radius:32px;background:#000;box-shadow:0 25px 50px #284a2b30;transform:rotate(3deg);z-index:1}
.screen-phone img{width:100%;aspect-ratio:520/853;object-fit:cover;object-position:top;border-radius:24px;background:#f9f7ed}
.screen-stage .scene-label{z-index:2;left:2%;bottom:7%;font-size:12px}
@keyframes screen-reveal{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.story-page .software-wide{padding:28px 20px;border-radius:28px;background:#e4eadd;border:1px solid #fff}
.story-page .software-wide .browser-device{transform:none;border-width:6px;box-shadow:0 20px 44px #21402a1a}
.story-page .software-wide .browser-device img{aspect-ratio:14/9}
/* About: the people lead, with a more editorial origin story. */
.people-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;padding:16px 0 32px}
.portrait-link{display:grid;grid-template-rows:auto 1fr;position:relative;transform:none;margin-top:0}
.portrait-link+ .portrait-link{transform:none;margin-top:0}
.portrait-link img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:100px 100px 22px 22px;box-shadow:0 22px 40px #21452a24}
.portrait-label{position:relative;display:block;margin:-26px 8px 0;padding:14px;border:1px solid #fff;border-radius:15px;background:#ffffffe3;backdrop-filter:blur(18px);color:var(--forest);font-size:13px;line-height:1.5;box-shadow:0 8px 22px #24452a10}
.portrait-label strong{display:block;font-size:18px;font-weight:500}
.people-scene:before{content:'';position:absolute;inset:10% -4% 5%;border:1px solid #c8d9bf;border-radius:50%;transform:rotate(-16deg)}
.story-page .origin-story{align-items:start}
.story-page .origin-story .editorial-copy h2{max-width:10em}
.story-page .origin-story .editorial-copy p{font-size:17px;line-height:1.8}
.origin-photo{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 24px 50px #21452a1a}
.origin-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:56% center}
.origin-photo figcaption{position:absolute;inset:auto 20px 20px;padding:22px;border:1px solid #fff;border-radius:18px;background:#f5f7f0e8;backdrop-filter:blur(20px);color:var(--forest);font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.12;letter-spacing:-.035em}
.story-page main>.founders{background:transparent;padding:40px 0 64px}
.story-page main>.founders>.wrap{background:none;box-shadow:none;border:0;color:var(--ink);padding:0 var(--gutter);max-width:1240px;overflow:visible}
.story-page main>.founders h2{color:var(--forest);font-weight:500;font-size:clamp(34px,4vw,55px)}
.story-page .founders-heading p{color:#536356}
.story-page .founder-grid{display:grid;grid-template-columns:1fr;gap:56px}
.story-page .founder{display:grid;grid-template-columns:1fr;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;scroll-margin-top:120px}
.story-page .founder-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;max-width:380px}
.story-page .founder-copy{padding:26px 0 0}
.story-page .founder-copy h3{font-size:32px;font-weight:500;color:var(--forest)}
.story-page :is(#harvey-name,#will-name){scroll-margin-top:150px}
.story-page .founder-role{color:#658064;font-size:15px}
.story-page .founder-bio{color:#4e6053;margin-top:22px;font-size:15px;line-height:1.8}
.story-page .founder-bio p{color:#4e6053}
/* Pricing and the case study have their own visual anchors. */
.pricing-hero .hero-layout{align-items:end}
.consultation-note{padding:30px;border:1px solid #fff;border-radius:28px;background:#ffffff90;box-shadow:0 20px 50px #20472b0a}
.story-page .consultation-note h2{font-size:clamp(27px,2.8vw,36px);font-weight:500;line-height:1.1;color:var(--forest);letter-spacing:-.035em;max-width:12em}
.consultation-steps{list-style:none;padding:0;margin:28px 0 0;counter-reset:consultation}
.consultation-steps li{position:relative;padding:20px 0 20px 42px;border-top:1px solid var(--story-line);counter-increment:consultation}
.consultation-steps li:before{content:'0' counter(consultation);position:absolute;left:0;top:22px;font-size:12px;color:#6a8464}
.consultation-steps strong{font-size:16px;font-weight:600;color:var(--forest);line-height:1.3;display:block}
.story-page .page-hero .consultation-steps p{font-size:14px;line-height:1.6;margin-top:8px;color:#536456}
.consultation-steps li:last-child{padding-bottom:0}
.admin-snapshot-eyebrow{font-size:13px;letter-spacing:.04em;color:#5e7561}
.story-page .admin-snapshot h3{margin-top:10px;font-size:clamp(27px,2.8vw,36px);font-weight:500;line-height:1.1;color:var(--forest);letter-spacing:-.035em;max-width:12em}
.story-page .admin-tasks{margin-top:24px}
.story-page .admin-tasks li{padding-block:16px}
.story-page .admin-tasks li:before{top:18px}
.story-page .admin-tasks p{font-size:14px;line-height:1.6;margin-top:6px;color:#536456}
.story-page .admin-tasks li:last-child{padding-bottom:16px;border-bottom:1px solid var(--story-line)}
.story-page .admin-snapshot .text-link{display:inline-block;margin-top:22px;font-size:14px}
:is(.story-page,.compliance-page) .pricing-overview{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;overflow:visible}
:is(.story-page,.compliance-page) .pricing-overview .card{border-radius:24px;box-shadow:0 14px 40px #25432c08;padding:30px;min-width:0}
:is(.story-page,.compliance-page) .pricing-overview .card h2{font-size:26px;font-weight:500}
:is(.story-page,.compliance-page) .pricing-overview .pricing-value{font-size:28px;min-height:0;line-height:1.15;max-width:10em}
:is(.story-page,.compliance-page) .pricing-overview .text-link{padding-top:20px}
.story-page .case-hero{grid-template-columns:1fr}
.case-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-height:340px;padding:44px 28px;border:1px solid #ffffffb3;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#54704a,transparent 70%),#205732;box-shadow:inset 0 1px 0 #ffffff30,0 24px 50px #21452a20}
.case-brand img{width:100%;max-width:280px;height:auto}
.case-brand figcaption{font-size:14px;line-height:1.6;color:#ffffffcf;text-align:center;border-top:1px solid #ffffff30;padding-top:24px;width:100%}
.story-page .case-impact-grid{column-gap:36px;row-gap:16px}
.story-page .case-impact{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:16px;align-items:start;background:none;box-shadow:none;border:0;border-top:1px solid var(--story-line);border-radius:0;padding:28px 0}
.story-page .case-impact h3{font-size:24px;font-weight:500;margin:0}
.story-page .case-impact h4{margin:0;font-weight:500;color:#668363}
.story-page .case-impact p{margin:0}
.story-page .case-impact h4~p:last-child{height:100%;padding:16px 20px;background:#e3ecd9;border-radius:14px;color:var(--forest)}
.story-page .case-stats>div{border:0;border-left:1px solid var(--story-line);border-radius:0;padding:10px 20px}
.story-page .case-stats strong{font-weight:500;font-size:clamp(40px,5vw,64px)}
.story-page .case-stats span{font-size:13px}
.information-page main>.page-hero{box-shadow:none;border-radius:0;background:radial-gradient(ellipse at 95% 0,#e2ecd9,transparent 65%),#f5f7f0}
.information-page main>.page-hero h1{font-weight:500;font-size:clamp(40px,5vw,68px)}
.information-page .faq details{box-shadow:none}
.information-page main>.section>.prose.wrap{box-shadow:0 18px 50px #22452b06}
/* Motion is opt-in after JS initialisation and never hides content without a fallback. */
@media(prefers-reduced-motion:no-preference){
 .story-page .reveal-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--story-ease),transform 1s var(--story-ease);transition-delay:var(--reveal-delay,0ms)}
 .story-page .reveal-ready [data-reveal].is-in-view{opacity:1;transform:none}
 .story-page .hero-visual{animation:visual-arrive 1.2s var(--story-ease) both}
 @keyframes visual-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .device-scene:hover .browser-device{transform:rotate(-2deg) translateY(-5px)}
 .device-scene:hover .phone-device{transform:rotate(3deg) translateY(-9px)}
 .portrait-link:hover .portrait-label{background:#fff;box-shadow:0 12px 28px #24452a24}
 .story-page .feature-item{transition:translate .4s var(--story-ease)}
 .story-page .feature-item:hover{translate:0 -4px}
}
@media(min-width:700px){
 .story-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
 :is(.story-page,.compliance-page) .pricing-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .story-page .founder{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;align-items:center}
 .story-page .founder:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
 .story-page .founder:nth-child(even) .founder-photo{order:2}
 .story-page .founder-copy{padding:0}
 .story-page .payment-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .story-page .mini-facts span{font-size:14px}
 .workflow{padding:30px}
 .story-page main>.client-results>.wrap{padding:56px 40px}
}
@media(min-width:1000px){
 .story-page .hero-layout{grid-template-columns:1fr 1fr;gap:56px}
 .story-page .page-hero p{font-size:18px}
 .story-page main>.page-hero{padding-bottom:96px}
 .story-page .hero-visual{margin-right:-20px}
 .story-page main>.section,.story-page main>.section.soft{padding-block:100px}
 .story-page main>.section+.section{padding-top:60px}
 .story-page .editorial-grid{grid-template-columns:1fr 1fr;gap:80px}
 .story-page .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px}
 .story-page .feature-item{padding:32px 0}
 .story-page .faq-layout{grid-template-columns:.8fr 1.2fr;gap:80px}
 .story-page .faq-layout .story-heading{position:sticky;top:130px}
 .story-page .content-columns{gap:72px}
 .story-page .software-explorer{grid-template-columns:1fr .9fr;gap:80px}
 .story-page .screen-stage{min-height:620px}
 .story-page .screen-phone{width:285px}
 .story-page .founder-grid{gap:90px}
 .story-page .founder{gap:80px}
 .story-page .founder:nth-child(even){gap:80px}
 .story-page .founder-copy h3{font-size:40px}
 .story-page .founder-bio{font-size:16px}
 .story-page .showcase-panel{padding:48px}
 .story-page main>.final-cta{padding-block:40px 100px}
 .story-page main>.final-cta>.wrap{padding-block:88px}
 .story-page .case-hero{grid-template-columns:1.3fr .7fr}
 .story-page .client-result{grid-template-columns:.8fr 1.2fr;gap:60px}
 .story-page .client-result-quote{border-top:0;border-left:1px solid #ffffff2a;padding:0 0 0 40px}
 .case-brand{max-width:350px;margin-left:auto;width:100%}
}
@media(max-width:699px){
 .story-page .page-hero h1{font-size:clamp(39px,10.5vw,60px)}
 .story-page .hero-layout{gap:24px}
 .story-page main>.page-hero{padding-top:calc(36px + var(--site-header-h,82px));padding-bottom:48px}
 .story-page .device-scene{max-width:560px;margin:0 auto}
 .story-page .showcase-panel{padding:20px 14px}
 .story-page .project-caption{flex-direction:column;gap:5px;font-size:12px}
 .story-page .mini-facts{gap:12px}
 .story-page .mini-facts strong{font-size:27px}
 .story-page .hero-stamp{font-size:14px}
 .story-page .result-band .wrap{display:grid;gap:16px}
 .story-page .screen-stage{min-height:480px;padding-inline:5px}
 .story-page .screen-phone{width:245px}
 .story-page .screen-stage .scene-label{bottom:0}
 .story-page .origin-photo img{aspect-ratio:4/3}
 .story-page .portrait-label{padding:10px;font-size:11px;margin-inline:2px}
 .story-page .portrait-label strong{font-size:17px}
 .story-page .people-scene{gap:12px}
 .story-page main>.client-results>.wrap{padding:36px 22px}
 .story-page .client-result{gap:30px}
 .story-page .case-stats{grid-template-columns:1fr;gap:20px}
 .story-page .case-stats>div{display:flex;align-items:center;gap:20px;padding-block:0}
 .story-page .case-stats strong{min-width:70px}
 .case-brand{max-width:400px;min-height:280px;margin:auto;width:100%}
}
@media(max-width:600px){.story-page .case-impact{grid-template-rows:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.story-page [data-reveal]{opacity:1!important;transform:none!important}.story-page .hero-visual{animation:none}.story-page .screen-phone img{animation:none}.flow-node{transition:none}.story-page .screen-option{transition:none}}
@media(prefers-reduced-transparency:reduce){.story-page .workflow,.story-page .scene-label,.story-page .portrait-label,.story-page .consultation-note,.story-page .origin-photo figcaption{background:#f9fbf5;backdrop-filter:none}}