/* V13 — case stories and the studio. Existing artwork, clear roles, generous type. */
:is(#studio-perspective,#case-goal,#case-scope,#case-decisions,#case-gallery):focus{outline:none}
.studio-hero{padding:156px var(--gutter) 56px;max-width:2000px;margin:auto}
.studio-hero>.eyebrow{margin-bottom:34px}
.studio-hero-heading{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:8vw}
.studio-hero h1{font-size:clamp(76px,9.5vw,160px);line-height:.96;letter-spacing:-.065em}
.studio-hero h1>span{display:block}
.studio-hero-copy{padding-bottom:9px;max-width:430px}
.studio-hero-copy .studio-lead{font-size:clamp(22px,2.25vw,34px);font-weight:500;letter-spacing:-.055em;line-height:1.45;word-break:keep-all}
.studio-hero-copy>p+p{font-size:15px;line-height:1.85;margin-top:22px;word-break:keep-all}
.studio-hero-copy .text-link{display:inline-block;margin-top:27px}
.studio-film{background:#dbe2d2;overflow:hidden;position:relative;padding:28px var(--gutter) 34px;color:var(--brown)}
.studio-film-line{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.025em;position:relative;z-index:1}
.studio-film-art{max-width:1640px;margin:45px auto 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.5%;padding:0 6%;align-items:center}
.studio-film-piece{min-width:0;position:relative;transform:rotate(var(--art-angle));transition:transform .65s var(--motion-ease)}
.studio-film-piece:nth-child(1){--art-angle:-7deg}
.studio-film-piece:nth-child(2){--art-angle:3deg;margin-top:58px}
.studio-film-piece:nth-child(3){--art-angle:-3deg;margin-top:-26px}
.studio-film-image{display:block;aspect-ratio:3/4;overflow:hidden;background:#f7f6f2;box-shadow:0 18px 34px #211a141a}
.studio-film-image img{width:100%;height:100%;object-fit:cover;object-position:var(--image-position,50% 0%);transition:transform .7s var(--motion-ease)}
.studio-film-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding-top:14px}
.studio-film-caption>b{font-weight:500}
.studio-film-piece:focus-visible{outline-offset:10px}
.studio-chapter{padding-top:104px;padding-bottom:104px;max-width:2000px;margin:auto}
.studio-manifesto{scroll-margin-top:18px;display:grid;grid-template-columns:1fr 2fr;gap:6vw}
.studio-chapter h2{font-family:inherit;font-size:clamp(30px,3.7vw,60px);font-weight:500;line-height:1.32;letter-spacing:-.06em;word-break:keep-all}
.studio-manifesto-copy{max-width:960px}
.studio-body-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px}
.studio-body-columns p,.studio-team-copy p{font-size:16px;line-height:1.9;word-break:keep-all}
.studio-archive-fact{margin-top:44px;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.studio-archive-fact strong{font-family:var(--studio-type, Arial, sans-serif);font-size:76px;line-height:1;font-weight:400;letter-spacing:-.06em}
.studio-archive-fact span{font-size:13px;line-height:1.7;max-width:210px;margin-right:auto}
.studio-capabilities{padding-top:0}
.studio-chapter-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}
.studio-chapter-heading>.eyebrow{margin:0}
.studio-chapter-heading h2{max-width:760px}
.studio-capability{display:grid;grid-template-columns:48px minmax(190px,1fr) minmax(220px,1.3fr) 30px;gap:25px;align-items:start;border-top:1px solid var(--line);padding:30px 0;transition:padding .4s var(--motion-ease)}
.studio-capability:last-child{border-bottom:1px solid var(--line)}
.studio-capability>span{font-size:12px;padding-top:7px}
.studio-capability h3{font-size:27px;font-weight:500;letter-spacing:-.04em;line-height:1.3}
.studio-capability h3 small{display:block;font-family:var(--studio-type, Arial, sans-serif);font-size:18px;font-style:italic;letter-spacing:0;margin-top:8px;color:var(--muted)}
.studio-capability p{max-width:600px;font-size:15px;line-height:1.8;word-break:keep-all}
.studio-capability>span:last-child{font-size:24px;padding:0;transition:transform .4s var(--motion-ease)}
.studio-team{background:var(--brown);color:var(--paper);padding-top:90px;padding-bottom:96px}
.studio-team-inner{max-width:1928px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:center}
.studio-team-map .eyebrow{color:#ccc5bb}
.studio-parent{padding:24px 0 30px;border-bottom:1px solid #ffffff42}
.studio-parent img{width:min(100%,430px);height:auto;filter:invert(1)}
.studio-parent p{font-size:13px;margin-top:22px;line-height:1.8;color:#ded8d1}
.studio-team-branch{margin-left:25px;padding:45px 0 0 35px;border-left:1px solid #ffffff50;position:relative}
.studio-team-branch:before{content:'';position:absolute;left:0;top:66px;width:23px;height:1px;background:#ffffff50}
.studio-team-branch>span{font-size:11px;color:#ccc5bb}
.studio-team-branch h3{font-size:clamp(25px,3vw,43px);letter-spacing:-.045em;margin-top:14px;font-weight:500}
.studio-team-branch p{font-size:14px;line-height:1.8;margin-top:14px;color:#ded8d1;max-width:420px;word-break:keep-all}
.studio-team-copy h2{font-family:inherit;font-size:clamp(28px,3.4vw,51px);line-height:1.35;letter-spacing:-.055em;word-break:keep-all;font-weight:500}
.studio-team-copy p{margin-top:28px;color:#ded8d1}
.studio-team-copy .pill{margin-top:30px}
.studio-process .studio-chapter-heading{align-items:start}
.studio-process-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;padding:0}
.studio-process-list li{border-top:1px solid var(--line);padding-top:24px}
.studio-process-list li>span{font-family:var(--studio-type, Arial, sans-serif);font-size:58px;letter-spacing:-.055em}
.studio-process-list h3{font-size:21px;letter-spacing:-.045em;margin-top:30px;font-weight:500}
.studio-process-list p{font-size:15px;line-height:1.85;margin-top:16px;word-break:keep-all}
.studio-case-links{padding-top:0}
.studio-case-links .studio-chapter-heading{align-items:end}
.studio-case-links .studio-chapter-heading h2{font-family:var(--studio-type, Arial, sans-serif);font-size:clamp(46px,6vw,90px);letter-spacing:-.06em}
.studio-case-links .studio-case-list{border-top:1px solid var(--line)}
.studio-case-link{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr 30px;gap:28px;align-items:center}
.studio-case-link b{font-size:21px;font-weight:500}
.studio-case-link p{font-size:16px;line-height:1.6;word-break:keep-all}
.studio-case-link>span{font-size:25px}
.case-shortcuts{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:38px}
.case-shortcuts a{display:flex;gap:12px;align-items:center;font-size:13px;min-height:44px}
.case-shortcuts a span{font-size:10px;color:var(--muted)}
.case-study{max-width:2000px;margin:auto;padding-top:94px;padding-bottom:90px;scroll-margin-top:18px}
.case-study .case-study-title{font-family:inherit;font-size:clamp(28px,3.8vw,57px);font-weight:500;line-height:1.35;letter-spacing:-.055em;word-break:keep-all;max-width:1050px;margin:28px 0 52px}
.case-brief-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}
.case-brief-block{border-top:1px solid var(--line);padding-top:25px;scroll-margin-top:18px}
.case-brief-block h3{font-size:15px;font-weight:500;display:flex;gap:16px;align-items:center}
.case-brief-block h3 span{font-size:11px;color:var(--muted)}
.case-brief-block>p{font-size:17px;line-height:1.85;word-break:keep-all;max-width:680px;margin-top:26px}
.case-brief-block ul{list-style:none;padding:0;margin-top:22px}
.case-brief-block li{font-size:16px;line-height:1.65;padding:9px 0;border-bottom:1px solid var(--line);word-break:keep-all}
.case-brief-block .case-scope-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:20px}
.case-decisions{max-width:2000px;margin:auto;padding-bottom:90px;scroll-margin-top:18px}
.case-decisions-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:24px;border-top:1px solid var(--line);margin-bottom:45px}
.case-decisions-heading h2{font-family:inherit;font-size:24px;letter-spacing:-.045em;font-weight:500}
.case-decisions-heading .eyebrow{margin:0}
.case-decision{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;margin-top:65px}
.case-decision:nth-of-type(even) .decision-visual{order:2}
.case-decision:nth-of-type(even) .decision-copy{order:1}
.decision-visual{margin:0;min-width:0;order:0}
.decision-frame{display:block;position:relative;width:100%;height:clamp(400px,44vw,620px);overflow:hidden;padding:0;background:#ecebe6}
.decision-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--detail-position,50% 0%);transition:transform .7s var(--motion-ease)}
.decision-frame>span{position:absolute;bottom:16px;right:16px;background:var(--paper);color:var(--brown);border-radius:30px;padding:11px 16px;font-size:12px}
.decision-visual figcaption{font-size:12px;line-height:1.65;color:var(--muted);margin-top:14px;word-break:keep-all}
.decision-copy{max-width:570px;order:1}
.decision-number{font-family:var(--studio-type, Arial, sans-serif);font-size:80px;font-style:italic;line-height:1;color:var(--muted);letter-spacing:-.06em}
.decision-copy h3{font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.45;letter-spacing:-.055em;word-break:keep-all;margin-top:30px}
.decision-copy p{font-size:16px;line-height:1.9;word-break:keep-all;margin-top:23px}
.case-gallery[id]{scroll-margin-top:18px}
.case-featured-intro+.case-art{padding-top:40px;padding-bottom:40px}
@media(hover:hover) and (pointer:fine){
 .studio-film-piece:is(:hover,:focus-visible){transform:rotate(0) translateY(-8px);z-index:2}
 .studio-film-piece:is(:hover,:focus-visible) img{transform:scale(1.025)}
 .studio-capability:is(:hover,:focus-visible){padding-left:10px;padding-right:10px}
 .studio-capability:is(:hover,:focus-visible)>span:last-child,.studio-case-link:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}
 .decision-frame:is(:hover,:focus-visible) img{transform:scale(1.025)}
}
@media(prefers-reduced-motion:no-preference){.studio-hero h1{animation:quiet-enter .8s var(--motion-ease) backwards}.studio-hero-copy{animation:quiet-enter .8s .12s var(--motion-ease) backwards}}
@media(max-width:1000px){
 .studio-hero-heading{display:block}
 .studio-hero h1{font-size:12vw}
 .studio-hero-copy{max-width:540px;margin-top:32px}
 .studio-hero-copy .studio-lead{font-size:24px}
 .studio-hero-copy>p+p{font-size:14px}
 .studio-manifesto{grid-template-columns:1fr 3fr;gap:35px}
 .studio-body-columns{gap:25px}
 .studio-team-inner{gap:6vw}
 .studio-process-list{grid-template-columns:1fr 1fr;gap:42px}
 .case-brief-grid{gap:7vw}
 .menu-body nav>a{font-size:clamp(32px,5.5vw,74px);gap:20px}
}
@media(max-width:700px){
 .studio-hero{padding-top:118px;padding-bottom:36px}
 .studio-hero>.eyebrow{margin-bottom:30px}
 .studio-hero-heading{display:block}
 .studio-hero h1{font-size:clamp(59px,14.1vw,94px)}
 .studio-hero-copy{max-width:480px;margin-top:30px;padding:0}
 .studio-hero-copy .studio-lead{font-size:25px}
 .studio-hero-copy>p+p{margin-top:16px;font-size:15px}
 .studio-hero-copy .text-link{margin-top:22px}
 .studio-film{padding-top:22px;padding-bottom:25px}
 .studio-film-line{font-size:10px}
 .studio-film-line>span:last-child{max-width:130px;text-align:right}
 .studio-film-art{margin:32px auto 38px;padding:0 1%;gap:4.5%}
 .studio-film-image{aspect-ratio:1/1.8;box-shadow:0 10px 16px #211a1415}
 .studio-film-piece:nth-child(2){margin-top:35px}
 .studio-film-piece:nth-child(3){margin-top:-10px}
 .studio-film-caption{font-size:10px;padding-top:9px;gap:3px}
 .studio-chapter{padding-top:64px;padding-bottom:64px}
 .studio-manifesto{display:block;scroll-margin-top:8px}
 .studio-manifesto>.eyebrow{margin-bottom:25px}
 .studio-chapter h2{font-size:30px;line-height:1.4}
 .studio-body-columns{display:block;margin-top:26px}
 .studio-body-columns p{font-size:16px}
 .studio-body-columns p+p{margin-top:20px}
 .studio-archive-fact{margin-top:28px;gap:16px;flex-wrap:wrap}
 .studio-archive-fact strong{font-size:66px}
 .studio-archive-fact span{max-width:none;flex:1}
 .studio-archive-fact .text-link{width:100%;font-size:13px}
 .studio-capabilities{padding-top:0}
 .studio-chapter-heading{display:block;margin-bottom:30px}
 .studio-chapter-heading>.eyebrow{margin-bottom:24px}
 .studio-capability{grid-template-columns:25px 1fr 25px;gap:15px;padding:25px 0}
 .studio-capability h3{font-size:25px}
 .studio-capability h3 small{font-size:17px;margin-top:6px}
 .studio-capability p{grid-column:2/3;grid-row:2;font-size:15px;margin-top:0}
 .studio-capability>span:last-child{grid-column:3;grid-row:1}
 .studio-team{padding-top:55px;padding-bottom:60px}
 .studio-team-inner{display:block}
 .studio-parent{padding-top:14px}
 .studio-parent img{width:100%;max-width:400px}
 .studio-team-branch{margin-left:12px;padding-left:28px;padding-top:32px}
 .studio-team-branch:before{top:52px;width:18px}
 .studio-team-copy{margin-top:48px;padding-top:35px;border-top:1px solid #ffffff42}
 .studio-team-copy h2{font-size:30px}
 .studio-team-copy p{font-size:16px;margin-top:23px}
 .studio-process-list{gap:32px 24px}
 .studio-process-list li>span{font-size:46px}
 .studio-process-list h3{font-size:20px;margin-top:18px}
 .studio-process-list p{font-size:15px;margin-top:13px}
 .studio-case-links{padding-top:0}
 .studio-case-links .studio-chapter-heading h2{font-size:48px}
 .studio-case-link{grid-template-columns:1fr 25px;gap:13px;padding:24px 0}
 .studio-case-link b{font-size:20px}
 .studio-case-link p{grid-row:2;grid-column:1;font-size:15px}
 .studio-case-link>span{grid-column:2;grid-row:1}
 .case-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding-top:15px;margin-top:25px}
 .case-shortcuts a{font-size:13px;gap:9px}
 .case-study{padding-top:55px;padding-bottom:55px;scroll-margin-top:8px}
 .case-study .case-study-title{font-size:29px;line-height:1.45;margin-top:23px;margin-bottom:32px}
 .case-brief-grid{display:block}
 .case-brief-block{padding-top:22px;scroll-margin-top:8px}
 .case-brief-block+.case-brief-block{margin-top:35px}
 .case-brief-block>p{font-size:16px;line-height:1.9;margin-top:21px}
 .case-brief-block li{font-size:16px;padding:10px 0}
 .case-decisions{padding-bottom:65px;scroll-margin-top:8px}
 .case-decisions-heading{display:block;margin-bottom:32px}
 .case-decisions-heading h2{font-size:24px}
 .case-decisions-heading .eyebrow{margin-top:13px;font-size:11px}
 .case-decision{display:flex;flex-direction:column;gap:25px;align-items:stretch;margin-top:48px}
 .case-decision .decision-copy,.case-decision:nth-of-type(even) .decision-copy{order:0;max-width:none}
 .case-decision .decision-visual,.case-decision:nth-of-type(even) .decision-visual{order:1}
 .decision-number{font-size:53px}
 .decision-copy h3{font-size:25px;line-height:1.45;margin-top:20px}
 .decision-copy p{font-size:16px;line-height:1.9;margin-top:17px}
 .decision-frame{height:clamp(330px,105vw,570px)}
 .decision-visual figcaption{font-size:12px;margin-top:12px}
 .case-gallery[id]{scroll-margin-top:8px}
 .case-featured-intro+.case-art{padding:20px 10px}
 .menu-body nav>a{font-size:clamp(29px,8.9vw,53px);gap:14px;min-height:66px;line-height:1.65}
}
@media(max-width:360px){.studio-process-list{grid-template-columns:1fr}.studio-hero h1{font-size:14vw}.studio-chapter h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.studio-film-piece:is(:hover,:focus-visible){transform:rotate(var(--art-angle))}.studio-film-image img,.decision-frame img{transform:none!important}}