/* CARBON / About and Our Process / ash-charcoal + architectural bronze */
.story-page{background:#171513;color:#f5eee6;overflow-x:hidden}
.story-page h1,.story-page h2,.story-page h3{font-family:Manrope,Arial,sans-serif;font-weight:300;letter-spacing:-.045em}
.story-page h1 em,.story-page h2 i{font-style:normal;color:#d8a880}
.story-page p{line-height:1.84}
.story-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);background:radial-gradient(ellipse at 28% 28%,#3a2a20 0%,#201a16 45%,#131210 82%);min-height:635px;overflow:hidden}
.story-hero-copy{padding:91px 5% 92px 12%;position:relative;z-index:2;align-self:center}
.story-overline{display:flex;align-items:center;gap:12px;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.26em;color:#d8a277;margin:0 0 55px}
.story-overline-rule{display:inline-block;width:31px;height:1px;background:#b7825d}
.story-index{font:600 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.17em;color:#e6b389;margin:0 0 18px}
.story-index span{font-size:10px;color:#938074;margin-left:9px}
.story-hero h1{font-size:clamp(49px,5.15vw,83px);line-height:1.1;max-width:795px;margin:0 0 26px}
.story-lead{color:#d3c3b6;font-size:16px;max-width:625px;margin:0 0 35px}
.story-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.story-actions .btn{white-space:normal;text-align:center}
.story-quiet-link{font:700 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.13em;border-bottom:1px solid #8e6245;color:#e0b18b;padding-bottom:9px}
.story-quiet-link:hover{color:#fff;border-color:#e0b18b}
.about-hero-image{position:relative;overflow:hidden;min-height:570px;background:#292321}
.about-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;inset:0}
.about-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1b1713a3 0%,#241b1324 43%,transparent),linear-gradient(0deg,#1c1714c9,transparent 40%)}
.about-photo-caption{position:absolute;right:8%;bottom:36px;color:#ebd3be;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.19em;max-width:250px;text-align:right}
.story-ticker{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:15px 8%;background:#c09570;color:#231b16;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.18em}
.story-ticker i{display:block;width:5px;height:5px;border:1px solid #5f3f28;transform:rotate(45deg);flex:0 0 auto}
.story-section{padding:108px 9%}
.story-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid #5b483c}
.story-section-head .eyebrow{margin:0;color:#d3a178;font-size:10px}
.story-section-number{color:#8f8073;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.18em}
.about-manifesto{background:#201b18}
.about-manifesto-grid{display:grid;grid-template-columns:1fr .82fr;gap:12%;align-items:start}
.about-manifesto-grid h2{font-size:clamp(35px,4.3vw,65px);line-height:1.17;margin:0}
.about-manifesto-grid p,.about-connection p{font-size:16px;color:#ccbfb3;margin-bottom:18px}
.story-text-link{display:inline-flex;gap:40px;border-bottom:1px solid #a87852;padding:13px 0;font:700 11px Manrope,Arial,sans-serif;letter-spacing:.14em;color:#e0ad87;margin-top:16px}
.story-text-link:hover{color:white}
.about-values{padding:110px 9%;background:radial-gradient(ellipse at 90% 0%,#362920,#1b1917 62%)}
.about-values-top{display:grid;grid-template-columns:1.1fr .75fr;gap:10%;align-items:end;margin-bottom:46px}
.about-values-top .eyebrow,.about-work .eyebrow,.about-connection .eyebrow,.process-intro .eyebrow,.process-prep .eyebrow,.process-questions .eyebrow{color:#d3a178}
.about-values-top h2{font-size:clamp(37px,4vw,63px);margin:0}
.about-values-top>p{font-size:15px;color:#bdb1a5;max-width:340px;margin:0}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-values-grid article{border:1px solid #605042;background:linear-gradient(145deg,#322a24,#211d19);padding:30px 29px 36px;min-height:290px;position:relative}
.about-values-grid article:after{position:absolute;content:'';height:2px;background:#b9815a;bottom:0;left:29px;right:50%}
.about-values-grid article>span{font:700 11px Manrope;color:#dba87e;letter-spacing:.16em}
.value-icon{font-size:44px;color:#bc8a63;line-height:1.1;margin:18px 0 35px}
.about-values-grid h3{font-size:21px;color:#f2e7dd;font-weight:500;margin-bottom:13px}
.about-values-grid p{color:#bdafa2;font-size:13px;margin:0}
.about-work{display:grid;grid-template-columns:1.06fr .94fr;background:#efe7dd;color:#26201c}
.about-work-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:50px 0 50px 9%;min-height:570px}
.about-work-images figure{position:relative;overflow:hidden;margin:0;background:#332c27;min-height:440px}
.about-work-images img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}
.about-work-images figcaption{position:absolute;bottom:0;left:0;right:0;padding:23px 14px 18px;background:linear-gradient(0deg,#13100fcd,transparent);color:#f3e4d8;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.16em}
.about-work-copy{padding:85px 12% 85px 12%;align-self:center}
.about-work-copy h2{font-size:clamp(35px,3.7vw,60px);margin-bottom:25px}
.about-work-copy h2 i{color:#956844}
.about-work-copy p{color:#554b44;font-size:15px}
.about-work-copy .eyebrow{color:#895d3e}
.story-outline-cta{display:inline-flex;justify-content:space-between;gap:45px;border:1px solid #97633f;color:#6c452c;font:700 11px Manrope,Arial,sans-serif;letter-spacing:.14em;padding:17px 23px;margin-top:17px}
.story-outline-cta:hover{background:#28201c;color:#f4ece5}
.about-connection{background:#171514}
.about-connection-inner{display:grid;grid-template-columns:1.1fr .85fr;gap:13%}
.about-connection h2{font-size:clamp(37px,4vw,64px);margin:0}
.about-connection .about-service-disclaimer{color:#9c8979;font-size:12px}
.story-crosslink{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:90px 9%;border-top:1px solid #423327;background:#28201b}
.story-crosslink h2{font-size:clamp(36px,4.5vw,71px);margin:19px 0}
.story-crosslink p{color:#c3b0a2;font-size:15px;margin:0}
.story-cross-index{font:700 10px Manrope;letter-spacing:.25em;color:#dba77e}
.story-cross-circle{display:flex;flex:0 0 170px;width:170px;height:170px;border-radius:50%;border:1px solid #b98863;align-items:center;justify-content:center;flex-direction:column;color:#d6a780;transition:background .25s}
.story-cross-circle>span{font-size:50px;line-height:1}
.story-cross-circle small{font:700 9px Manrope;letter-spacing:.15em;margin-top:10px}
.story-cross-circle:hover{background:#aa805d;color:#171411}
.story-final-cta{background:radial-gradient(circle at 92% 48%,#5b3d2b 0%,#281d17 35%,#171412 76%);padding:115px 9% 120px;position:relative}
.story-final-cta:after{content:'CARBON';position:absolute;right:8%;top:18%;color:#dfbc9b12;font:800 clamp(80px,14vw,220px) Manrope;letter-spacing:-.08em;pointer-events:none}
.story-final-cta>div{position:relative;z-index:2}
.story-final-cta h2{font-size:clamp(42px,5vw,76px);margin:0 0 22px}
.story-final-cta p:not(.eyebrow){color:#cbbbad;max-width:485px;font-size:16px;margin-bottom:27px}
.process-hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.process-hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:590px;background:repeating-linear-gradient(90deg,#ffffff07 0px,#ffffff07 1px,transparent 1px,transparent 75px),radial-gradient(ellipse at center,#4e3425,#211b16 56%,#171412)}
.process-art-frame{position:relative;width:70%;max-width:355px;aspect-ratio:1;border:1px solid #93725373;display:grid;place-items:center;transform:rotate(-3deg)}
.process-art-frame:before,.process-art-frame:after{content:'';position:absolute;width:34px;height:34px;border-top:2px solid #d1a47a;border-left:2px solid #d1a47a;top:-2px;left:-2px}
.process-art-frame:after{transform:rotate(180deg);top:auto;left:auto;right:-2px;bottom:-2px}
.process-art-ring{width:68%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #b99270;border-radius:50%;box-shadow:0 0 0 35px #b992700e}
.process-art-ring span{font:600 clamp(22px,3vw,38px) Manrope,Arial;letter-spacing:.11em;color:#e5c09d;transform:rotate(3deg)}
.process-art-line{position:absolute;height:1px;left:-12%;right:-12%;background:#b88a6444}
.line-one{top:24%}.line-two{top:49%}.line-three{top:73%}
.process-art-bottom{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:600 9px Manrope;letter-spacing:.19em;color:#b8967a}
.process-hero-sequence{position:absolute;bottom:35px;right:8%;font:700 11px Manrope;letter-spacing:.25em;color:#d3a178}
.process-intro{background:#efe8df;color:#221d18}
.process-intro .story-section-head{border-color:#bca995}
.process-intro .story-section-number{color:#8d6e55}
.process-intro .eyebrow{color:#895d40}
.process-intro-cols{display:grid;grid-template-columns:1.08fr .8fr;gap:12%;align-items:end}
.process-intro h2{font-size:clamp(39px,4.2vw,68px);margin:0}
.process-intro h2 i{color:#a5764e}
.process-intro-cols>p{font-size:16px;color:#66584f;max-width:465px;margin:0}
.process-path{background:#191614;padding:94px 9% 94px;scroll-margin-top:100px}
.process-path-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}
.process-path-heading .eyebrow{margin:0;color:#d0a077}
.process-path-heading>span{font:600 10px Manrope;letter-spacing:.2em;color:#a39082}
.process-step{position:relative;display:grid;grid-template-columns:.32fr 1fr 60px;gap:6%;padding:55px 0 56px;border-top:1px solid #594332}
.process-step:last-child{border-bottom:1px solid #594332}
.process-step-id b{font:300 clamp(48px,5.3vw,89px)/1 Manrope;letter-spacing:-.06em;color:#c99b75;display:block;margin-bottom:16px}
.process-step-id span{font:600 10px/1.7 Manrope;letter-spacing:.17em;color:#aa8970}
.process-step-type{display:block;font:700 10px Manrope;letter-spacing:.23em;color:#c69a75;margin:0 0 24px}
.process-step-body h2{font-size:clamp(35px,4.35vw,66px);line-height:1.12;margin-bottom:22px}
.process-step-body p{max-width:595px;color:#c6b9ae;font-size:15px;line-height:1.84}
.process-step-notes{display:flex;gap:8px;flex-wrap:wrap;margin-top:29px}
.process-step-notes span{padding:9px 12px;border:1px solid #634e3e;color:#b89b85;font:600 9px Manrope;letter-spacing:.15em}
.process-step-marker{justify-self:end;color:#a07758;font-size:28px}
.process-prep{background:#29221d}
.process-prep-head h2{font-size:clamp(39px,4vw,65px);margin-bottom:48px}
.process-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.process-prep-grid>div{border-top:2px solid #b3835e;padding:24px 10px 0 0}
.process-prep-number{font:600 11px Manrope;color:#cb9d77}
.process-prep-grid h3{font-size:22px;font-weight:500;margin:24px 0 12px}
.process-prep-grid p{font-size:14px;color:#c0afa1;max-width:350px}
.process-questions{background:#181614;display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}
.process-q-intro h2{font-size:clamp(39px,3.9vw,61px)}
.process-q-intro p:not(.eyebrow){max-width:400px;font-size:15px;color:#b6a79b}
.process-q-list{border-top:1px solid #64503e}
.process-q-list details{border-bottom:1px solid #5b493b;padding:20px 0}
.process-q-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;color:#f0e6dd;font-size:15px;font-weight:600}
.process-q-list summary::-webkit-details-marker{display:none}
.process-q-list summary span{color:#d9a47d;font-size:22px;font-weight:300;transition:transform .2s}
.process-q-list details[open] summary span{transform:rotate(45deg)}
.process-q-list details p{font-size:14px;color:#bcae9f;margin:15px 32px 0 0}
@media(max-width:1120px){.story-hero-copy{padding-left:8%}.story-section{padding:82px 7%}.about-values,.story-final-cta,.story-crosslink,.process-path{padding-left:7%;padding-right:7%}.about-work-images{padding-left:7%}.about-work-copy{padding-left:8%;padding-right:8%}}
@media(max-width:880px){.story-hero{grid-template-columns:1fr}.story-hero-copy{padding:65px 7% 65px}.about-hero-image{min-height:370px}.process-hero-art{min-height:390px}.process-art-frame{max-width:260px}.story-hero h1{font-size:clamp(43px,7vw,70px)}.about-manifesto-grid,.about-connection-inner,.about-values-top,.process-intro-cols{grid-template-columns:1fr;gap:25px}.about-work{grid-template-columns:1fr}.about-work-images{min-height:380px;padding:30px 7% 0}.about-work-images figure{min-height:370px}.about-work-copy{padding:45px 7% 65px}.process-questions{grid-template-columns:1fr;gap:35px}.process-step{grid-template-columns:.28fr 1fr 40px;gap:3%}}
@media(max-width:620px){.story-overline{margin-bottom:39px;letter-spacing:.14em;font-size:9px}.story-hero h1{font-size:clamp(42px,9.3vw,55px)}.story-hero-copy{padding:57px 7%}.story-lead{font-size:14px}.story-quiet-link{font-size:10px}.story-actions{align-items:flex-start;flex-direction:column;gap:23px}.story-actions .btn{width:100%}.about-hero-image{min-height:315px}.story-ticker{padding:14px 7%;justify-content:center;flex-wrap:wrap;gap:12px}.story-ticker span{font-size:8px}.story-section{padding:74px 7%}.story-section-head{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:32px}.about-values{padding:75px 7%}.about-values-top h2{font-size:42px}.about-values-grid,.process-prep-grid{grid-template-columns:1fr}.about-values-grid article{min-height:auto}.about-work-images{gap:8px}.about-work-images figure{min-height:300px}.about-work-images figcaption{font-size:9px;padding:25px 8px 11px}.story-crosslink{padding:70px 7%;align-items:flex-start;flex-direction:column}.story-cross-circle{width:135px;height:135px;flex-basis:135px}.story-final-cta{padding:82px 7% 90px}.story-final-cta:after{top:55%;font-size:100px}.process-hero-art{min-height:310px}.process-art-frame{max-width:230px}.process-path{padding:74px 7%}.process-path-heading{flex-direction:column;align-items:flex-start}.process-step{grid-template-columns:1fr;gap:19px;padding:43px 0}.process-step-id{display:flex;align-items:center;gap:22px}.process-step-id b{font-size:52px;margin:0}.process-step-marker{display:none}.process-step-body h2{font-size:42px}.process-step-notes span{font-size:8px}.process-questions{padding:75px 7%}.process-q-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.story-cross-circle,.process-q-list summary span{transition:none}}