@charset "UTF-8";

:root{color-scheme:light;--paper:#f3f1eb;--paper-light:#f8f7f3;--ink:#171817;--muted:#6d6e68;--line:#d1d0c9;--raised:10px 10px 24px #dddbd5,-10px -10px 24px #fffefa;--font-geo:Futura,"Avenir Next",Avenir,"Century Gothic","Trebuchet MS",sans-serif;--font-ja:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-geo),var(--font-ja);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #006dba;outline-offset:5px}
::selection{background:#d9d5ca;color:var(--ink)}
.skip-link{position:absolute;z-index:20;top:-100px;left:20px;padding:12px 18px;background:#171817;color:white}.skip-link:focus{top:12px}
.site-shell{width:min(100%,1600px);margin:auto;overflow:hidden}
.site-header{height:100px;padding:0 clamp(22px,5.2vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{display:flex;flex-direction:column;gap:5px}.wordmark-main{font-weight:900;font-size:19px;letter-spacing:-.06em;line-height:1}.wordmark-dot{color:#a69679}.wordmark-sub{font-weight:800;font-size:8px;letter-spacing:.22em;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:clamp(20px,3.5vw,55px);font-size:11px;letter-spacing:.14em;font-weight:900}.main-nav a{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s}.main-nav a:hover{border-color:var(--ink)}.nav-index{color:#9d9e99;font-size:10px}
.hero{min-height:665px;padding:34px clamp(22px,5.2vw,88px) 44px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero:before{content:"";position:absolute;inset:34px clamp(22px,5.2vw,88px) 44px;pointer-events:none;border-left:1px solid rgba(23,24,23,.07);border-right:1px solid rgba(23,24,23,.07)}
.hero-topline,.hero-bottom,.section-heading,.featured-kicker,.featured-bottomline,.artist-top,.artist-bottom,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.hero-topline{font-size:10px;font-weight:800;letter-spacing:.23em;color:var(--muted);position:relative;z-index:1}.hero-title-wrap{position:relative;z-index:1}.hero h1{font-size:clamp(92px,12.6vw,202px);line-height:.77;letter-spacing:-.095em;margin:0;font-weight:900;transform:translateX(-.035em)}.hero h1>span{display:block}.hero h1>span:nth-child(2){margin-top:.13em}.hero-period{color:#b2aa9b}.hero-seal{position:absolute;right:1.3%;top:50%;width:114px;height:114px;border-radius:50%;border:1px solid #b7b6ae;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:5px 5px 12px #e0ded7,-5px -5px 12px #fff}.hero-seal span{font-size:7px;letter-spacing:.2em;font-weight:900}.hero-seal strong{font-size:22px;letter-spacing:-.08em;margin:5px 0}
.hero-bottom{align-items:flex-end;gap:20px;position:relative;z-index:1}.hero-intro{margin:0;font-size:clamp(18px,1.7vw,24px);line-height:1.45;font-weight:900;letter-spacing:.03em}.hero-caption{font-family:var(--font-geo);font-size:12px;line-height:1.8;color:var(--muted);margin:0 auto 0 2vw}.hero-scroll{width:230px;padding:15px 4px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;font-weight:900;white-space:nowrap}.down-arrow{font-size:23px;font-weight:400;line-height:1;transition:transform .25s}.hero-scroll:hover .down-arrow{transform:translateY(5px)}
.section-space{padding:0 clamp(22px,5.2vw,88px)}.section-heading{border-top:1px solid var(--ink);padding:17px 0 29px;gap:20px}.section-heading-left{display:flex;gap:30px;align-items:baseline}.section-no,.section-aside{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--muted)}.section-heading h2{font-size:clamp(18px,2.1vw,27px);font-weight:900;letter-spacing:-.045em;margin:0}.section-aside{text-align:right}
.featured{min-height:480px;background:#1d1e1d;color:#f4f1ea;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);border-radius:18px;box-shadow:12px 14px 28px #d7d5cd,-8px -8px 20px #fffefa;overflow:hidden;transition:transform .28s,box-shadow .28s}.featured:hover{transform:translateY(-5px);box-shadow:16px 20px 32px #cfcdc5,-8px -8px 20px #fffefa}.featured:focus-visible{outline-offset:7px}.featured-main{position:relative;padding:32px 38px 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.featured-main:after{content:"";position:absolute;width:55%;height:62%;right:-8%;bottom:12%;border:1px solid rgba(238,234,224,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(238,234,224,.025),0 0 0 58px rgba(238,234,224,.018);pointer-events:none}.featured-kicker,.featured-bottomline{font-size:10px;font-weight:800;letter-spacing:.2em;position:relative;z-index:1}.featured-kicker{justify-content:flex-start;gap:11px}.signal{width:7px;height:7px;background:#d2c5ad;border-radius:50%;box-shadow:0 0 0 4px rgba(210,197,173,.12)}.featured-index{margin-left:auto;color:#aaa9a2}.featured-title-block{position:relative;z-index:1;padding-top:20px}.featured-outline{position:absolute;top:-70px;right:0;font-size:clamp(130px,22vw,350px);font-weight:900;letter-spacing:-.11em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(241,239,233,.13);pointer-events:none}.featured h3{font-size:clamp(70px,7.8vw,126px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:900}.featured h3 em{font-style:normal}.featured-years{font-size:clamp(20px,2.6vw,38px);letter-spacing:-.04em;font-weight:800;margin:27px 0 0}.featured-years span{color:#96958e;padding:0 .2em}.featured-bottomline{border-top:1px solid rgba(242,239,231,.35);padding-top:16px;color:#aaa9a2}.featured-detail{background:#292a28;border-left:1px solid #44443f;padding:38px 38px 27px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.2em;color:#bcbcb6;font-weight:900;margin:0 0 31px}.featured-lead{font-family:var(--font-geo);font-weight:900;font-size:clamp(25px,2.3vw,34px);line-height:1.1;letter-spacing:-.04em;margin:0 0 15px}.featured-copy{font-family:var(--font-geo);font-size:12px;line-height:1.75;color:#b8b8b2;max-width:35em;margin:0}.feature-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px 13px;margin:26px 0 25px}.feature-list li{font-family:var(--font-ja);font-size:11px;color:#d8d7d0;white-space:nowrap}.feature-list li:before{content:"—";color:#c0a981;margin-right:6px}.enter-link{border-top:1px solid #6a6a63;padding-top:17px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;font-size:12px;font-weight:900}.enter-link span{font-size:25px;line-height:1;font-weight:400;transition:transform .25s}.featured:hover .enter-link span{transform:translate(4px,-4px)}
.artists-section{padding-top:110px}.artists-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0 38px;gap:20px}.artists-intro p{font-family:var(--font-geo);font-size:clamp(35px,4vw,60px);font-weight:900;line-height:1;letter-spacing:-.055em;margin:0}.artists-intro>span{font-family:var(--font-geo);font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:5px}.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.artist-entry{min-height:340px;background:var(--paper);border-radius:13px;box-shadow:var(--raised);border:1px solid rgba(255,255,255,.73);position:relative;overflow:hidden;padding:24px 28px 22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .25s,box-shadow .25s}.artist-entry:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--accent);opacity:.94}.artist-entry:after{content:"";position:absolute;right:-48px;bottom:-118px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.16);box-shadow:0 0 0 30px rgba(var(--accent-rgb),.025),0 0 0 60px rgba(var(--accent-rgb),.018);z-index:-1}.artist-entry--live:hover{transform:translateY(-5px);box-shadow:14px 16px 27px #d7d5cd,-10px -10px 25px #fff}.artist-top,.artist-bottom{gap:12px;font-size:9px;font-weight:900;letter-spacing:.18em}.artist-top{color:#777870}.status{display:inline-flex;gap:8px;align-items:center;color:var(--accent);white-space:nowrap}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.status--soon{color:#84847d}.artist-body{display:flex;flex-direction:column;align-items:flex-start;margin:22px 0}.artist-name{font-size:clamp(53px,6vw,95px);line-height:.82;letter-spacing:-.09em;font-weight:900;display:block;text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(var(--accent-rgb),.12),6px 6px 8px rgba(0,0,0,.1)}.artist-punctuation{color:var(--accent)}.artist-name--edhiii{font-size:clamp(58px,6.5vw,102px)}.artist-name--mazzel{font-size:clamp(52px,5.5vw,85px)}.artist-name--befirst{font-size:clamp(49px,5.5vw,85px)}.artist-category{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--muted);margin-top:25px}.artist-bottom{border-top:1px solid #cecdc6;padding-top:17px;color:#83837c}.artist-action{color:var(--ink);font-size:11px;white-space:nowrap}.artist-action span{font-size:20px;line-height:0;display:inline-block;vertical-align:-2px;color:var(--accent);transition:transform .25s}.artist-entry--live:hover .artist-action span{transform:translate(3px,-3px)}.soon-label{color:var(--accent);font-size:10px;white-space:nowrap}.artist-entry--soon .artist-name{color:#383936;text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(var(--accent-rgb),.08)}.collection-note{margin:38px 0 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;font-weight:900;display:flex;align-items:center;gap:11px}.collection-note>span:first-child{font-size:21px;font-weight:400;color:#a39c8d}.collection-note-detail{font-family:var(--font-geo);letter-spacing:.12em;font-size:10px;font-weight:800;color:var(--muted);margin-left:auto}
.site-footer{margin-top:110px;padding:39px clamp(22px,5.2vw,88px) 28px;background:#eae8e1}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:75px}.footer-top strong{font-size:clamp(46px,7vw,102px);line-height:.77;letter-spacing:-.095em;font-weight:900}.footer-top strong span{color:#aaa292}.footer-top a{font-size:10px;font-weight:900;letter-spacing:.16em;border-bottom:1px solid #65655d;padding:10px 0;white-space:nowrap}.footer-top a span{font-size:18px;margin-left:18px}.footer-bottom{border-top:1px solid #aaa9a0;padding-top:18px;font-size:10px;font-weight:900;letter-spacing:.13em}.footer-divider{padding:0 8px;color:#9b9b94}
@media (max-width:1100px){.hero{min-height:580px}.hero h1{font-size:clamp(80px,12.3vw,145px)}.hero-seal{right:0;width:95px;height:95px}.hero-caption{display:none}.featured{grid-template-columns:1.05fr .95fr}.featured-main{padding:28px}.featured-detail{padding:30px}.featured h3{font-size:clamp(65px,8vw,100px)}.artist-entry{min-height:300px}.artist-name{font-size:clamp(52px,6.5vw,75px)}.artist-name--edhiii{font-size:clamp(56px,7vw,83px)}.artist-name--mazzel,.artist-name--befirst{font-size:clamp(48px,5.5vw,68px)}}
@media (max-width:700px){.site-header{height:75px;padding:0 20px}.wordmark-main{font-size:16px}.wordmark-sub{font-size:6px}.main-nav{gap:14px;font-size:9px}.nav-index{display:none}.hero{padding:25px 22px 40px;min-height:570px}.hero:before{inset:25px 22px 40px}.hero-topline{font-size:8px;letter-spacing:.11em}.hero-topline span:last-child{display:none}.hero-title-wrap{margin-top:13px}.hero h1{font-size:clamp(60px,14vw,104px);line-height:.83}.hero-seal{position:relative;top:auto;right:auto;width:77px;height:77px;margin:37px 4px 0 auto;transform:rotate(12deg)}.hero-seal span{font-size:5px}.hero-seal strong{font-size:16px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:18px}.hero-intro{font-size:17px}.hero-scroll{width:100%;padding:13px 3px}.section-space{padding:0 22px}.section-heading{padding:13px 0 22px}.section-heading-left{gap:15px}.section-heading h2{font-size:18px}.section-no,.section-aside{font-size:8px}.section-aside{display:none}.featured{display:block;min-height:0;border-radius:14px}.featured-main{min-height:342px;padding:24px 25px 20px}.featured-kicker,.featured-bottomline{font-size:8px}.featured-index{display:none}.featured h3{font-size:clamp(80px,20vw,130px)}.featured-outline{top:-48px;font-size:200px}.featured-years{font-size:24px;margin-top:20px}.featured-detail{border-left:0;border-top:1px solid #44443f;padding:27px 25px 22px}.eyebrow{margin-bottom:19px}.featured-lead{font-size:24px;line-height:1.1}.feature-list{margin:20px 0 28px;gap:12px 5px}.feature-list li{font-size:10px}.artists-section{padding-top:82px}.artists-intro{display:block;margin:5px 0 29px}.artists-intro p{font-size:37px}.artists-intro>span{display:block;margin-top:15px;font-size:11px}.artist-grid{grid-template-columns:1fr;gap:21px}.artist-entry{min-height:310px;padding:22px 23px 20px}.artist-name{font-size:clamp(68px,17vw,105px)}.artist-name--edhiii{font-size:clamp(72px,18vw,110px)}.artist-name--mazzel{font-size:clamp(57px,14vw,94px)}.artist-name--befirst{font-size:clamp(53px,13.5vw,91px)}.collection-note{margin-top:34px;flex-wrap:wrap;font-size:9px}.collection-note-detail{margin-left:31px;width:100%}.site-footer{margin-top:80px;padding:30px 22px 24px}.footer-top{align-items:flex-start;flex-direction:column;gap:27px;padding-bottom:55px}.footer-top strong{font-size:clamp(53px,14vw,82px)}.footer-top a{font-size:8px;align-self:flex-end}.footer-bottom{font-size:8px;letter-spacing:.07em}}
@media (max-width:380px){.main-nav{gap:9px;font-size:8px}.hero h1{font-size:14vw}.feature-list{grid-template-columns:1fr 1fr}.feature-list li{font-size:9px}.artist-name--befirst{font-size:12.5vw}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Published artist sites are the color source. Recheck their live design before updating these tokens. */
.artist-entry--novel{--accent:#ff1768;--accent-rgb:255,23,104}
.artist-entry--edhiii{--accent:#ef171c;--accent-rgb:239,23,28}
/* Upcoming archives stay neutral until their own site establishes an artist palette. */
.artist-entry--soon{--accent:#9b9a94;--accent-rgb:155,154,148}

@media (max-width:700px){
  .hero{min-height:500px}
  .hero-seal{margin-top:22px}
  .featured-main{min-height:315px}
  .featured-detail{padding:24px 25px 20px}
  .artists-section{padding-top:64px}
  .artists-intro{margin-bottom:24px}
  .artist-entry{min-height:298px}
}
