/* DEMA ARTIST — information architecture & visual system, November 2026 */
:root{--paper:#f0eee7;--paper2:#e7e4da;--ink:#171916;--muted:#77786f;--line:rgba(23,25,22,.2);--blue:#3548e8;--acid:#c8ee45;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.home-architecture{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.home-architecture a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:white;padding:12px;z-index:10000}.skip-link:focus{left:12px}
.home-architecture .global-nav{background:rgba(240,238,231,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);color:var(--ink)}.home-architecture .global-nav-inner{max-width:1600px;min-height:76px;padding:0 5%;gap:28px}.home-architecture .global-brand{font:700 18px var(--sans);letter-spacing:2px;gap:12px}.home-architecture .global-brand i{font-style:normal;font-weight:400;letter-spacing:1px}.home-architecture .global-brand-mark{width:9px;height:9px;border-radius:0;background:var(--blue);box-shadow:none;transform:rotate(45deg)}.home-architecture .global-tabs{gap:clamp(12px,1.7vw,27px)}.home-architecture .global-tabs a{font:700 9px var(--sans);letter-spacing:1.5px;padding:31px 0 28px;border-bottom:2px solid transparent}.home-architecture .global-tabs a:hover,.home-architecture .global-tabs a.active{color:var(--blue);border-color:var(--blue)}.home-architecture .global-curators{border:1px solid var(--ink)!important;padding:10px 12px!important}.home-architecture .global-curators:hover{background:var(--ink);color:var(--paper)!important}.home-architecture .global-tools select,.home-architecture .global-tools button{font:700 9px var(--sans);border:1px solid var(--line);padding:9px;background:transparent;color:var(--ink)}.home-architecture .global-menu-toggle{border:1px solid var(--ink)!important;background:transparent;color:var(--ink);padding:10px}
.masthead-layer{padding:50px 5% 24px;background:var(--paper)}.masthead-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;min-height:590px}.masthead-copy{padding:25px 0 55px}.section-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0 0;margin-bottom:80px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--muted)}.overline{font-size:9px;line-height:1.6;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--blue);margin:0 0 17px}.masthead-copy h1{font:500 clamp(100px,16vw,220px)/.72 var(--serif);letter-spacing:-.075em;margin:0 0 35px}.title-period{color:var(--blue)}.masthead-role{font:500 clamp(28px,3.2vw,46px)/.98 var(--serif);margin:0 0 25px;letter-spacing:-.02em}.masthead-role em{color:var(--blue);font-weight:400}.masthead-intro{max-width:490px;color:#5d5f58;font-size:14px;line-height:1.9;margin:0 0 30px}.masthead-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.action-primary{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:white!important;text-decoration:none;padding:16px 19px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background .2s,transform .2s}.action-primary:hover{background:var(--blue);transform:translateY(-2px)}.action-primary span{font-size:16px}.action-secondary,.text-link{font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px}.action-secondary:hover,.text-link:hover{color:var(--blue);border-color:var(--blue)}.masthead-visual{max-width:650px;width:100%;justify-self:end}.visual-frame{position:relative;background:#d4d1c6;padding:14px;min-height:390px}.visual-frame img{width:100%;height:470px;display:block;object-fit:cover;object-position:center}.frame-label{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;background:rgba(240,238,231,.93);padding:12px 14px;font-size:8px;font-weight:700;letter-spacing:1.4px}.visual-caption{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.masthead-foot{max-width:1500px;margin:45px auto 0;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.masthead-foot b{font-size:14px;color:var(--blue);margin-left:8px}
.position-layer,.map-layer{padding:120px 7%;}.position-layer{background:var(--ink);color:var(--paper)}.layer-heading{max-width:1300px;margin:0 auto 65px;display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;align-items:start}.layer-number{font:500 24px var(--serif);color:var(--blue);border-top:1px solid currentColor;padding-top:8px}.position-layer .layer-number,.method-layer .layer-number{color:var(--acid)}.position-layer .overline{color:var(--acid)}.layer-heading h2,.method-copy h2,.contact-layer h2{font:500 clamp(48px,6.4vw,88px)/.88 var(--serif);letter-spacing:-.04em;margin:0}.layer-heading h2 em,.method-copy h2 em,.contact-layer h2 em{font-weight:400;color:var(--blue)}.position-layer .layer-heading h2 em{color:var(--acid)}.position-content{max-width:1100px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid rgba(240,238,231,.25);padding-top:30px}.position-lead{font:500 clamp(24px,3vw,38px)/1.2 var(--serif);margin:0}.position-detail p{font-size:13px;line-height:1.9;color:#c0c0b8;margin:0 0 18px}.position-layer .text-link{display:inline-block;color:var(--acid);border-color:var(--acid);margin-top:10px}
.feature-layer{padding:75px 7% 110px;background:var(--paper2)}.feature-top{max-width:1300px;margin:0 auto 35px;display:grid;grid-template-columns:70px 1fr auto;align-items:center}.feature-top .layer-number{color:var(--blue)}.feature-top .overline{margin:0}.feature-year{font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--muted)}.feature-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.feature-image{display:block;overflow:hidden;background:#ccc}.feature-image img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;transition:transform .5s}.feature-image:hover img{transform:scale(1.025)}.feature-copy .overline{margin-bottom:20px}.feature-copy h2{font:500 clamp(54px,7vw,100px)/.77 var(--serif);letter-spacing:-.04em;margin:0 0 28px}.feature-copy h2 em{color:var(--blue);font-weight:400}.feature-description{font:500 21px/1.35 var(--serif);max-width:480px}.feature-note{font-size:10px;line-height:1.8;color:var(--muted);border-left:2px solid var(--blue);padding-left:13px;margin:24px 0 28px;max-width:420px}.map-layer{background:var(--paper)}.map-layer .layer-heading{grid-template-columns:70px 1fr .8fr;align-items:end}.map-intro{font-size:12px;line-height:1.9;color:var(--muted);max-width:390px;margin:0 0 4px}.archive-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.archive-card{min-height:310px;padding:25px 26px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;transition:background .2s,color .2s}.archive-card:hover{background:var(--ink);color:var(--paper)}.archive-no{font-size:8px;font-weight:700;letter-spacing:1.4px;color:var(--muted)}.archive-symbol{font:400 35px var(--serif);color:var(--blue);margin:28px 0 9px}.archive-card h3{font:500 39px var(--serif);margin:0 0 9px}.archive-card p{font-size:11px;line-height:1.8;color:var(--muted);max-width:300px;margin:0 0 24px}.archive-card:hover p,.archive-card:hover .archive-no{color:#c2c2b8}.archive-enter{font-size:8px;font-weight:700;letter-spacing:1.3px;margin-top:auto}.method-layer{padding:100px 7%;background:var(--blue);color:white;display:grid;grid-template-columns:1fr 2fr .5fr;gap:35px}.method-layer .overline{color:var(--acid)}.method-copy{max-width:800px}.method-copy h2{font-size:clamp(44px,5.8vw,78px)}.method-copy h2 em{color:var(--acid)}.method-copy>p{max-width:620px;font-size:13px;line-height:1.9;color:#e0e2ff;margin:28px 0}.method-copy .text-link{color:white;border-color:white}.method-stamp{align-self:end;justify-self:end;border:1px solid rgba(255,255,255,.5);border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 24px var(--serif);transform:rotate(-12deg)}.method-stamp span{font:700 6px var(--sans);letter-spacing:1.4px}.contact-layer{padding:90px 7%;display:flex;align-items:end;justify-content:space-between;gap:30px;background:var(--paper2)}.contact-layer .overline{margin-bottom:20px}.contact-layer h2 em{color:var(--blue)}.contact-layer .action-primary{margin-bottom:8px;white-space:nowrap}
.home-architecture .global-footer{background:var(--ink);color:var(--paper);padding:50px 7%;border:0}.home-architecture .global-footer-inner{max-width:1300px;grid-template-columns:1fr 1fr;align-items:start}.home-architecture .global-footer-brand{font:500 46px var(--serif);letter-spacing:-1px}.home-architecture .global-footer-brand i{font-style:normal;color:var(--acid)}.home-architecture .global-footer p{font-size:10px;line-height:1.8;letter-spacing:.4px;color:#a8aaa2}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:40px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.home-architecture .global-footer a{font-size:8px;letter-spacing:1.4px}.footer-email{color:var(--acid)!important;text-decoration:none;font-weight:700}
@media(max-width:1050px){.home-architecture .global-nav-inner{min-height:66px}.home-architecture .global-tabs{top:66px;background:var(--paper);padding:12px 5% 22px}.home-architecture .global-tabs a{padding:14px 0;border-bottom:1px solid var(--line)}.home-architecture .global-curators{margin:10px 0 0!important;text-align:left}.masthead-grid{gap:5%;min-height:500px}.section-index{margin-bottom:55px}.visual-frame img{height:380px}.layer-heading{grid-template-columns:50px 1fr .8fr}.map-layer .layer-heading{grid-template-columns:50px 1fr .8fr}.archive-card{padding:20px;min-height:300px}.method-layer{grid-template-columns:50px 2fr .4fr}}
@media(max-width:700px){.home-architecture .global-nav-inner{padding:0 18px;gap:10px}.home-architecture .global-brand{font-size:15px}.home-architecture .global-tools{margin-left:0}.home-architecture .global-tools .listen-btn{display:none}.masthead-layer{padding:28px 20px 20px}.masthead-grid{display:flex;flex-direction:column;align-items:stretch;gap:36px;min-height:0}.masthead-copy{padding:0}.section-index{margin-bottom:55px;font-size:7px;gap:15px}.masthead-copy h1{font-size:clamp(104px,31vw,160px);margin-bottom:28px}.masthead-role{font-size:32px}.masthead-intro{font-size:13px}.masthead-actions{gap:18px}.visual-frame{padding:8px;min-height:0}.visual-frame img{height:auto;aspect-ratio:1.1}.frame-label{left:8px;right:8px;bottom:8px;padding:10px;font-size:7px}.masthead-foot{margin-top:35px;font-size:7px;gap:15px}.position-layer,.map-layer{padding:75px 22px}.layer-heading,.map-layer .layer-heading{grid-template-columns:36px 1fr;gap:15px;margin-bottom:40px}.layer-heading h2{font-size:55px}.map-intro{grid-column:2;margin-top:5px}.position-content{margin:0;grid-template-columns:1fr;gap:22px;padding-top:24px}.position-lead{font-size:28px}.position-detail p{font-size:12px}.feature-layer{padding:55px 22px 75px}.feature-top{grid-template-columns:36px 1fr auto;gap:15px}.feature-year{font-size:7px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-image img{aspect-ratio:1.15}.feature-copy h2{font-size:68px}.feature-description{font-size:19px}.archive-grid{grid-template-columns:1fr 1fr}.archive-card{min-height:280px;padding:17px}.archive-card h3{font-size:31px}.archive-card p{font-size:10px}.archive-symbol{margin:23px 0 7px}.method-layer{padding:65px 22px;grid-template-columns:36px 1fr;gap:15px}.method-copy{grid-column:2}.method-copy h2{font-size:48px}.method-copy>p{font-size:12px}.method-stamp{display:none}.contact-layer{padding:65px 22px;display:block}.contact-layer h2{font-size:59px}.contact-layer .action-primary{margin-top:28px}.home-architecture .global-footer{padding:40px 22px}.home-architecture .global-footer-inner{grid-template-columns:1fr;gap:30px}.home-architecture .global-footer-brand{font-size:39px}.footer-right{align-items:flex-start;gap:25px}.footer-links{justify-content:flex-start;gap:15px}}
@media(max-width:390px){.archive-grid{grid-template-columns:1fr}.archive-card{min-height:245px}.section-index span:last-child{max-width:110px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* DEMA ARTIST — homepage colour calibration and high-fidelity artwork display */
:root{
  --paper:#f5f2eb;
  --paper2:#e9e4d9;
  --ink:#202426;
  --muted:#727775;
  --line:rgba(32,36,38,.18);
  --blue:#28535a;
  --acid:#c19a63;
}
.home-architecture{background:var(--paper);color:var(--ink)}
.home-architecture .global-nav{background:rgba(245,242,235,.96)}
.home-architecture .global-brand-mark{background:var(--blue)}
.home-architecture .global-tabs a:hover,
.home-architecture .global-tabs a.active{color:var(--blue);border-color:var(--blue)}
.home-architecture .overline,.home-architecture .title-period{color:var(--blue)}
.home-architecture .masthead-layer{background:var(--paper)}
.home-architecture .masthead-copy h1{letter-spacing:-.065em}
.home-architecture .masthead-role em,
.home-architecture .layer-heading h2 em,
.home-architecture .feature-copy h2 em,
.home-architecture .method-copy h2 em,
.home-architecture .contact-layer h2 em{color:var(--blue)}
.home-architecture .action-primary{background:var(--ink);color:var(--paper)!important}
.home-architecture .action-primary:hover{background:var(--blue)}
.home-architecture .position-layer{background:#182326;color:#f5f2eb}
.home-architecture .position-layer .overline,
.home-architecture .position-layer .layer-number,
.home-architecture .method-layer .layer-number{color:#c9aa78}
.home-architecture .position-layer .layer-heading h2 em{color:#c9aa78}
.home-architecture .position-layer .text-link{color:#d5b987;border-color:#d5b987}
.home-architecture .feature-layer{background:var(--paper2)}
.home-architecture .feature-note{border-color:var(--terracotta,#ad6852)}
.home-architecture .map-layer{background:var(--paper)}
.home-architecture .archive-card{border-color:var(--line)}
.home-architecture .archive-card:hover{border-color:var(--blue);background:#efede5}
.home-architecture .archive-enter{color:var(--blue)}
.home-architecture .method-layer{background:#e2ddd2;color:var(--ink)}
.home-architecture .contact-layer{background:#28535a;color:#f5f2eb}
.home-architecture .contact-layer h2 em{color:#d8bd91}
.home-architecture .visual-frame{background:#e2ddd2;padding:10px}
.home-architecture .visual-frame img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;
  object-position:center;background:#e2ddd2;display:block;
}
.home-architecture .frame-label{background:rgba(245,242,235,.96);color:var(--ink)}
.home-architecture .feature-image{background:#ded9ce}
.home-architecture .feature-image img{width:100%;height:auto;aspect-ratio:1.45;object-fit:contain;background:#ded9ce}
.home-architecture .masthead-intro{color:#555d5b}
.home-architecture .position-detail p{color:#c7ceca}
.home-architecture .global-footer{background:#182326}
@media(max-width:760px){
  .masthead-layer{padding-top:30px}
  .section-index{margin-bottom:48px}
  .home-architecture .visual-frame img{aspect-ratio:4/3;height:auto}
  .home-architecture .feature-image img{aspect-ratio:4/3}
}