/* Horizontal study: one content-based composition at every viewport height. */
body.horizontal-reviewed{--cinema-paper:#f8f7f2;--cinema-ink:#293936;--deck-height:310px;--cover-width:clamp(260px,22.5vw,340px);--mascot-scale:1.12;--mascot-width:252px;--mascot-height:258px;background:var(--cinema-paper);color:var(--cinema-ink)}
.horizontal-reviewed .ambient{opacity:.13!important}.horizontal-reviewed .edge-orbits{opacity:.14}
.horizontal-reviewed .site-header{border-bottom-color:#d3dad7a8}.horizontal-reviewed .chapter-nav a{font-size:13px;letter-spacing:.3px;color:#52646c}.horizontal-reviewed .header-contact{font-size:13px;color:#344c65}
html body.horizontal-reviewed #home.hero{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100svh - var(--home-top,96px));height:auto;max-height:none;padding:22px 0 20px;overflow:visible;isolation:isolate}
.horizontal-reviewed .scene-copy{width:100%;height:auto;min-height:0;padding:0;flex:none;display:block;position:relative}
.horizontal-reviewed .bloom-stage{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:visible}
.horizontal-reviewed .scene-eyebrow,.horizontal-reviewed .scene-foot,.horizontal-reviewed .identity-copy{display:none!important}
.horizontal-reviewed .bloom-title{position:relative;inset:auto;width:100%;height:auto;margin:0!important;transform:none;line-height:1.06!important;color:var(--cinema-ink);font-size:clamp(52px,5.9vw,88px)!important;letter-spacing:-1px!important;text-align:center}
.horizontal-reviewed .bloom-title>span{display:block;padding:0!important;white-space:nowrap}
.horizontal-reviewed .bloom-title .intro-name{display:flex;align-items:center;justify-content:center;gap:16px;font:500 clamp(36px,3.4vw,52px)/1.14 Georgia,serif;letter-spacing:-1.6px;margin-bottom:12px}
.horizontal-reviewed .name-words{font:inherit;line-height:inherit;white-space:nowrap}
.horizontal-reviewed .intro-slogan{font-size:inherit;line-height:1.06}.horizontal-reviewed .ink-dot{color:#aa654d}
.horizontal-reviewed .name-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #fffdf8;outline:1px solid #c5b79d;box-shadow:0 5px 16px #4e3f2410;flex:none}
.horizontal-reviewed .identity{position:relative!important;inset:auto!important;transform:none!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;max-width:none;width:var(--mascot-width);height:auto;margin:0;flex:none;z-index:4}
html body.horizontal-reviewed #home .identity .robot-companion{position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:var(--mascot-width);height:var(--mascot-height);flex:none;margin:0;pointer-events:none}
html body.horizontal-reviewed #home .identity .robot-companion .artwork{display:block!important;position:relative!important;left:0!important;right:auto!important;width:225px!important;min-width:225px!important;max-width:none!important;height:230px!important;margin:0!important;padding:0!important;justify-self:start!important;align-self:start!important;transform:scale(var(--mascot-scale));transform-origin:0 0;overflow:visible!important}
html body.horizontal-reviewed #home .identity .robot-companion .art-surface{height:230px!important;min-height:0!important;width:225px!important;overflow:visible}
html body.horizontal-reviewed #home .identity .robot-companion .logo-stage{left:50%!important;top:50%!important;width:180px!important;max-width:180px!important;pointer-events:auto}
html body.horizontal-reviewed #home .robot-companion .art-controls,html body.horizontal-reviewed #home .robot-companion .pointer-note,html body.horizontal-reviewed #home .robot-companion .art-coordinate{display:none!important}
.horizontal-reviewed .messenger-hint{font:12px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.5px;color:#67766c;margin:0;white-space:nowrap}
.horizontal-reviewed .portfolio-stage{width:100%;height:var(--deck-height);min-height:0;max-height:none;margin:0!important;padding:0!important;flex:none;display:flex;flex-direction:column;align-items:stretch;perspective:1500px}
.horizontal-reviewed .portfolio-orbit,.horizontal-reviewed .film-axis,.horizontal-reviewed .film-label,.horizontal-reviewed .film-info,.horizontal-reviewed .film-perforations,.horizontal-reviewed .poke-gallery-controls{display:none!important}
.horizontal-reviewed .film-gallery{width:100%;height:auto;flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;outline:none}
.horizontal-reviewed .film-viewport{height:auto;min-height:0;flex:1;overflow:clip;perspective:1200px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.horizontal-reviewed .film-gallery .film-card[data-poke-source=true]{width:var(--cover-width);height:auto;aspect-ratio:1.5;position:absolute;left:50%;top:50%;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;overflow:visible;transition:none;will-change:transform,opacity}
.horizontal-reviewed .film-card::before,.horizontal-reviewed .film-card::after{display:none!important}
.horizontal-reviewed .film-card:not([data-active=true]){filter:saturate(.9)}
.horizontal-reviewed .film-card .film-cover{width:100%;height:100%;padding:0;border-radius:16px;isolation:auto;opacity:0;transform:translate3d(0,70px,-28px) rotateX(9deg);transform-origin:50% 100%;transition:transform 1s cubic-bezier(.18,.75,.25,1),opacity .8s ease;transition-delay:calc(var(--card-order,0)*.1s)}
.horizontal-reviewed.cards-emerging .film-card .film-cover{opacity:1;transform:translate3d(0,0,0)}
.horizontal-reviewed .film-card .card{--card-aspect:1.5;--card-radius:16px;--card-glow:#a5b8ad;--card-edge:#c4b79d}
.horizontal-reviewed .film-card .card__rotator{box-shadow:0 12px 26px #2939361a,0 1px 0 #fff5 inset}
.horizontal-reviewed .film-card .card__rotator img{object-fit:cover}
.horizontal-reviewed .holo-title{position:absolute!important;inset:auto 0 0!important;z-index:8!important;height:auto!important;aspect-ratio:auto!important;display:block!important;padding:35px 20px 19px!important;border-radius:0 0 16px 16px!important;font:500 clamp(19px,1.55vw,23px)/1.22 Georgia,"Songti SC",serif!important;letter-spacing:-.4px;color:#fff9ed;white-space:normal;text-align:left;background:linear-gradient(transparent,#130c0be8);pointer-events:none!important;transform:translateZ(2px)!important}
.horizontal-reviewed .film-card:not([data-index="0"]) .holo-title,.horizontal-reviewed .poke-detail:not([data-cover="0"]) .holo-title{color:#293e42;background:linear-gradient(transparent,#f6f2e7f5 70%)}
.horizontal-reviewed .film-card .card:not(.interacting) .card__shine{opacity:.10;animation:horizontal-foil 18s ease-in-out infinite alternate;animation-delay:calc(var(--card-order,0)*-3s)}
.horizontal-reviewed .film-card .card.interacting .card__shine{animation:none}
@keyframes horizontal-foil{from{background-position:center center,0% 25%,30% 35%,40% 45%}to{background-position:center center,0% 75%,80% 65%,65% 55%}}
html.motion-paused .horizontal-reviewed .film-card .card__shine{animation-play-state:paused}
.horizontal-reviewed .horizontal-footer{height:38px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 8px;margin-top:10px;color:#5a6c62}
.horizontal-reviewed .comparison-switch{position:static;display:flex;justify-content:flex-start;align-items:center;gap:4px;z-index:10;font:11px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.horizontal-reviewed .comparison-switch a{padding:6px 10px;color:#718077;text-decoration:none;border-radius:20px;background:transparent;border:1px solid transparent;white-space:nowrap}
.horizontal-reviewed .comparison-switch a:nth-child(2){background:#e5e9e1;color:#344b43;border-color:#d1dacf}
.horizontal-reviewed .comparison-switch a:hover{background:#e9eae3}
.horizontal-reviewed .film-controls{margin:0;display:flex;align-items:center;justify-content:center;gap:11px;min-height:34px}
.horizontal-reviewed .film-controls>span{display:none}
.horizontal-reviewed .film-controls>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #cbd4c9;border-radius:50%;background:#fffdf680;color:#4d6358;cursor:pointer;flex:none}
.horizontal-reviewed .film-controls>#film-prev,.horizontal-reviewed .film-controls>#film-next{font-size:0}
.horizontal-reviewed #film-prev::after{content:'←';font:15px Arial}.horizontal-reviewed #film-next::after{content:'→';font:15px Arial}
.horizontal-reviewed .film-controls .carousel-pause{font:11px/1 Arial;width:38px;margin-left:3px;border-radius:20px}
.horizontal-reviewed #film-dots{gap:7px}.horizontal-reviewed #film-dots button{width:6px;height:6px;background:#c7cec1}.horizontal-reviewed #film-dots button[aria-current=true]{background:#8e7859}
.horizontal-reviewed .scene-caption{position:static;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0;z-index:10}
.horizontal-reviewed .scene-caption>.caption-line,.horizontal-reviewed .scene-caption>span{display:none}
.horizontal-reviewed .scene-caption button{font:12px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#687a6d;border:0;background:transparent;padding:8px 4px;white-space:nowrap;cursor:pointer}
.horizontal-reviewed #skip-intro{display:none}.horizontal-reviewed.intro-playing #skip-intro{display:block}.horizontal-reviewed.intro-playing #replay-intro{display:none}
.horizontal-reviewed .comparison-switch a:focus-visible,.horizontal-reviewed .scene-caption button:focus-visible,.horizontal-reviewed .film-controls button:focus-visible{outline:2px solid #8b9e91;outline-offset:3px}
.horizontal-reviewed .gun-spin{position:absolute;width:56px;height:32px;z-index:7;pointer-events:none;filter:drop-shadow(0 2px 1px #33271b30);transform-origin:14px 18px}
.horizontal-reviewed .gun-spin>svg{display:block;width:56px;height:32px;overflow:visible}
.horizontal-reviewed .flower-flash{width:96px;height:96px;font-size:0;background:radial-gradient(circle,#fff9df 0%,#f6d3a9bf 18%,#ce967650 42%,transparent 70%);border-radius:50%;transform-origin:center}
.horizontal-reviewed .flower-flash.burst{animation:horizontal-camera-shot .7s ease-out forwards}
@keyframes horizontal-camera-shot{0%{opacity:0;transform:scale(.3)}12%{opacity:.95;transform:scale(.8)}35%{opacity:.45;transform:scale(1.15)}100%{opacity:0;transform:scale(1.7)}}
.horizontal-reviewed .poke-detail .holo-title{font-size:25px!important}.horizontal-reviewed .poke-detail .comparison-service-link{font-size:13px;margin-top:24px;text-decoration:none;line-height:1.6}
@media(max-height:800px) and (min-width:851px){body.horizontal-reviewed{--deck-height:220px;--cover-width:clamp(240px,20vw,280px);--mascot-scale:1.02;--mascot-width:230px;--mascot-height:235px}html body.horizontal-reviewed #home.hero{padding:14px 0 12px;gap:8px}.horizontal-reviewed .bloom-stage{gap:7px}.horizontal-reviewed .bloom-title{font-size:clamp(58px,5.8vw,78px)!important}.horizontal-reviewed .bloom-title .intro-name{font-size:clamp(36px,3.3vw,46px);margin-bottom:8px}.horizontal-reviewed .name-avatar{width:48px;height:48px}.horizontal-reviewed .messenger-hint{display:none}}
@media(min-height:1000px) and (min-width:851px){body.horizontal-reviewed{--deck-height:330px}html body.horizontal-reviewed #home.hero{padding-top:30px;padding-bottom:26px;gap:18px}.horizontal-reviewed .bloom-stage{gap:20px}}
@media(max-width:850px){body.horizontal-reviewed{--deck-height:280px;--cover-width:clamp(245px,36vw,310px);--mascot-scale:1;--mascot-width:225px;--mascot-height:230px}html body.horizontal-reviewed #home.hero{padding:22px 0 18px;gap:10px}.horizontal-reviewed .bloom-title{font-size:clamp(30px,5.8vw,50px)!important}.horizontal-reviewed .bloom-title .intro-name{font-size:clamp(30px,5vw,40px);gap:12px;margin-bottom:10px}.horizontal-reviewed .name-avatar{width:46px;height:46px}.horizontal-reviewed .horizontal-footer{gap:8px;padding:0;grid-template-columns:1fr auto 1fr}.horizontal-reviewed .comparison-switch{gap:1px;font-size:10px}.horizontal-reviewed .comparison-switch a{padding:5px 7px}}
@media(max-width:480px){body.horizontal-reviewed{--deck-height:250px;--cover-width:250px;--mascot-scale:.88;--mascot-width:198px;--mascot-height:203px}html body.horizontal-reviewed #home.hero{padding-top:20px;gap:12px}.horizontal-reviewed .bloom-title{font-size:clamp(26px,7.6vw,32px)!important}.horizontal-reviewed .bloom-title .intro-name{font-size:31px;letter-spacing:-1.2px}.horizontal-reviewed .name-avatar{width:42px;height:42px;border-width:2px}.horizontal-reviewed .bloom-stage{gap:12px}.horizontal-reviewed .horizontal-footer{height:74px;grid-template-columns:1fr 1fr;grid-template-rows:34px 28px;row-gap:5px;margin-top:5px}.horizontal-reviewed .film-controls{grid-column:1/-1;grid-row:1}.horizontal-reviewed .comparison-switch{grid-column:1;grid-row:2}.horizontal-reviewed .scene-caption{grid-column:2;grid-row:2}.horizontal-reviewed .scene-caption button{font-size:11px}.horizontal-reviewed .film-controls>button{width:38px;height:38px}.horizontal-reviewed .messenger-hint{font-size:11px}.horizontal-reviewed .holo-title{font-size:19px!important;padding:30px 17px 17px!important}}
@media(prefers-reduced-motion:reduce){.horizontal-reviewed .film-card .film-cover{opacity:1;transform:none;transition:none}.horizontal-reviewed .film-card .card__shine{animation:none!important}}
/* Neutralize inherited mobile h1 ordering; retain title → messenger everywhere. */
.horizontal-reviewed .bloom-title{order:0!important}
.horizontal-reviewed .identity{order:1!important}
.horizontal-reviewed:not(.intro-playing) #isshin-sprite,.horizontal-reviewed:not(.intro-playing) .sprite-ground,.horizontal-reviewed:not(.intro-playing) .flower-flash,.horizontal-reviewed:not(.intro-playing) .gun-spin{display:none!important}
.horizontal-reviewed .film-controls>#film-prev,.horizontal-reviewed .film-controls>#film-next{display:flex;justify-content:center;align-items:center;font-size:0;line-height:0}
/* Carry the same restrained paper/ink treatment into the rest of B only. */
.horizontal-reviewed #main>.chapter{padding-top:72px!important;padding-bottom:72px!important;border-color:#d6ddd2}
.horizontal-reviewed .chapter-heading{margin-bottom:32px}
.horizontal-reviewed .chapter-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.2;letter-spacing:-1.5px;color:#2d404c}
.horizontal-reviewed .chapter-heading h2 em{color:#718078}
.horizontal-reviewed .chapter-heading>p:not(.chapter-kicker){font-size:15px;line-height:1.9;color:#65766e}
.horizontal-reviewed .chapter-kicker,.horizontal-reviewed .chapter-note{font-size:11px;color:#748279}
.horizontal-reviewed .service-grid{gap:20px}
.horizontal-reviewed .service-card{background:linear-gradient(145deg,#fffef9,#f3f4ed);border:1px solid #d7ddd1;border-radius:16px;padding:25px;box-shadow:0 6px 20px #253d2907;color:#293e39}
.horizontal-reviewed .service-card::before{display:none}
.horizontal-reviewed .service-card:hover{border-color:#b8c7b8;box-shadow:0 10px 25px #253d2910;transform:translateY(-2px)}
.horizontal-reviewed .service-card h3{font-size:clamp(27px,2.5vw,34px);line-height:1.2;letter-spacing:-.7px;color:#2b3d45}
.horizontal-reviewed .work-kicker{font-size:11px;line-height:1.5;color:#738078}
.horizontal-reviewed .work-tagline{font-size:15px;line-height:1.7;color:#4e6359}
.horizontal-reviewed .work-description,.horizontal-reviewed .panel-description{font-size:14px;line-height:1.9;color:#65756b}
.horizontal-reviewed .service-badge{font-size:11px;padding:5px 9px}
.horizontal-reviewed .service-detail{background:#ffffff7a;border:1px solid #dfe4d9;border-radius:12px;padding:14px;margin-top:20px}
.horizontal-reviewed .sd-label{font-size:11px;color:#768474}.horizontal-reviewed .sd-chips span{font-size:11px;border-color:#dae2d5;background:#fffef9;color:#586e5f}
.horizontal-reviewed .work-links{font-size:13px;gap:18px}.horizontal-reviewed .work-links a{color:#425c50;border-color:#c7d2c3}
.horizontal-reviewed .work-card{border-color:#d7ddd1;border-radius:16px;overflow:hidden;background:#fffdf7;box-shadow:0 6px 22px #253d2907}
.horizontal-reviewed .work-copy{background:#fffdf7}
.horizontal-reviewed .demo-panel,.horizontal-reviewed .collection-card{border-color:#d7ddd1;border-radius:16px;background:#fffdf8b8;box-shadow:none}
.horizontal-reviewed .component-label,.horizontal-reviewed .card-meta{font-size:11px;color:#718075}
.horizontal-reviewed .card-description{font-size:13px;line-height:1.8;color:#65756b}
@media(max-width:740px){.horizontal-reviewed #main>.chapter{padding-top:48px!important;padding-bottom:48px!important}.horizontal-reviewed .chapter-heading h2{font-size:36px}.horizontal-reviewed .service-grid{gap:14px}.horizontal-reviewed .service-card{padding:22px}.horizontal-reviewed .service-card h3{font-size:29px}}
.horizontal-reviewed .service-card{display:flex;flex-direction:column}
.horizontal-reviewed .service-card .work-links{margin-top:auto;padding-top:24px}
