/* Compact first view. Typography and artwork share the available viewport height. */
.qmer-hero-v2{position:relative;isolation:isolate;overflow:hidden;--hero-fade:clamp(90px,15svh,150px);background:linear-gradient(to bottom,#fdfbf9 0%,#fdfbf9 calc(100% - var(--hero-fade)),#fff calc(100% - 8px),#fff 100%);color:#282626;height:calc(100svh - 76px);min-height:540px;max-height:940px;--accent:#c64e3b;--line:#e9d9d0;--copy-width:60%}
/* Fade only the artwork and ambient details; keep the copy and buttons crisp. */
.qmer-hero-v2 .ambient-layer,.qmer-hero-v2 .hero-visual{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--hero-fade)),transparent calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--hero-fade)),transparent calc(100% - 8px),transparent 100%)}
.qmer-hero-v2 .ambient-layer{position:absolute}
.qmer-hero-v2 .page-shell{width:100%;max-width:1760px;min-height:0;height:100%;padding:0 4.4vw;display:flex;overflow:visible;mix-blend-mode:normal}
.qmer-hero-v2 .hero-main{display:flex;flex-direction:column;flex:1;min-height:0}
.qmer-hero-v2 .metrics{display:grid;grid-template-columns:1.42fr repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0;flex-shrink:0}
.qmer-hero-v2 .metric{min-height:0;height:86px;padding:11px 18px;border:1px solid #e8d6cc;border-radius:11px;background:linear-gradient(110deg,#fff9 35%,#fcf1eb99);box-shadow:0 5px 18px #b86b4110}
.qmer-hero-v2 .metric-head{font-size:11px;color:#75645c}
.qmer-hero-v2 .metric-head>.icon{width:18px;height:18px;color:#b17d62}
.qmer-hero-v2 .metric-bottom{margin-top:4px;gap:8px}
.qmer-hero-v2 .metric-number{gap:10px}
.qmer-hero-v2 .metric-number>[data-count]{font-size:34px;line-height:1.15;letter-spacing:-.8px;color:#332b29}
.qmer-hero-v2 .unit{font-size:11px;color:#66564f}
.qmer-hero-v2 .metric-en{font-size:7px;letter-spacing:.1em;color:#9a8074}
.qmer-hero-v2 .metric-overview{display:flex;align-items:center;gap:13px;border:0;background:none;box-shadow:none;padding:0 8px 0 0;overflow:visible}
.qmer-hero-v2 .metric-overview::after,.qmer-hero-v2 .metric-overview::before{display:none}
.qmer-hero-v2 .metric-overview .genome-symbol{width:64px;height:82px;flex-shrink:0}
.qmer-hero-v2 .overview-copy{display:block}
.qmer-hero-v2 .overview-copy strong{display:block;font-family:var(--font-ja);font-weight:500;font-size:clamp(16px,1.45vw,23px);line-height:1.6;letter-spacing:.035em;color:#322b28}
.qmer-hero-v2 .overview-copy small{display:block;font-size:6px;letter-spacing:.11em;line-height:1.5;color:#9b7c6c;margin-top:3px}
.qmer-hero-v2 .hero{display:flex;flex:1;align-items:center;min-height:0;padding:16px 0 22px;gap:0}
.qmer-hero-v2 .hero-copy{width:60%;max-width:760px;padding:0;margin:0;align-self:center}
.qmer-hero-v2 .hero .eyebrow{font-size:8px;letter-spacing:.15em;gap:11px;line-height:1.5;margin:0;min-height:0}
.qmer-hero-v2 .hero .eyebrow>span{width:25px}
.qmer-hero-v2 .hero h1{font-size:clamp(34px,min(4vw,6.5svh),65px);line-height:1.5;letter-spacing:.035em;margin:18px 0 14px;color:#282626;font-weight:600}
.qmer-hero-v2 .title-period{color:inherit}
.qmer-hero-v2 .hero-copy>p.hero-english{font-size:clamp(13px,1.22vw,18px)!important;color:#857166;line-height:1.6;letter-spacing:.04em;margin:0 0 18px}
.qmer-hero-v2 .hero-copy>p.hero-description{font-size:clamp(11px,1vw,14px)!important;line-height:2;color:#82756d!important;letter-spacing:.02em;margin:0}
.qmer-hero-v2 .hero-copy .button-row{margin-top:22px;gap:12px;display:flex;align-items:center}
.qmer-hero-v2 .button{min-height:46px;padding:10px 22px;gap:23px;font-size:12px;border-radius:30px}
.qmer-hero-v2 .hero-copy>p.service-note{font-size:8px!important;line-height:1.8;color:#a08e83;max-width:480px;margin:15px 0 0}
.qmer-hero-v2 .hero-visual{position:absolute;inset:0;z-index:1;height:auto;margin:0;pointer-events:none}
.qmer-hero-v2 .art-stage{position:absolute;left:auto;right:22%;top:47%;width:min(51vw,69svh);height:auto;aspect-ratio:1160/975;transform:translateY(-50%);opacity:1}
.qmer-hero-v2 .art-float{width:100%;left:0;top:0;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 51% 48%,#000 46%,#000d 59%,transparent 75%)!important;-webkit-mask-image:radial-gradient(ellipse at 51% 48%,#000 46%,#000d 59%,transparent 75%)!important}
.qmer-hero-v2 .art-orbits{width:100%;height:100%;opacity:.35}
.qmer-hero-v2 .art-coordinate,.qmer-hero-v2 .art-label{display:none}
.qmer-hero-v2 .botanical-stage{width:auto;height:82%;max-height:470px;aspect-ratio:2/3;right:-1%;bottom:0;z-index:2;transform:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%)}
.qmer-hero-v2 .botanical-photo{position:relative;top:2%;display:block;width:100%;height:100%;object-fit:contain;transform-origin:56% 95%;filter:drop-shadow(0 6px 9px #755a2f0b)}
@media(min-width:1550px){.qmer-hero-v2 .metrics{gap:20px;margin-top:18px}.qmer-hero-v2 .metric{height:98px;padding:14px 22px}.qmer-hero-v2 .metric-overview{padding:0}.qmer-hero-v2 .metric-number>[data-count]{font-size:40px}.qmer-hero-v2 .metric-head{font-size:12px}.qmer-hero-v2 .metric-en{font-size:8px}.qmer-hero-v2 .hero-copy{padding-left:15px}.qmer-hero-v2 .hero h1{margin-top:23px}.qmer-hero-v2 .botanical-stage{max-height:540px}}
@media(min-width:901px) and (max-height:720px){.qmer-hero-v2{min-height:470px}.qmer-hero-v2 .metrics{margin-top:10px}.qmer-hero-v2 .metric{height:76px;padding:8px 14px}.qmer-hero-v2 .metric-overview{padding:0}.qmer-hero-v2 .metric-overview .genome-symbol{height:72px}.qmer-hero-v2 .metric-number>[data-count]{font-size:31px}.qmer-hero-v2 .hero{padding-top:12px;padding-bottom:18px}.qmer-hero-v2 .hero h1{font-size:clamp(30px,6.3svh,45px);margin:13px 0 10px}.qmer-hero-v2 .hero-copy>p.hero-english{margin-bottom:13px;font-size:13px!important}.qmer-hero-v2 .hero-copy .button-row{margin-top:16px}.qmer-hero-v2 .hero-copy>p.service-note{margin-top:11px}.qmer-hero-v2 .botanical-stage{height:88%;bottom:0}}
@media(max-width:1100px) and (min-width:901px){.qmer-hero-v2 .metrics{gap:9px;grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}.qmer-hero-v2 .metric{padding-inline:12px}.qmer-hero-v2 .metric-overview{padding:0;gap:8px}.qmer-hero-v2 .metric-en{display:none}.qmer-hero-v2 .metric-overview .genome-symbol{width:48px}.qmer-hero-v2 .overview-copy strong{font-size:16px}.qmer-hero-v2 .art-stage{right:13%;width:55vw}.qmer-hero-v2 .botanical-stage{right:-4%;height:72%}.qmer-hero-v2 .hero h1{font-size:clamp(32px,3.8vw,42px)}}
@media(max-width:900px){.qmer-hero-v2{height:auto;min-height:0;max-height:none}.qmer-hero-v2 .page-shell{padding:0 6vw;height:auto}.qmer-hero-v2 .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 0}.qmer-hero-v2 .metric-overview{grid-column:1/-1;height:54px;justify-content:center;gap:10px}.qmer-hero-v2 .metric-overview .genome-symbol{width:42px;height:54px}.qmer-hero-v2 .overview-copy strong{font-size:18px;line-height:1.5}.qmer-hero-v2 .overview-copy strong br{display:none}.qmer-hero-v2 .overview-copy small{font-size:6px;text-align:center}.qmer-hero-v2 .overview-copy small br{display:none}.qmer-hero-v2 .metric:not(.metric-overview){height:74px;padding:9px 13px}.qmer-hero-v2 .metric-head{font-size:10px}.qmer-hero-v2 .metric-en{display:none}.qmer-hero-v2 .metric-number>[data-count]{font-size:31px}.qmer-hero-v2 .hero{display:flex;flex-direction:column;min-height:0;padding:24px 0 0}.qmer-hero-v2 .hero-copy{width:100%;max-width:660px;padding:0}.qmer-hero-v2 .hero h1{font-size:clamp(29px,5.1vw,44px);line-height:1.5;margin:15px 0 12px}.qmer-hero-v2 .hero-copy>p.hero-english{font-size:14px!important;margin-bottom:15px}.qmer-hero-v2 .hero-copy>p.hero-description{font-size:12px!important}.qmer-hero-v2 .hero-copy .button-row{margin-top:18px}.qmer-hero-v2 .hero-copy>p.service-note{max-width:510px;font-size:8px!important;margin-top:12px}.qmer-hero-v2 .hero-visual{position:relative;inset:auto;width:100%;height:270px;margin-top:4px}.qmer-hero-v2 .art-stage{width:360px;right:auto;left:39%;top:47%;transform:translate(-50%,-50%)}.qmer-hero-v2 .botanical-stage{height:255px;max-height:none;right:0;bottom:0}}
@media(max-width:500px){.qmer-hero-v2 .page-shell{padding:0 5vw}.qmer-hero-v2 .metrics{gap:7px}.qmer-hero-v2 .metric-overview{height:50px}.qmer-hero-v2 .metric-overview .genome-symbol{height:49px;width:38px}.qmer-hero-v2 .overview-copy strong{font-size:14px;letter-spacing:0}.qmer-hero-v2 .overview-copy small{font-size:4.8px;letter-spacing:.05em}.qmer-hero-v2 .metric:not(.metric-overview){height:68px;padding:8px 10px}.qmer-hero-v2 .metric-head{font-size:9px;white-space:nowrap}.qmer-hero-v2 .metric-head>.icon{width:12px;height:12px}.qmer-hero-v2 .metric-number{gap:6px}.qmer-hero-v2 .metric-number>[data-count]{font-size:27px}.qmer-hero-v2 .unit{font-size:9px}.qmer-hero-v2 .hero{padding-top:19px}.qmer-hero-v2 .hero .eyebrow{font-size:6.3px;letter-spacing:.09em;gap:8px}.qmer-hero-v2 .hero .eyebrow>span{width:18px}.qmer-hero-v2 .hero h1{font-size:clamp(25px,7.3vw,34px);line-height:1.48;margin:13px 0 12px;letter-spacing:.02em}.qmer-hero-v2 .hero-copy>p.hero-english{font-size:12px!important;margin-bottom:13px}.qmer-hero-v2 .hero-copy>p.hero-description{font-size:10px!important;line-height:1.9;letter-spacing:.01em}.qmer-hero-v2 .hero-copy .button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.qmer-hero-v2 .button{font-size:10px;min-height:43px;padding:10px 13px;gap:8px}.qmer-hero-v2 .hero-copy>p.service-note{font-size:7px!important;line-height:1.75;margin-top:10px}.qmer-hero-v2 .hero-visual{height:204px;margin-top:0}.qmer-hero-v2 .art-stage{width:280px;left:39%;top:48%}.qmer-hero-v2 .botanical-stage{height:200px;right:-2%;bottom:0}}