/* Fukuwatari's original calligraphy and approved horizontal wordmark. */
.fuku-logo{--fuku-size:44px;--fuku-name:21px;position:relative;display:inline-flex;align-items:center;gap:13px;max-width:100%;height:var(--fuku-size);color:#e7e7e7;transition:color .25s}
.fuku-logo.xl{--fuku-size:90px;--fuku-name:clamp(23px,2.5vw,32px)}
.fuku-mark{position:relative;display:block;flex:0 0 auto;height:var(--fuku-size);aspect-ratio:1295/2250}
.fuku-mark img{display:block;width:100%;height:100%;object-fit:contain;opacity:.78;transition:opacity .25s}
.fuku-mark::after{content:"";position:absolute;inset:0;background:#f3dfaa;-webkit-mask:url('/assets/fukuwatari-logo.webp') center/contain no-repeat;mask:url('/assets/fukuwatari-logo.webp') center/contain no-repeat;opacity:0;transition:opacity .25s}
.fuku-name{display:grid;font-family:Baskerville,'Iowan Old Style',Georgia,'Times New Roman',serif;font-size:var(--fuku-name);font-weight:500;letter-spacing:.035em;line-height:1.1;white-space:nowrap}
.fuku-name small{margin-top:8px;font-family:Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.32em;text-transform:uppercase}
.mfeat:hover .fuku-logo,.mfeat:focus-within .fuku-logo,.fuku-logo:hover,.fuku-logo:focus-visible{color:#f3dfaa}
.mfeat:hover .fuku-mark::after,.mfeat:focus-within .fuku-mark::after,.fuku-logo:hover .fuku-mark::after,.fuku-logo:focus-visible .fuku-mark::after{opacity:1}
.fuku-logo:focus-visible{outline:2px solid var(--signal-200);outline-offset:8px;border-radius:4px}
.mfeat-fukuwatari .mfeat-visual{background:radial-gradient(120% 140% at 22% 10%,rgba(161,122,54,.18),rgba(161,122,54,.03) 55%,transparent 78%),var(--ink-900)}
.mfeat-fukuwatari{scroll-margin-top:100px}
.mfeat-fukuwatari .case-link{align-self:flex-start}
@media(max-width:480px){
  .fuku-logo.xl{--fuku-size:72px;--fuku-name:24px}
  .logostrip{gap:26px;padding:24px}
  .logostrip .lbl{flex-basis:100%}
}
@media(hover:none){
  .fuku-logo{color:#f3dfaa}
  .fuku-mark::after{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .fuku-logo,.fuku-mark img,.fuku-mark::after{transition:none}
}

/* Client-specific materials; Fukuwatari retains its original rules above. */
.mfeat-menchies,.mfeat-takeonhill{scroll-margin-top:100px}
.mfeat-menchies .case-link,.mfeat-takeonhill .case-link{align-self:flex-start;min-height:44px}
.mgo-site .mfeat-menchies .mfeat-visual{background:radial-gradient(ellipse at 24% 18%,#ec78aa26,transparent 65%),radial-gradient(ellipse at 90% 90%,#b5d33418,transparent 65%),#17131a}
.mgo-site .mfeat-takeonhill .mfeat-visual{background:radial-gradient(ellipse at 50% 32%,#eeeae614,transparent 65%),#0e0e10}
.mfeat-menchies .mfeat-eyebrow,.mfeat-menchies .go{color:#efa9c8}
.mfeat-takeonhill .mfeat-eyebrow,.mfeat-takeonhill .go{color:#e5e2dc}
.mfeat-menchies .mfeat-visual .wp-tag,.mfeat-takeonhill .mfeat-visual .wp-tag{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.6}
.takeon-logo{--takeon-size:50px;--takeon-name:18px;display:inline-flex;align-items:center;gap:12px;max-width:100%;color:#aaa9a6;transition:color .25s}
.takeon-logo.xl{--takeon-size:104px;--takeon-name:clamp(22px,2.2vw,30px);gap:16px}
.takeon-mark{display:block;flex:0 0 auto;width:calc(var(--takeon-size)*.64);height:var(--takeon-size);overflow:hidden;opacity:.62;transition:opacity .25s,filter .25s}
.takeon-mark img{display:block;height:110%;width:auto;max-width:none;position:relative;left:50%;top:-5%;transform:translateX(-50%)}
.takeon-name{display:grid;gap:10px;font-family:Inter,Arial,sans-serif;font-size:var(--takeon-name);font-weight:500;letter-spacing:.1em;line-height:1.2;white-space:nowrap}
.takeon-name small{font-size:9px;letter-spacing:.18em;font-weight:400;text-transform:uppercase}
.mfeat:hover .takeon-logo,.mfeat:focus-within .takeon-logo,.takeon-logo:hover,.takeon-logo:focus-visible{color:#f3f1ed}
.mfeat:hover .takeon-mark,.mfeat:focus-within .takeon-mark,.takeon-logo:hover .takeon-mark,.takeon-logo:focus-visible .takeon-mark{opacity:1;filter:drop-shadow(0 0 9px #f3f1ed38)}
.takeon-logo:focus-visible,.mfeat-menchies .clientlogo:focus-visible,.logostrip .clientlogo:focus-visible{outline:2px solid var(--signal-200);outline-offset:8px;border-radius:4px}
@media(max-width:480px){
  .takeon-logo.xl{flex-direction:column;--takeon-size:90px;--takeon-name:24px;gap:18px;text-align:center}
}
@media(hover:none){
  .takeon-logo{color:#f3f1ed}
  .takeon-mark{opacity:1}
  .mfeat-menchies .clientlogo .mono,.logostrip .clientlogo .mono{opacity:0}
  .mfeat-menchies .clientlogo .color,.logostrip .clientlogo .color{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .takeon-logo,.takeon-mark,.mfeat-menchies .clientlogo img,.logostrip .clientlogo img{transition:none}
}