/* Layout "centric" — cream canvas, heavy uppercase type, arched model on a colour block. Loaded after main.css. */
.layout-centric{--bg:#F5F1E8;--panel:#EFEADF;--card:#E4DED1;--c-bg:#F5F1E8;--radius:28px}
.layout-centric .frame{background:var(--bg)}

/* Signature shape here is soft rounded, not cut corners */
.layout-centric .notch,.layout-centric .notch--r{clip-path:none;border-radius:var(--radius)}

/* Header */
.site-header--centric{grid-template-columns:1fr auto 1fr;padding:26px var(--gut) 18px;
  background:repeating-linear-gradient(-55deg,rgba(17,17,17,.035) 0 26px,transparent 26px 60px)}
.c-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);font-size:14.5px;font-weight:500}
.c-nav a{position:relative;white-space:nowrap}
.c-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.c-nav a:hover::after{transform:none}
.c-nav__burger{display:none}
.site-header--centric .logo__word{font-weight:800;font-size:21px;letter-spacing:-.01em}
.c-search{display:flex;align-items:center;gap:8px;height:46px;width:min(240px,22vw);padding:0 18px;border-radius:99px;background:#E7E2D7;color:#555}
.c-search svg{width:16px;height:16px;flex:none}
.c-search input{border:0;background:none;font:inherit;font-size:13.5px;width:100%;outline:0;color:var(--ink)}
.circle--ink{background:var(--ink);color:#fff;border-color:var(--ink);position:relative;width:46px;height:46px}
.circle--ink:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px}

/* Hero */
.c-hero{position:relative;padding:8px var(--gut) 0;
  background:linear-gradient(to bottom,transparent 0,var(--bg) 340px),repeating-linear-gradient(-55deg,rgba(17,17,17,.035) 0 26px,transparent 26px 60px)}
.c-title{position:relative;z-index:1;text-align:center;font-size:clamp(46px,9.6vw,150px);font-weight:800;letter-spacing:-.035em;line-height:.9;text-transform:uppercase;white-space:nowrap;padding-top:clamp(10px,2vw,28px)}
.c-title__star{display:inline-grid;place-items:center;width:.78em;height:.78em;border-radius:50%;background:var(--ink);color:var(--bg);vertical-align:-.04em;margin:0 .02em}
.c-title__star svg{width:52%;height:52%}
.c-stage{display:grid;grid-template-columns:1fr minmax(300px,1.25fr) 1fr;gap:clamp(16px,3vw,48px);align-items:end;margin-top:clamp(-28px,-1.6vw,-12px)}
.c-left,.c-right{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-bottom:clamp(24px,4vw,64px)}
.c-left{padding-left:3%}
.c-right{padding-right:3%;align-items:flex-start}
.c-stat{display:flex;align-items:center;gap:10px;font-size:clamp(26px,2.6vw,40px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1;margin-top:clamp(40px,8vw,120px)}
.c-stat__seal{width:.8em;height:.8em;display:block;color:var(--ink)}.c-stat__seal svg{width:100%;height:100%}
.c-ring{position:relative;display:flex;align-items:center;margin-top:18px;width:max-content}
.c-ring__img{width:clamp(64px,6vw,86px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--card);box-shadow:0 0 0 4px var(--bg)}
.c-ring__img img{width:100%;height:100%;object-fit:cover}
.c-ring__badge{position:relative;width:clamp(72px,6.6vw,96px);aspect-ratio:1;margin-left:-14px;border-radius:50%;background:#EAE5DA;display:grid;place-items:center}
.c-ring__badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}
.c-ring__badge text{font-size:9.6px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;fill:var(--ink)}
.c-ring__dot{width:42%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;transition:transform .4s}
.c-ring__dot svg{width:50%;height:50%;position:static;animation:none}
.c-ring:hover .c-ring__dot{transform:rotate(90deg) scale(1.08)}
.c-doodle{color:var(--ink)}
.c-doodle--zig{width:76px;margin:22px 0 0 50px}
.c-doodle--arrow{position:absolute;top:clamp(8px,2vw,30px);right:8%;width:clamp(60px,6vw,90px)}
.c-emblem{width:clamp(44px,4vw,56px);color:var(--ink);margin-top:clamp(40px,8vw,110px);animation:spin 20s linear infinite}
.c-emblem svg{width:100%;height:auto}
.c-cta{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border:1.5px solid var(--ink);border-radius:99px;font-size:14px;font-weight:700;transition:background .2s,color .2s}
.c-cta svg{width:18px;height:18px}
.c-cta:hover{background:var(--ink);color:var(--bg)}
.c-right .small{max-width:30ch;margin-top:20px}

.c-figure{position:relative;height:clamp(420px,42vw,620px);display:flex;justify-content:center;align-items:flex-end}
.c-figure__block{position:absolute;left:0;right:0;bottom:0;height:72%;border-radius:clamp(28px,3vw,44px) clamp(28px,3vw,44px) 0 0;
  background:linear-gradient(to bottom,var(--accent) 55%,color-mix(in srgb,var(--accent) 55%,#7FA6D9) 100%)}
.c-figure__img{position:relative;z-index:2;width:76%;height:100%;border-radius:999px 999px 0 0;overflow:hidden;box-shadow:0 -1px 0 rgba(0,0,0,.02)}
.c-figure__img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}

.c-catrow{display:flex;justify-content:space-between;gap:clamp(16px,2vw,32px);flex-wrap:wrap;padding:clamp(20px,2.4vw,32px) 3% clamp(28px,3vw,44px);border-top:1px solid var(--line)}
.c-catrow a{display:inline-flex;align-items:center;gap:10px}
.c-catrow__av{width:clamp(30px,2.6vw,40px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--card);flex:none}
.c-catrow__av img{width:100%;height:100%;object-fit:cover}
.c-catrow__name{font-size:clamp(20px,2.3vw,36px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1;transition:color .2s}
.c-catrow sup{font-size:clamp(11px,.95vw,14px);font-weight:700;align-self:flex-start;margin-left:-4px;top:-.4em}
.c-catrow a:hover .c-catrow__name{color:var(--accent)}

/* Band */
.c-band{background:var(--ink);color:var(--bg);overflow:hidden;padding:18px 0;margin:0 var(--gut);border-radius:var(--radius)}
.c-band__track{display:flex;align-items:center;gap:26px;white-space:nowrap;animation:marquee 40s linear infinite;font-size:clamp(20px,2.2vw,30px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.c-band__track i{width:22px;height:22px;color:var(--accent);display:grid}.c-band__track i svg{width:100%;height:100%}

/* Sections */
.c-section{padding:clamp(56px,7vw,110px) calc(var(--gut) + 3%) 0}
.c-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,3vw,44px);flex-wrap:wrap}
.c-h2{font-size:clamp(34px,5vw,76px);font-weight:800;letter-spacing:-.035em;text-transform:uppercase;line-height:.92}
.c-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.c-cat{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.c-cat:hover{transform:translateY(-6px)}
.c-cat__img{aspect-ratio:4/5;overflow:hidden;background:var(--card)}
.c-cat__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.c-cat:hover .c-cat__img img{transform:scale(1.05)}
.c-cat__body{display:grid;gap:8px;padding:18px 20px 20px}
.c-cat__num{font-size:12px;font-weight:700;color:var(--muted)}
.c-cat__name{font-size:clamp(20px,1.7vw,26px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1}
.c-cat__desc{font-size:13px;color:#555;line-height:1.45}
.c-cat__go{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-top:6px}
.c-cat .circle{width:32px;height:32px}
.c-cat.is-accent{background:var(--accent);color:var(--accent-ink)}
.c-cat.is-accent .c-cat__num,.c-cat.is-accent .c-cat__desc{color:inherit;opacity:.8}
.c-cat.is-accent .circle{background:var(--accent-ink);color:var(--accent);border-color:transparent}

/* Feature (editorial notes) */
.c-feature{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;margin:clamp(56px,7vw,110px) var(--gut) 0;padding:clamp(32px,5vw,72px);border-radius:clamp(28px,3vw,44px);background:var(--ink);color:var(--bg);overflow:hidden}
.c-feature .label{color:color-mix(in srgb,var(--bg) 60%,transparent)}
.c-feature .notes__item{text-align:left;margin:22px 0 28px;padding:0;max-width:none}
.c-feature .notes__item p{font-size:clamp(26px,3.4vw,52px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1}
.c-feature__nav{display:flex;gap:10px}
.c-feature__nav .circle{background:transparent;color:var(--bg);border-color:rgba(255,255,255,.3)}
.c-feature__nav .circle:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.c-feature__img{aspect-ratio:4/5;border-radius:999px 999px var(--radius) var(--radius);overflow:hidden;background:#333}
.c-feature__img img{width:100%;height:100%;object-fit:cover}
.c-feature__badge{position:absolute;right:clamp(20px,3vw,48px);top:clamp(20px,3vw,48px);width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;animation:spin 12s linear infinite}
.c-feature__badge svg{width:46%;height:46%}

/* Latest row in this layout */
.layout-centric .latest__row{grid-auto-columns:minmax(230px,calc((100% - 3*24px)/4))}
.layout-centric .card__title{font-weight:700;letter-spacing:-.02em}
.layout-centric .card__meta{font-weight:600}

/* Inner pages */
.layout-centric .page-head,.layout-centric .post__head{background:transparent;text-align:left}
.layout-centric .page-head .display,.layout-centric .post__title{font-weight:800;text-transform:uppercase;letter-spacing:-.035em}
.layout-centric .post__title{max-width:20ch}
.layout-centric .chips,.layout-centric .grid-wrap,.layout-centric .post,.layout-centric .comments-wrap{background:transparent}
.layout-centric .chips{border-bottom:0}
.layout-centric .chips a{background:#fff;border-color:transparent;font-weight:600}
.layout-centric .chips a:hover,.layout-centric .chips a.is-on{background:var(--accent);color:var(--accent-ink)}
.layout-centric .page-head__flower{color:var(--accent)}
.layout-centric .grid-wrap{padding-top:16px}
.layout-centric .moments,.layout-centric .latest{background:transparent}
.layout-centric .latest{padding-left:0;padding-right:0}

/* Footer */
.layout-centric .site-footer{border-radius:clamp(28px,3vw,44px);margin-top:clamp(56px,7vw,110px)}
.layout-centric .site-footer__word{font-weight:800;text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(48px,11vw,180px)}

/* Responsive */
@media (max-width:1100px){
  .c-nav a{display:none}.c-nav__burger{display:inline-grid}
  .c-cats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .c-stage{grid-template-columns:1fr 1fr;margin-top:12px}
  .c-figure{grid-column:1/-1;order:-1;height:clamp(380px,90vw,560px)}
  .c-stat,.c-emblem{margin-top:8px}
  .c-doodle--arrow{display:none}
  .c-feature{grid-template-columns:1fr}.c-feature__img{max-width:320px}
}
@media (max-width:720px){
  .site-header--centric{padding:14px 16px}
  .c-search{display:none}
  .c-hero{padding:4px 16px 0}
  .c-title{font-size:clamp(34px,11.5vw,64px);white-space:normal}
  .c-stage{grid-template-columns:1fr;gap:6px}
  .c-left,.c-right{padding:0 0 12px}
  .c-doodle--zig{display:none}
  .c-catrow{padding:20px 0 28px;gap:14px 20px;justify-content:flex-start}
  .c-band{margin:0;border-radius:0}
  .c-section{padding:56px 16px 0}
  .c-cats{grid-template-columns:1fr 1fr;gap:12px}
  .c-cat__body{padding:14px}.c-cat__desc{display:none}
  .c-feature{margin:56px 0 0;border-radius:0;padding:36px 16px}
  .layout-centric .site-footer{border-radius:0;margin-top:56px}
}