.rack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:40px 0 0}
.tile{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;min-width:0;aspect-ratio:.78;padding:16px;
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;border:0;cursor:pointer;font:inherit;text-decoration:none;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
@media (max-width:1199px){.rack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:849px){.rack{grid-template-columns:repeat(3,minmax(0,1fr))}.ask .grid{grid-template-columns:1fr}}
@media (max-width:599px){.rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:12px}}
.tile::before{content:"";position:absolute;inset:-42%;z-index:-1;animation:sheen 26s ease-in-out infinite alternate}
.tile:hover{transform:translateY(-6px);box-shadow:0 26px 40px -30px rgba(4,36,26,.45)}
.tile .tm{display:flex;justify-content:space-between;width:100%;align-items:baseline;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;opacity:.85}
.tile .mast{font-family:var(--display);letter-spacing:.16em}
.tile .line{font-family:var(--display);font-size:clamp(18px,13cqw,28px);line-height:1.12;letter-spacing:-.002em;text-wrap:balance;margin:auto 0 0}
.tile .foot{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.8;margin-top:14px}
.t-hotpink{color:var(--charcoal);background:#FF3D9A}.t-hotpink::before{background:radial-gradient(circle at 74% 22%,#FFA3D7 0%,transparent 56%),radial-gradient(circle at 30% 90%,#B8125E 0%,transparent 60%)}.t-hotpink .tm,.t-hotpink .foot{color:var(--charcoal)}
.t-cobalt{color:#F3EDE2;background:#2447E6}.t-cobalt::before{background:radial-gradient(circle at 26% 18%,#7FA3FF 0%,transparent 56%),radial-gradient(circle at 84% 90%,#0E1F8F 0%,transparent 60%)}.t-cobalt .tm,.t-cobalt .foot{color:#C9E1FF}
.t-butter{color:var(--charcoal);background:#FFE66D}.t-butter::before{background:radial-gradient(circle at 22% 22%,#FFF6B8 0%,transparent 56%),radial-gradient(circle at 82% 88%,#E8B923 0%,transparent 60%)}.t-butter .tm,.t-butter .foot{color:#8A6A0C}
.t-jade{color:#F3EDE2;background:#0C7A58}.t-jade::before{background:radial-gradient(circle at 70% 84%,#2FB88A 0%,transparent 56%),radial-gradient(circle at 24% 16%,#04412E 0%,transparent 60%)}.t-jade .tm,.t-jade .foot{color:#7FE3BE}
.t-candy{color:var(--charcoal);background:#FFA3D7}.t-candy::before{background:radial-gradient(circle at 74% 22%,#FFD6EC 0%,transparent 56%),radial-gradient(circle at 30% 90%,#FF5FB0 0%,transparent 60%)}.t-candy .tm,.t-candy .foot{color:var(--charcoal)}
.t-teal{color:var(--charcoal);background:#12B5A5}.t-teal::before{background:radial-gradient(circle at 26% 18%,#7FE8DC 0%,transparent 56%),radial-gradient(circle at 84% 90%,#067368 0%,transparent 60%)}.t-teal .tm,.t-teal .foot{color:var(--charcoal)}
.t-melon{color:var(--charcoal);background:#FF5E6E}.t-melon::before{background:radial-gradient(circle at 22% 22%,#FFCDBE 0%,transparent 56%),radial-gradient(circle at 82% 88%,#E52B52 0%,transparent 60%)}.t-melon .tm,.t-melon .foot{color:var(--charcoal)}
.t-sky{color:#0E1F8F;background:#A9D8FF}.t-sky::before{background:radial-gradient(circle at 70% 84%,#E3F2FF 0%,transparent 56%),radial-gradient(circle at 24% 16%,#5FA9F0 0%,transparent 60%)}.t-sky .tm,.t-sky .foot{color:#0E1F8F}
.t-raspberry{color:#F3EDE2;background:#C81E5B}.t-raspberry::before{background:radial-gradient(circle at 74% 22%,#FF6FA0 0%,transparent 56%),radial-gradient(circle at 30% 90%,#74102F 0%,transparent 60%)}.t-raspberry .tm,.t-raspberry .foot{color:#FFC2B4}
.t-mint{color:var(--charcoal);background:#7FE3BE}.t-mint::before{background:radial-gradient(circle at 26% 18%,#DFFFF1 0%,transparent 56%),radial-gradient(circle at 84% 90%,#0E7C5A 0%,transparent 60%)}.t-mint .tm,.t-mint .foot{color:#0E7C5A}
.t-violet{color:var(--charcoal);background:#E559E7}.t-violet::before{background:radial-gradient(circle at 22% 22%,#EE98F0 0%,transparent 56%),radial-gradient(circle at 82% 88%,#B81ABB 0%,transparent 60%)}.t-violet .tm,.t-violet .foot{color:var(--charcoal)}
.t-azure{color:#0E1F8F;background:#4FA3F7}.t-azure::before{background:radial-gradient(circle at 70% 84%,#B5DAFF 0%,transparent 56%),radial-gradient(circle at 24% 16%,#1B5FC9 0%,transparent 60%)}.t-azure .tm,.t-azure .foot{color:#0E1F8F}
.t-pistachio{color:var(--charcoal);background:#BDF06B}.t-pistachio::before{background:radial-gradient(circle at 74% 22%,#E6FFB0 0%,transparent 56%),radial-gradient(circle at 30% 90%,#7FC232 0%,transparent 60%)}.t-pistachio .tm,.t-pistachio .foot{color:#3E6B12}
.t-apricot{color:var(--charcoal);background:#FFAD68}.t-apricot::before{background:radial-gradient(circle at 26% 18%,#FFD09A 0%,transparent 56%),radial-gradient(circle at 84% 90%,#DE8437 0%,transparent 60%)}.t-apricot .tm,.t-apricot .foot{color:var(--charcoal)}
.t-spring{color:var(--charcoal);background:#3DDC97}.t-spring::before{background:radial-gradient(circle at 22% 22%,#A8F5D2 0%,transparent 56%),radial-gradient(circle at 82% 88%,#0E7C5A 0%,transparent 60%)}.t-spring .tm,.t-spring .foot{color:var(--charcoal)}
.t-ink{color:#F3EDE2;background:#10237A}.t-ink::before{background:radial-gradient(circle at 70% 84%,#3B55C9 0%,transparent 56%),radial-gradient(circle at 24% 16%,#070F3F 0%,transparent 60%)}.t-ink .tm,.t-ink .foot{color:#C9E1FF}
.t-emerald{color:#F3EDE2;background:#04241A}.t-emerald::before{background:radial-gradient(circle at 74% 22%,#14795A 0%,transparent 56%),radial-gradient(circle at 30% 90%,#0A4A34 0%,transparent 60%)}.t-emerald .tm,.t-emerald .foot{color:#7FE3BE}
.t-rind{color:#F3EDE2;background:#74102F}.t-rind::before{background:radial-gradient(circle at 26% 18%,#C81E5B 0%,transparent 56%),radial-gradient(circle at 84% 90%,#3A0711 0%,transparent 60%)}.t-rind .tm,.t-rind .foot{color:#FFC2B4}
.t-paper{color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair)}
.t-paper::before{display:none}
.t-paper .tm,.t-paper .foot{color:var(--jade)}
.t-paper .line{color:var(--charcoal)}

/* White lacquer and dark grey editorial type let the magazine covers carry the color. */
#ask{isolation:isolate;padding-top:0;padding-bottom:64px;background:linear-gradient(112deg,#fff 0 12%,#f3f3f3 26%,#fff 39% 63%,#f5f5f5 80%,#fff 95%);color:var(--charcoal);border-top:1px solid #fff}
.rack-intro{position:relative;margin:0 calc(-1 * var(--pad));padding:38px max(var(--pad),calc((100% - 1192px)/2)) 32px;background:linear-gradient(116deg,#fff 0 47%,#f5f5f5 58%,#fff 72%);border-bottom:1px solid #fff;box-shadow:0 1px 0 #e3e3e3,0 8px 16px -16px rgba(72,72,72,.34)}
.rack-title{margin:0;font:400 clamp(32px,4.5vw,62px)/1.2 var(--display);font-size-adjust:none;letter-spacing:-.025em;color:var(--charcoal)}
.rack-see-wrap{white-space:nowrap}
.rack-title .rack-see{display:inline-block;font:400 3.3em/.65 var(--script);font-size-adjust:none;letter-spacing:0;vertical-align:-.12em;margin:0 .04em 0 .025em}
#ask .rack{--rack-columns:6;max-width:1192px;margin:42px auto 0;gap:28px;grid-template-columns:repeat(var(--rack-columns),minmax(0,1fr))}
#ask .rack.has-shelves{display:block}
.rack-shelf{position:relative;isolation:isolate;padding:0 clamp(8px,1.6vw,24px) 13px;margin-bottom:76px}
.rack-shelf:last-child{margin-bottom:34px}
.rack-books{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--rack-columns),minmax(0,1fr));gap:clamp(16px,2.2vw,30px);align-items:end}
.rack-shelf::before{content:"";position:absolute;inset:auto 0 0;height:14px;z-index:3;border-radius:1px;background:linear-gradient(102deg,transparent 20%,rgba(255,255,255,.95) 38% 43%,transparent 58%),linear-gradient(180deg,#fff 0 20%,#d0d0d0 23% 29%,#fff 36% 56%,#eeeeee 78%,#c9c9c9 100%);box-shadow:inset 0 1px 0 #fff,0 2px 2px rgba(72,72,72,.12),0 16px 24px -18px rgba(72,72,72,.38)}
.rack-shelf::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-54px;height:54px;z-index:0;background:linear-gradient(180deg,rgba(216,216,216,.38),rgba(255,255,255,.92) 35%,rgba(255,255,255,0) 100%);pointer-events:none}
#ask .issues{color:var(--ink)}
/* Original pigment hues; the color-field position is matched to the September 11 reference below. */
#ask .t-hotpink{--cover-base:#FF3D9A;--cover-light:#FFA3D7;--cover-depth:#B8125E}
#ask .t-cobalt{--cover-base:#2447E6;--cover-light:#7FA3FF;--cover-depth:#0E1F8F}
#ask .t-butter{--cover-base:#FFE66D;--cover-light:#FFF6B8;--cover-depth:#E8B923}
#ask .t-jade{--cover-base:#0C7A58;--cover-light:#2FB88A;--cover-depth:#04412E}
#ask .t-candy{--cover-base:#FFA3D7;--cover-light:#FFD6EC;--cover-depth:#FF5FB0}
#ask .t-teal{--cover-base:#12B5A5;--cover-light:#7FE8DC;--cover-depth:#067368}
#ask .t-melon{--cover-base:#FF5E6E;--cover-light:#FFCDBE;--cover-depth:#E52B52}
#ask .t-sky{--cover-base:#A9D8FF;--cover-light:#E3F2FF;--cover-depth:#5FA9F0}
#ask .t-raspberry{--cover-base:#C81E5B;--cover-light:#FF6FA0;--cover-depth:#74102F}
#ask .t-mint{--cover-base:#7FE3BE;--cover-light:#DFFFF1;--cover-depth:#0E7C5A}
#ask .t-violet{--cover-base:#E559E7;--cover-light:#EE98F0;--cover-depth:#B81ABB}
#ask .t-azure{--cover-base:#4FA3F7;--cover-light:#B5DAFF;--cover-depth:#1B5FC9}
#ask .t-pistachio{--cover-base:#BDF06B;--cover-light:#E6FFB0;--cover-depth:#7FC232}
#ask .t-apricot{--cover-base:#FFAD68;--cover-light:#FFD09A;--cover-depth:#DE8437}
#ask .t-spring{--cover-base:#3DDC97;--cover-light:#A8F5D2;--cover-depth:#0E7C5A}
#ask .t-ink{--cover-base:#10237A;--cover-light:#3B55C9;--cover-depth:#070F3F}
#ask .t-emerald{--cover-base:#04241A;--cover-light:#14795A;--cover-depth:#0A4A34}
#ask .t-rind{--cover-base:#74102F;--cover-light:#C81E5B;--cover-depth:#3A0711}
#ask .tile{filter:none;background:var(--cover-base);box-shadow:7px 5px 16px -6px rgba(72,72,72,.32),0 1px 2px rgba(72,72,72,.12);transform-origin:center bottom;-webkit-box-reflect:below 16px linear-gradient(transparent 80%,rgba(255,255,255,.23) 100%)}
/* Keep the screenshot's light/deep balance steady. All covers, including violet and apricot,
   use their two original hue-colored radial layers; no white gloss or saturation filter. */
#ask .tile::before{animation:none;transform:translate3d(3.110%,3.260%,0) scale(1.105467)}
#ask .tile > span{position:relative;z-index:2}
#ask .tile::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--cover-depth) 0,transparent 3px,var(--cover-light) 4px,transparent 7px,transparent calc(100% - 2px),var(--cover-light));box-shadow:inset 0 1px 0 var(--cover-light),inset 0 -1px 0 var(--cover-base)}
#ask .tile:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:8px 14px 19px -9px rgba(0,0,0,.27)}
#ask .tile:focus-visible{outline:2px solid var(--charcoal);outline-offset:6px;transform:translateY(-4px)}
@media(max-width:1199px){#ask .rack{--rack-columns:4}}
@media(max-width:849px){#ask .rack{--rack-columns:3}}
@media(max-width:599px){
  #ask{padding-bottom:30px}
  .rack-intro{padding:30px var(--pad) 26px}
  #ask .rack{--rack-columns:2;margin-top:30px}
  .rack-shelf{margin-bottom:62px}
}
@media(prefers-reduced-motion:reduce){#ask .tile:hover,#ask .tile:focus-visible{transform:none}}
/* Cochin + Boisterous + Instrument Sans: readable native metrics, no faux styles. */
body{font-synthesis:none}
.display{line-height:1.02}
.tile .line{font-size:clamp(23px,16cqw,36px);line-height:1.06;letter-spacing:0}
.tile .mast{font-size:14px;font-weight:400}
.consult .know h3{font-size:clamp(28px,2.5vw,36px);font-weight:400;line-height:1.08}
.stop h4{font-size:clamp(27px,2.4vw,36px);line-height:1.06}
.studio .copy .q,.notebook .q,.consult .dest .why{font-size:clamp(21px,1.65vw,26px);line-height:1.34}
.consult .beats p{font-size:clamp(21px,1.55vw,25px);line-height:1.34}
.consult .beats li:first-child p{font-size:clamp(25px,2.1vw,32px);line-height:1.24}
.rack-title{font-size:clamp(38px,5.1vw,70px);line-height:1.06;letter-spacing:0}
.rack-title .rack-see{font-size:2.85em;padding:.25em .12em .42em;margin:-.25em -.08em -.42em -.095em}
.everyday-questions h2{max-width:14ch;font:400 clamp(36px,4.3vw,56px)/1.06 var(--display);letter-spacing:0;text-wrap:initial}
.everyday-script{display:block;width:max-content;max-width:100%;white-space:nowrap;font:400 2.3em/1.02 var(--script);font-size-adjust:none;letter-spacing:0;margin:-.3em -.12em -.38em;padding:.25em .12em .42em}
.everyday-script,.rack-title .rack-see{color:var(--melon);
  background-image:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.5) 49%,rgba(255,255,255,.14) 57%,rgba(255,255,255,0) 70%),linear-gradient(104deg,#FFC2B4 0%,#FF8D85 13%,#FF6672 27%,#FF5E6E 40%,#FA4763 56%,#E52B52 72%,#B01840 88%,#74102F 100%);
  background-size:240% 100%,100% 100%;background-position:-45% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wet 16s var(--ease) infinite alternate}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.everyday-script,.rack-title .rack-see{-webkit-text-fill-color:var(--melon);background-image:none}}
@media(prefers-reduced-motion:reduce){.everyday-script,.rack-title .rack-see{animation:none}}
@keyframes wet{from{background-position:-45% 0,0 0}to{background-position:150% 0,0 0}}