.brand-story{--b-ink:#17191b;--b-paper:#f6f5f0;--b-muted:#595b5c;--b-line:rgba(20,25,30,.2);color:var(--b-ink);background:var(--b-paper);overflow:clip}
.brand-story *{box-sizing:border-box}
.brand-story section{height:auto;min-height:0;margin:0;padding:0;scroll-margin-top:90px}
.brand-story .b-section{padding:100px max(5vw,24px)}
.brand-story h2,.brand-story h3,.brand-story p,.brand-story figure,.brand-story blockquote{margin:0}
.brand-story h2,.brand-story h3,.brand-story blockquote{font-family:var(--font-display),sans-serif;letter-spacing:-.055em;line-height:1.02;font-weight:700;text-wrap:balance}
.brand-story h2{font-size:clamp(38px,5.9vw,88px);max-width:100%;color:inherit}
.brand-story h3{font-size:clamp(26px,3vw,46px);color:inherit}
.brand-story p{font-size:18px;line-height:1.65}
.brand-story .b-eyebrow{font:500 13px/1.5 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:38px}
.brand-story .b-copy{max-width:560px;font-size:clamp(17px,1.5vw,22px);line-height:1.65;color:var(--b-muted)}
.brand-story .b-copy p+p{margin-top:20px}
.brand-story .b-split{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}
.brand-story a{color:inherit;text-decoration:none}
.brand-story a:focus-visible{outline:3px solid #009ec9;outline-offset:6px}
.brand-story .b-link{display:inline-block;padding:14px 0;border-bottom:1px solid currentColor;font-size:16px;margin-top:24px;transition:opacity .2s}
.brand-story .b-link:hover{opacity:.65}
.brand-story img{display:block;width:100%;height:auto;object-fit:cover}
.brand-story figcaption{padding-top:16px;font-size:14px;line-height:1.6;color:var(--b-muted)}
.brand-story figcaption b{display:block;color:var(--b-ink);font-size:17px;margin-bottom:4px}
.brand-story .b-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:54px}
.brand-story .b-triptych img{aspect-ratio:1}
.brand-story .b-note{font-size:14px;line-height:1.7;color:var(--b-muted);max-width:740px;margin-top:28px}
.brand-story .name-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.brand-story .name-pair h2{font-size:clamp(60px,13vw,190px);letter-spacing:-.075em}
.brand-story .name-pair p{margin-top:22px}
.brand-story .ink-word span:nth-child(1){color:#009cc8}
.brand-story .ink-word span:nth-child(2){color:#cf287d}
.brand-story .ink-word span:nth-child(3){color:#b18c00}
.brand-story .ink-word span:nth-child(4){color:#151719}
.brand-story .b-principle{display:grid;grid-template-columns:48px 1.2fr 1fr;gap:30px;padding:38px 0;border-top:1px solid var(--b-line)}
.brand-story .b-principle>span{font:14px/1.5 ui-monospace,monospace;padding-top:5px}
.brand-story .b-principle p{color:var(--b-muted);max-width:500px}
.brand-story blockquote{font-size:clamp(32px,4.4vw,66px);line-height:1.2;max-width:1150px}
.brand-story .b-actions{display:flex;gap:16px 30px;flex-wrap:wrap;margin-top:32px}
.brand-story .b-actions a{min-height:48px;display:inline-flex;align-items:center;padding:14px 0;border-bottom:1px solid currentColor;font-weight:600;transition:opacity .2s}
.brand-story .b-actions a:hover{opacity:.65}
.brand-story .b-reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.6,.3,1);opacity:.3;translate:0 18px}
.brand-story .b-visible{opacity:1;translate:0 0}
/* Studio Journal: generous paper spreads, quiet rules, photographic crops. */
.studio .studio-intro{padding-top:72px}
.studio .studio-detail{position:relative;margin-top:70px;height:clamp(320px,44vw,640px);overflow:hidden;background:#e8e5df}
.studio .studio-detail img{height:100%;object-fit:cover;object-position:center 53%;scale:1.35}
.studio .studio-detail figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 18px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.65));font-family:ui-monospace,monospace}
.studio .studio-name{background:#e8e9e4;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line)}
.studio .name-note{margin-top:50px;margin-left:auto}
.studio .studio-project h2{font-size:clamp(38px,5vw,72px)}
.studio .studio-principles{padding-top:20px}
.studio .studio-founder{background:#e6edf0}
.studio .founder-sign{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:40px}
.studio .founder-sign span{font-size:14px;color:var(--b-muted)}
.studio .studio-close{display:grid;grid-template-columns:1.5fr 1fr;gap:9vw}
.studio .studio-close h2{font-size:clamp(38px,5vw,72px);margin-bottom:28px}
.studio .journal-link{border-top:2px solid var(--b-ink);padding-top:25px;align-self:end;display:block}
.studio .journal-link h3{margin:60px 0 24px}
.studio .journal-link>span:last-child{font-size:14px}
/* Color Manifesto: black space, oversized statements and a full-bleed object. */
.manifesto{--b-ink:#f4f5f6;--b-paper:#080a0e;--b-muted:#a9afb9;--b-line:rgba(235,240,255,.2)}
.manifesto .b-section{padding:120px max(5vw,24px)}
.manifesto .manifesto-belief h2{font-size:clamp(50px,8.4vw,132px);letter-spacing:-.06em}
.manifesto em{font-style:normal;color:#29b7dc}
.manifesto .manifesto-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:80px}
.manifesto .manifesto-bottom .b-eyebrow{margin:0;max-width:230px}
.manifesto .manifesto-object{position:relative;height:92svh;min-height:500px;max-height:1100px;overflow:hidden;background:#0a0b0c}
.manifesto .manifesto-object>img{height:100%;object-fit:cover;object-position:50% 55%;opacity:.65}
.manifesto .manifesto-object>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:6vw;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 75%)}
.manifesto .manifesto-object h2{font-size:clamp(48px,8vw,120px)}
.manifesto .manifesto-object p{margin-top:30px;font-size:14px}
.manifesto .manifesto-name{background:#11151b}
.manifesto .ink-word span:nth-child(1){color:#25b6e6}
.manifesto .ink-word span:nth-child(2){color:#e8479e}
.manifesto .ink-word span:nth-child(3){color:#f2cf48}
.manifesto .ink-word span:nth-child(4){color:#07090c;-webkit-text-stroke:1px #8e949c}
.manifesto .manifesto-name>.b-copy{margin-top:70px;margin-left:auto}
.manifesto .manifesto-process>h2{font-size:clamp(52px,8vw,125px)}
.manifesto .manifesto-process em{color:#e8479e}
.manifesto .b-triptych{gap:2px;margin-top:70px}
.manifesto .b-triptych figcaption{padding:22px 16px;border-bottom:1px solid var(--b-line)}
.manifesto .manifesto-process>.b-copy{margin-top:45px}
.manifesto .b-principle{grid-template-columns:60px 1.35fr 1fr;padding:58px 0;align-items:center}
.manifesto .b-principle h3{font-size:clamp(35px,5.5vw,82px)}
.manifesto .b-principle:nth-of-type(1)>span{color:#25b6e6}
.manifesto .b-principle:nth-of-type(2)>span{color:#e8479e}
.manifesto .b-principle:nth-of-type(3)>span{color:#f2cf48}
.manifesto .manifesto-founder{border-top:1px solid var(--b-line);background:#171918}
.manifesto .manifesto-founder blockquote{max-width:1050px}
.manifesto .manifesto-founder .b-copy{margin-top:36px}
.manifesto .manifesto-close{background:#f2cf48;color:#111512;--b-muted:#424838}
.manifesto .manifesto-close h2{font-size:clamp(55px,9.5vw,148px);margin-bottom:30px}
.manifesto .manifesto-close em{color:inherit}
.manifesto .manifesto-news{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #75704f;margin-top:75px;padding-top:24px;font-size:16px}
/* Workshop Notes: hard rules, asymmetric records and cyan index panels. */
.workshop{--b-paper:#f7f8fa;--b-ink:#101c24;--b-muted:#4c5962;--b-line:#b5bec4}
.workshop .b-section{padding:65px max(4vw,24px);border-bottom:1px solid var(--b-line)}
.workshop .workshop-title{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:60px}
.workshop .workshop-title h2{font-size:clamp(46px,7.5vw,116px);letter-spacing:-.07em}
.workshop .workshop-code{font:700 clamp(28px,4vw,64px)/1 var(--font-display),sans-serif;letter-spacing:-.05em;color:#009fc9;border-left:1px solid var(--b-line);padding-left:30px}
.workshop .workshop-deck{border-top:1px solid var(--b-line);padding-top:28px;display:grid;grid-template-columns:1fr 2fr;gap:5vw}
.workshop .workshop-deck p{max-width:830px;font-size:clamp(19px,2.1vw,30px);line-height:1.5}
.workshop .workshop-name,.workshop .workshop-project,.workshop .workshop-principles,.workshop .workshop-founder,.workshop .workshop-close{display:grid;grid-template-columns:1fr 2fr;gap:5vw}
.workshop .workshop-label h2{font-size:clamp(30px,3.2vw,48px);margin-bottom:26px}
.workshop .workshop-label p{font-size:16px;max-width:300px}
.workshop .workshop-name{background:#e9f6fa}
.workshop .workshop-name-body>h2{display:flex;flex-direction:column;font-size:clamp(70px,10.3vw,160px);line-height:.95;margin-bottom:38px}
.workshop .forge-label{align-self:end}
.workshop .workshop-name-body .b-split{gap:35px;grid-template-columns:1fr 1fr}
.workshop .workshop-name-body p{font-size:16px}
.workshop .workshop-name-body b{display:block;margin-bottom:8px}
.workshop .workshop-record{border:1px solid var(--b-line);padding:20px}
.workshop .workshop-main-print{display:grid;grid-template-columns:1fr 140px;gap:24px}
.workshop .workshop-main-print img{aspect-ratio:1}
.workshop .workshop-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--b-line);padding-top:20px;margin-top:25px}
.workshop .workshop-inputs figure{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.workshop .workshop-inputs figcaption{padding:0;font-size:13px}
.workshop .workshop-inputs b{font-size:14px}
.workshop .b-principle{grid-template-columns:30px 1fr;gap:16px;padding:30px 0}
.workshop .b-principle:first-child{padding-top:0;border-top:0}
.workshop .b-principle h3{font-size:clamp(28px,3vw,42px)}
.workshop .b-principle p{grid-column:2;font-size:17px}
.workshop .workshop-founder{background:#d4edf4}
.workshop blockquote{font-size:clamp(30px,3.3vw,49px);line-height:1.25}
.workshop .workshop-close h2{font-size:clamp(42px,6vw,86px);margin-bottom:26px}
.workshop .workshop-news{display:block;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);padding:24px 0;margin-top:36px}
.workshop .workshop-news .b-eyebrow{margin-bottom:20px}
.workshop .workshop-news h3{font-size:30px;margin-bottom:20px}
.workshop .workshop-news>span:last-child{font-size:14px}
@media(min-width:1500px){.brand-story .b-section{padding-left:max(5vw,calc((100vw - 1400px)/2));padding-right:max(5vw,calc((100vw - 1400px)/2))}}
@media(max-width:900px){.brand-story .b-section{padding:64px 28px}.brand-story .b-split{gap:32px}.brand-story .b-principle{gap:20px;grid-template-columns:32px 1fr}.brand-story .b-principle p{grid-column:2}.studio .studio-close{gap:40px}.manifesto .manifesto-bottom{align-items:start;flex-direction:column;margin-top:45px}.workshop .workshop-name,.workshop .workshop-project,.workshop .workshop-principles,.workshop .workshop-founder,.workshop .workshop-close{grid-template-columns:1fr;gap:35px}.workshop .workshop-label .b-eyebrow{margin-bottom:18px}.workshop .workshop-label p{max-width:500px}.workshop .workshop-name-body>h2{flex-direction:row;justify-content:space-between;font-size:12vw}.workshop .workshop-deck{gap:30px}.workshop .workshop-main-print{grid-template-columns:1fr 140px}}
@media(max-width:600px){.brand-story .b-section{padding:54px 22px}.brand-story .b-eyebrow{font-size:12px;margin-bottom:26px}.brand-story .b-split,.studio .studio-close{grid-template-columns:1fr;gap:28px}.brand-story .b-triptych{grid-template-columns:1fr;gap:32px;margin-top:35px}.brand-story .b-triptych figure{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.brand-story .b-triptych figcaption{padding:0}.brand-story .name-pair{gap:24px}.brand-story .name-pair h2{font-size:13vw}.brand-story .name-pair p{font-size:15px}.brand-story .b-principle h3{font-size:29px}.brand-story .b-principle p{font-size:16px}.brand-story .b-actions{gap:6px 24px}.studio .studio-detail{margin-top:36px;height:350px}.studio .founder-sign{align-items:start;flex-direction:column;gap:6px}.studio .journal-link h3{margin-top:25px}.manifesto .manifesto-object{height:70svh;min-height:420px}.manifesto .manifesto-object>div{padding:30px 22px}.manifesto .manifesto-belief h2{font-size:12vw}.manifesto .b-triptych figcaption{border:0}.manifesto .manifesto-news{flex-direction:column}.workshop .workshop-deck{grid-template-columns:1fr;gap:0}.workshop .workshop-title{gap:12px;padding-bottom:35px}.workshop .workshop-title h2{font-size:11vw}.workshop .workshop-code{padding-left:12px;font-size:28px}.workshop .workshop-name-body .b-split{grid-template-columns:1fr}.workshop .workshop-record{padding:12px}.workshop .workshop-main-print{grid-template-columns:1fr;gap:0}.workshop .workshop-inputs{gap:16px}.workshop .workshop-inputs figure{grid-template-columns:1fr;gap:10px}.workshop .workshop-inputs img{aspect-ratio:1}.workshop .workshop-name-body>h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.brand-story .b-reveal{opacity:1;translate:none;transition:none}.brand-story a{transition:none}}
@media(forced-colors:active){.brand-story .ink-word span{color:CanvasText!important;-webkit-text-stroke:0}.brand-story .b-reveal{opacity:1}}
