/* Studio: real places, a personal point of view, and a readable process. */
.studio-perspective{background:#f1eee4;color:#171714;padding-block:clamp(75px,8vw,120px);border-radius:32px 32px 0 0;scroll-margin-top:24px}
.studio-perspective-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:end;margin-bottom:60px}
.studio-perspective h2,.studio-method h2,.studio-demo h2,.studio-faq h2{font-size:clamp(42px,4.7vw,72px);line-height:1.04;letter-spacing:-.035em;text-transform:none;margin:0}
.studio-perspective h2 span{color:#806230}
.studio-perspective-heading>p{font-size:17px;line-height:1.8;max-width:41ch;color:#56534b;margin:0}
.studio-editorial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;align-items:center}
.studio-editorial-image{position:relative;min-height:0;overflow:hidden;margin:0;background:#d3d0c7;border-radius:16px}
.studio-editorial-image img{display:block;width:100%;height:520px;object-fit:cover;object-position:46% center}
.studio-editorial-image figcaption{position:absolute;left:20px;right:20px;bottom:18px;max-width:max-content;background:#151510e8;color:#f1eee4;padding:9px 12px;border-radius:6px;font-size:11px;line-height:1.5}
.studio-editorial-copy h3{font:550 clamp(29px,3vw,44px)/1.08 Outfit,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 28px}
.studio-editorial-copy>p{font-size:15px;line-height:1.85;color:#56534b;margin:0 0 20px;max-width:51ch}
.studio-editorial-copy .line-link{font-size:14px;color:#39352b;min-height:48px;margin-top:7px;border-color:#86785c;text-decoration:underline;text-underline-offset:5px}
.studio-perspective :focus-visible{outline:3px solid #72511e;outline-offset:4px}
.studio-method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:10%;padding-block:clamp(80px,9vw,135px)}
.studio-method-heading{position:sticky;top:44px}
.studio-method-heading>p{font-size:16px;line-height:1.8;color:#c1bdaf;max-width:31ch;margin-top:28px}
.studio-process{display:block;margin:0;padding:0;list-style:none}
.studio-process li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:22px;padding:34px 0;border-top:1px solid #4a473e}
.studio-process li:first-child{padding-top:7px;border-top:0}
.studio-process li>span{font:400 13px/1.8 Manrope,Arial,sans-serif;color:#d4b777;padding-top:5px}
.studio-process h3{font:550 clamp(25px,2.5vw,36px)/1.15 Outfit,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 17px}
.studio-process p{font-size:15px;line-height:1.85;max-width:52ch;color:#c1bdaf;margin:0}
.studio-demo{padding-bottom:clamp(85px,9vw,135px)}
.studio-demo-image{position:relative;overflow:hidden;margin:0;background:#22221e;border-radius:16px}
.studio-demo-image img{display:block;width:100%;height:clamp(360px,40vw,620px);object-fit:cover;object-position:center 53%}
.studio-demo-image figcaption{position:absolute;left:24px;bottom:22px;right:24px;max-width:max-content;border-radius:6px;padding:9px 12px;background:#151510e8;color:#f1eee4;font-size:11px;line-height:1.5}
.studio-demo-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;margin-top:49px;align-items:start}
.studio-demo-copy>div>p{font-size:16px;line-height:1.85;color:#c1bdaf;max-width:50ch;margin:0 0 22px}
.studio-demo-copy .related-links{gap:14px 27px}
.studio-demo-copy .line-link{font-size:14px;min-height:48px;text-decoration:underline;text-underline-offset:5px}
.studio-faq{padding-block:95px 120px}
.studio-faq .faq-lead{font-size:15px;line-height:1.8;max-width:33ch}
.studio-faq .faq-list summary{font-size:clamp(21px,2vw,28px)}
.studio-faq .faq-list p{font-size:15px;line-height:1.85}
@media(max-width:1050px){.studio-perspective-heading{gap:6%}.studio-perspective h2,.studio-method h2,.studio-demo h2{font-size:49px}.studio-editorial{gap:5%}.studio-editorial-image img{height:470px}.studio-editorial-copy>p{font-size:14px}.studio-method{gap:7%}.studio-process li{gap:16px}.studio-demo-copy{gap:6%}}
@media(max-width:780px){.studio-perspective{padding-block:65px 74px;border-radius:24px 24px 0 0}.studio-perspective-heading{display:block;margin-bottom:34px}.studio-perspective-heading>p{margin-top:26px;max-width:56ch;font-size:16px}.studio-editorial{grid-template-columns:1fr;gap:34px}.studio-editorial-image img{height:auto;aspect-ratio:4/3;object-fit:cover}.studio-editorial-copy h3{font-size:34px;margin-bottom:23px}.studio-editorial-copy>p{font-size:15px;max-width:66ch}.studio-method{grid-template-columns:1fr;gap:41px;padding-block:74px}.studio-method-heading{position:static}.studio-method-heading>p{max-width:50ch;margin-top:24px}.studio-process li{grid-template-columns:24px minmax(0,1fr);gap:19px;padding-block:28px}.studio-process h3{font-size:29px}.studio-process p{max-width:65ch}.studio-demo{padding-bottom:76px}.studio-demo-image img{height:390px}.studio-demo-copy{grid-template-columns:1fr;gap:26px;margin-top:33px}.studio-demo-copy>div>p{max-width:65ch}.studio-faq{padding-block:65px 80px}.studio-faq h2{font-size:46px}.studio-faq .faq-list{margin-top:30px}}
@media(max-width:480px){.studio-perspective h2,.studio-method h2,.studio-demo h2,.studio-faq h2{font-size:40px}.studio-editorial-image img{aspect-ratio:1}.studio-editorial-image figcaption,.studio-demo-image figcaption{font-size:10px;left:15px;right:15px;bottom:15px;padding:8px 10px}.studio-editorial-copy h3{font-size:30px}.studio-process h3{font-size:27px}.studio-process p,.studio-faq .faq-list p{font-size:14px}.studio-demo-image img{height:340px;object-position:44% center}.studio-demo-copy>div>p{font-size:15px}.studio-faq .faq-list summary{font-size:21px}}
@media(prefers-reduced-motion:reduce){.studio-method-heading{position:static}.studio-editorial-image img{transform:none!important;transition:none!important}}