:root{--bg:#f4efe4;--surface:#fffaf0;--ink:#25231e;--muted:#665f52;--accent:#b83d2a;--accent-ink:#fffaf0;--rule:#9b9282;--soft-rule:#c9c0b0;--display:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:clip}
button,input,select{font:inherit}
button,a,select,input{outline:2px solid transparent;outline-offset:3px}
button:focus,a:focus,select:focus,input:focus{outline-color:var(--accent)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:var(--accent);outline-width:3px}
button:active,a:active{transform:scale(.97)}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(100% - 64px,1360px);margin-inline:auto}
.edition-bar{display:flex;justify-content:space-between;align-items:center;min-height:35px;border-bottom:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.13em}
.edition-star{color:var(--accent);font-size:13px;margin-inline:5px}
.masthead{display:flex;align-items:center;justify-content:space-between;min-height:106px;border-bottom:3px double var(--ink)}
.wordmark{font-family:var(--display);font-size:clamp(63px,6.4vw,99px);font-weight:700;letter-spacing:-.085em;line-height:.85;text-decoration:none;padding-bottom:10px;transition:color .18s var(--ease)}
.wordmark-dot{color:var(--accent)}
.masthead nav a{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:13px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid var(--ink);transition:color .18s var(--ease),border-color .18s var(--ease)}
.masthead nav a span{font-size:22px;line-height:1}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:620px;padding-block:30px 40px;gap:30px}
.hero-copy{display:flex;flex-direction:column;min-width:0}
.eyebrow,.section-kicker,.card-overline,.card-facts,.list-meta,.photo-caption,.detail-topline,.detail-category,.detail-facts dt,.footer{font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.4}
.eyebrow{display:flex;align-items:center;gap:12px;padding-top:17px}
.eyebrow-line{display:inline-block;width:37px;height:2px;background:var(--accent)}
.hero h1{font-family:var(--display);font-size:clamp(70px,7.65vw,116px);font-weight:400;line-height:.96;letter-spacing:-.065em;margin:42px 0 20px;white-space:nowrap;animation:headline-ink .6s var(--ease) both}
.hero h1 em,.section-heading h2 em,.closing h2 em{font-weight:400;color:var(--accent)}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:auto;padding-bottom:12px}
.hero-bottom p{max-width:305px;margin:0;font-size:17px;line-height:1.55;color:var(--muted)}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:218px;min-height:53px;background:var(--accent);color:var(--accent-ink);padding:12px 17px;text-decoration:none;font-size:13px;font-weight:700;transition:background .18s var(--ease),transform .18s var(--ease)}
.primary-link span{font-size:23px;line-height:1}
.hero-visual{position:relative;min-width:0;padding:14px 13px 18px 18px}
.hero-photo-frame{position:relative;height:100%;min-height:520px;padding:9px;background:var(--surface);border:1px solid var(--ink);transform:rotate(1.2deg);box-shadow:10px 11px 0 #d3cab9;animation:photo-settle .65s var(--ease) both}
.hero-photo-frame img{width:100%;height:calc(100% - 29px);object-fit:cover;object-position:center}
.photo-caption{display:flex;justify-content:space-between;align-items:center;min-height:29px;white-space:nowrap}
.hero-stamp{position:absolute;right:-12px;top:6px;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;width:125px;height:125px;background:var(--accent);color:var(--accent-ink);border:2px dashed var(--accent-ink);border-radius:50%;outline:5px solid var(--accent);font-size:14px;font-weight:800;letter-spacing:.12em;line-height:1.1;text-align:center;transform:rotate(12deg);animation:stamp-arrive .55s .35s var(--ease) both}
.stamp-mark{font-size:23px;line-height:1;margin-top:4px}
.hero-issue{position:absolute;left:-47px;bottom:35px;color:var(--surface);font-family:var(--display);font-size:26px;font-weight:700;line-height:.95;letter-spacing:-.04em;background:var(--ink);padding:16px 17px 15px;transform:rotate(-6deg)}
.running-line{overflow:clip;border-block:1px solid var(--ink);background:#e8dfce}
.running-line-inner{width:max-content;min-height:44px;display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700;letter-spacing:.15em;white-space:nowrap;animation:news-ticker 30s linear infinite}
.running-line-inner span{font-size:18px;color:var(--accent)}
.workshops{padding-block:120px 136px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}
.section-kicker{margin:0 0 22px;color:var(--accent)}
.section-heading h2,.closing h2{font-family:var(--display);font-size:clamp(56px,6.4vw,94px);font-weight:400;line-height:.98;letter-spacing:-.06em;margin:0}
.section-intro{max-width:280px;margin:0 0 8px;color:var(--muted);font-size:17px;line-height:1.55}
.filter-bar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) auto;align-items:end;gap:16px;padding:24px 0;border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
.field label{display:block;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.input-wrap,.select-wrap{position:relative}
.input-wrap input,.select-wrap select{width:100%;height:51px;border:1px solid var(--ink);border-radius:0;background:var(--surface);color:var(--ink);font-size:16px;padding:10px 16px;transition:background .18s var(--ease),border-color .18s var(--ease)}
.input-wrap input{padding-left:43px}
.input-wrap input::placeholder{color:#766f62;opacity:1}
.search-icon{position:absolute;left:15px;top:9px;font-family:var(--display);font-size:29px;line-height:1;pointer-events:none}
.select-wrap select{appearance:none;padding-right:43px;cursor:pointer}
.select-wrap:after{content:'⌄';position:absolute;right:16px;top:8px;font-size:28px;line-height:1;pointer-events:none}
.saved-filter{display:flex;align-items:center;justify-content:center;gap:10px;min-width:176px;height:51px;padding:10px 15px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.saved-filter[aria-pressed=true]{background:var(--ink);color:var(--surface)}
.clip-symbol{font-size:20px;color:var(--accent);line-height:1}
.saved-count{display:inline-grid;place-items:center;min-width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:11px}
.list-meta{display:flex;justify-content:space-between;gap:20px;padding-block:15px 14px;color:var(--muted)}
.article-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:1px solid var(--ink)}
.workshop-card{grid-column:span 6;display:flex;flex-direction:column;min-width:0;padding:25px 24px 32px;border-bottom:1px solid var(--ink);background:transparent;transition:background .2s var(--ease)}
.workshop-card:nth-child(odd){border-right:1px solid var(--ink)}
.workshop-card.feature-card{grid-column:span 8;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;border-right:1px solid var(--ink)}
.workshop-card:nth-child(2){grid-column:span 4;border-right:0}
.card-image{position:relative;overflow:hidden;aspect-ratio:1.95;background:#e4dac9}
.feature-card .card-image{aspect-ratio:auto;min-height:298px}
.workshop-card:nth-child(2) .card-image{aspect-ratio:1.35}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease),filter .25s var(--ease)}
.image-number{position:absolute;right:0;bottom:0;background:var(--surface);padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.1em}
.card-content{display:flex;flex-direction:column;min-width:0;flex:1}
.card-overline{display:flex;justify-content:space-between;gap:10px;min-height:32px;padding-top:2px;color:var(--accent)}
.feature-card .card-overline{padding-top:3px}
.clip-indicator{color:var(--ink)}
.workshop-card h3{font-family:var(--display);font-weight:400;font-size:clamp(33px,3.3vw,51px);line-height:1.05;letter-spacing:-.045em;margin:0 0 15px}
.feature-card h3{font-size:clamp(42px,4.3vw,65px)}
.workshop-card h3 button{display:inline-block;min-height:44px;margin:0;padding:0 3px 2px 0;border:0;border-bottom:1px solid transparent;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease)}
.workshop-card h3 button span{display:inline-block;margin-left:2px;color:var(--accent);font-family:var(--body);font-size:.5em;vertical-align:top;transition:transform .18s var(--ease)}
.workshop-card p{max-width:48ch;margin:0 0 24px;color:var(--muted);font-size:16px;line-height:1.56}
.card-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 19px;margin-top:auto;padding-top:12px;border-top:1px solid var(--soft-rule)}
.card-facts strong{margin-left:auto;font-size:17px;letter-spacing:0;color:var(--ink)}
.article-grid.is-filtered{display:block}
.article-grid.is-filtered .workshop-card{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:25px;padding:22px 0;border-right:0}
.article-grid.is-filtered .card-image{aspect-ratio:1.9;min-height:0}
.article-grid.is-filtered .card-overline{padding-top:0}
.article-grid.is-filtered .workshop-card h3{font-size:clamp(37px,3.8vw,53px)}
.empty-state{padding:70px 20px 90px;text-align:center;border-bottom:1px solid var(--ink)}
.empty-state[hidden],.workshop-card[hidden],.clip-indicator[hidden]{display:none}
.empty-mark{color:var(--accent);font-size:52px;line-height:1}
.empty-state h3{font-family:var(--display);font-size:clamp(35px,4vw,54px);font-weight:400;letter-spacing:-.04em;margin:12px 0}
.empty-state p{color:var(--muted);font-size:17px}
.empty-state button{min-height:48px;margin-top:15px;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--surface);cursor:pointer;font-size:14px;font-weight:700;transition:background .18s var(--ease),transform .18s var(--ease)}
.closing{overflow:clip;background:var(--ink);color:var(--surface)}
.closing-inner{position:relative;padding-block:116px 126px;min-height:500px}
.closing .section-kicker{color:#edaa94}
.closing h2{position:relative;z-index:1;max-width:1000px;font-size:clamp(59px,7.7vw,112px)}
.closing h2 em{color:#e78872}
.closing p:not(.section-kicker){position:relative;z-index:1;margin:26px 0;color:#e2d6c6;font-size:18px;line-height:1.5}
.closing a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;margin-top:14px;padding:11px 16px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-size:13px;font-weight:700;transition:background .18s var(--ease),transform .18s var(--ease)}
.closing-mark{position:absolute;right:-20px;top:-108px;font-size:570px;line-height:1;color:#51423a;transform:rotate(-15deg);pointer-events:none;user-select:none}
.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:86px}
.footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid var(--ink);transition:color .18s var(--ease),border-color .18s var(--ease)}
.detail-dialog{width:min(1100px,calc(100vw - 42px));max-height:min(880px,calc(100dvh - 42px));padding:0;border:1px solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);box-shadow:18px 18px 0 #30282066;overflow:auto}
.detail-dialog::backdrop{background:#211e19bc;backdrop-filter:blur(3px)}
.detail-shell{padding:22px}
.detail-topline{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:15px;border-bottom:3px double var(--ink);background:var(--bg)}
.close-detail{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:7px 12px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.close-detail span{font-size:24px;font-weight:400;line-height:.7}
.detail-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:32px;padding-top:20px}
.detail-image{min-height:600px;background:#e4dac9}
.detail-image img{width:100%;height:100%;object-fit:cover}
.detail-content{display:flex;flex-direction:column;padding:10px 8px 8px 0}
.detail-category{margin:0 0 20px;color:var(--accent)}
.detail-content h2{font-family:var(--display);font-size:clamp(53px,5.3vw,77px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:0 0 26px}
.detail-body{max-width:50ch;margin:0 0 29px;color:var(--muted);font-size:18px;line-height:1.62}
.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 30px;border-top:1px solid var(--ink)}
.detail-facts div{padding:13px 8px 13px 0;border-bottom:1px solid var(--soft-rule)}
.detail-facts dt{text-transform:uppercase;color:var(--muted)}
.detail-facts dd{margin:6px 0 0;font-family:var(--display);font-size:23px;letter-spacing:-.025em}
.save-item{display:flex;justify-content:space-between;align-items:center;gap:13px;width:100%;min-height:56px;margin-top:auto;padding:13px 16px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-align:left;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}
.save-item[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.save-glyph{font-size:24px;line-height:1}
.detail-note{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
@media (hover:hover) and (pointer:fine){
  .wordmark:hover,.masthead nav a:hover,.footer a:hover{color:var(--accent)}
  .masthead nav a:hover,.footer a:hover{border-color:var(--accent)}
  .primary-link:hover,.closing a:hover{background:#912c1e}
  .input-wrap input:hover,.select-wrap select:hover{background:#fffdf8;border-color:var(--accent)}
  .saved-filter:hover{background:var(--ink);color:var(--surface)}
  .workshop-card:hover{background:#eee6d8}
  .workshop-card:hover .card-image img{transform:scale(1.025)}
  .workshop-card h3 button:hover{color:var(--accent);border-color:var(--accent)}
  .workshop-card h3 button:hover span{transform:translate(2px,-2px)}
  .empty-state button:hover,.close-detail:hover{background:var(--accent);color:var(--accent-ink)}
  .save-item:hover{background:#912c1e}
  .save-item[aria-pressed=true]:hover{background:#493b32}
}
.workshop-card h3 button:focus-visible{outline-offset:5px;color:var(--accent);border-color:var(--accent)}
.saved-filter:focus-visible,.close-detail:focus-visible,.save-item:focus-visible,.empty-state button:focus-visible{outline-offset:4px}
.primary-link:focus-visible,.closing a:focus-visible{outline-color:var(--ink);outline-offset:4px}
.workshop-card h3 button:active,.saved-filter:active,.save-item:active,.close-detail:active,.empty-state button:active{transform:scale(.97)}
@keyframes headline-ink{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-settle{from{opacity:0;transform:rotate(3deg) translateY(18px)}to{opacity:1;transform:rotate(1.2deg) translateY(0)}}
@keyframes stamp-arrive{from{opacity:0;transform:rotate(25deg) scale(.82)}to{opacity:1;transform:rotate(12deg) scale(1)}}
@keyframes news-ticker{to{transform:translateX(-50%)}}
@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);min-height:540px}
  .hero h1{font-size:clamp(62px,7.2vw,90px)}
  .hero-bottom{align-items:flex-start;flex-direction:column;gap:16px}
  .hero-photo-frame{min-height:470px}
  .workshop-card.feature-card{grid-column:span 7}
  .workshop-card:nth-child(2){grid-column:span 5}
  .card-facts{gap:8px 12px}
}
@media(max-width:760px){
  .wrap{width:min(100% - 40px,650px)}
  .edition-bar{font-size:9px;min-height:31px}
  .edition-bar span:last-child{display:none}
  .masthead{min-height:91px}
  .wordmark{font-size:70px}
  .masthead nav a{gap:7px;max-width:111px;font-size:11px;line-height:1.25;letter-spacing:.04em}
  .masthead nav a span{font-size:20px}
  .hero{display:block;padding-block:32px 52px;min-height:0}
  .eyebrow{padding:0;font-size:10px}
  .hero h1{font-size:clamp(55px,12.2vw,82px);margin:26px 0 20px;white-space:normal}
  .hero-bottom{gap:18px;padding:0}
  .hero-bottom p{font-size:16px;max-width:340px}
  .primary-link{min-width:222px}
  .hero-visual{margin-top:35px;padding:12px 16px 10px 5px}
  .hero-photo-frame{height:310px;min-height:0}
  .hero-issue{left:-9px;bottom:12px;font-size:19px;padding:10px 12px}
  .hero-stamp{width:88px;height:88px;right:-6px;top:7px;font-size:10px;outline-width:3px}
  .stamp-mark{font-size:15px}
  .photo-caption{font-size:8px}
  .running-line-inner{min-height:39px;font-size:10px}
  .workshops{padding-block:72px 84px}
  .section-heading{display:block;margin-bottom:33px}
  .section-kicker{margin-bottom:16px}
  .section-heading h2{font-size:clamp(55px,11vw,78px)}
  .section-intro{margin-top:21px;max-width:420px;font-size:16px}
  .filter-bar{grid-template-columns:1fr 1fr;gap:14px;padding-block:20px}
  .search-field{grid-column:1/-1}
  .saved-filter{min-width:0;width:100%}
  .list-meta{font-size:10px}
  .list-meta span:last-child{display:none}
  .article-grid{display:block}
  .workshop-card,.workshop-card.feature-card,.workshop-card:nth-child(2){display:block;border-right:0;padding:22px 0 28px}
  .article-grid.is-filtered .workshop-card{display:block;padding:22px 0 28px}
  .workshop-card .card-image,.workshop-card:nth-child(2) .card-image,.feature-card .card-image{aspect-ratio:1.55;min-height:0}
  .article-grid.is-filtered .card-image{aspect-ratio:1.55}
  .card-overline{padding-top:17px}
  .article-grid.is-filtered .card-overline{padding-top:17px}
  .workshop-card h3,.feature-card h3{font-size:clamp(37px,8.5vw,51px)}
  .article-grid.is-filtered .workshop-card h3{font-size:clamp(37px,8.5vw,51px)}
  .workshop-card p{margin-bottom:23px}
  .card-facts{font-size:10px}
  .closing-inner{min-height:0;padding-block:80px 88px}
  .closing h2{font-size:clamp(52px,11vw,78px)}
  .closing-mark{font-size:330px;right:-70px;top:-65px}
  .footer{flex-wrap:wrap;justify-content:space-between;padding-block:18px;font-size:10px}
  .footer span:nth-child(2){display:none}
  .detail-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);box-shadow:none}
  .detail-shell{padding:16px}
  .detail-topline{font-size:9px}
  .detail-topline span:nth-child(2){display:none}
  .detail-layout{display:block;padding-top:15px}
  .detail-image{height:230px;min-height:0}
  .detail-content{padding:19px 0 0}
  .detail-category{margin-bottom:13px}
  .detail-content h2{font-size:clamp(48px,13vw,66px);margin-bottom:17px}
  .detail-body{font-size:16px;margin-bottom:19px}
  .detail-facts{margin-bottom:22px}
  .detail-facts dd{font-size:19px}
}
@media(max-width:410px){.hero h1{font-size:clamp(49px,12.5vw,55px)}.filter-bar{grid-template-columns:1fr}.search-field{grid-column:auto}.saved-filter{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}