/* F941. Existing colours/type/model are inherited. Composited motion only. */
html body #load{display:none!important;pointer-events:none!important;}
html.f941-first body #load{display:flex!important;background:var(--ink)!important;animation:f941-curtain 1100ms cubic-bezier(.76,0,.24,1) both;transform:none;}
html.f941-first body #load>.bars{display:flex!important;}
html.f941-first body #load>.center{position:relative!important;inset:auto!important;text-align:center!important;width:auto;max-width:none;transform:none!important;}
html#mitekara-type-rules.f941-first body #load .c{font-family:var(--f-en);font-size:clamp(80px,14vw,160px)!important;line-height:1!important;font-style:italic;font-variant-numeric:tabular-nums;}
html.f941-first body #load .rec,html.f941-first body #load .lbl{font-family:var(--f-mono);font-size:11px!important;letter-spacing:.18em!important;}
html.f941-first body #load .bar{width:min(240px,60vw);margin:24px auto!important;}
html.f941-first body #load .bar i{width:100%;transform:scaleX(0);transform-origin:left;}
@keyframes f941-curtain{0%,63%{transform:translateY(0)}100%{transform:translateY(-101%)}}
/* One photograph, one 8px spacing scale across both semantic sections. */
#mitekara-type-rules body .market-photo #market{padding-block:64px 40px!important;}
#mitekara-type-rules body .market-photo #shift{padding-block:40px 64px!important;}
#mitekara-type-rules body .market-photo #market .lead{margin-block:0 32px;line-height:1.5;}
#mitekara-type-rules body .market-photo .mk-time{margin-block:0;gap:24px;}
#mitekara-type-rules body .market-photo .shift-grid{gap:64px;}
#mitekara-type-rules body .market-photo #shift .secnum{margin-bottom:24px;}
#mitekara-type-rules body .market-photo #x29{margin-block:0 16px;}
#mitekara-type-rules body .market-photo .bars29{margin-top:24px;}
/* No English word may split in the tone titles. Size is fit to the measured column. */
#mitekara-type-rules body.home-page .f908-tones-shell #tones .tp-en{font-size:var(--f941-tone-size,clamp(24px,6.4vw,112px))!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;letter-spacing:.015em!important;line-height:1.18!important;max-width:100%;padding-right:.12em;box-sizing:border-box;}
/* A: reflected screen light. No new pin, projection or exploding scale. */
body.home-page #showreel.reel-static{position:relative;isolation:isolate;overflow:hidden;}
#showreel.reel-static .stick{position:relative;isolation:isolate;}
#showreel.reel-static .stick::before{content:"";position:absolute;z-index:-1;pointer-events:none;transform:translateY(24px);}
#showreel.reel-static .stick::after{display:none!important;}
#showreel.reel-static .reel-lab{color:var(--paper-2);margin:0 0 24px;gap:16px;display:flex;align-items:center;font-size:13px;letter-spacing:.08em;}
#showreel.reel-static .reel-lab::before,#showreel.reel-static .reel-lab::after{display:none!important;}
#showreel.reel-static .card{transform:none;}
#showreel.reel-static .card::before,#showreel.reel-static .card::after{}
/* SNS words describe the feed beside them, with the same region/industry labels. */
#mitekara-type-rules body #reach>.secnum{margin:0 0 24px!important;}
#mitekara-type-rules body #reach .reach-grid{display:block!important;margin:0!important;width:50%;max-width:600px;}
#mitekara-type-rules body #reach .reach-n{font-size:clamp(32px,3.6vw,54px)!important;line-height:1.4;letter-spacing:.01em!important;margin:0!important;}
#mitekara-type-rules body #reach .reach-n+.statsrc{margin-top:16px;font-size:16px!important;line-height:1.85!important;}
#mitekara-type-rules body #reach>.statsub{margin:24px 0 0!important;max-width:32em!important;width:46%;}
#mitekara-type-rules body #reach>.statnote{margin:16px 0 0!important;max-width:32em!important;width:46%;}
#reach .snsfeed{top:48px;bottom:48px;}
#reach .f941-feed-label{position:absolute;top:20px;left:57%;margin:0;font:13px/1.65 var(--f-body);color:var(--paper-2);z-index:3;}
#reach .f941-feed-label::before{content:"↗";color:var(--g2);margin-right:8px;}
/* Cost: label and price form a single group; price settles inside 0.55s. */
#mitekara-type-rules body.home-page #cost{padding-block:64px!important;min-height:0;}
#mitekara-type-rules body #cost .cost-row{margin-block:24px!important;align-items:center;gap:32px;min-height:0;}
#mitekara-type-rules body #cost .co-k{margin-bottom:16px!important;transform:none!important;opacity:1!important;}
#mitekara-type-rules body #cost .cost-new{opacity:1!important;filter:none!important;}
#mitekara-type-rules body #cost .cost-new .yu{}
#mitekara-type-rules body #cost .cost-old{line-height:1.35!important;margin:0!important;}
#mitekara-type-rules body #cost .co-ring{display:none;}
#mitekara-type-rules body #cost .statnote{}
#mitekara-type-rules body #cost .cta{}
/* Feathered photo boundaries provide translation overscan without upscaling. */
[data-f941-parallax]{translate:0 var(--f941-photo-y,0px);}
@media(max-width:760px){
 #mitekara-type-rules body .market-photo #market{padding-block:48px 24px!important;}
 #mitekara-type-rules body .market-photo #shift{padding-block:24px 48px!important;}
 #mitekara-type-rules body .market-photo .shift-grid{gap:32px;}
 #mitekara-type-rules body .market-photo #market .lead{margin-bottom:24px;}
 body.home-page #showreel.reel-static{}
 #mitekara-type-rules body #reach .reach-grid{width:100%;max-width:100%;}
 #mitekara-type-rules body #reach .reach-n{font-size:32px!important;}
 #mitekara-type-rules body #reach>.statsub,#mitekara-type-rules body #reach>.statnote{width:100%;max-width:none!important;}
 #reach .f941-feed-label{position:relative;top:auto;left:auto;margin:24px 0 8px;order:4;}
 #reach .snsfeed{margin-top:0;max-height:360px;}
 #mitekara-type-rules body.home-page #cost{}
 #mitekara-type-rules body #cost .cost-row{gap:24px;margin-block:24px!important;}
 #mitekara-type-rules body #cost .cost-new{}
}
html.owner-motion-paused [data-f941-parallax]{translate:0 0!important;will-change:auto!important;}
@media(prefers-reduced-motion:reduce){html.f941-first body #load{display:none!important;} [data-f941-parallax]{translate:0 0!important;will-change:auto!important;}}
/* Screen light dissolves beyond the monitor; no pedestal rectangle. */
#showreel.reel-static .stick::before{inset:-40px -96px -48px;background:radial-gradient(ellipse at 50% 58%,#a8c2c94d 0%,#b39a6e32 45%,transparent 74%);opacity:.8;}
#mitekara-type-rules body #cost .co-l,#mitekara-type-rules body #cost .co-r{flex-direction:column;align-items:flex-start;justify-content:center;}
#mitekara-type-rules body #cost .co-k{margin:0!important;}
#mitekara-type-rules body #cost .cost-new{margin:0!important;}
@media(max-width:760px){
 #mitekara-type-rules body #reach{display:flex;flex-direction:column;}
 #reach>.secnum{order:1;}#reach>.reach-grid{order:2;}#reach>.statsub{order:3;}#reach>.statnote{order:4;}
 #reach>.f941-feed-label{order:5;margin:24px 0 8px;}
 #reach>.snsfeed{order:6;display:grid!important;position:relative;inset:auto;width:100%;height:260px;max-height:260px;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 86%,transparent);transform:none;}
 #reach .snsfeed>.sf-col{width:auto;min-width:0;}
 #reach .snsfeed>.sf-col:nth-child(3){display:none;}
 #reach .sf-reel{width:100%;height:auto;aspect-ratio:9/12;}
 #reach .sf-reel img{width:100%;height:100%;object-fit:cover;}
}
/* Clear the complete font em boxes, including EB Garamond's tall ascenders. */
#mitekara-type-rules body .market-photo #x29{}
#mitekara-type-rules body #cost .cost-new{}
#mitekara-type-rules body #cost .co-l,#mitekara-type-rules body #cost .co-r{gap:24px;}
#mitekara-type-rules body #cost .cost-old{}
/* Hero mask keeps its rise while giving Mincho ascenders 4px of clearance. */
#top.hero h1 .l{padding-top:4px;margin-top:-4px;}
/* Restore the mobile menu cascade where generic unclassed-link styles won. */
@media(max-width:760px){
 #mitekara-type-rules body[data-f820="contact"] header nav a[href]:not(.nav-cta){display:none!important;}
 #mitekara-type-rules body[data-f820="contact"] header .menu-btn{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;}
 #mitekara-type-rules body[data-f820="contact"] header nav{gap:8px;}
 #mitekara-type-rules body.library-page .fch{flex-wrap:wrap!important;overflow:visible!important;margin-right:0;padding-right:0;mask:none!important;max-height:none;height:auto;}
 #top.hero h1 .l{}
}
#market .lineMask{padding-block:4px;margin-block:-4px;}
@media(max-width:760px){#top.hero h1 .l{line-height:1.4!important;}}
/* Optical rhythm follows the numeral ink rather than the font's blank em box. */
#mitekara-type-rules body .market-photo #x29{line-height:1.05!important;}
/* Native view timelines let the compositor own the photograph movement.
   JS is retained as a fallback for browsers without scroll-driven animation. */
@supports(animation-timeline:view()){
 #mitekara-type-rules [data-f941-mode=native]{animation:f941-photo-native linear both!important;animation-timeline:--f941-photo!important;animation-range:cover 35% cover 65%!important;}
 @keyframes f941-photo-native{from{translate:0 -36px}to{translate:0 36px}}
 @media(max-width:760px){@keyframes f941-photo-native{from{translate:0 -18px}to{translate:0 18px}}}
 html.owner-motion-paused#mitekara-type-rules [data-f941-mode=native]{animation:none!important;translate:0 0!important;}
 @media(prefers-reduced-motion:reduce){#mitekara-type-rules [data-f941-mode=native]{animation:none!important;translate:0 0!important;}}
}

#mitekara-type-rules [data-f941-timeline]{view-timeline:--f941-photo block;}
/* A short opening photograph is already inside the viewport on first paint. */
#mitekara-type-rules .fhero [data-f941-mode=native]{animation-range:cover 35% cover 100%!important;}
/* The two labels share a row; the two prices and arrow share the next row. */
#mitekara-type-rules body #cost .cost-row.cr2{display:grid;grid-template-rows:auto auto;align-items:center;}
#mitekara-type-rules body #cost .co-l,#mitekara-type-rules body #cost .co-r{display:contents!important;}
#mitekara-type-rules body #cost .co-l>.co-k{grid-column:1;grid-row:1;}
#mitekara-type-rules body #cost .co-r>.co-k{grid-column:3;grid-row:1;justify-self:start;}
#mitekara-type-rules body #cost .cost-old{grid-column:1;grid-row:2;align-self:center!important;}
#mitekara-type-rules body #cost .cost-new{grid-column:3;grid-row:2;align-self:center!important;justify-self:start;}
#mitekara-type-rules body #cost .co-ar{grid-column:2;grid-row:2;align-self:center;justify-self:center;margin:0!important;}
#showreel.reel-static .stick{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;}
#showreel.reel-static .stick::before{height:auto;border:0!important;box-shadow:none!important;border-radius:0!important;}
#mitekara-type-rules body #cost .cost-new{}
#mitekara-type-rules body #cost .cost-row.cr2{}
@media(max-width:760px){
 #mitekara-type-rules body #cost .cost-row.cr2{}
 #mitekara-type-rules body #cost .co-r>.co-k,#mitekara-type-rules body #cost .cost-new{grid-column:2;}
 #mitekara-type-rules body #cost .co-ar{display:none!important;}
 #mitekara-type-rules body.home-page #cost{padding-block:40px!important;}
 #mitekara-type-rules body #cost .cost-row.cr2{}
}

/* R2 target composition: screen light comes from the existing movie. */
body.home-page #showreel.reel-static{padding-block:80px 104px!important;background:#080a12;}
#showreel.reel-static .stick::before{display:none!important;}
#showreel.reel-static .f941-reel-light{position:absolute;left:-18%;top:-8%;width:136%;height:124%;z-index:-1;pointer-events:none;filter:blur(42px) saturate(.85);opacity:.68;mask-image:radial-gradient(ellipse 70% 65% at 50% 48%,#000 28%,#0009 55%,transparent 78%);}
#showreel.reel-static .card{border:0!important;background:transparent!important;box-shadow:0 20px 50px #0005;border-radius:0!important;}
#showreel.reel-static .card::before,#showreel.reel-static .card::after{display:none!important;}
#mitekara-type-rules body #cost .cost-new{font-size:clamp(152px,20vw,340px)!important;line-height:.82!important;white-space:nowrap;transform:none;}
#mitekara-type-rules body #cost .cost-row.cr2{grid-template-columns:max-content 64px max-content;column-gap:40px;row-gap:8px;width:fit-content;max-width:100%;margin-block:20px 16px!important;}
#mitekara-type-rules body #cost .cost-new .yu{font-size:.52em!important;vertical-align:baseline;}
#mitekara-type-rules body #cost .statnote{margin-top:0!important;max-width:48em;}
#mitekara-type-rules body #cost .cta{margin-top:16px!important;}
@media(max-width:760px){
 body.home-page #showreel.reel-static{padding-block:56px 72px!important;}
 #showreel.reel-static .f941-reel-light{left:-24%;width:148%;top:-5%;height:118%;filter:blur(26px) saturate(.85);opacity:.65;}
 #mitekara-type-rules body #cost .cost-row.cr2{width:100%;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);column-gap:16px;row-gap:4px;margin-block:20px 12px!important;}
 #mitekara-type-rules body #cost .co-k{max-width:100%;box-sizing:border-box;white-space:normal;text-wrap:balance;}
 #mitekara-type-rules body #cost .cost-new{font-size:clamp(112px,36.924vw,160px)!important;}
 #mitekara-type-rules body #cost .cost-old{font-size:clamp(28px,8vw,44px)!important;}
}

/* Supporting condition and action share one line on desktop. */
#cost .f941-cost-footer{display:flex;align-items:center;gap:32px;max-width:960px;}
#mitekara-type-rules body #cost .f941-cost-footer>.statnote{flex:1;min-width:0;margin:0!important;}
#mitekara-type-rules body #cost .f941-cost-footer>.cta{flex:none;margin:0!important;}
@media(max-width:760px){#cost .f941-cost-footer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;}#mitekara-type-rules body #cost .cost-new{line-height:1!important;}}

@media(max-width:760px){#mitekara-type-rules body #cost .co-l>.co-k{padding:6px 8px;}}
#showreel.reel-static{border:0!important;box-shadow:none!important;}

#cost .f941-label-break{display:none;}
@media(max-width:360px){#cost .co-l>.co-k .nw{white-space:normal!important;}#cost .f941-label-break{display:block;}}