/* Atelier / editorial revision 02. A magazine first; author tools are secondary. */
:root { --max:1720px; --accent:#763d39; --pad:clamp(22px,4vw,72px); }
html { scroll-behavior:auto; }
a,button { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.accent-dot,.brand-dot { color:var(--accent); }
.site-header { display:block; height:auto; padding:0; gap:0; border-bottom:0; }
.masthead { display:flex; align-items:center; gap:48px; min-height:99px; }
.brand { display:inline-flex; align-items:center; gap:14px; font-size:29px; letter-spacing:-.065em; line-height:.91; font-weight:600; }
.brand-symbol { width:35px; height:43px; display:flex; gap:4px; align-items:flex-end; flex-shrink:0; }
.brand-symbol i { display:block; width:15px; height:43px; border:1px solid var(--ink); border-radius:18px 18px 0 0; }
.brand-symbol i:last-child { height:30px; background:var(--accent); border-color:var(--accent); }
.brand-words { display:block; }
.masthead-description { font-size:10px; line-height:1.6; text-transform:uppercase; letter-spacing:.13em; color:var(--muted); margin:0; padding-left:30px; border-left:1px solid var(--line); }
.header-actions { margin-left:auto; gap:22px; }
.header-actions .cabinet-link { display:flex; align-items:center; justify-content:center; width:36px; height:40px; border-left:1px solid var(--line); padding-left:15px; box-sizing:content-box; }
.header-actions .cabinet-link .icon { width:19px; height:19px; }
.author-entry { display:inline-flex; gap:18px; align-items:center; font-size:12px; }
.author-entry .icon { width:15px; height:15px; transform:rotate(-45deg); }
.author-entry:hover { color:var(--accent); }
.navigation-line { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:49px; position:relative; }
.navigation-line:before,.navigation-line:after { content:''; position:absolute; left:var(--pad); right:var(--pad); height:1px; background:var(--line); top:0; }
.navigation-line:after { top:auto; bottom:0; }
.main-nav { display:flex; position:static; margin:0; padding:0; gap:30px; box-shadow:none; border:0; }
.main-nav a { font-size:12px; padding:16px 0; position:relative; white-space:nowrap; }
.main-nav a:after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.main-nav a:hover:after,.main-nav a[aria-current=page]:after { transform:scaleX(1); }
.main-nav a[aria-current=page] { border:0; color:var(--accent); }
.main-nav .mobile-author-entry { display:none; }
.issue-link { display:flex; align-items:center; gap:12px; font-size:10px; white-space:nowrap; }
.issue-link>span:last-of-type { color:var(--muted); margin-left:10px; }
.issue-link .icon { width:16px; height:16px; }
.issue-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); }
.menu-toggle { display:none; }
.hero { height:calc(100svh - 148px); min-height:680px; max-height:880px; }
.hero-copy { padding:64px var(--pad) 112px; }
.hero h1 { font-size:clamp(72px,8.2vw,142px); line-height:.94; margin:32px 0 29px; max-width:1100px; }
.hero .eyebrow { display:flex; gap:12px; align-items:center; font-size:10px; }
.cover-marker { display:inline-block; height:6px; width:6px; border-radius:50%; background:#e1b5a2; }
.hero-dek { font-size:17px; line-height:1.6; color:#f4f1e9; }
.hero-links { margin-top:29px; }
.hero-bottom { position:absolute; bottom:25px; left:0; right:0; display:flex; align-items:end; justify-content:space-between; gap:24px; width:100%; }
.hero-index { position:static; font-size:10px; letter-spacing:.13em; padding-bottom:2px; }
.cover-story { display:grid; grid-template-columns:minmax(0,1fr) 24px; column-gap:24px; font-size:13px; line-height:1.5; min-width:280px; }
.cover-story strong { font-weight:400; grid-column:1; grid-row:2; }
.cover-story>span { grid-column:1; font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#e1ddd3; margin-bottom:5px; }
.cover-story>.icon { grid-column:2; grid-row:2; width:20px; }
.issue-section { padding-block:66px 70px; scroll-margin-top:22px; }
.issue-kicker { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:18px; }
.issue-kicker>span:last-child { color:var(--muted); font-size:11px; }
.eyebrow { font-size:10px; letter-spacing:.14em; }
.issue-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; margin:34px 0 38px; }
.issue-heading h2 { font-size:clamp(40px,4.3vw,70px); line-height:1.02; letter-spacing:-.055em; margin:0; }
.issue-heading p { color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 4px; }
.editorial-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:46px; align-items:start; }
.feature-image { position:relative; display:block; overflow:hidden; }
.feature-image>img { display:block; width:100%; aspect-ratio:1.24; object-fit:cover; }
.round-arrow { position:absolute; bottom:22px; right:22px; background:var(--paper); color:var(--ink); width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:transform .2s; }
.round-arrow .icon { transform:rotate(-45deg); }
.feature-image:hover .round-arrow { transform:rotate(45deg); }
.feature-caption { padding-top:20px; }
.feature-caption h3 { font-size:clamp(30px,3vw,46px); line-height:1.08; letter-spacing:-.045em; margin:12px 0; }
.feature-caption p { font-size:15px; color:var(--muted); max-width:490px; line-height:1.65; margin:0; }
.issue-side .article-card img { aspect-ratio:1.5; }
.issue-side .article-card h3 { font-size:clamp(23px,2.15vw,33px); max-width:550px; }
.issue-reading-list { border-top:1px solid var(--line); margin-top:28px; padding-top:20px; }
.issue-reading-list>a { display:grid; grid-template-columns:22px 1fr 20px; gap:17px; align-items:start; padding:18px 0; border-bottom:1px solid var(--line); }
.issue-reading-list>a>span { color:var(--accent); font-size:10px; padding-top:3px; }
.issue-reading-list strong { font-size:17px; letter-spacing:-.025em; line-height:1.3; font-weight:500; }
.issue-reading-list .icon { width:18px; height:18px; }
.topic-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-block:28px; border-block:1px solid var(--line); }
.topic-index>a { display:flex; align-items:start; gap:15px; padding:8px 23px; border-left:1px solid var(--line); }
.topic-index>a:first-child { border:0; padding-left:0; }
.topic-index>a:last-child { padding-right:0; }
.topic-number { font-size:10px; color:var(--accent); padding-top:3px; }
.topic-index>a>span:nth-child(2) { font-size:21px; line-height:1.2; letter-spacing:-.035em; }
.topic-index small { display:block; color:var(--muted); font-size:10px; letter-spacing:0; margin-top:8px; }
.topic-index .icon { margin-left:auto; width:17px; height:17px; flex-shrink:0; }
.section-heading>div>.eyebrow { display:block; margin-bottom:15px; color:var(--sage); }
.section-heading h2 { font-size:clamp(33px,3.1vw,49px); letter-spacing:-.045em; }
.practice-section { padding-block:76px 80px; border-top:0!important; }
.cards { gap:30px; }
.article-card h3 { font-size:clamp(22px,1.95vw,30px); letter-spacing:-.035em; line-height:1.2; }
.article-card .card-meta { padding-top:13px; border-top:1px solid var(--line); font-size:10px; }
.card-save { width:35px; height:40px; top:12px; right:12px; background:var(--paper); }
.card-save:hover { color:var(--accent); }
.material-section { background:#e9e6de; padding-block:66px; }
.material-story { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.material-copy h2 { font-size:clamp(46px,5vw,76px); line-height:1; letter-spacing:-.055em; margin:25px 0; }
.material-copy p { font-size:15px; line-height:1.75; color:#56584f; }
.material-copy>.text-link { display:flex; width:fit-content; margin-top:23px; font-size:13px; }
.material-palette { display:flex; align-items:center; margin:32px 0 35px; }
.material-palette i { width:34px; height:34px; border-radius:50%; margin-left:-7px; border:2px solid #e9e6de; }
.material-palette i:first-child { margin:0; background:#cabc9f; }
.material-palette i:nth-child(2) { background:#a35c44; }
.material-palette i:nth-child(3) { background:#3b4a3f; }
.material-palette i:nth-child(4) { background:#674b35; }
.material-palette span { font-size:10px; line-height:1.5; margin-left:18px; color:var(--muted); }
.material-photo { display:block; position:relative; }
.material-photo img { width:100%; aspect-ratio:1.2; object-fit:cover; }
.photo-caption { display:flex; gap:15px; align-items:center; justify-content:space-between; font-size:10px; letter-spacing:.04em; padding-top:12px; }
.photo-caption .icon { width:18px; height:18px; }
.project-section { padding-block:78px; }
.project-editorial { display:grid; grid-template-columns:1.3fr .8fr; gap:65px; align-items:center; }
.project-editorial img { width:100%; aspect-ratio:1.5; object-fit:cover; }
.project-editorial h3 { font-size:clamp(32px,3.1vw,48px); letter-spacing:-.05em; line-height:1.1; margin:24px 0; }
.project-editorial p { font-size:15px; color:var(--muted); max-width:390px; }
.project-editorial .text-link { margin-top:20px; }
.furnishing-note { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:28px; border-block:1px solid var(--line); font-size:13px; }
.furnishing-note .text-link { font-size:13px; }
.site-footer.container { margin-top:0; padding-top:60px; padding-bottom:24px; border-top:0; }
.footer-top,.footer-bottom { max-width:none; }
.brand-symbol i:first-child { border-color:currentColor; }
.site-footer .brand-dot { color:#d9ab98; }
.site-footer .brand-symbol i:last-child { background:#c99780; border-color:#c99780; }
.site-footer .brand { font-size:27px; }
.site-footer .brand-symbol { width:30px; height:37px; gap:3px; }
.site-footer .brand-symbol i { width:13px; height:37px; }
.site-footer .brand-symbol i:last-child { height:26px; }
.site-footer p { margin-top:23px; font-size:13px; line-height:1.7; }
.footer-bottom { align-items:center; font-size:9px; gap:20px; }
.footer-bottom>a { display:inline-flex; gap:10px; align-items:center; }
.footer-bottom .icon { width:13px; height:13px; }
.article-page .page-intro { max-width:1030px; margin-inline:auto; padding-top:47px; padding-bottom:32px; }
.article-page h1 { font-size:clamp(38px,4.1vw,65px); line-height:1.08; letter-spacing:-.05em; }
.article-page .byline { margin-top:25px; border-top:1px solid var(--line); padding-top:19px; gap:25px; }
.article-cover { max-width:var(--max); margin:0 auto 42px; padding-inline:var(--pad); }
.article-cover img { max-height:690px; aspect-ratio:2.05; width:100%; object-fit:cover; }
.article-layout { grid-template-columns:180px minmax(0,780px) 210px; justify-content:center; gap:44px; }
.article-content { font-size:17px; line-height:1.8; }
.article-content h2 { margin-top:55px; font-size:32px; line-height:1.15; letter-spacing:-.035em; }
.article-content .media-figure { margin-block:34px; }
.media-figure img { aspect-ratio:1.5; width:100%; object-fit:cover; }
.media-figure figcaption { font-size:11px; color:var(--muted); line-height:1.5; margin-top:9px; }
.reading-next { display:block; margin-top:22px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.reading-next h3 { font-size:18px; line-height:1.25; letter-spacing:-.025em; margin:13px 0 10px; }
.reading-next img { aspect-ratio:1.3; object-fit:cover; }
.article-end-cta { background:#ebece5; margin-top:50px; }
.color-intro { padding-top:38px; padding-bottom:45px; }
.color-intro>.eyebrow { margin-top:35px; }
.color-intro h1 { font-size:clamp(65px,7.2vw,112px); line-height:.99; letter-spacing:-.06em; margin:25px 0; }
.color-dek { display:flex; justify-content:space-between; align-items:end; gap:40px; }
.color-dek p { max-width:580px; font-size:18px; line-height:1.6; margin:0; }
.color-dek .fine { white-space:nowrap; }
.color-cover { margin:0; }
.color-cover img { aspect-ratio:1.95; object-fit:cover; width:100%; }
.color-chapter { max-width:900px; margin:75px auto; display:grid; grid-template-columns:100px 1fr; gap:45px; }
.chapter-number { font-size:12px; color:var(--accent); display:block; margin-bottom:24px; }
.color-chapter>.chapter-number { font-size:65px; letter-spacing:-.06em; line-height:1; }
.color-story h2 { font-size:clamp(33px,3.4vw,51px); line-height:1.07; letter-spacing:-.04em; margin:18px 0 26px; }
.color-story p { font-size:17px; line-height:1.75; max-width:580px; }
.color-pair { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; margin-block:80px; }
.color-pair>img { width:100%; aspect-ratio:1.1; object-fit:cover; }
.color-pair .text-link { margin-top:20px; font-size:13px; }
.color-pair.reverse>img { order:2; }
.color-pair.reverse>div { padding-left:35px; }
.story-end { padding:60px 0 80px; border-top:1px solid var(--line); text-align:center; }
.story-end p { margin:25px auto; max-width:520px; color:var(--muted); }
.designer-intro { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:70px; padding-block:65px; }
.designer-intro h1 { font-size:clamp(46px,5.3vw,80px); line-height:1.02; letter-spacing:-.05em; margin-top:28px; }
.designer-intro>img { width:100%; aspect-ratio:.92; object-fit:cover; }
.designer-intro .button-row { margin-top:30px; }
.cabinet-subnav { display:flex; justify-content:space-between; gap:20px; padding-top:25px; font-size:11px; color:var(--muted); }
.cabinet-subnav a { color:var(--accent); }
@media(max-width:640px) { .cabinet-subnav { flex-direction:column; gap:9px; } }
@media(min-width:1800px) { .hero-copy { padding-top:55px; } }
@media(max-width:1350px) {
  .main-nav { gap:24px; }
  .issue-link>span:last-of-type { display:none; }
  .article-layout { grid-template-columns:170px minmax(0,760px); gap:40px; }
  .article-business { display:none; }
  .editorial-grid { gap:35px; }
  .material-story,.project-editorial { gap:45px; }
}
@media(max-width:1000px) {
  .masthead { gap:28px; }
  .masthead-description { display:none; }
  .main-nav { gap:23px; }
  .hero { min-height:650px; }
  .hero h1 { font-size:clamp(67px,9vw,100px); }
  .issue-heading p { font-size:13px; }
  .editorial-grid { gap:27px; grid-template-columns:1.35fr 1fr; }
  .issue-reading-list { margin-top:22px; }
  .issue-reading-list strong { font-size:15px; }
  .topic-index>a { padding-inline:15px; gap:10px; }
  .topic-index>a>span:nth-child(2) { font-size:18px; }
  .topic-index small { font-size:9px; }
  .cards { gap:25px; }
  .practice-section .cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .material-story { gap:35px; grid-template-columns:.8fr 1fr; }
  .color-pair { gap:35px; }
  .color-pair.reverse>div { padding-left:0; }
  .designer-intro { gap:35px; }
}
@media(max-width:760px) {
  .masthead { min-height:86px; }
  .brand { font-size:25px; gap:10px; }
  .brand-symbol { width:28px; height:37px; gap:3px; }
  .brand-symbol i { width:12px; height:37px; }
  .brand-symbol i:last-child { height:26px; }
  .header-actions { gap:12px; }
  .author-entry,.header-actions .cabinet-link { display:none; }
  .menu-toggle { display:flex; }
  .navigation-line { min-height:0; padding:0; position:static; }
  .navigation-line:before,.navigation-line:after,.issue-link { display:none; }
  .main-nav { display:none; position:absolute; top:86px; left:0; right:0; background:var(--paper); padding:15px var(--pad) 25px; border-bottom:1px solid var(--line); box-shadow:0 18px 25px #0000000f; }
  .main-nav.open { display:grid; grid-template-columns:1fr 1fr; gap:5px 25px; }
  .main-nav a { font-size:14px; padding:13px 0; }
  .main-nav .mobile-author-entry { display:block; font-size:12px; color:var(--muted); border-top:1px solid var(--line); margin-top:9px; }
  .hero { height:auto; min-height:670px; }
  .hero-copy { padding:63px var(--pad) 130px; }
  .hero h1 { font-size:clamp(48px,10.8vw,80px); }
  .hero-bottom { bottom:23px; }
  .cover-story { display:none; }
  .issue-section { padding-block:45px; }
  .issue-kicker>span:last-child { font-size:9px; }
  .issue-heading { display:block; margin-block:28px; }
  .issue-heading p { margin-top:20px; }
  .editorial-grid { grid-template-columns:1fr; gap:40px; }
  .feature-image>img { aspect-ratio:1.25; }
  .feature-caption h3 { font-size:34px; }
  .issue-side { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
  .issue-side .article-card h3 { font-size:22px; }
  .issue-reading-list { margin-top:0; }
  .topic-index { grid-template-columns:1fr 1fr; gap:25px 0; padding-block:27px; }
  .topic-index>a { padding-inline:20px; }
  .topic-index>a:nth-child(odd) { border:0; padding-left:0; }
  .topic-index>a:nth-child(even) { padding-right:0; }
  .topic-index>a>span:nth-child(2) { font-size:20px; }
  .topic-index small { font-size:10px; }
  .practice-section { padding-block:48px; }
  .practice-section .cards { grid-template-columns:1fr; gap:33px; }
  .article-card h3 { font-size:26px; }
  .material-section { padding-block:42px; }
  .material-story { grid-template-columns:1fr; gap:35px; }
  .material-copy h2 { font-size:57px; }
  .material-copy p { font-size:15px; }
  .material-copy>.text-link { margin-top:20px; }
  .material-palette { margin-block:25px; }
  .material-photo img { aspect-ratio:1.25; }
  .project-section { padding-block:47px; }
  .project-editorial { grid-template-columns:1fr; gap:30px; }
  .project-editorial h3 { font-size:38px; margin-block:20px; }
  .furnishing-note { align-items:start; flex-direction:column; gap:12px; padding-block:24px; font-size:12px; }
  .furnishing-note .text-link { font-size:12px; }
  .footer-bottom { align-items:start; flex-direction:column; gap:13px; }
  .article-page .page-intro { padding-top:30px; }
  .article-page h1 { font-size:clamp(34px,5.8vw,43px); }
  .article-page .byline { font-size:10px; gap:13px; flex-wrap:wrap; }
  .article-cover { margin-bottom:28px; padding-inline:0; }
  .article-cover img { aspect-ratio:1.4; max-height:500px; }
  .article-layout { display:block; }
  .article-aside { display:none; }
  .mobile-toc { display:block; }
  .article-content { font-size:16px; line-height:1.8; }
  .article-content h2 { font-size:27px; margin-top:37px; }
  .color-intro { padding-top:27px; padding-bottom:30px; }
  .color-intro h1 { font-size:clamp(52px,9vw,70px); }
  .color-intro>.eyebrow { margin-top:28px; }
  .color-dek { display:block; }
  .color-dek p { font-size:16px; }
  .color-dek .fine { display:block; margin-top:21px; }
  .color-cover img { aspect-ratio:1.2; }
  .color-chapter { margin-block:40px; grid-template-columns:45px 1fr; gap:15px; }
  .color-chapter>.chapter-number { font-size:35px; }
  .color-story h2 { font-size:34px; }
  .color-story p { font-size:16px; }
  .color-pair { grid-template-columns:1fr; gap:27px; margin-block:45px; }
  .color-pair>img { aspect-ratio:1.3; }
  .color-pair.reverse>img { order:0; }
  .chapter-number { margin-bottom:15px; }
  .story-end { padding:30px 0 50px; }
  .designer-intro { grid-template-columns:1fr; padding-block:35px; }
  .designer-intro h1 { font-size:48px; }
  .designer-intro>img { aspect-ratio:1.3; }
}
@media(max-width:480px) {
  .masthead { min-height:78px; }
  .brand { font-size:22px; }
  .brand-symbol { width:25px; height:33px; }
  .brand-symbol i { width:11px; height:33px; }
  .brand-symbol i:last-child { height:23px; }
  .header-actions { gap:3px; }
  .header-actions .icon-button { width:35px; }
  .main-nav { top:78px; }
  .hero { min-height:660px; }
  .hero-copy { padding-top:65px; padding-bottom:115px; }
  .hero h1 { font-size:clamp(39px,12vw,58px); letter-spacing:-.063em; margin:32px 0 28px; }
  .hero .eyebrow { font-size:8px; }
  .hero-dek { font-size:15px; max-width:290px; }
  .hero-links { gap:23px; }
  .hero-index { font-size:8px; }
  .hero-bottom { bottom:25px; }
  .issue-kicker>span:last-child { max-width:122px; text-align:right; }
  .issue-heading h2 { font-size:39px; }
  .issue-side { grid-template-columns:1fr; }
  .issue-side .article-card h3 { font-size:26px; }
  .issue-reading-list { margin-top:0; }
  .topic-index>a { gap:9px; padding-inline:13px; }
  .topic-index>a>span:nth-child(2) { font-size:18px; }
  .topic-index small { font-size:9px; }
  .topic-index .icon { width:14px; height:14px; }
  .section-heading h2 { font-size:34px; }
  .photo-caption { font-size:9px; }
  .article-page h1 { font-size:35px; }
  .article-content .media-figure { margin-block:28px; }
  .article-end-cta { padding:25px; }
  .color-story h2 { font-size:29px; }
  .color-chapter { display:block; }
  .color-chapter>.chapter-number { font-size:16px; }
  .designer-intro h1 { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { transition:none!important; } }
@media print { .site-header,.site-footer,.hero-links,.furnishing-note { display:none; } }