/* Munhakdongne case study: every rule is scoped to .mh-page / .mh so the shared header, contact and footer stay untouched. */
.mh-page{--mh-paper:#ffffff;--mh-paper2:#f6f6f5;--mh-card:#ffffff;--mh-ink:#151412;--mh-pencil:#6b665e;--mh-ribbon:#b83a27;--mh-ribbon-d:#962c1c;--mh-night:#1c2433;--mh-deep:#12110f;--mh-sand:#d9c7a3;--mh-sage:#8fa58a;--mh-line:#1514121f;--mh-serif:'Noto Serif KR','Nanum Myeongjo',serif;--mh-sans:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;--mh-hand:'Nanum Pen Script',cursive;background:var(--mh-deep)}
.mh-page .site-header{position:fixed;inset:0 0 auto;background:rgba(18,17,15,.94);border-bottom-color:#ffffff14}
.mh-page .site-header .container{background:transparent;box-shadow:none}
.mh-page.mh-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.mh{position:relative;color:var(--mh-ink);background:var(--mh-paper);font-family:var(--mh-sans);font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.mh *{box-sizing:border-box}
.mh :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote,fieldset){margin:0;padding:0}
.mh :where(h1,h2,h3,h4){font-family:var(--mh-sans);font-weight:700;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.mh :where(p){text-wrap:pretty}
.mh :where(ul,ol){list-style:none}
.mh a{color:inherit;text-decoration:none}
.mh button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.mh :where(img,video,svg){display:block;max-width:100%}
.mh :where(img,video){height:auto}
.mh em{font-style:normal;color:var(--mh-ribbon)}
.mh mark{background:none;color:inherit}
.mh :is(a,button,[tabindex]):focus-visible,.mh-chapters a:focus-visible,.mh-lightbox button:focus-visible{outline:3px solid var(--mh-ribbon);outline-offset:5px;border-radius:6px}
.mh-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.mh-sec{padding-block:clamp(96px,10vw,170px)}
.mh-eyebrow{display:inline-block;font-family:var(--mh-sans);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--mh-ribbon)}
.mh-sectionhead{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--mh-line);font-size:15px;line-height:1.5}
.mh-sectionhead>span:first-child{font-weight:700;letter-spacing:.08em;color:var(--mh-ribbon)}
.mh-sectionhead>span:last-child{color:var(--mh-pencil)}
.mh h2{font-size:clamp(34px,4vw,64px)}
.mh-split{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:start}
.mh-prose{padding-top:8px}
.mh-prose p{max-width:600px;color:#4a463f;font-size:18px}
.mh-prose p+p{margin-top:22px}
.mh-textlink{display:inline-flex;align-items:center;gap:32px;margin-top:28px;padding:12px 0;border-bottom:1.5px solid currentColor;font-size:16px;font-weight:600;line-height:1.5}
.mh-textlink span{font-size:22px;transition:transform .3s}
.mh-textlink:hover span{transform:translate(3px,-3px)}
.mh-pill{display:inline-flex;align-items:center;gap:22px;height:62px;padding:0 30px;border-radius:99px;background:var(--mh-ink);color:var(--mh-paper)!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.mh-pill:hover{transform:translateY(-3px);background:#2c2a26}
.mh-pill--ribbon{background:var(--mh-ribbon);color:#fff!important}
.mh-pill--ribbon:hover{background:var(--mh-ribbon-d)}
.mh-skip{position:fixed;top:-90px;left:20px;z-index:9999;background:var(--mh-ribbon);color:#fff;padding:14px 18px;font-weight:700}
.mh-skip:focus{top:100px}
.mh-hand{font-family:var(--mh-hand);font-weight:400;letter-spacing:0;color:var(--mh-ribbon)}
.mh-badge{display:inline-block;padding:6px 14px;border-radius:99px;background:var(--mh-ink);color:var(--mh-paper);font-size:14px;font-weight:700;letter-spacing:.02em}
/* reading ribbon: hangs from the header and grows with the reading position */
.mh-ribbon{position:fixed;z-index:1002;top:85px;right:12px;width:9px;height:calc(100svh - 85px);pointer-events:none;opacity:0;transition:opacity .4s}
.mh-page:not(.mh-at-hero) .mh-ribbon{opacity:1}
.mh-ribbon i{display:block;width:100%;height:calc(var(--read,0) * 100%);background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%);box-shadow:0 2px 6px #0003}
/* reveal: content stays visible without JavaScript */
.mh-motion .mh-rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
.mh-motion .mh-rv.is-in{opacity:1;transform:none}

/* 00 hero: a closed book opens into the town */
.mh-hero{position:relative;background:var(--mh-deep);color:var(--mh-paper);--open:1;--turn:0;--zoom:1;--kv:1;--ttl:1}
.mh-motion .mh-hero{height:380svh;--open:0;--turn:1;--zoom:0;--kv:0;--ttl:0}
.mh-hero__pin{position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}
.mh-motion .mh-hero__pin{position:sticky;top:0}
.mh-hero__kv{position:absolute;inset:0;z-index:0;opacity:var(--kv);transform:scale(calc(1.14 - var(--kv) * .14))}
.mh-hero__kv img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.mh-hero__kv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#12110fe0 0%,#12110f9e 30%,#12110f24 62%,#12110f00 80%),linear-gradient(0deg,#12110fd9 0,#12110f00 42%)}
.mh-hero__lamp{position:absolute;inset:0;z-index:1;background:radial-gradient(48% 58% at 50% 46%,#3d3226 0,#221d18 46%,#12110f 78%);opacity:calc(1 - var(--kv));pointer-events:none}
.mh-hero__lamp::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff03 0 2px,transparent 2px 5px);mix-blend-mode:overlay}
.mh-hero__top{position:absolute;z-index:4;top:112px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700;letter-spacing:.12em;color:#f3efe6b3}
.mh-stage{position:absolute;inset:0;z-index:2;display:none;place-items:center;perspective:1700px;perspective-origin:50% 45%;opacity:clamp(0,calc((.86 - var(--zoom)) * 2.6),1);pointer-events:none}
.mh-motion .mh-stage{display:grid}
.mh-camera{--bw:clamp(210px,22vw,330px);--bh:calc(var(--bw) * 1.42);width:var(--bw);height:var(--bh);margin-top:4vh;transform-style:preserve-3d;transform:scale(calc(1 + var(--zoom) * 3.4)) translateX(calc(var(--zoom) * var(--bw) * -.5))}
.mh-book{--cloth:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#0000001a 0 1px,transparent 1px 4px),linear-gradient(140deg,#2a3651 0%,#1c2433 46%,#141a26 100%);position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateX(calc(var(--open) * var(--bw) * .5)) rotateX(calc(var(--turn) * 18deg)) rotateY(calc(var(--turn) * -28deg)) rotateZ(calc(var(--turn) * 5deg))}
.mh-book__back{position:absolute;inset:-5px -9px -5px -2px;border-radius:2px 7px 7px 2px;background:var(--cloth);transform:translateZ(-18px);box-shadow:0 50px 90px #000c,0 10px 30px #0008}
.mh-book__pages{position:absolute;top:3px;bottom:3px;right:-3px;width:16px;transform-origin:right center;transform:rotateY(-90deg);background:repeating-linear-gradient(90deg,#f1ebde 0 1px,#d8cfbc 1px 2px);box-shadow:inset 0 0 6px #0003}
.mh-book__pages::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:#d0c6b2}
.mh-book__title{position:absolute;inset:3px 3px 3px 0;transform:translateZ(-2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--bw) * .05);padding:14% 10%;text-align:center;color:var(--mh-ink);background:linear-gradient(90deg,#cbbfa8 0,#e7dfcf 5%,#f6f2e9 16%,#f6f2e9 100%);border-radius:0 4px 4px 0}
.mh-book__kicker{font-size:calc(var(--bw) * .042);font-weight:600;line-height:1.55;color:var(--mh-pencil);letter-spacing:.02em}
.mh-book__title strong{font-family:var(--mh-sans);font-size:calc(var(--bw) * .155);font-weight:800;line-height:1.12;letter-spacing:-.04em}
.mh-book__rule{display:block;width:22%;height:2px;background:var(--mh-ribbon)}
.mh-book__by{font-family:var(--mh-sans);font-size:calc(var(--bw) * .05);font-weight:600}
.mh-book__pub{position:absolute;bottom:8%;font-size:calc(var(--bw) * .032);font-weight:700;letter-spacing:.24em;color:var(--mh-pencil)}
.mh-book__cover{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(calc(var(--open) * -168deg))}
.mh-book__front,.mh-book__inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px 6px 6px 2px}
.mh-book__front{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:22%;background:var(--cloth);box-shadow:inset 7px 0 0 #00000038,inset 9px 0 0 #ffffff0d,inset 0 0 40px #0005;color:var(--mh-paper)}
.mh-book__deboss{font-family:var(--mh-sans);font-size:calc(var(--bw) * .135);font-weight:700;line-height:1.18;text-align:center;letter-spacing:-.03em;color:#e9dcc0;text-shadow:0 1px 0 #0008,0 -1px 0 #ffffff1c}
.mh-book__foil{position:absolute;left:14%;right:14%;bottom:20%;height:13%;display:flex;align-items:flex-end;gap:3px;border-bottom:1.5px solid #c9b48b}
.mh-book__foil i{flex:1;height:calc(var(--h) * 100%);background:linear-gradient(180deg,#e1cc9f,#b89a63)}
.mh-book__foil i:nth-child(4){background:linear-gradient(180deg,#d4644f,#a53624)}
.mh-book__imprint{position:absolute;bottom:8%;font-size:calc(var(--bw) * .032);font-weight:700;letter-spacing:.24em;color:#d9c7a3cc}
.mh-book__inside{transform:rotateY(180deg);background:#efe8d9;overflow:hidden;box-shadow:inset -10px 0 18px #0000002e}
.mh-book__endsky{position:absolute;left:8%;right:8%;bottom:0;height:46%;display:flex;align-items:flex-end;gap:4px}
.mh-book__endsky i{flex:1;height:calc(var(--h) * 100%);background:var(--mh-ink);opacity:.86}
.mh-book__endsky i.is-r{background:var(--mh-ribbon)}
.mh-book__inside::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#1514120d 0 1px,transparent 1.5px) 0 0/14px 14px}
.mh-book__ribbon{position:absolute;left:62%;bottom:-42px;width:10px;height:64px;background:linear-gradient(90deg,#9a2f1f,#c4472f 50%,#9a2f1f);transform:translateZ(-6px);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}
.mh-hero__title{position:absolute;z-index:3;left:6vw;bottom:15vh;max-width:820px;opacity:var(--ttl);transform:translateY(calc((1 - var(--ttl)) * 40px))}
.mh-hero__title .mh-eyebrow{color:#e9dcc0}
.mh-hero__title h1{margin:20px 0 26px;font-size:clamp(66px,9.4vw,156px);font-weight:800;line-height:1.02;letter-spacing:-.05em;color:var(--mh-paper)}
.mh-hero__title h1 em{color:var(--mh-paper);background:linear-gradient(180deg,transparent 74%,var(--mh-ribbon) 74%,var(--mh-ribbon) 86%,transparent 86%)}
.mh-hero__sub{font-family:var(--mh-sans);font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.6;color:#f3efe6e6}
.mh-hero__sub span{font-family:var(--mh-sans);font-size:16px;font-weight:500;color:#f3efe6a6}
.mh-hero__hint{position:absolute;z-index:4;left:50%;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateX(-50%);font-size:14px;font-weight:600;letter-spacing:.06em;color:#f3efe6b3;opacity:clamp(0,calc(1 - var(--open) * 5),1)}
.mh-hero__hint i{width:1px;height:44px;background:linear-gradient(#f3efe6,transparent);animation:mh-drip 1.8s ease-in-out infinite;transform-origin:top}
@keyframes mh-drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.mh-hero__down{position:absolute;z-index:4;right:6vw;bottom:15vh;display:inline-flex;gap:12px;padding:12px 0;border-bottom:1.5px solid currentColor;font-weight:700;color:var(--mh-paper);opacity:var(--ttl)}
html:not(.mh-motion) .mh-hero__hint{display:none}

/* contents */
.mh-contents{background:var(--mh-paper)}
.mh-contents__grid{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:7vw;align-items:start}
.mh-contents__title{margin:14px 0 40px;font-size:clamp(84px,10vw,168px)!important;font-weight:800;line-height:1;letter-spacing:-.06em}
.mh-meta{display:grid;gap:0;border-top:1px solid var(--mh-ink)}
.mh-meta>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--mh-line)}
.mh-meta dt{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--mh-pencil);padding-top:3px}
.mh-meta dd{font-size:16px;line-height:1.6}
.mh-toc{border-top:1px solid var(--mh-ink);counter-reset:toc}
.mh-toc a{display:grid;grid-template-columns:76px auto 1fr auto;align-items:baseline;gap:16px;padding:17px 4px;border-bottom:1px solid var(--mh-line);transition:background .3s,padding .3s}
.mh-toc a:hover{background:#ffffff8c;padding-inline:14px}
.mh-toc__no{font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--mh-ribbon)}
.mh-toc__t{font-family:var(--mh-sans);font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.02em}
.mh-toc i{height:2px;align-self:center;background:radial-gradient(circle,#15141299 0 1px,transparent 1.4px) 0 50%/9px 2px repeat-x;transform-origin:left;transform:scaleX(1);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .2s}
.mh-motion .mh-toc li:not(.is-in) i{transform:scaleX(0)}
.mh-toc__pg{font-family:var(--mh-sans);font-size:18px;font-variant-numeric:tabular-nums;color:var(--mh-pencil)}

/* overview */
.mh-overview{background:var(--mh-paper)}
.mh-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:70px}
.mh-keywords li{padding:10px 18px;border:1px solid var(--mh-line);border-radius:99px;background:#ffffff73;font-size:15px;font-weight:600}
.mh-facts{margin-top:clamp(80px,9vw,140px)}
.mh-facts__label{font-family:var(--mh-sans);font-size:22px;font-weight:600;margin-bottom:34px}
.mh-facts__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mh-ink)}
.mh-facts__grid>div{padding:30px 28px 34px 0;border-bottom:1px solid var(--mh-line)}
.mh-facts__grid>div:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--mh-line)}
.mh-facts strong{display:flex;align-items:baseline;gap:4px;font-family:var(--mh-sans);font-size:clamp(50px,5.4vw,88px);font-weight:800;line-height:1.05;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.mh-facts strong small{font-size:.42em;color:var(--mh-ribbon)}
.mh-facts p{margin-top:12px;font-size:16px;line-height:1.6;color:#4a463f}
.mh-facts__src{margin-top:22px;font-size:14px;color:var(--mh-pencil)}

/* 1 question */
.mh-question{position:relative;background:var(--mh-paper2);--q:1}
.mh-motion .mh-question{height:250svh;--q:0}
.mh-question__pin{display:flex;align-items:center;min-height:100svh;padding:120px 0 80px}
.mh-motion .mh-question__pin{position:sticky;top:0;height:100svh}
.mh-question__text{margin-top:30px;max-width:1240px;font-family:var(--mh-sans);font-size:clamp(32px,4.5vw,74px);font-weight:700;line-height:1.42;letter-spacing:-.035em}
.mh-question__text>span,.mh-question__mark>span{opacity:clamp(.13,calc((var(--q) * (var(--n) + 3) - var(--i)) * .9),1);transition:opacity .2s linear}
.mh-question__mark{position:relative;display:inline-block;white-space:nowrap}
.mh-question__line{position:absolute;left:-2%;bottom:-.06em;width:104%;height:.36em;overflow:visible}
.mh-question__line path{fill:none;stroke:var(--mh-ribbon);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc((var(--q) - .74) * 4.5),1))}
.mh-question__note{margin-top:34px;font-family:var(--mh-hand);font-size:clamp(28px,2.6vw,40px);line-height:1.2;color:var(--mh-ribbon);opacity:clamp(0,calc((var(--q) - .9) * 12),1);transform:rotate(-2deg)}
.mh-question__note::before{content:"↖ ";}

/* 2 analysis: galley proofs */
.mh-analysis{background:var(--mh-paper2)}
.mh-proofs{margin-top:clamp(60px,7vw,110px);display:grid;gap:7vh}
.mh-proof{position:sticky;top:calc(108px + var(--k) * 30px);display:grid;grid-template-columns:1fr 1fr;min-height:min(560px,calc(100svh - 160px));background:var(--mh-card);border:1px solid #1514121a;border-radius:6px;box-shadow:0 30px 70px #15141224,0 2px 0 #fff inset;overflow:hidden}
.mh-proof__head{grid-column:1/-1;display:flex;justify-content:space-between;padding:14px 30px;border-bottom:1px dashed #1514122e;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--mh-pencil)}
.mh-proof__head span:first-child{color:var(--mh-ribbon)}
.mh-proof__body{display:flex;flex-direction:column;gap:22px;padding:clamp(30px,3.6vw,56px)}
.mh-proof__body h3{font-size:clamp(28px,2.6vw,42px);line-height:1.38}
.mh-proof__body h3 s{text-decoration:line-through;text-decoration-color:var(--mh-ribbon);text-decoration-thickness:3px}
.mh-proof__body>p{max-width:520px;font-size:17px;color:#4a463f}
.mh-proof__fix{margin-top:auto;display:flex;align-items:center;gap:12px}
.mh-proof__fix .mh-hand{font-size:clamp(30px,2.6vw,40px);line-height:1.1}
.mh-proof__fix::before{content:"";flex:none;width:30px;height:24px;border:3px solid var(--mh-ribbon);border-top:0;border-right:0;transform:skewX(-14deg)}
.mh-proof__viz{position:relative;margin:24px;border-radius:4px;background:#f3f3f2;overflow:hidden}
.mh-marquee{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:60px 0}
.mh-marquee__row{overflow:hidden}
.mh-marquee__row>div{display:flex;gap:14px;width:max-content;animation:mh-marq 46s linear infinite}
.mh-marquee__row--rev>div{animation-direction:reverse;animation-duration:52s}
.mh-marquee__row img{width:96px;height:140px;object-fit:cover;box-shadow:0 8px 16px #15141226}
@keyframes mh-marq{to{transform:translateX(-50%)}}
.mh-marquee__chip{position:absolute;z-index:2;left:20px;top:16px;padding:7px 14px;border-radius:99px;background:var(--mh-ink);color:var(--mh-paper);font-size:14px;font-weight:700}
.mh-marquee__mark{position:absolute;z-index:2;right:22px;bottom:16px;display:grid;place-items:center;width:62px;height:62px;border:3px solid var(--mh-ribbon);border-radius:50%;color:var(--mh-ribbon);font-size:30px;font-weight:700;transform:rotate(-10deg);background:#ffffffd9}
.mh-names{display:flex;flex-wrap:wrap;align-content:center;gap:10px;padding:34px}
.mh-names span{position:relative;padding:10px 16px;border-radius:6px;background:#dcd5c6;color:#4a463f;font-size:16px;font-weight:600;transition:background .6s,color .6s}
.mh-names span.is-marked::after{content:"";position:absolute;inset:-7px -9px;border:2.5px solid var(--mh-ribbon);border-radius:50% 46% 52% 44%;transform:rotate(-4deg) scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.mh-proof.is-in .mh-names span.is-marked{background:var(--c);color:var(--t)}
.mh-proof.is-in .mh-names span.is-marked::after{opacity:1;transform:rotate(-4deg) scale(1)}
.mh-proof.is-in .mh-names span.is-marked:nth-child(3)::after{transition-delay:.15s}
.mh-proof.is-in .mh-names span.is-marked:nth-child(8)::after{transition-delay:.3s}
.mh-proof.is-in .mh-names span.is-marked:nth-child(11)::after{transition-delay:.45s}
.mh-proof.is-in .mh-names span.is-marked:nth-child(14)::after{transition-delay:.6s}
.mh-sites{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:44px}
.mh-site{position:relative;z-index:1;display:grid;align-content:start;gap:8px;min-height:120px;padding:16px;border-radius:8px;background:#fff;box-shadow:0 10px 24px #15141214}
.mh-site b{font-size:15px}
.mh-site i{height:9px;border-radius:3px;background:#1514121c}
.mh-site i:nth-of-type(2){width:72%}.mh-site i:nth-of-type(3){width:48%}
.mh-site--1{border-top:6px solid var(--mh-ink)}
.mh-site--2{border-radius:22px;background:#f5efe3;font-family:var(--mh-sans)}
.mh-site--2 i{border-radius:9px;background:#9a754666}
.mh-site--3{border-radius:2px;background:#1c2433;color:#f3efe6}
.mh-site--3 i{background:#f3efe633}
.mh-site--4{border-left:6px solid var(--mh-ribbon);font-family:var(--mh-sans)}
.mh-sites__link{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mh-sites__link path{fill:none;stroke:var(--mh-ribbon);stroke-width:3;stroke-dasharray:.012 .01;stroke-dashoffset:1;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .5s .3s}
.mh-proof.is-in .mh-sites__link path{opacity:1;animation:mh-dash 1.6s ease-out .3s both}
@keyframes mh-dash{from{stroke-dasharray:0 1}to{stroke-dasharray:1 0}}

/* 3 people: library cards */
.mh-people{position:relative;background:var(--mh-night);color:var(--mh-paper)}
.mh-motion .mh-people{height:330svh}
.mh-people__pin{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:4vw;align-items:center;min-height:100svh;padding:120px 0 60px 6vw;overflow:hidden}
.mh-motion .mh-people__pin{position:sticky;top:0;height:100svh}
.mh-people__head h2{margin:18px 0 24px;color:var(--mh-paper)}
.mh-people__head h2 em{color:#e8b08f}
.mh-people__head p{font-size:17px;color:#cfc8ba}
.mh-people__head .mh-eyebrow{color:#e8b08f}
.mh-people__view{min-width:0;overflow:hidden;padding-left:24px;margin-left:-24px;-webkit-mask:linear-gradient(90deg,transparent 0,#000 48px);mask:linear-gradient(90deg,transparent 0,#000 48px)}
.mh-people__track{display:flex;gap:30px;width:max-content;padding:30px 6vw 40px 24px;transform:translateX(var(--px,0px));will-change:transform}
.mh-card{position:relative;flex:none;display:flex;flex-direction:column;width:360px;min-height:540px;padding:24px 28px 26px;border-radius:5px;background:#efe3c8 repeating-linear-gradient(0deg,transparent 0 37px,#9c835a3b 37px 38px);background-position:0 92px;color:var(--mh-ink);box-shadow:0 34px 70px #0009,0 1px 0 #fff8 inset}
.mh-card:nth-child(even){transform:rotate(1.2deg)}
.mh-card:nth-child(odd){transform:rotate(-.8deg)}
.mh-card::before{content:"";position:absolute;left:50%;bottom:16px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--mh-night);box-shadow:inset 0 2px 3px #0008}
.mh-card__head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #15141299;font-size:14px;font-weight:800;letter-spacing:.06em;color:#5a5144}
.mh-card__tag{align-self:flex-start;margin-top:22px;padding:4px 12px;border-radius:4px;background:var(--mh-ink);color:#efe3c8;font-size:14px;font-weight:700}
.mh-card h3{margin-top:14px;font-size:25px;line-height:1.35}
.mh-card blockquote{margin-top:16px;font-family:var(--mh-sans);font-size:18px;font-weight:600;line-height:1.7;color:#3b352d}
.mh-card__lines{margin-top:18px;display:grid}
.mh-card__lines li{display:flex;gap:10px;align-items:baseline;min-height:38px;padding-top:6px;font-size:16px;font-weight:600}
.mh-card__lines li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--mh-ribbon);transform:translateY(-2px)}
.mh-card__fix{margin-top:auto;padding:16px 0 26px;font-size:15px;color:#5a5144}
.mh-card__fix b{display:block;font-family:var(--mh-sans);font-size:19px;color:var(--mh-ink)}
.mh-stamp{position:absolute;right:22px;top:68px;padding:5px 10px;border:3px solid var(--mh-ribbon);border-radius:6px;color:var(--mh-ribbon);font-size:15px;font-weight:900;letter-spacing:.12em;opacity:0;transform:rotate(-14deg) scale(1.9);transition:transform .38s cubic-bezier(.3,1.7,.5,1),opacity .2s;mix-blend-mode:multiply}
.mh-card.is-stamped .mh-stamp,html:not(.mh-motion) .mh-stamp{opacity:.9;transform:rotate(-14deg) scale(1)}

/* 4 brand: spine skyline */
.mh-sky{position:relative;background:var(--mh-paper);--p:1;--night:1}
.mh-motion .mh-sky{height:340svh;--p:0;--night:0}
.mh-sky__pin{display:grid;grid-template-columns:minmax(320px,430px) 1fr;gap:4.5vw;align-items:center;min-height:100svh;padding:118px 6vw 56px}
.mh-motion .mh-sky__pin{position:sticky;top:0;height:100svh}
.mh-sky__copy h2{margin:16px 0 22px;font-size:clamp(30px,2.9vw,46px)}
.mh-sky__quote{padding-left:18px;border-left:3px solid var(--mh-ribbon);font-family:var(--mh-sans);font-size:15px;line-height:1.75;color:#4a463f}
.mh-sky__quote cite{display:block;margin-top:8px;font-family:var(--mh-sans);font-size:14px;font-style:normal;font-weight:600;color:var(--mh-pencil)}
.mh-sky__steps{display:grid;gap:18px;margin-top:30px}
.mh-sky__steps li{padding-left:18px;border-left:2px solid var(--mh-line);opacity:.38;transition:opacity .5s,border-color .5s}
.mh-sky__steps span{font-size:14px;font-weight:800;letter-spacing:.05em;color:var(--mh-ribbon)}
.mh-sky__steps strong{display:block;margin-top:2px;font-family:var(--mh-sans);font-size:20px}
.mh-sky__steps p{max-height:0;margin-top:0;overflow:hidden;font-size:16px;line-height:1.65;color:#4a463f;transition:max-height .5s,margin .5s}
.mh-sky[data-step="1"] [data-s="1"] p,.mh-sky[data-step="2"] [data-s="2"] p,.mh-sky[data-step="3"] [data-s="3"] p,html:not(.mh-motion) .mh-sky__steps p{max-height:120px;margin-top:4px}
.mh-sky[data-step="1"] [data-s="1"],.mh-sky[data-step="2"] [data-s="2"],.mh-sky[data-step="3"] [data-s="3"],html:not(.mh-motion) .mh-sky__steps li{opacity:1;border-left-color:var(--mh-ribbon)}
.mh-sky__stage{position:relative;height:min(74svh,700px);border-radius:28px;background:linear-gradient(180deg,#fbfbfb,#ececeb);overflow:hidden;box-shadow:inset 0 0 0 1px #1514121a}
.mh-sky__night{position:absolute;inset:0;background:linear-gradient(180deg,#121a2b 0%,#1c2433 55%,#2c3550 100%);opacity:var(--night)}
.mh-sky__moon{position:absolute;right:12%;top:12%;width:64px;height:64px;border-radius:50%;box-shadow:inset -14px 6px 0 0 #f3e6c4;transform:translateY(calc((1 - var(--night)) * 60px)) rotate(-20deg)}
.mh-sky__stars{position:absolute;inset:0 0 40%;background:radial-gradient(circle,#f3efe6cc 0 1px,transparent 1.6px) 0 0/90px 70px,radial-gradient(circle,#f3efe680 0 1px,transparent 1.4px) 37px 23px/130px 90px}
.mh-sky__row{position:absolute;left:5%;right:5%;bottom:58px;top:14%;display:flex;align-items:flex-end;gap:4px;overflow:hidden}
.mh-sky__row li{--in:clamp(0,calc((var(--p) - var(--d)) * 9),1);position:relative;flex:var(--w) 1 0;min-width:0;height:calc(var(--h) * 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:12px;background:var(--c);color:var(--t);border-radius:2px 2px 0 0;box-shadow:inset 3px 0 0 #ffffff1a,inset -2px 0 0 #00000024;transform:translateY(calc((1 - var(--in)) * 104%))}
.mh-sky__row li::before{content:"";position:absolute;left:0;right:0;top:9%;height:5px;border-block:1.5px solid currentColor;opacity:.32}
.mh-sky__row li::after{content:"";position:absolute;left:18%;right:18%;top:17%;bottom:48%;background:linear-gradient(90deg,#f6d58c 0 38%,transparent 38% 62%,#f6d58c 62%);-webkit-mask:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 21px);mask:repeating-linear-gradient(180deg,#000 0 9px,transparent 9px 21px);opacity:calc(var(--night) * var(--lit,1));filter:drop-shadow(0 0 5px #f6d58c)}
.mh-sky__row li:nth-child(3n){--lit:.55}.mh-sky__row li:nth-child(4n+1){--lit:.8}.mh-sky__row li:nth-child(5n+2){--lit:.35}
.mh-sky__row b{writing-mode:vertical-rl;font-family:var(--mh-sans);font-size:clamp(13px,1vw,16px);font-weight:700;letter-spacing:.06em;line-height:1;white-space:nowrap}
.mh-sky__row small{display:none}
.mh-sky__ground{position:absolute;left:3%;right:3%;bottom:44px;height:14px;border-radius:3px;background:linear-gradient(180deg,#8a6a45,#5d4630);box-shadow:0 10px 20px #15141233}
.mh-sky__ticker{position:absolute;left:5%;top:24px;display:flex;align-items:baseline;gap:14px;color:var(--mh-ink);transition:color .6s}
.mh-sky__ticker b{flex:none;white-space:nowrap;font-family:var(--mh-sans);font-size:clamp(34px,3.4vw,56px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.mh-sky__ticker span{font-family:var(--mh-sans);font-size:18px;font-weight:600}
.mh-sky__count{position:absolute;right:5%;bottom:6px;display:flex;align-items:baseline;gap:6px;font-size:14px;font-weight:700;color:var(--mh-pencil);transition:color .6s}
.mh-sky__count b{font-family:var(--mh-sans);font-size:20px;color:var(--mh-ribbon)}
.mh-sky[data-step="3"] .mh-sky__ticker,html:not(.mh-motion) .mh-sky__ticker{color:var(--mh-paper)}
.mh-sky[data-step="3"] .mh-sky__count{color:#f3efe6b3}

/* statement + principles */
.mh-voice{background:var(--mh-paper)}
.mh-statement{position:relative;padding:clamp(56px,7vw,110px) clamp(28px,6vw,96px);border-radius:28px;background:var(--mh-ink);color:var(--mh-paper);overflow:hidden}
.mh-statement::after{content:"";position:absolute;right:8%;top:0;width:12px;height:42%;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}
.mh-statement .mh-eyebrow{color:#e8b08f}
.mh-statement p{margin:26px 0 46px;font-family:var(--mh-sans);font-size:clamp(40px,6vw,104px);font-weight:800;line-height:1.16;letter-spacing:-.045em;text-wrap:balance}
.mh-statement p em{color:var(--mh-paper);background:linear-gradient(180deg,transparent 76%,var(--mh-ribbon) 76% 88%,transparent 88%)}
.mh-statement__foot{display:flex;flex-wrap:wrap;gap:12px 40px;font-size:15px;color:#cfc8ba}
.mh-statement__foot span+span::before{content:"→ ";color:#e8b08f}
.mh-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:clamp(70px,8vw,120px)}
.mh-principles article{padding-top:24px;border-top:2px solid var(--mh-ink)}
.mh-principles span{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--mh-ribbon)}
.mh-principles h3{margin:14px 0 14px;font-size:clamp(24px,2vw,30px)}
.mh-principles p{font-size:17px;color:#4a463f}

/* photography */
.mh-mood{position:relative;padding-block:clamp(96px,10vw,160px);background:var(--mh-paper2);overflow:hidden;--mp:0}
.mh-mood__head{max-width:900px;margin-bottom:clamp(50px,6vw,90px)}
.mh-mood__head h2{margin:18px 0 22px}
.mh-mood__head p{max-width:680px;font-size:18px;color:#4a463f}
.mh-mood__cols{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;width:calc(100% - 6vw);margin-inline:auto}
.mh-mood__col{display:grid;gap:24px;align-content:start;transform:translateY(calc(var(--mp) * var(--speed) * 1px))}
.mh-mood__col--mid{padding-top:120px}
.mh-mood figure{position:relative;border-radius:22px;overflow:hidden;background:#ececea}
.mh-mood figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mh-mood__tall img{aspect-ratio:3/4!important}
.mh-mood figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:99px;background:#151412cc;color:var(--mh-paper);font-size:14px;font-weight:600;backdrop-filter:blur(6px)}
.mh-mood__rules{display:grid;gap:10px;padding:26px;border-radius:22px;background:var(--mh-card);font-size:16px;font-weight:600}
.mh-mood__rules li{display:flex;gap:12px;align-items:baseline}
.mh-mood__rules b{flex:none;min-width:68px;font-size:13px;letter-spacing:.06em;color:var(--mh-ribbon)}
.mh-mood__rules li:nth-child(n+3) b{color:var(--mh-pencil)}

/* 5 color */
.mh-material{position:relative;display:flex;align-items:flex-end;min-height:100svh;background:var(--mh-paper2)}
.mh-material>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-material__copy{position:relative;max-width:620px;margin:0 0 7vw 6vw;padding:clamp(30px,3.6vw,52px);border-radius:28px;background:#fffffff2;box-shadow:0 30px 70px #1514122e;backdrop-filter:blur(8px)}
.mh-material__copy h2{margin:16px 0 20px;font-size:clamp(32px,3.4vw,54px)}
.mh-material__copy p{font-size:17px;color:#4a463f}
.mh-options{background:var(--mh-paper)}
.mh-opt{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.mh-opt__btns{display:grid;gap:12px}
.mh-opt__btns button{position:relative;display:grid;gap:2px;padding:18px 74px 18px 20px;border:1.5px solid var(--mh-line);border-radius:16px;background:#ffffff73;text-align:left;font-family:var(--mh-sans);font-size:19px;font-weight:700;line-height:1.4;transition:border-color .3s,background .3s,box-shadow .3s}
.mh-opt__btns small{font-family:var(--mh-sans);font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--mh-pencil)}
.mh-opt__btns b{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:4px 10px;border-radius:99px;background:#1514121a;font-family:var(--mh-sans);font-size:13px;color:#4a463f}
.mh-opt__btns b.is-on{background:var(--mh-ribbon);color:#fff}
.mh-opt__btns button[aria-pressed="true"]{border-color:var(--mh-ink);background:#fff;box-shadow:0 14px 30px #15141214}
.mh-opt__stage{display:grid;gap:18px}
.mh-opt__mock{--bg:#f3efe6;--ink:#151412;--acc:#b83a27;--bar:#15141214;padding:22px 26px 28px;border-radius:20px;background:var(--bg);color:var(--ink);box-shadow:0 30px 70px #15141221,inset 0 0 0 1px #1514121a;transition:background .5s,color .5s}
.mh-opt__bar{display:flex;align-items:center;gap:22px;padding-bottom:16px;border-bottom:1px solid var(--bar);font-size:14px;font-weight:600}
.mh-opt__bar b{font-size:20px;font-weight:900;letter-spacing:-.06em}
.mh-opt__bar i{margin-left:auto;width:120px;height:30px;border-radius:99px;border:1.5px solid var(--ink);opacity:.4}
.mh-opt__hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:26px 0 22px}
.mh-opt__hero p{font-family:var(--mh-sans);font-size:clamp(26px,2.4vw,38px);font-weight:700;line-height:1.25;letter-spacing:-.03em}
.mh-opt__tabs{display:flex;gap:6px}
.mh-opt__tabs i{padding:6px 12px;border-radius:99px;font-style:normal;font-size:14px;font-weight:700;border:1px solid var(--bar)}
.mh-opt__tabs i.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.mh-opt__shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end;padding:22px 16px 0;border-bottom:8px solid var(--bar)}
.mh-opt__book{position:relative;display:block;padding:12px 10px 0;border-radius:10px 10px 0 0;transition:background .5s}
.mh-opt__book img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 10px 18px #15141226}
.mh-opt__book em{position:absolute;top:0;right:16px;padding:16px 4px 8px;background:var(--acc);color:#fff;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.04em;writing-mode:vertical-rl;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);transition:background .5s}
.mh-opt__btn{display:inline-block;margin-top:22px;padding:12px 20px;border-radius:99px;background:var(--acc);color:#fff;font-size:15px;font-weight:700;transition:background .5s}
.mh-opt[data-opt="1"] .mh-opt__mock{--bg:#ffffff;--ink:#000000;--acc:#000000;--bar:#00000017}
.mh-opt[data-opt="1"] .mh-opt__book img{box-shadow:none}
.mh-opt[data-opt="2"] .mh-opt__mock{--bg:#fff7ec;--ink:#2b2b2b;--acc:#e9735b;--bar:#2b2b2b14}
.mh-opt[data-opt="2"] .mh-opt__book:nth-child(1){background:#e9735b}.mh-opt[data-opt="2"] .mh-opt__book:nth-child(2){background:#2f8f83}.mh-opt[data-opt="2"] .mh-opt__book:nth-child(3){background:#e9b949}.mh-opt[data-opt="2"] .mh-opt__book:nth-child(4){background:#7a5a9a}.mh-opt[data-opt="2"] .mh-opt__book:nth-child(5){background:#3f6fb5}.mh-opt[data-opt="2"] .mh-opt__book:nth-child(6){background:#e48aa0}
.mh-opt__notes p{display:none;padding:20px 22px;border-radius:16px;background:var(--mh-card);font-size:17px;line-height:1.7;color:#4a463f;box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-opt__notes b{display:block;margin-bottom:4px;font-size:15px;letter-spacing:.04em;color:var(--mh-ink)}
.mh-opt[data-opt="1"] [data-note="1"],.mh-opt[data-opt="2"] [data-note="2"],.mh-opt[data-opt="3"] [data-note="3"]{display:block}
.mh-palette{display:flex;height:min(86svh,780px);min-height:560px;background:var(--mh-ink)}
.mh-swatch{position:relative;flex:1;min-width:0;background:var(--sw);color:var(--ink);overflow:hidden;cursor:pointer;transition:flex .7s cubic-bezier(.2,.7,.2,1);box-shadow:inset -1px 0 0 #00000014}
.mh-swatch::before,.mh-swatch::after{content:"";position:absolute;left:14%;right:14%;height:5px;border-block:1.5px solid currentColor;opacity:.28}
.mh-swatch::before{top:96px}.mh-swatch::after{bottom:44px}
.mh-swatch.is-open{flex:3.6;cursor:default}
.mh-swatch__name{position:absolute;left:50%;top:124px;display:flex;gap:14px;align-items:center;transform:translateX(-50%);writing-mode:vertical-rl;font-size:clamp(26px,2.6vw,42px);font-weight:900;letter-spacing:.04em;white-space:nowrap;transition:left .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.mh-swatch__name small{font-family:var(--mh-sans);font-size:15px;font-weight:700;letter-spacing:.14em;opacity:.7}
.mh-swatch.is-open .mh-swatch__name{left:clamp(24px,3vw,44px);transform:none}
.mh-swatch__body{position:absolute;left:clamp(96px,8vw,132px);right:clamp(24px,3vw,44px);bottom:78px;max-width:380px;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .6s;pointer-events:none}
.mh-swatch.is-open .mh-swatch__body{opacity:1;transform:none;transition-delay:.25s}
.mh-swatch__body strong{display:block;font-family:var(--mh-sans);font-size:clamp(30px,2.8vw,46px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mh-swatch__body>small{display:block;font-size:14px;font-weight:600;opacity:.75}
.mh-swatch__body h4{margin:22px 0 8px;font-size:22px}
.mh-swatch__body p{font-size:16px;line-height:1.7;opacity:.9}
.mh-swatch__body dl{display:grid;gap:6px;margin-top:18px;font-size:14px}
.mh-swatch__body dl div{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid currentColor;border-color:color-mix(in srgb,currentColor 24%,transparent)}
.mh-swatch__body dd b{margin-left:6px;padding:1px 8px;border-radius:99px;border:1px solid currentColor;font-size:12px}
.mh-bgtest-sec{background:var(--mh-paper)}
.mh-bgtest{--b:#f3efe6;margin-top:clamp(50px,6vw,80px);padding:clamp(20px,2.4vw,32px);border-radius:28px;background:#ffffff80;box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-bgtest[data-bg="white"]{--b:#ffffff}.mh-bgtest[data-bg="gray"]{--b:#dcdcda}.mh-bgtest[data-bg="ink"]{--b:#151412}
.mh-bgtest__btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.mh-bgtest__btns button{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;border:1.5px solid var(--mh-line);background:#fff;font-size:15px;font-weight:700;transition:border-color .3s}
.mh-bgtest__btns button[aria-pressed="true"]{border-color:var(--mh-ink);box-shadow:0 0 0 2px var(--mh-ink) inset}
.mh-bgtest__btns i{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #15141233}
.mh-bgtest__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2.4vw,36px);padding:clamp(24px,3.4vw,52px);border-radius:20px;background:var(--b);transition:background .55s}
.mh-bgtest__grid span{display:flex;align-items:flex-end}
.mh-bgtest__grid img{width:100%;aspect-ratio:2/3;object-fit:cover}
.mh-bgtest__note{margin-top:18px;font-size:17px;color:#4a463f}
.mh-ratio{margin-top:clamp(70px,8vw,110px)}
.mh-ratio__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}
.mh-ratio__head p{font-size:16px;color:#4a463f}
.mh-ratio__bar{display:flex;height:96px;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-ratio__bar span{flex:var(--w) 1 0;display:flex;align-items:flex-end;padding:14px 16px;background:var(--c);color:var(--t);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden}

/* 6 type */
.mh-type{background:var(--mh-paper2)}
.mh-type__pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:clamp(70px,8vw,120px)}
.mh-type__pair>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(320px,34vw,520px);padding:clamp(24px,3vw,44px);border-radius:28px;overflow:hidden}
.mh-type__pair span{font-size:15px;font-weight:700;letter-spacing:.04em}
.mh-type__pair p{font-size:clamp(140px,17vw,300px);line-height:.9;letter-spacing:-.06em}
.mh-type__pair small{font-size:15px;font-weight:600;opacity:.75}
.mh-type__serif{background:var(--mh-card);box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-type__serif p{font-family:var(--mh-serif);font-weight:900}
.mh-type__serif span{color:var(--mh-ribbon)}
.mh-type__sans{background:var(--mh-ink);color:var(--mh-paper)}
.mh-type__sans p{font-family:var(--mh-sans);font-weight:900}
.mh-type__sans span{color:#e8b08f}
.mh-scale{margin-top:clamp(60px,7vw,100px);border-top:1px solid var(--mh-ink)}
.mh-scale li{display:grid;grid-template-columns:200px 1fr 120px;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--mh-line)}
.mh-scale b{font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--mh-pencil)}
.mh-scale span{font-size:var(--fs);font-weight:700;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}
.mh-scale li.is-serif span{font-family:var(--mh-serif)}
.mh-scale li:nth-child(1) span{font-weight:900;letter-spacing:-.045em}
.mh-scale li:nth-child(4) span,.mh-scale li:nth-child(5) span{font-weight:400;line-height:1.75}
.mh-scale li:nth-child(6) span{font-weight:500}
.mh-scale i{font-style:normal;font-size:14px;color:var(--mh-pencil);text-align:right;font-variant-numeric:tabular-nums}

/* graphic system */
.mh-motif{background:var(--mh-paper)}
.mh-motif__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(56px,6vw,90px)}
.mh-motif__item{display:grid;grid-template-rows:auto 1fr;border-radius:26px;background:var(--mh-card);box-shadow:inset 0 0 0 1px var(--mh-line);overflow:hidden}
.mh-motif__item>div{display:grid;place-items:center;min-height:300px;padding:30px;background:#f6f6f5}
.mh-motif__item figcaption{padding:24px 26px 28px;font-size:16px;line-height:1.7;color:#4a463f}
.mh-motif__item figcaption b{display:block;margin-bottom:4px;font-family:var(--mh-sans);font-size:21px;color:var(--mh-ink)}
.mh-construct svg{width:100%;max-width:300px}
.mh-construct .g{stroke:#15141233;stroke-width:1.5}
.mh-construct .f1{fill:var(--mh-ink)}.mh-construct .f2{fill:var(--mh-sand)}.mh-construct .f3{fill:var(--mh-night)}.mh-construct .f4{fill:var(--mh-ribbon)}
.mh-construct .w{fill:#f6d58c}
.mh-construct text{font:600 13px var(--mh-sans);fill:var(--mh-pencil)}
.mh-tabs-demo{width:100%;max-width:340px}
.mh-tabs-demo [role="tablist"]{position:relative;display:flex;gap:4px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 10px 24px #15141214}
.mh-tabs-demo button{position:relative;z-index:1;flex:1;padding:16px 6px 12px;border-radius:10px;font-size:15px;font-weight:700;color:var(--mh-pencil);transition:color .3s}
.mh-tabs-demo button[aria-selected="true"]{color:var(--mh-ink)}
.mh-tabs-demo__ribbon{position:absolute;top:0;left:0;width:10px;height:22px;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);transform:translateX(var(--rx,40px));transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.mh-tabs-demo p{margin-top:14px;font-size:14px;color:var(--mh-pencil);text-align:center}
.mh-underline-demo{text-align:center}
.mh-underline-demo p{font-family:var(--mh-sans);font-size:clamp(24px,2.1vw,32px);font-weight:700;line-height:1.5}
.mh-underline-demo mark{position:relative;display:inline-block}
.mh-underline-demo svg{position:absolute;left:-3%;bottom:-6px;width:106%;height:14px;overflow:visible}
.mh-underline-demo path{fill:none;stroke:var(--mh-ribbon);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .3s}
.mh-motif__item.is-in .mh-underline-demo path,html:not(.mh-motion) .mh-underline-demo path{stroke-dashoffset:0}
.mh-underline-demo small{display:block;margin-top:18px;font-size:14px;color:var(--mh-pencil)}
.mh-icons{margin-top:24px;padding:clamp(24px,3vw,40px);border-radius:26px;background:var(--mh-ink);color:var(--mh-paper)}
.mh-icons__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}
.mh-icons__head .mh-eyebrow{color:#e8b08f}
.mh-icons__head p{font-size:16px;color:#cfc8ba}
.mh-icons ul{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.mh-icons li{display:grid;justify-items:center;gap:12px;padding:22px 8px;border-radius:18px;background:#ffffff0d;font-size:14px;font-weight:600;text-align:center;transition:background .3s}
.mh-icons li:hover{background:#ffffff1a}
.mh-icons svg{width:46px;height:46px;fill:none;stroke:var(--mh-paper);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.mh-icons li:first-child svg path{stroke:#e8735d}

/* 7 directions */
.mh-dir-intro{background:var(--mh-paper2)}
.mh-shelf{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px);margin-top:clamp(56px,6vw,90px);padding:0 clamp(10px,2vw,30px)}
.mh-shelf::after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:16px;border-radius:3px;background:linear-gradient(180deg,#8a6a45,#5d4630);box-shadow:0 14px 26px #15141238}
.mh-shelf__book{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;padding:clamp(18px,2vw,28px);border-radius:3px 10px 10px 3px;box-shadow:inset 9px 0 0 #00000024,inset 11px 0 0 #ffffff1c,0 18px 34px #15141230;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.mh-shelf__book:hover,.mh-shelf__book:focus-visible{transform:translateY(-14px) rotate(-1deg);box-shadow:inset 9px 0 0 #00000024,0 30px 44px #15141238}
.mh-shelf__vol{font-size:14px;font-weight:800;letter-spacing:.08em}
.mh-shelf__book strong{font-family:var(--mh-sans);font-size:clamp(26px,2.5vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.04em}
.mh-shelf__book small{display:block;margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.08em;opacity:.75}
.mh-shelf__book em{align-self:flex-start;margin-top:14px;padding:4px 12px;border-radius:99px;border:1.5px solid currentColor;font-size:13px;font-weight:800;color:inherit}
.mh-shelf__book em.is-final{background:var(--mh-ribbon);border-color:var(--mh-ribbon);color:#fff}
.mh a.mh-shelf__book--a{background:#f3efe6;color:var(--mh-ink);box-shadow:inset 9px 0 0 #b83a27,0 18px 34px #15141230}
.mh a.mh-shelf__book--b{background:#fff;color:var(--mh-ink)}
.mh a.mh-shelf__book--c{background:linear-gradient(160deg,#25304a,#0e1320);color:#f3efe6}
.mh-shelf__book--c .mh-shelf__vol{color:#e8b964}
.mh a.mh-shelf__book--d{background:#fbf0dd;color:#1f2a44}
.mh-shelf__book--d .mh-shelf__vol{color:#c4533d}
.mh-sian{position:relative;--sy:0px;--sp:0}
.mh-sian--a{background:var(--mh-paper2)}
.mh-sian--b{background:#f7f6f3}
.mh-sian--c{background:#0e1320;color:var(--mh-paper)}
.mh-sian--d{background:#f6ead5;color:#1f2a44}
.mh-sian__pin{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:4vw;align-items:center;padding:120px 6vw 60px}
.mh-sian__info{position:relative}
.mh-sian__letter{position:absolute;left:-.06em;top:-.66em;font-family:var(--mh-sans);font-size:clamp(150px,13vw,240px);font-weight:800;line-height:1;letter-spacing:-.06em;color:#1514120f;pointer-events:none}
.mh-sian--c .mh-sian__letter{color:#ffffff12}
.mh-sian__vol{position:relative;display:inline-block;margin-right:8px;font-family:var(--mh-sans);font-size:16px;font-weight:700}
.mh-sian__status{position:relative;display:inline-block;padding:5px 14px;border-radius:99px;border:1.5px solid currentColor;font-size:14px;font-weight:700;opacity:.82}
.mh-sian__status.is-final{background:var(--mh-ribbon);border-color:var(--mh-ribbon);color:#fff;opacity:1}
.mh-sian__info h3{position:relative;margin:20px 0 16px;font-size:clamp(34px,3.2vw,54px);font-weight:800}
.mh-sian__info h3 small{display:block;margin-bottom:6px;font-family:var(--mh-sans);font-size:15px;font-weight:700;letter-spacing:.08em;opacity:.7}
.mh-sian__info>p{font-size:17px;opacity:.84}
.mh-sian__points{display:grid;gap:8px;margin-top:22px;font-size:16px}
.mh-sian__points li{display:flex;gap:10px}
.mh-sian__points li::before{content:"";flex:none;width:7px;height:14px;margin-top:.45em;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.mh-sian--c .mh-sian__points li::before{background:#e8b964}
.mh-sian__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:24px;font-size:14px;opacity:.9}
.mh-sian__chips i{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #15141230}
.mh-sian--c .mh-sian__chips i{box-shadow:inset 0 0 0 1.5px #ffffff59}
.mh-sian__chips span{margin-left:8px}
.mh-sian__now{display:flex;align-items:center;gap:12px;margin-top:26px;padding:12px 16px;border-radius:14px;background:#1514120d;font-size:14px}
.mh-sian--c .mh-sian__now{background:#ffffff12}
.mh-sian__now span{opacity:.7}
.mh-sian__now b{font-family:var(--mh-sans);font-size:18px}
.mh-sian__now b::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--mh-ribbon);vertical-align:middle;animation:mh-blink 1.6s ease-in-out infinite}
@keyframes mh-blink{50%{opacity:.25}}
.mh-sian__open{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:14px 0;border-bottom:1.5px solid currentColor!important;font-size:16px!important;font-weight:700}
.mh-sian__device{position:relative;padding-right:120px}
.mh-browser{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 90px #15141233;color:var(--mh-ink)}
.mh-sian--c .mh-browser{box-shadow:0 40px 90px #000a}
.mh-browser__bar{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;height:42px;padding:0 16px;background:#efede8;border-bottom:1px solid #1514121a}
.mh-browser__bar span:first-child{display:flex;gap:7px}
.mh-browser__bar i{width:11px;height:11px;border-radius:50%;background:#d5d1c8}
.mh-browser__bar i:first-child{background:#ff6b5f}.mh-browser__bar i:nth-child(2){background:#ffc53d}.mh-browser__bar i:nth-child(3){background:#35c75a}
.mh-browser__url{justify-self:center;padding:4px 40px;border-radius:99px;background:#fff;font-size:13px;color:#6b665e}
.mh-browser__view{position:relative;height:min(calc(100svh - 240px),760px);min-height:420px;overflow:hidden;background:#fff}
.mh-browser__view img{width:100%;height:auto;transform:translateY(var(--sy));will-change:transform}
.mh-phone{position:absolute;right:0;bottom:-30px;width:clamp(170px,14vw,230px);padding:9px;border-radius:34px;background:#0b0c0d;box-shadow:0 30px 70px #15141259;transform:translateY(calc(var(--sp) * -60px))}
.mh-phone img{width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:26px}
.mh-phone__view{position:relative;aspect-ratio:390/844;border-radius:26px;overflow:hidden;background:#fff}
.mh-phone--scroll .mh-phone__view img{aspect-ratio:auto;height:auto;border-radius:0;object-fit:fill;transform:translateY(var(--my,0px));will-change:transform}
.mh-phone__notch{position:absolute;top:16px;left:50%;width:30%;height:15px;margin-left:-15%;border-radius:99px;background:#0b0c0d;z-index:1}
@media (min-width:1025px) and (max-height:960px){
    .mh-sky__quote{display:none}
    .mh-sky__steps{margin-top:22px}
}
@media (min-width:1025px){
    .mh-motion .mh-sian{height:300svh}
    .mh-motion .mh-sian__pin{position:sticky;top:0;height:100svh}
}

/* 8 decision */
.mh-decide{background:var(--mh-paper)}
.mh-matrix{margin-top:clamp(56px,6vw,90px);border-top:2px solid var(--mh-ink)}
.mh-matrix__row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--mh-line);font-size:16px}
.mh-matrix__row--head{font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--mh-pencil)}
.mh-matrix__row span[role="rowheader"]{font-family:var(--mh-sans);font-weight:600;font-size:18px}
.mh-matrix__row span[role="cell"]{display:flex;gap:6px}
.mh-matrix i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #15141238}
.mh-matrix i.on{background:var(--mh-ink);box-shadow:none}
.mh-matrix .is-a i.on{background:var(--mh-ribbon)}
.mh-merge{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:16px;margin-top:clamp(60px,7vw,100px)}
.mh-merge>div{position:relative;padding:24px;border-radius:22px;background:var(--mh-card);box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-merge span{font-size:14px;font-weight:800;color:var(--mh-pencil)}
.mh-merge p{margin-top:8px;font-size:16px;line-height:1.65}
.mh-merge__from::after{content:"→";position:absolute;right:-14px;top:50%;z-index:1;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--mh-ink);color:var(--mh-paper);font-size:14px}
.mh-merge__to{background:var(--mh-ink)!important;color:var(--mh-paper)}
.mh-merge__to span{color:#e8b08f}
.mh-merge__to strong{display:block;margin-top:6px;font-family:var(--mh-sans);font-size:26px}
.mh-merge__to p{color:#cfc8ba}
.mh-process{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:clamp(70px,8vw,110px);border-top:2px solid var(--mh-ink)}
.mh-process li{display:grid;gap:4px;padding:22px 18px 0 0}
.mh-process b{font-family:var(--mh-sans);font-size:15px;color:var(--mh-ribbon)}
.mh-process strong{font-family:var(--mh-sans);font-size:22px}
.mh-process span{font-size:15px;line-height:1.6;color:#4a463f}

/* 9 experience */
.mh-exp{background:var(--mh-paper2)}
.mh-exp>.mh-wrap>div+div{margin-top:clamp(70px,8vw,120px)}
.mh-moodshelf,.mh-detail,.mh-reader,.mh-contest{padding:clamp(24px,3.4vw,52px);border-radius:32px;background:var(--mh-card);box-shadow:0 30px 70px #15141214,inset 0 0 0 1px var(--mh-line)}
.mh-moodshelf__head,.mh-detail__head,.mh-reader__head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 22px;margin-bottom:28px}
.mh-moodshelf__head h3,.mh-detail__head h3,.mh-reader__head h3{font-size:clamp(26px,2.4vw,38px)}
.mh-moodshelf__head p,.mh-detail__head p,.mh-reader__head p{grid-column:2;max-width:760px;font-size:17px;color:#4a463f}
.mh-moodshelf__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.mh-moodshelf__chips button{padding:10px 18px;border-radius:99px;border:1.5px solid var(--mh-line);background:#fff;font-size:15px;font-weight:700;transition:background .3s,color .3s,border-color .3s}
.mh-moodshelf__chips button[aria-pressed="true"]{background:var(--mh-ink);border-color:var(--mh-ink);color:var(--mh-paper)}
.mh-moodshelf__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(12px,1.6vw,24px) clamp(10px,1.4vw,20px);min-height:520px;align-content:start;padding:28px clamp(10px,1.6vw,24px);border-radius:20px;background:var(--mh-paper2)}
.mh-moodshelf__grid li{display:grid;gap:8px;align-content:start}
.mh-moodshelf__grid li[hidden]{display:none}
.mh-moodshelf__grid img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 10px 20px #15141224}
.mh-moodshelf__grid span{font-family:var(--mh-sans);font-size:14px;font-weight:600;line-height:1.45}
.mh-moodshelf__count{margin-top:16px;font-size:15px;color:var(--mh-pencil)}
.mh-moodshelf__count b{font-family:var(--mh-sans);font-size:20px;color:var(--mh-ribbon)}
.mh-detail__mock{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:clamp(28px,4vw,70px);align-items:start;padding:clamp(24px,3vw,48px);border-radius:22px;background:var(--mh-paper2)}
.mh-detail__cover{position:relative;display:grid;justify-items:center;padding:30px 20px 0}
.mh-detail__img{width:min(100%,300px);box-shadow:0 30px 50px #15141238,0 4px 8px #15141221}
.mh-detail__shelf{display:block;width:100%;height:12px;margin-top:-2px;border-radius:2px;background:linear-gradient(180deg,#8a6a45,#5d4630);box-shadow:0 12px 20px #15141230}
.mh-detail__ribbon{position:absolute;z-index:1;bottom:-34px;right:calc(50% - min(50%,150px) + 38px);width:12px;height:66px;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}
.mh-detail__series{font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--mh-ribbon)}
.mh-detail__info h4{margin-top:8px;font-size:clamp(30px,3vw,46px);font-weight:800}
.mh-detail__author{margin-top:6px;font-family:var(--mh-sans);font-size:19px;font-weight:600}
.mh-detail__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;border-top:1px solid var(--mh-ink)}
.mh-detail__meta>div{padding:12px 12px 12px 0;border-bottom:1px solid var(--mh-line)}
.mh-detail__meta dt{font-size:13px;font-weight:700;color:var(--mh-pencil)}
.mh-detail__meta dd{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.mh-detail__tabs{display:flex;gap:4px;margin-top:28px;border-bottom:1.5px solid var(--mh-ink)}
.mh-detail__tabs button{position:relative;padding:12px 16px;font-size:16px;font-weight:700;color:var(--mh-pencil)}
.mh-detail__tabs button[aria-selected="true"]{color:var(--mh-ink)}
.mh-detail__tabs button[aria-selected="true"]::after{content:"";position:absolute;left:50%;top:100%;width:9px;height:18px;margin-left:-4px;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.mh-detail__panes{min-height:150px;padding-top:24px}
.mh-detail__pane{display:none}
.mh-detail__pane.is-on{display:block;animation:mh-fade .4s ease}
@keyframes mh-fade{from{opacity:0;transform:translateY(8px)}}
.mh-detail__pane p{font-family:var(--mh-sans);font-size:20px;font-weight:600;line-height:1.7}
.mh-detail__pane small{display:block;margin-top:8px;font-size:14px;color:var(--mh-pencil)}
.mh-detail__series-row{display:flex;align-items:flex-end;gap:16px}
.mh-detail__series-row img{width:84px;box-shadow:0 10px 18px #15141224}
.mh-detail__series-row span{font-size:15px;line-height:1.6;color:#4a463f}
.mh-detail__series-row b{display:block;font-family:var(--mh-sans);font-size:17px;color:var(--mh-ink)}
.mh-detail__links{display:grid;gap:8px}
.mh-detail__links li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--mh-line);font-size:16px}
.mh-detail__links b{min-width:130px;font-family:var(--mh-sans)}
.mh-detail__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mh-btn{display:inline-flex;align-items:center;padding:13px 22px;border-radius:99px;font-size:15px;font-weight:700}
.mh-btn--ribbon{background:var(--mh-ribbon);color:#fff}
.mh-btn--line{box-shadow:inset 0 0 0 1.5px var(--mh-ink)}
.mh-reader__ui{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:clamp(20px,3vw,44px);align-items:start}
.mh-reader__controls{display:grid;gap:18px;padding:22px;border-radius:20px;background:var(--mh-paper2)}
.mh-reader__controls>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mh-reader__controls span{width:100%;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--mh-pencil)}
.mh-reader__controls button{padding:8px 14px;border-radius:10px;border:1.5px solid var(--mh-line);background:#fff;font-size:15px;font-weight:700}
.mh-reader__controls [data-r="size"][data-v="1"]{font-size:13px}.mh-reader__controls [data-r="size"][data-v="3"]{font-size:19px}
.mh-reader__controls button[aria-pressed="true"]{background:var(--mh-ink);border-color:var(--mh-ink);color:var(--mh-paper)}
.mh-reader__page{--fs:19px;--lh:1.9;--bg:#fff;--fg:#1d1b18;--sub:#6b665e;padding:clamp(24px,3.4vw,52px) clamp(22px,4vw,64px);border-radius:20px;background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px #15141214;transition:background .5s,color .5s}
.mh-reader[data-size="1"] .mh-reader__page{--fs:17px}.mh-reader[data-size="3"] .mh-reader__page{--fs:22px}
.mh-reader[data-lh="1"] .mh-reader__page{--lh:1.6}.mh-reader[data-lh="3"] .mh-reader__page{--lh:2.2}
.mh-reader[data-theme="night"] .mh-reader__page{--bg:#1c2433;--fg:#e9e3d6;--sub:#a9b0bf}
.mh-reader__page header{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--fg) 18%,transparent);font-size:14px;font-weight:700;color:var(--sub)}
.mh-reader__clock{color:var(--mh-ribbon)}
.mh-reader[data-theme="night"] .mh-reader__clock{color:#e8b964}
.mh-reader__page h4{margin:26px 0 18px;font-family:var(--mh-serif);font-size:calc(var(--fs) * 1.3)}
.mh-reader__page p{max-width:38em;font-family:var(--mh-serif);font-size:var(--fs);line-height:var(--lh);font-weight:400;letter-spacing:-.01em;transition:font-size .3s,line-height .3s}
.mh-reader__page p+p{margin-top:1em}
.mh-reader[data-font="sans"] .mh-reader__page p,.mh-reader[data-font="sans"] .mh-reader__page h4{font-family:var(--mh-sans)}
.mh-reader__page footer{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:14px;color:var(--sub)}
.mh-reader__prog{flex:1;height:4px;border-radius:99px;background:color-mix(in srgb,var(--fg) 14%,transparent);overflow:hidden}
.mh-reader__prog i{display:block;width:calc(var(--r) * 100%);height:100%;background:var(--mh-ribbon)}
.mh-reader__note{margin-top:14px;font-size:14px;color:var(--mh-pencil)}
.mh-contest{display:grid;grid-template-columns:minmax(260px,.9fr) 1.6fr;gap:clamp(24px,4vw,60px);align-items:center}
.mh-contest__head h3{margin:16px 0 18px;font-size:clamp(26px,2.4vw,38px)}
.mh-contest__head p{font-size:17px;color:#4a463f}
.mh-contest__head p+p{margin-top:14px}
.mh-contest__src{font-size:14px!important;color:var(--mh-pencil)!important}
.mh-wongoji{--cell:clamp(24px,2.05vw,34px);--wl:#d98c74;display:grid;gap:12px;justify-content:start}
.mh-wongoji__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}
.mh-wongoji__cells{display:grid;grid-template-columns:repeat(18,var(--cell));border-top:1px solid var(--wl);border-left:1px solid var(--wl);background:#fff}
.mh-wongoji__cells i{display:grid;place-items:center;width:var(--cell);height:var(--cell);border-right:1px solid var(--wl);border-bottom:1px solid var(--wl);font-family:var(--mh-serif);font-size:calc(var(--cell) * .54);font-style:normal;font-weight:700;color:var(--mh-ink);transition:color .35s;transition-delay:calc(var(--r) * 90ms + var(--c) * 30ms)}
.mh-motion .mh-contest:not(.is-in) .mh-wongoji__cells i{color:transparent}
.mh-wongoji__cells i.is-m{display:none}
.mh-wongoji__row:first-child .mh-wongoji__cells i:not(.is-empty){color:var(--mh-ribbon)}
.mh-wongoji__meta{font-size:14px;font-weight:600;color:var(--mh-pencil);white-space:nowrap}

/* 10 IA: metro map */
.mh-ia{background:var(--mh-paper)}
.mh-metro{margin-top:clamp(56px,6vw,90px);padding:clamp(20px,3vw,44px);border-radius:32px;background:var(--mh-card);box-shadow:inset 0 0 0 1px var(--mh-line)}
.mh-metro svg{width:100%;height:auto;overflow:visible}
.mh-metro__line path{fill:none;stroke:var(--c);stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--li) * 110ms)}
.mh-motion .mh-metro:not(.is-in) .mh-metro__line path{stroke-dashoffset:1}
.mh-metro__name{font:800 21px var(--mh-sans);fill:var(--c);letter-spacing:-.02em}
.mh-metro__stop circle{fill:#fff;stroke:var(--c);stroke-width:5}
.mh-metro__stop text{font:600 17px var(--mh-sans);fill:var(--mh-ink)}
.mh-metro__stop,.mh-metro__name{transition:opacity .45s;transition-delay:calc(var(--li) * 110ms + 450ms + var(--si,0) * 60ms)}
.mh-motion .mh-metro:not(.is-in) :is(.mh-metro__stop,.mh-metro__name){opacity:0}
.mh-metro__family path{fill:none;stroke:var(--mh-pencil);stroke-width:3;stroke-dasharray:6 7}
.mh-metro__family rect{fill:var(--mh-night)}
.mh-metro__family text{font:700 18px var(--mh-sans);fill:var(--mh-paper)}
.mh-metro__hub circle{fill:var(--mh-ink)}
.mh-metro__hub text{font:800 19px var(--mh-sans);fill:var(--mh-paper)}
.mh-metro__hub text.s{font:600 14px var(--mh-sans);fill:#d9c7a3}
.mh-metro__list{display:none}

/* 11 mobile */
.mh-mobile{background:var(--mh-paper2);--mb:0}
.mh-mobile__layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:5vw;align-items:center}
.mh-mobile__copy h2{margin-bottom:22px}
.mh-mobile__copy>p{font-size:18px;color:#4a463f}
.mh-checks{display:grid;gap:10px;margin-top:26px}
.mh-checks li{display:flex;gap:12px;font-size:17px;font-weight:600}
.mh-checks li::before{content:"";flex:none;width:7px;height:16px;margin-top:.35em;background:var(--mh-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.mh-phones{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:24px;padding-block:60px}
.mh-phones .mh-phone{position:relative;right:auto;bottom:auto;width:min(250px,30%);transform:translateY(calc(var(--mb) * var(--sp) * 1px))}
.mh-phone--2{margin-top:90px}

/* today */
.mh-today{background:var(--mh-paper)}
.mh-live{display:grid;grid-template-columns:1.5fr 1fr;gap:4vw;align-items:center;margin-top:clamp(56px,6vw,90px)}
.mh-live__view{aspect-ratio:16/10;background:#f1f1f0}
.mh-live__view video{width:100%;height:100%;object-fit:cover}
.mh-live__side strong{display:block;margin:12px 0 14px;font-family:var(--mh-sans);font-size:clamp(26px,2.4vw,36px);line-height:1.3}
.mh-live__side p{font-size:17px;color:#4a463f}

/* ending + colophon */
.mh-ending{background:var(--mh-night);color:var(--mh-paper)}
.mh-ending .mh-eyebrow{color:#e8b08f}
.mh-ending h2{margin:24px 0 24px;font-size:clamp(40px,5.6vw,96px);font-weight:800}
.mh-ending h2 em{color:#e8b08f}
.mh-ending>.mh-wrap>p{font-size:18px;color:#cfc8ba}
.mh-ending__links{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:40px}
.mh-ending__links .mh-textlink{margin-top:0;color:var(--mh-paper)}
.mh-others{margin-top:90px}
.mh-others__title{margin-bottom:28px;font-size:28px!important}
.mh-others ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mh-others a{display:grid;gap:8px}
.mh-others__img{display:block;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:#ffffff12}
.mh-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mh-others a:hover img{transform:scale(1.04)}
.mh-others__tag{margin-top:8px;font-size:14px;font-weight:700;color:#e8b08f}
.mh-others strong{font-size:20px;letter-spacing:-.03em}
.mh-others__desc{font-size:15px;color:#b9b3a6}

/* chapters + lightbox */
.mh-chapters{position:fixed;z-index:1001;left:50%;bottom:22px;display:flex;align-items:center;gap:2px;padding:6px;border-radius:99px;background:#151412eb;backdrop-filter:blur(10px);box-shadow:0 18px 40px #0004;transform:translate(-50%,140%);opacity:0;transition:transform .5s,opacity .5s;font-family:var(--mh-sans)}
.mh-chapters.is-visible{transform:translate(-50%,0);opacity:1}
.mh-chapters a{padding:9px 14px;border-radius:99px;color:#cfc8ba;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.mh-chapters a[aria-current]{background:var(--mh-ribbon);color:#fff}
.mh-chapters span{padding:0 14px 0 8px;white-space:nowrap;font-family:var(--mh-sans);font-size:14px;color:#cfc8ba;font-variant-numeric:tabular-nums}
.mh-lightbox{width:min(1200px,94vw);height:92vh;max-width:none;max-height:none;padding:0;border:0;border-radius:20px;background:var(--mh-ink);color:var(--mh-paper);overflow:hidden}
.mh-lightbox::backdrop{background:#12110fe6}
.mh-lightbox[open]{display:flex;flex-direction:column}
.mh-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-family:var(--mh-sans);font-size:15px}
.mh-lightbox__close{padding:8px 16px;border-radius:99px;background:#ffffff1f;color:#fff;border:0;font:inherit;cursor:pointer}
.mh-lightbox__scroll{flex:1;overflow:auto;overscroll-behavior:contain;background:#fff}
.mh-lightbox__scroll img{display:block;width:100%;height:auto}

/* responsive */
@media (max-width:1180px){
    .mh-chapters a{padding:8px 10px;font-size:13px}
    .mh-facts__grid{grid-template-columns:1fr 1fr}
    .mh-facts__grid>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}
    .mh-facts__grid>div:nth-child(even){padding-left:28px;border-left:1px solid var(--mh-line)}
    .mh-icons ul{grid-template-columns:repeat(4,1fr)}
    .mh-moodshelf__grid{grid-template-columns:repeat(6,1fr)}
    .mh-wongoji{--cell:clamp(22px,2.6vw,30px)}
    .mh-contest{grid-template-columns:1fr}
    .mh-swatch__body{left:96px}
}
@media (max-width:1024px){
    .mh-split,.mh-contents__grid,.mh-mobile__layout,.mh-live,.mh-sky__pin,.mh-opt,.mh-reader__ui,.mh-detail__mock{grid-template-columns:1fr}
    .mh-split{gap:28px}
    .mh-proof{position:relative;top:auto;grid-template-columns:1fr;min-height:0}
    .mh-proof__viz{min-height:300px}
    .mh-people__pin{grid-template-columns:1fr;padding:90px 0 70px 6vw;gap:30px}
    .mh-people__head{padding-right:6vw}
    .mh-people__track{width:auto;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;transform:none}
    .mh-card{scroll-snap-align:start}
    .mh-motion .mh-people{height:auto}
    .mh-motion .mh-people__pin{position:relative;height:auto}
    .mh-principles,.mh-motif__grid{grid-template-columns:1fr}
    .mh-palette{flex-direction:column;height:auto;min-height:0}
    .mh-swatch{flex:none!important;min-height:0;padding:28px 6vw 30px 120px}
    .mh-swatch::before,.mh-swatch::after{display:none}
    .mh-swatch__name{left:6vw!important;top:30px;transform:none!important}
    .mh-swatch__body{position:relative;left:auto;right:auto;bottom:auto;max-width:none;opacity:1;transform:none;pointer-events:auto}
    .mh-shelf{grid-template-columns:1fr 1fr;row-gap:44px}
    .mh-shelf::after{display:none}
    .mh-shelf__book{aspect-ratio:auto;min-height:220px}
    .mh-sian__pin{grid-template-columns:1fr;padding:90px 6vw 90px}
    .mh-sian__device{padding-right:0;margin-top:20px}
    .mh-sian__now{display:none}
    .mh-browser__view{height:auto;aspect-ratio:4/5;min-height:0}
    .mh-browser__view img,.mh-phone--scroll .mh-phone__view img{transform:none}
    .mh-phone{position:relative;bottom:auto;margin:-140px 10px 0 auto;transform:none}
    .mh-merge{grid-template-columns:1fr 1fr}
    .mh-merge__to{grid-column:1/-1}
    .mh-merge__from::after{display:none}
    .mh-process{grid-template-columns:repeat(3,1fr);row-gap:40px}
    .mh-moodshelf__grid{grid-template-columns:repeat(4,1fr)}
    .mh-moodshelf__head,.mh-detail__head,.mh-reader__head{grid-template-columns:1fr}
    .mh-moodshelf__head p,.mh-detail__head p,.mh-reader__head p{grid-column:auto}
    .mh-sky__stage{height:min(46svh,440px)}
    .mh-sky__row{top:26%}
    .mh-motion .mh-sky{height:300svh}
    .mh-motion .mh-sky__pin{grid-template-rows:auto 1fr;align-content:start;padding-top:100px;gap:18px}
    .mh-sky__copy h2,.mh-sky__quote{display:none}
    .mh-sky__steps{margin-top:12px}
    .mh-motion .mh-sky__steps li{display:none}
    .mh-sky[data-step="1"] [data-s="1"],.mh-sky[data-step="2"] [data-s="2"],.mh-sky[data-step="3"] [data-s="3"]{display:block!important}
    .mh-type__pair p{font-size:clamp(110px,22vw,200px)}
}
@media (max-width:760px){
    .mh{font-size:16px}
    .mh-wrap{width:calc(100% - 40px)}
    .mh-sectionhead{flex-direction:column;gap:6px}
    .mh-prose p,.mh-mood__head p,.mh-mobile__copy>p{font-size:16px}
    .mh-ribbon{right:6px;width:6px}
    .mh-hero__top{top:100px;left:20px;right:20px;font-size:13px}
    .mh-hero__top span:last-child{display:none}
    .mh-camera{--bw:min(43vw,230px);margin-top:0}
    .mh-hero__title{left:20px;right:20px;bottom:120px}
    .mh-hero__title h1{font-size:clamp(56px,16vw,76px)}
    .mh-hero__sub span{font-size:14px}
    .mh-hero__kv img{object-position:58% 60%}
    .mh-hero__down{left:20px;right:auto;bottom:56px}
    .mh-contents__title{font-size:84px!important}
    .mh-meta>div{grid-template-columns:1fr;gap:4px}
    .mh-toc a{grid-template-columns:56px 1fr auto;gap:10px}
    .mh-toc i{display:none}
    .mh-keywords li{font-size:14px;padding:8px 14px}
    .mh-facts__grid{grid-template-columns:1fr 1fr}
    .mh-facts__grid>div{padding:22px 0!important;border-left:0!important}
    .mh-facts__grid>div:nth-child(even){padding-left:16px!important;border-left:1px solid var(--mh-line)!important}
    .mh-facts strong{font-size:42px}
    .mh-question__text{font-size:clamp(28px,8vw,36px)}
    .mh-sky__row b{display:none}
    .mh-sky__row{gap:2px}
    .mh-sky__moon{width:40px;height:40px;right:7%;top:7%;box-shadow:inset -9px 4px 0 0 #f3e6c4}
    .mh-sky__ticker{top:18px;flex-direction:column;gap:2px}
    .mh-sky__ticker span{font-size:15px}
    .mh-proof__head{padding:12px 20px}
    .mh-proof__body{padding:26px 22px}
    .mh-proof__viz{margin:0 14px 14px}
    .mh-sites{padding:24px;gap:16px}
    .mh-card{width:300px;min-height:500px;padding:20px 22px 24px}
    .mh-statement{border-radius:22px}
    .mh-statement::after{right:22px;width:9px}
    .mh-mood__cols{grid-template-columns:1fr 1fr;width:calc(100% - 40px);gap:14px}
    .mh-mood__col{gap:14px}
    .mh-mood__col--mid{grid-column:1/-1;grid-row:1;padding-top:0}
    .mh-mood__tall img{aspect-ratio:4/3!important}
    .mh-mood figure{border-radius:18px}
    .mh-mood figcaption{left:10px;bottom:10px;font-size:13px;padding:5px 10px}
    .mh-material{min-height:auto;flex-direction:column;align-items:stretch}
    .mh-material>img{position:relative;aspect-ratio:4/3;height:auto}
    .mh-material__copy{margin:-40px 16px 30px;padding:28px 22px;border-radius:22px}
    .mh-opt__mock{padding:16px}
    .mh-opt__bar span{display:none}
    .mh-opt__hero{flex-direction:column;align-items:flex-start}
    .mh-opt__shelf{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 6px 0}
    .mh-swatch{padding:24px 20px 26px 92px}
    .mh-swatch__name{left:20px!important;font-size:28px}
    .mh-bgtest__grid{grid-template-columns:repeat(3,1fr)}
    .mh-bgtest__grid span:nth-child(n+10){display:none}
    .mh-ratio__head{flex-direction:column}
    .mh-ratio__bar{height:auto;flex-wrap:wrap;border-radius:20px}
    .mh-ratio__bar span{flex-basis:50%!important;min-height:60px}
    .mh-ratio__bar span:first-child{flex-basis:100%!important;min-height:90px}
    .mh-type__pair{grid-template-columns:1fr}
    .mh-type__pair>div{min-height:260px}
    .mh-scale li{grid-template-columns:1fr;gap:6px}
    .mh-scale span{font-size:min(var(--fs),34px)}
    .mh-scale i{text-align:left}
    .mh-icons__head{flex-direction:column;gap:6px}
    .mh-icons ul{grid-template-columns:repeat(2,1fr)}
    .mh-shelf{grid-template-columns:1fr;row-gap:16px;padding:0}
    .mh-shelf__book{min-height:170px}
    .mh-sian__pin{padding:80px 20px}
    .mh-phone{width:150px;margin-top:-120px;border-radius:26px;padding:7px}
    .mh-phone img,.mh-phone__view{border-radius:20px}
    .mh-matrix{overflow-x:auto}
    .mh-matrix__row{grid-template-columns:150px repeat(4,96px);min-width:540px;font-size:14px}
    .mh-matrix__row span[role="rowheader"]{font-size:15px}
    .mh-matrix i{width:9px;height:9px}
    .mh-matrix__row span[role="cell"]{gap:4px}
    .mh-merge{grid-template-columns:1fr}
    .mh-process{grid-template-columns:1fr 1fr}
    .mh-moodshelf,.mh-detail,.mh-reader,.mh-contest{padding:22px 16px;border-radius:24px}
    .mh-moodshelf__grid{grid-template-columns:repeat(3,1fr);padding:18px 12px;min-height:0}
    .mh-moodshelf__grid span{font-size:13px}
    .mh-detail__mock{padding:18px}
    .mh-detail__meta{grid-template-columns:1fr 1fr}
    .mh-detail__tabs button{padding:10px 10px;font-size:15px}
    .mh-detail__links li{flex-direction:column;gap:2px}
    .mh-wongoji{--cell:calc((100vw - 74px) / 12)}
    .mh-wongoji__row{grid-template-columns:1fr;gap:6px}
    .mh-wongoji__cells{grid-template-columns:repeat(12,var(--cell))}
    .mh-wongoji__cells i.is-m{display:grid}
    .mh-wongoji__cells i.is-tail{display:none}
    .mh-metro{padding:22px 18px}
    .mh-metro svg{display:none}
    .mh-metro__list{display:grid;gap:12px}
    .mh-metro__list>div{padding:16px 18px;border-left:6px solid var(--c);border-radius:12px;background:var(--mh-paper)}
    .mh-metro__list small{font-size:14px;color:var(--mh-pencil)}
    .mh-metro__list strong{display:block;font-family:var(--mh-sans);font-size:20px}
    .mh-metro__list p{font-size:15px;color:#4a463f}
    .mh-phones{gap:10px;padding-block:20px}
    .mh-phones .mh-phone{width:33%;margin:0;padding:5px;border-radius:20px}
    .mh-phones .mh-phone img{border-radius:16px}
    .mh-phones .mh-phone__notch{display:none}
    .mh-phone--2{margin-top:40px!important}
    .mh-others ul{grid-template-columns:1fr}
    .mh-chapters{display:none}
}
@media (prefers-reduced-motion:reduce){
    .mh *,.mh *::before,.mh *::after{transition-duration:.01ms!important;animation:none!important}
}