:root{color:#241c18;background:#f1ece3;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:#241c18;background:#f1ece3}a{color:inherit}.site-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px;width:min(1380px,100%);min-height:82px;margin:0 auto;padding:0 58px;border-bottom:1px solid #cfc6b9}.brand{font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.045em;text-decoration:none}.brand em,h1 em,h2 em{color:#9b4d2e;font-family:Playfair Display,serif;font-weight:600}.site-nav{display:flex;gap:28px;color:#6f655e;font-size:12px;font-weight:600}.site-nav a{text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{color:#9b4d2e}.studio-link,.article-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;color:#fff8ef;background:#29201b;font-size:11px;font-weight:700;text-decoration:none}.studio-link:hover,.article-cta:hover{background:#9b4d2e}.articles-hero{width:min(1224px,calc(100% - 44px));margin:0 auto;padding:110px 0 78px}.eyebrow{margin:0 0 20px;color:#9b4d2e;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;margin:0 10px 3px 0;background:currentColor}h1,h2,h3{margin-top:0;font-family:DM Sans,sans-serif}.articles-hero h1,.article-title{max-width:950px;margin-bottom:28px;font-size:clamp(48px,7vw,88px);font-weight:500;letter-spacing:-.065em;line-height:.98}.lede{max-width:720px;color:#6d635c;font-size:17px;line-height:1.75}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1224px,calc(100% - 44px));margin:0 auto;padding:0 0 110px}.article-card{display:block;padding:42px;border:1px solid #cfc6b9;background:#e7dfd4;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.article-card:hover{border-color:#9b4d2e;transform:translateY(-3px)}.article-card h2{max-width:720px;margin-bottom:18px;font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-.05em;line-height:1.02}.article-card p{max-width:720px;color:#665c54;line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;color:#8b5a43;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.index-aside{grid-column:1 / -1;padding:24px 0 0;color:#766c64;font-size:13px;line-height:1.7}.article-header{width:min(1040px,calc(100% - 44px));margin:0 auto;padding:94px 0 62px}.article-header .lede{max-width:800px}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:72px;width:min(1040px,calc(100% - 44px));margin:0 auto;padding-bottom:110px}.toc{position:sticky;top:28px;align-self:start;padding:22px 0;border-top:1px solid #cfc6b9;border-bottom:1px solid #cfc6b9}.toc strong{display:block;margin-bottom:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.toc a{display:block;padding:5px 0;color:#766c64;font-size:12px;line-height:1.45;text-decoration:none}.toc a:hover{color:#9b4d2e}.article-body{font-family:DM Sans,sans-serif;font-size:17px;line-height:1.8}.article-body h2{margin:64px 0 18px;font-size:38px;font-weight:500;letter-spacing:-.045em;line-height:1.12}.article-body h3{margin:34px 0 10px;font-size:23px}.article-body p,.article-body ul,.article-body ol{color:#4f4741}.article-body li{margin:9px 0}.article-body a{color:#8d4328}.studio-guide{margin:48px 0 68px}.studio-guide>h2{margin-top:0}.studio-guide-intro{margin-bottom:32px}.studio-figure{margin:36px 0 52px}.studio-shot{position:relative;overflow:hidden;border:1px solid #4b3a31;border-radius:12px;background:#17120f;box-shadow:0 22px 48px #4b382529}.studio-shot img{display:block;width:100%;height:auto}.shot-marker{position:absolute;display:grid;place-items:center;width:32px;height:32px;color:#251b15;border:3px solid #fff4e5;border-radius:50%;background:#e1a05b;box-shadow:0 5px 16px #0009;font-size:12px;font-weight:800}.overview-one{top:3%;left:52%}.overview-two{top:3%;left:64%}.overview-three{top:3%;right:3%}.design-one{top:21%;left:5%}.design-two{top:49%;left:23%}.design-three{right:6%;bottom:8%}.variants-one{top:4%;right:36%}.variants-two{top:39%;right:5%}.variants-three{right:5%;bottom:8%}.studio-figure figcaption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.studio-note{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start;color:#665c54;font-size:12px;line-height:1.55}.studio-note b{display:grid;place-items:center;width:24px;height:24px;color:#241c18;border-radius:50%;background:#e8ae68;font-size:10px}.studio-note span{min-width:0}.callout{margin:42px 0;padding:28px 30px;border-left:3px solid #9b4d2e;background:#e7dfd4}.callout p{margin:0}.article-cta-box{margin-top:64px;padding:42px;color:#f7efe5;background:#29201b}.article-cta-box h2{margin-top:0;color:#fff8ef}.article-cta-box p{color:#d8cbc0}.article-cta{margin-top:12px;color:#29201b;background:#f1ece3}.article-cta:hover{color:#fff8ef}.related-articles{margin-top:58px;padding-top:28px;border-top:1px solid #cfc6b9}.related-articles h2{margin-top:0;font-size:28px}.related-articles ul{display:grid;gap:8px;padding-left:20px}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:38px max(22px,calc((100% - 1224px)/2));color:#766c64;border-top:1px solid #cfc6b9;font-size:11px}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px}@media(max-width:860px){.site-header{grid-template-columns:1fr auto;padding:0 24px}.site-nav{display:none}.article-grid,.article-layout{grid-template-columns:1fr;gap:36px}.index-aside{order:-1}.toc{position:static}.article-header{padding-top:70px}}@media(max-width:700px){.studio-figure figcaption{grid-template-columns:1fr;gap:10px}.shot-marker{width:27px;height:27px;border-width:2px;font-size:10px}.studio-shot{border-radius:8px}}@media(max-width:560px){.site-header{min-height:70px;padding:0 16px}.brand{font-size:15px}.studio-link{padding:0 12px;font-size:10px}.articles-hero,.article-header{width:calc(100% - 36px);padding-top:64px}.articles-hero h1,.article-title{font-size:48px}.article-grid,.article-layout{width:calc(100% - 36px);padding-bottom:76px}.article-card,.article-cta-box{padding:28px 24px}.article-body{font-size:16px}.article-body h2{font-size:32px}.studio-figure{margin-bottom:40px}.site-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}