/* Proportional scale follows --design-scale. Original: archive/before-scale-85-20261028/studio-material.css */
/* B foundation. The final material and dimensional components are in paper-depth.css. */
.material-page { background:var(--neutral); }
.material-page .wrap { width:calc(100% - 10vw); max-width:calc(2240px * var(--design-scale, .85)); }
.material-page .section { padding:clamp(calc(88px * var(--design-scale, .85)),calc(8vw * var(--design-scale, .85)),calc(180px * var(--design-scale, .85))) 0; }
.material-page .site-header { padding-inline:calc(5vw * var(--design-scale, .85)); background:rgba(242,242,242,.96); border-bottom:0; }
.material-page .site-header[data-surface="dark"] { background:rgba(25,25,25,.96); color:#fff; }
.material-page .site-header[data-surface="dark"] .brand img { filter:grayscale(1) brightness(0) invert(1); }
.material-page .site-header[data-surface="dark"] .button { color:var(--ink); background:#fff; border-color:#fff; }
.material-page .site-header[data-surface="dark"] .site-links a::after { background:#fff; }
.material-page .brand img { width:clamp(calc(180px * var(--design-scale, .85)),calc(12vw * var(--design-scale, .85)),calc(260px * var(--design-scale, .85))); }
.material-page .site-links { font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.3vw * var(--design-scale, .85)),calc(26px * var(--design-scale, .85)))); gap:clamp(calc(24px * var(--design-scale, .85)),calc(2.2vw * var(--design-scale, .85)),calc(48px * var(--design-scale, .85))); }
.material-page .site-header .header-cta { margin-left:calc(12px * var(--design-scale, .85)); }
.material-page .studio-intro { padding-inline:calc(5vw * var(--design-scale, .85)); }
.material-page .studio-intro-title { width:100%; max-width:calc(2100px * var(--design-scale, .85)); font-size:max(13px, clamp(calc(66px * var(--design-scale, .85)),calc(9.7vw * var(--design-scale, .85)),calc(205px * var(--design-scale, .85)))); line-height:1; }
.material-page .studio-stage { overflow:clip; }
.material-page .studio-content { padding-top:calc(var(--header) + calc(2.5vw * var(--design-scale, .85))); padding-bottom:calc(110px * var(--design-scale, .85)); }
.material-page .studio-opening { grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr); gap:calc(7vw * var(--design-scale, .85)); align-items:center; }
.material-page .hero-studio h1 { font-size:max(13px, clamp(calc(76px * var(--design-scale, .85)),calc(7vw * var(--design-scale, .85)),calc(170px * var(--design-scale, .85)))); max-width:12.2ch; line-height:1; }
.material-page .hero-kicker { font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.3vw * var(--design-scale, .85)),calc(25px * var(--design-scale, .85)))); margin-bottom:calc(32px * var(--design-scale, .85)); }
.material-page .hero-studio .lead { font-size:max(13px, clamp(calc(23px * var(--design-scale, .85)),calc(1.55vw * var(--design-scale, .85)),calc(32px * var(--design-scale, .85)))); max-width:40ch; line-height:1.42; margin-top:calc(28px * var(--design-scale, .85)); }
.material-page .studio-image .hero-art { height:clamp(calc(400px * var(--design-scale, .85)),calc(55svh * var(--design-scale, .85)),calc(820px * var(--design-scale, .85))); }
.material-page .studio-image .hero-facts a:first-child { font-size:max(13px, clamp(calc(40px * var(--design-scale, .85)),calc(3vw * var(--design-scale, .85)),calc(62px * var(--design-scale, .85)))); }
.material-page .studio-image .hero-facts a:last-child { font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.3vw * var(--design-scale, .85)),calc(25px * var(--design-scale, .85)))); }
.material-page .hero .button { min-height:calc(76px * var(--design-scale, .85)); font-size:max(13px, clamp(calc(21px * var(--design-scale, .85)),calc(1.45vw * var(--design-scale, .85)),calc(28px * var(--design-scale, .85)))); max-width:calc(650px * var(--design-scale, .85)); padding:calc(22px * var(--design-scale, .85)) calc(30px * var(--design-scale, .85)); margin-top:calc(36px * var(--design-scale, .85)); }
.material-page .studio-foot { margin-top:calc(5vw * var(--design-scale, .85)); font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.4vw * var(--design-scale, .85)),calc(27px * var(--design-scale, .85)))); }
.material-page .tone-light { background:var(--neutral); }
.material-page .label { font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.3vw * var(--design-scale, .85)),calc(25px * var(--design-scale, .85)))); }
.material-page .material-statement { margin-bottom:calc(6vw * var(--design-scale, .85)); }
.material-page .material-statement h2 { font-size:max(13px, clamp(calc(68px * var(--design-scale, .85)),calc(8vw * var(--design-scale, .85)),calc(180px * var(--design-scale, .85)))); letter-spacing:-.045em; line-height:1.04; }
.material-page .material-statement h2 span { display:block; }
.material-page .material-statement h2 span:last-child { text-align:right; transform:translateX(calc(-1 * var(--statement-shift,0px))); }
.material-page .fit-composition { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:calc(9vw * var(--design-scale, .85)); align-items:start; }
.material-page .fit-art { overflow:hidden; margin-top:calc(2vw * var(--design-scale, .85)); }
.material-page .fit-art img { width:100%; height:clamp(calc(550px * var(--design-scale, .85)),calc(64vw * var(--design-scale, .85)),calc(980px * var(--design-scale, .85))); object-fit:cover; transform:translateY(var(--art-drift,0px)) scale(1.045); }
.material-page .method-list { display:block; border:0; }
.material-page .method-row { display:block; border:0; border-top:calc(1px * var(--design-scale, .85)) solid #999; padding:calc(32px * var(--design-scale, .85)) 0 calc(40px * var(--design-scale, .85)); }
.material-page .method-row:last-child { border-top:calc(1px * var(--design-scale, .85)) solid #999; }
.material-page .method-tag { color:var(--accent); font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.2vw * var(--design-scale, .85)),calc(24px * var(--design-scale, .85)))); margin-bottom:calc(18px * var(--design-scale, .85)); }
.material-page .method-row h3 { font-size:max(13px, clamp(calc(36px * var(--design-scale, .85)),calc(3.2vw * var(--design-scale, .85)),calc(65px * var(--design-scale, .85)))); max-width:18ch; }
.material-page .method-row>p:last-child { color:var(--ink); font-size:max(13px, clamp(calc(22px * var(--design-scale, .85)),calc(1.65vw * var(--design-scale, .85)),calc(32px * var(--design-scale, .85)))); max-width:38ch; margin-top:calc(24px * var(--design-scale, .85)); }
.material-page .process { padding:clamp(calc(36px * var(--design-scale, .85)),calc(4.5vw * var(--design-scale, .85)),calc(100px * var(--design-scale, .85))); gap:calc(8vw * var(--design-scale, .85)); margin-top:calc(8vw * var(--design-scale, .85)); }
.material-page .process>h3 { font-size:max(13px, clamp(calc(42px * var(--design-scale, .85)),calc(4vw * var(--design-scale, .85)),calc(84px * var(--design-scale, .85)))); }
.material-page .process-list summary { font-size:max(13px, clamp(calc(24px * var(--design-scale, .85)),calc(1.8vw * var(--design-scale, .85)),calc(36px * var(--design-scale, .85)))); padding:calc(28px * var(--design-scale, .85)) calc(12px * var(--design-scale, .85)) calc(28px * var(--design-scale, .85)) 0; }
.material-page .process-list details p { font-size:max(13px, clamp(calc(21px * var(--design-scale, .85)),calc(1.5vw * var(--design-scale, .85)),calc(29px * var(--design-scale, .85)))); }
.material-page .work-section { background-color:var(--ink); border:0; padding:clamp(calc(88px * var(--design-scale, .85)),calc(8vw * var(--design-scale, .85)),calc(180px * var(--design-scale, .85))) 0; }
.material-page .work-section .section-heading { align-items:end; margin-bottom:calc(64px * var(--design-scale, .85)); }
.material-page .work-section h2 { font-size:max(13px, clamp(calc(64px * var(--design-scale, .85)),calc(6vw * var(--design-scale, .85)),calc(132px * var(--design-scale, .85)))); }
.material-page .work-section h2 br { display:block; }
.material-page .work-section .label { color:var(--coral); margin-bottom:calc(24px * var(--design-scale, .85)); }
.material-page .work-section .section-intro { font-size:max(13px, clamp(calc(24px * var(--design-scale, .85)),calc(1.8vw * var(--design-scale, .85)),calc(34px * var(--design-scale, .85)))); max-width:23ch; }
.material-page .client-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:calc(1px * var(--design-scale, .85)) solid #777; }
.material-page .client-row { display:flex; flex-direction:column; align-items:start; gap:calc(26px * var(--design-scale, .85)); padding:calc(40px * var(--design-scale, .85)) calc(32px * var(--design-scale, .85)) calc(12px * var(--design-scale, .85)) 0; border:0; }
.material-page .client-row + .client-row { border-left:calc(1px * var(--design-scale, .85)) solid #777; padding-left:calc(40px * var(--design-scale, .85)); }
.material-page .client-row h3 { font-size:max(13px, clamp(calc(36px * var(--design-scale, .85)),calc(3vw * var(--design-scale, .85)),calc(68px * var(--design-scale, .85)))); }
.material-page .client-role { font-size:max(13px, clamp(calc(24px * var(--design-scale, .85)),calc(1.7vw * var(--design-scale, .85)),calc(34px * var(--design-scale, .85)))); }
.material-page .client-event { font-size:max(13px, clamp(calc(18px * var(--design-scale, .85)),calc(1.25vw * var(--design-scale, .85)),calc(24px * var(--design-scale, .85)))); color:#ccc; margin-top:auto; }
.material-page .experience-heading { grid-template-columns:1.3fr 1fr; gap:calc(5vw * var(--design-scale, .85)); }
.material-page .experience-heading h2 { font-size:max(13px, clamp(calc(64px * var(--design-scale, .85)),calc(6.2vw * var(--design-scale, .85)),calc(138px * var(--design-scale, .85)))); }
.material-page .section-intro { font-size:max(13px, clamp(calc(23px * var(--design-scale, .85)),calc(1.65vw * var(--design-scale, .85)),calc(32px * var(--design-scale, .85)))); max-width:36ch; }
.material-page .two-sided-promise { margin:calc(5vw * var(--design-scale, .85)) 0 calc(4vw * var(--design-scale, .85)); gap:calc(8vw * var(--design-scale, .85)); }
.material-page .two-sided-promise h3 { font-size:max(13px, clamp(calc(28px * var(--design-scale, .85)),calc(2.2vw * var(--design-scale, .85)),calc(46px * var(--design-scale, .85)))); }
.material-page .two-sided-promise p { font-size:max(13px, clamp(calc(22px * var(--design-scale, .85)),calc(1.5vw * var(--design-scale, .85)),calc(30px * var(--design-scale, .85)))); max-width:40ch; }
.material-page .voice { padding:clamp(calc(32px * var(--design-scale, .85)),calc(3vw * var(--design-scale, .85)),calc(64px * var(--design-scale, .85))); }
.material-page .voice blockquote { font-size:max(13px, clamp(calc(30px * var(--design-scale, .85)),calc(2.65vw * var(--design-scale, .85)),calc(52px * var(--design-scale, .85)))); line-height:1.28; }
.material-page .voice-label,.material-page .voice-credit { font-size:max(13px, clamp(calc(19px * var(--design-scale, .85)),calc(1.4vw * var(--design-scale, .85)),calc(28px * var(--design-scale, .85)))); }
.material-page .voice-type { font-size:max(13px, clamp(calc(16px * var(--design-scale, .85)),calc(1.1vw * var(--design-scale, .85)),calc(22px * var(--design-scale, .85)))); }
.material-page .terms-title h2,.material-page .questions-layout h2 { font-size:max(13px, clamp(calc(62px * var(--design-scale, .85)),calc(5.5vw * var(--design-scale, .85)),calc(120px * var(--design-scale, .85)))); }
.material-page .term-list h3 { font-size:max(13px, clamp(calc(72px * var(--design-scale, .85)),calc(6vw * var(--design-scale, .85)),calc(132px * var(--design-scale, .85)))); }
.material-page .term-list article { padding:calc(4vw * var(--design-scale, .85)); }
.material-page .term-list p { font-size:max(13px, clamp(calc(24px * var(--design-scale, .85)),calc(1.8vw * var(--design-scale, .85)),calc(34px * var(--design-scale, .85)))); max-width:30ch; }
.material-page .term-list .text-link { font-size:max(13px, clamp(calc(20px * var(--design-scale, .85)),calc(1.45vw * var(--design-scale, .85)),calc(28px * var(--design-scale, .85)))); }
.material-page .faq-list summary { font-size:max(13px, clamp(calc(24px * var(--design-scale, .85)),calc(1.9vw * var(--design-scale, .85)),calc(36px * var(--design-scale, .85)))); }
.material-page .faq-list details p { font-size:max(13px, clamp(calc(22px * var(--design-scale, .85)),calc(1.55vw * var(--design-scale, .85)),calc(30px * var(--design-scale, .85)))); }
.material-page .closing h2 { font-size:max(13px, clamp(calc(76px * var(--design-scale, .85)),calc(8vw * var(--design-scale, .85)),calc(170px * var(--design-scale, .85)))); }
.material-page .closing .button { max-width:calc(600px * var(--design-scale, .85)); font-size:max(13px, clamp(calc(21px * var(--design-scale, .85)),calc(1.5vw * var(--design-scale, .85)),calc(29px * var(--design-scale, .85)))); min-height:calc(80px * var(--design-scale, .85)); }
.material-page .site-footer { padding:calc(48px * var(--design-scale, .85)) calc(5vw * var(--design-scale, .85)) calc(150px * var(--design-scale, .85)); }
.material-page .chapter-bar { padding-inline:calc(3vw * var(--design-scale, .85)); }
.material-page .chapter-current { display:none; }
.material-page .chapter-links a { font-size:max(13px, clamp(calc(16px * var(--design-scale, .85)),calc(1.2vw * var(--design-scale, .85)),calc(22px * var(--design-scale, .85)))); }
.material-page .concept-options a { display:block; padding:calc(24px * var(--design-scale, .85)) 0; border-bottom:calc(1px * var(--design-scale, .85)) solid #aaa; }
.material-page .concept-options a:hover { background:var(--neutral); }
@media (min-width:1101px) and (max-height:900px) {
  .material-page .studio-content { padding-top:calc(var(--header) + calc(32px * var(--design-scale, .85))); }
  .material-page .hero-studio h1 { font-size:max(13px, clamp(calc(78px * var(--design-scale, .85)),calc(6vw * var(--design-scale, .85)),calc(118px * var(--design-scale, .85)))); max-width:15ch; }
  .material-page .hero-kicker { margin-bottom:calc(24px * var(--design-scale, .85)); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(24px * var(--design-scale, .85))); margin-top:calc(24px * var(--design-scale, .85)); }
  .material-page .hero .button { font-size:max(13px, calc(22px * var(--design-scale, .85))); margin-top:calc(26px * var(--design-scale, .85)); min-height:calc(70px * var(--design-scale, .85)); }
  .material-page .studio-image .hero-art { height:calc(390px * var(--design-scale, .85)); }
}
@media (min-width:1101px) and (max-height:760px) {
  .material-page .hero-studio h1 { font-size:max(13px, clamp(calc(72px * var(--design-scale, .85)),calc(5.5vw * var(--design-scale, .85)),calc(100px * var(--design-scale, .85)))); }
  .material-page .studio-image .hero-art { height:calc(320px * var(--design-scale, .85)); }
  .material-page .hero-kicker { font-size:max(13px, calc(18px * var(--design-scale, .85))); margin-bottom:calc(20px * var(--design-scale, .85)); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(22px * var(--design-scale, .85))); margin-top:calc(20px * var(--design-scale, .85)); }
}
@media (max-width:1100px) {
  .material-page .wrap { width:calc(100% - 96px); }
  .material-page .studio-opening { gap:calc(5vw * var(--design-scale, .85)); grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr); }
  .material-page .hero-studio h1 { font-size:max(13px, calc(72px * var(--design-scale, .85))); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(23px * var(--design-scale, .85))); }
  .material-page .studio-image .hero-art { height:calc(450px * var(--design-scale, .85)); }
  .material-page .fit-composition { gap:calc(6vw * var(--design-scale, .85)); }
  .material-page .fit-art img { height:calc(680px * var(--design-scale, .85)); }
  .material-page .method-row { padding:calc(24px * var(--design-scale, .85)) 0 calc(32px * var(--design-scale, .85)); }
  .material-page .method-row h3 { font-size:max(13px, calc(37px * var(--design-scale, .85))); }
  .material-page .method-row>p:last-child { font-size:max(13px, calc(22px * var(--design-scale, .85))); margin-top:calc(18px * var(--design-scale, .85)); }
  .material-page .client-row + .client-row { padding-left:calc(28px * var(--design-scale, .85)); }
  .material-page .client-row h3 { font-size:max(13px, calc(34px * var(--design-scale, .85))); }
  .material-page .client-role { font-size:max(13px, calc(23px * var(--design-scale, .85))); }
  .material-page .client-event { font-size:max(13px, calc(17px * var(--design-scale, .85))); }
}
@media (max-width:900px) {
  .material-page .wrap { width:calc(100% - 64px); }
  .material-page .site-header { padding-inline:calc(32px * var(--design-scale, .85)); }
  .material-page .brand img { width:calc(190px * var(--design-scale, .85)); }
  .material-page .studio-content { padding-top:calc(var(--header) + calc(40px * var(--design-scale, .85))); padding-bottom:calc(90px * var(--design-scale, .85)); }
  .material-page .studio-opening { display:grid; grid-template-columns:1.2fr .8fr; gap:calc(32px * var(--design-scale, .85)); }
  .material-page .hero-studio h1 { font-size:max(13px, calc(62px * var(--design-scale, .85))); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(22px * var(--design-scale, .85))); margin-top:calc(28px * var(--design-scale, .85)); }
  .material-page .hero .button { padding:calc(20px * var(--design-scale, .85)); font-size:max(13px, calc(21px * var(--design-scale, .85))); }
  .material-page .material-statement h2 { font-size:max(13px, clamp(calc(58px * var(--design-scale, .85)),calc(7.7vw * var(--design-scale, .85)),calc(76px * var(--design-scale, .85)))); }
  .material-page .fit-art img { height:calc(640px * var(--design-scale, .85)); }
  .material-page .method-row h3 { font-size:max(13px, calc(32px * var(--design-scale, .85))); }
  .material-page .method-row>p:last-child { font-size:max(13px, calc(21px * var(--design-scale, .85))); }
  .material-page .mobile-chapters { gap:calc(12px * var(--design-scale, .85)); padding-inline:calc(24px * var(--design-scale, .85)); }
  .material-page .mobile-chapters label { display:none; }
  .material-page .experience-heading { display:block; }
  .material-page .voice { padding:calc(28px * var(--design-scale, .85)); }
  .material-page .voice blockquote { font-size:max(13px, calc(29px * var(--design-scale, .85))); }
  .material-page .site-footer { padding-bottom:calc(110px * var(--design-scale, .85)); }
}
@media (max-width:700px) {
  .material-page .wrap { width:calc(100% - 48px); }
  .material-page .section { padding:calc(64px * var(--design-scale, .85)) 0; }
  .material-page .site-header { padding-inline:calc(24px * var(--design-scale, .85)); }
  .material-page .brand img { width:calc(170px * var(--design-scale, .85)); }
  .material-page .studio-intro { padding-inline:calc(24px * var(--design-scale, .85)); }
  .material-page .studio-intro-title { font-size:max(13px, clamp(calc(41px * var(--design-scale, .85)),calc(11.5vw * var(--design-scale, .85)),calc(78px * var(--design-scale, .85)))); line-height:1.06; }
  .material-page .studio-opening { display:flex; flex-direction:column; align-items:stretch; gap:calc(44px * var(--design-scale, .85)); }
  .material-page .hero-studio h1 { font-size:max(13px, clamp(calc(50px * var(--design-scale, .85)),calc(12vw * var(--design-scale, .85)),calc(78px * var(--design-scale, .85)))); max-width:13ch; }
  .material-page .hero-kicker { font-size:max(13px, calc(17px * var(--design-scale, .85))); margin-bottom:calc(26px * var(--design-scale, .85)); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(22px * var(--design-scale, .85))); line-height:1.45; margin-top:calc(28px * var(--design-scale, .85)); }
  .material-page .hero .button { font-size:max(13px, calc(20px * var(--design-scale, .85))); margin-top:calc(28px * var(--design-scale, .85)); max-width:calc(100% - calc(5px * var(--design-scale, .85))); }
  .material-page .studio-image .hero-art { height:calc(430px * var(--design-scale, .85)); }
  .material-page .studio-image .hero-facts { gap:calc(16px * var(--design-scale, .85)); }
  .material-page .studio-image .hero-facts a:first-child { font-size:max(13px, calc(36px * var(--design-scale, .85))); }
  .material-page .studio-image .hero-facts a:last-child { font-size:max(13px, calc(17px * var(--design-scale, .85))); }
  .material-page .studio-foot { margin-top:calc(32px * var(--design-scale, .85)); font-size:max(13px, calc(18px * var(--design-scale, .85))); }
  .material-page .material-statement { margin-bottom:calc(40px * var(--design-scale, .85)); }
  .material-page .material-statement h2 { font-size:max(13px, clamp(calc(43px * var(--design-scale, .85)),calc(10vw * var(--design-scale, .85)),calc(68px * var(--design-scale, .85)))); }
  .material-page .material-statement h2 span:last-child { text-align:left; margin-top:calc(12px * var(--design-scale, .85)); transform:none; }
  .material-page .fit-composition { display:flex; flex-direction:column; gap:calc(36px * var(--design-scale, .85)); }
  .material-page .fit-art { width:100%; margin:0; }
  .material-page .fit-art img { height:calc(420px * var(--design-scale, .85)); object-position:50% 52%; transform:none; }
  .material-page .method-list { width:100%; }
  .material-page .method-row { padding:calc(26px * var(--design-scale, .85)) 0 calc(32px * var(--design-scale, .85)); }
  .material-page .method-row h3 { font-size:max(13px, calc(36px * var(--design-scale, .85))); }
  .material-page .method-row>p:last-child { font-size:max(13px, calc(22px * var(--design-scale, .85))); }
  .material-page .process { display:block; margin-top:calc(32px * var(--design-scale, .85)); padding:calc(28px * var(--design-scale, .85)) calc(24px * var(--design-scale, .85)); }
  .material-page .process>h3 { font-size:max(13px, calc(36px * var(--design-scale, .85))); margin-bottom:calc(32px * var(--design-scale, .85)); }
  .material-page .process-list summary { font-size:max(13px, calc(23px * var(--design-scale, .85))); gap:calc(12px * var(--design-scale, .85)); }
  .material-page .process-list details p { font-size:max(13px, calc(20px * var(--design-scale, .85))); padding-left:calc(24px * var(--design-scale, .85)); padding-right:0; }
  .material-page .work-section h2 { font-size:max(13px, calc(58px * var(--design-scale, .85))); }
  .material-page .work-section .section-heading { margin-bottom:calc(36px * var(--design-scale, .85)); }
  .material-page .work-section .section-intro { font-size:max(13px, calc(23px * var(--design-scale, .85))); }
  .material-page .client-list { display:block; }
  .material-page .client-row,.material-page .client-row + .client-row { padding:calc(28px * var(--design-scale, .85)) 0; gap:calc(14px * var(--design-scale, .85)); border-left:0; border-bottom:calc(1px * var(--design-scale, .85)) solid #777; }
  .material-page .client-row h3 { font-size:max(13px, calc(38px * var(--design-scale, .85))); }
  .material-page .client-role { font-size:max(13px, calc(24px * var(--design-scale, .85))); }
  .material-page .client-event { font-size:max(13px, calc(17px * var(--design-scale, .85))); }
  .material-page .experience-heading h2 { font-size:max(13px, clamp(calc(48px * var(--design-scale, .85)),calc(11vw * var(--design-scale, .85)),calc(72px * var(--design-scale, .85)))); }
  .material-page .section-intro { font-size:max(13px, calc(22px * var(--design-scale, .85))); }
  .material-page .two-sided-promise { margin:calc(36px * var(--design-scale, .85)) 0; gap:calc(32px * var(--design-scale, .85)); }
  .material-page .two-sided-promise h3 { font-size:max(13px, calc(29px * var(--design-scale, .85))); }
  .material-page .two-sided-promise p { font-size:max(13px, calc(21px * var(--design-scale, .85))); }
  .material-page .voice { padding:calc(24px * var(--design-scale, .85)); }
  .material-page .voice blockquote { font-size:max(13px, calc(29px * var(--design-scale, .85))); }
  .material-page .voice-credit { font-size:max(13px, calc(20px * var(--design-scale, .85))); }
  .material-page .terms-title h2,.material-page .questions-layout h2 { font-size:max(13px, calc(50px * var(--design-scale, .85))); }
  .material-page .term-list article { padding:calc(28px * var(--design-scale, .85)); }
  .material-page .term-list h3 { font-size:max(13px, calc(68px * var(--design-scale, .85))); }
  .material-page .term-list p { font-size:max(13px, calc(23px * var(--design-scale, .85))); }
  .material-page .faq-list summary { font-size:max(13px, calc(24px * var(--design-scale, .85))); }
  .material-page .faq-list details p { font-size:max(13px, calc(21px * var(--design-scale, .85))); }
  .material-page .closing h2 { font-size:max(13px, calc(60px * var(--design-scale, .85))); }
  .material-page .closing .button { font-size:max(13px, calc(20px * var(--design-scale, .85))); width:calc(100% - calc(5px * var(--design-scale, .85))); }
  .material-page .site-footer { padding-inline:calc(24px * var(--design-scale, .85)); }
}
@media (max-width:360px) {
  .material-page .studio-content { padding-top:calc(var(--header) + calc(24px * var(--design-scale, .85))); }
  .material-page .hero-studio h1 { font-size:max(13px, calc(46px * var(--design-scale, .85))); }
  .material-page .hero-studio .lead { font-size:max(13px, calc(20px * var(--design-scale, .85))); margin-top:calc(24px * var(--design-scale, .85)); }
  .material-page .hero .button { font-size:max(13px, calc(18px * var(--design-scale, .85))); padding-inline:calc(18px * var(--design-scale, .85)); }
  .material-page .material-statement h2 { font-size:max(13px, calc(40px * var(--design-scale, .85))); }
  .material-page .voice { padding:calc(20px * var(--design-scale, .85)); }
  .material-page .voice blockquote { font-size:max(13px, calc(26px * var(--design-scale, .85))); }
  .material-page .term-list h3 { font-size:max(13px, calc(56px * var(--design-scale, .85))); }
}
@media (prefers-reduced-motion:reduce) {
  .material-page .fit-art img,.material-page .material-statement h2 span:last-child { transform:none; }
}
.material-page .client-wins-link { margin-top:clamp(30px,4vw,56px); }