:root{--accent:#ff5757;--ink:#777;--muted:#aaa}
*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-width:320px}a{color:inherit;text-decoration:none}img{max-width:100%}.page{width:100%;overflow:hidden;background:#fff}.shell{width:min(60vw,1536px);margin-inline:auto}
.header{height:11.523vw;max-height:295px;min-height:145px;position:relative}.logo-link{position:absolute;left:0;top:3.2vw;display:block}.logo{display:block;width:10.8vw;max-width:277px;height:auto}.mall{position:absolute;right:0;top:3.12vw;width:2.66vw;height:2.66vw;max-width:68px;max-height:68px;min-width:44px;min-height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:clamp(11px,.55vw,14px);font-weight:600}.nav{position:absolute;right:0;bottom:1.25vw;display:flex;gap:3.05vw;font-size:clamp(10px,.47vw,12px);color:#777}
.hero{width:100%;aspect-ratio:2560/1368;overflow:hidden}.hero img{width:100%;height:100%;display:block;object-fit:cover}.products{padding-top:3.9vw;padding-bottom:3.3vw;display:grid;grid-template-columns:repeat(4,1fr);column-gap:4.25vw;border-bottom:1px solid #dedede}.product-card img{width:11.84vw;max-width:303px;aspect-ratio:1;border-radius:50%;object-fit:cover;display:block}.product-card .dash{display:block;width:1.1vw;max-width:28px;min-width:12px;height:1px;background:#6d6d6d;margin:1.55vw 0 1.25vw}.product-card h2{font-size:clamp(10px,.47vw,12px);font-weight:400;line-height:1.35;margin:0 0 .28vw;color:#777}.product-card p{font-size:clamp(9px,.43vw,11px);line-height:1.55;margin:0;color:#888}.footer{padding-bottom:17vw}.footer-top{height:6.05vw;min-height:72px;display:flex;align-items:center;justify-content:space-between;font-size:clamp(9px,.42vw,11px)}.socials{display:flex;gap:2.85vw}.footer-copy{padding-top:3.65vw;color:#aaa;font-size:clamp(8px,.39vw,10px);line-height:1.65}.footer-copy p{margin:0 0 1.5vw}
/* Artwork */
.art-intro{width:100%;padding:2.85vw 0 4.1vw}.art-copy{width:min(61.56vw,1576px);margin:0 auto;color:var(--accent)}.art-title{margin:0;font-size:7.15vw;font-weight:700;line-height:.84;letter-spacing:-.045em}.art-subtitle{margin:2.45vw 0 0 .18vw;font-size:1.12vw;font-weight:700;line-height:1.2}.art-gallery{width:100%;display:flex;flex-direction:column}.art-row{display:grid;width:100%;gap:0}.art-row.one{grid-template-columns:1fr}.art-row.two{grid-template-columns:1fr 1fr}.art-row.twothirds{grid-template-columns:2fr 1fr}.art-row.three{grid-template-columns:repeat(3,1fr)}.art-tile{display:block;width:100%;height:100%;object-fit:cover}.art-footer-img{display:block;width:100%;height:auto}
/* About */
.about-intro{padding:2.85vw 0 0}.about-copy{width:min(61.56vw,1576px);margin:0 auto;color:var(--accent)}.about-title{margin:0;font-size:7.15vw;font-weight:700;line-height:.84;letter-spacing:-.045em}.about-subtitle{margin:2.45vw 0 0 .18vw;font-size:1.12vw;font-weight:700;line-height:1.2}.about-lead{width:min(61.56vw,1576px);margin:3.7vw auto 0;color:#ff7777;font-size:clamp(9px,.56vw,14px);line-height:1.45}.about-secondary{display:block;width:73.44vw;max-width:1880px;margin:2.1vw auto 0}.about-studio{display:block;width:100%;height:auto;margin-top:1.6vw}.about-footer-copy{display:block;width:73.44vw;max-width:1880px;margin:1.4vw auto 0}.about-bottom-space{height:8vw}
@media(min-width:2560px){.header{height:295px}.logo-link{top:82px}.mall{top:80px}.nav{bottom:32px}.products{padding-top:100px;padding-bottom:84px;column-gap:109px}.product-card .dash{margin-top:40px;margin-bottom:32px}.footer-top{height:155px}.footer-copy{padding-top:93px}.footer{padding-bottom:435px}.art-intro,.about-intro{padding-top:73px}.art-copy,.about-copy{width:1576px}.art-title,.about-title{font-size:183px}.art-subtitle,.about-subtitle{font-size:29px;margin-top:63px}.art-intro{padding-bottom:105px}.about-lead{width:1576px;margin-top:95px;font-size:14px}.about-secondary{margin-top:54px}.about-studio{margin-top:41px}.about-footer-copy{margin-top:36px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.header{min-height:170px}.logo-link{top:34px}.logo{width:150px}.mall{top:34px}.nav{bottom:28px;gap:28px;font-size:11px}.products{grid-template-columns:repeat(2,1fr);gap:52px 38px;padding-top:48px;padding-bottom:48px}.product-card img{width:100%;max-width:220px}.product-card .dash{margin:24px 0 18px}.footer-top{height:auto;padding:32px 0;gap:20px;align-items:flex-start}.socials{gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-copy{padding-top:34px;font-size:9px}.footer{padding-bottom:160px}.art-title,.about-title{font-size:9.4vw}.art-subtitle,.about-subtitle{font-size:1.8vw}.art-copy,.about-copy,.about-lead{width:calc(100% - 96px)}.about-secondary,.about-footer-copy{width:calc(100% - 48px)}}
@media(max-width:560px){.shell{width:calc(100% - 32px)}.header{min-height:150px}.logo-link{top:26px}.logo{width:135px}.mall{top:24px}.nav{left:0;right:auto;bottom:20px;gap:18px}.hero{aspect-ratio:1.1}.products{grid-template-columns:1fr;gap:44px}.product-card{max-width:320px}.product-card img{max-width:210px}.footer-top{flex-direction:column}.socials{justify-content:flex-start}.art-copy,.about-copy,.about-lead{width:calc(100% - 40px)}.art-title,.about-title{font-size:13.4vw}.art-subtitle,.about-subtitle{font-size:3vw;margin-top:5vw}.art-intro{padding:7vw 0 9vw}.about-intro{padding-top:7vw}.about-lead{font-size:9px;margin-top:8vw}.about-secondary,.about-footer-copy{width:calc(100% - 24px)}.art-row.two,.art-row.twothirds,.art-row.three{grid-template-columns:1fr}.art-tile{height:auto}}




/* Contact redesigned layout */
.contact-body{
    background:#f7f7f5;
}

.contact-page{
    min-height:100vh;
    background:#f7f7f5;
    display:flex;
    flex-direction:column;
}

.contact-main{
    flex:1;
}

.contact-wrap{
    padding:8vw 11vw 5vw;
}

.contact-title{
    margin:0;
    color:#ff5757;
    font-size:clamp(70px,9vw,220px);
    line-height:.8;
    letter-spacing:-0.02em;
    font-kerning:normal;
    font-variant-ligatures:none;
    font-weight:700;
}

.contact-columns{
    margin-top:5vw;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:3vw;
}

.contact-column{
    color:#ff5757;
    font-size:12px;
    line-height:1.7;
}

.contact-line{
    width:100%;
    height:1px;
    background:#ff5757;
    margin-bottom:14px;
}

.contact-lang{
    font-size:10px;
    margin-bottom:22px;
}

.contact-column h2{
    font-size:13px;
    margin:0 0 22px;
    font-weight:600;
}

.contact-column p{
    margin:0 0 22px;
    max-width:330px;
}

.contact-footer{
    margin:0 11vw;
    border-top:1px solid #ffb5b5;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#ff5757;
    font-size:10px;
}

.contact-brand-logo{
    width:70px;
}

@media(max-width:900px){
    .contact-wrap{
        padding:50px 30px;
    }

    .contact-columns{
        grid-template-columns:1fr;
        gap:40px;
    }

    .contact-footer{
        margin:0 30px;
    }
}


/* Contact map block */
.contact-map{
    margin:0 11vw 5vw;
    border-top:1px solid #ffb5b5;
    padding-top:3vw;
}

.contact-map a{
    display:block;
    color:#ff5757;
    text-decoration:none;
}

.map-pin{
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #ff5757;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:8px;
    margin-bottom:20px;
}

.map-title{
    font-size:28px;
    font-weight:600;
    margin-bottom:12px;
}

.map-address{
    font-size:12px;
    line-height:1.8;
    max-width:420px;
}

.map-link{
    margin-top:20px;
    font-size:11px;
    letter-spacing:.08em;
}

@media(max-width:900px){
    .contact-map{
        margin:0 30px 50px;
    }
}


/* About editable text version */
.about-text-block,
.about-company-text{
    width:min(61.56vw,1576px);
    margin:2.1vw auto 0;
    color:#ffb0b0;
    font-size:clamp(11px,.56vw,14px);
    line-height:1.75;
}

.about-text-block p,
.about-company-text p{
    margin:0 0 2.5vw;
}

.about-company-text{
    margin-top:2vw;
    color:#aaa;
}

@media(max-width:900px){
    .about-text-block,
    .about-company-text{
        width:calc(100% - 48px);
    }
}


/* Contact image map */
.contact-map-image{
    margin:0 11vw 5vw;
    overflow:hidden;
    position:relative;
}

.contact-map-image a{
    display:block;
    position:relative;
}

.contact-map-image img{
    width:100%;
    height:auto;
    display:block;
    transition:transform .5s ease;
}

.contact-map-image a:hover img{
    transform:scale(1.02);
}

.map-overlay{
    position:absolute;
    left:30px;
    bottom:30px;
    color:#ff5757;
    background:#fff;
    padding:12px 18px;
    font-size:11px;
    letter-spacing:.08em;
}

.map-pin-dot{
    margin-right:10px;
}

@media(max-width:900px){
    .contact-map-image{
        margin:0 30px 50px;
    }
}


/* MONST contact map — minimal grayscale image with a clickable location pin */
.contact-map-image{
    margin: 0 11vw 5vw;
    padding-top: clamp(16px, 2vw, 30px);
    border-top: 1px solid #ffd0d0;
}

.contact-map-frame{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f4f4f1;
    line-height: 0;
}

.contact-map-frame > img{
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(1) saturate(.12) contrast(.92) brightness(1.045);
    transition: filter .35s ease;
}

.contact-map-frame:hover > img{
    filter: grayscale(1) saturate(.08) contrast(.96) brightness(1.07);
}

.company-map-pin{
    position: absolute;
    left: 35.7%;
    top: 38%;
    z-index: 2;
    display: block;
    width: 28px;
    height: 30px;
    transform: translate(-50%, -100%);
    text-decoration: none;
    line-height: normal;
    cursor: pointer;
}

.pin-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    box-sizing: border-box;
    border: 3px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: #ff5757;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
    transform: rotate(-45deg);
    transition: transform .2s ease, background .2s ease;
}

.pin-icon::after{
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 7px;
    top: 7px;
    border-radius: 50%;
    background: #fff;
}

.pin-label{
    position: absolute;
    left: 33px;
    top: -5px;
    display: block;
    white-space: nowrap;
    padding: 11px 13px;
    background: rgba(255,255,255,.96);
    color: #ff5757;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.2;
    box-shadow: 0 3px 15px rgba(0,0,0,.08);
    transition: background .2s ease, color .2s ease;
}

.company-map-pin:hover .pin-icon{
    transform: rotate(-45deg) scale(1.12);
    background: #ef4444;
}

.company-map-pin:hover .pin-label{
    color: #e94343;
    background: #fff;
}

.company-map-pin:focus-visible{
    outline: 2px solid #ff5757;
    outline-offset: 7px;
}

.map-caption{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 13px;
    color: #8f8f8a;
    font-size: 10px;
    letter-spacing: .04em;
    line-height: 1.5;
}

@media(max-width: 900px){
    .contact-map-image{
        margin: 0 30px 50px;
        padding-top: 20px;
    }
    .company-map-pin{
        left: 35.7%;
        top: 38%;
        transform: translate(-50%, -100%) scale(.86);
        transform-origin: bottom center;
    }
    .pin-label{
        left: 29px;
        top: -3px;
        font-size: 9px;
        padding: 9px 10px;
    }
    .map-caption{
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@media(max-width: 480px){
    .pin-label{
        left: 26px;
        top: -4px;
        font-size: 8px;
        letter-spacing: .04em;
        padding: 8px;
    }
}

/* CONTACT map size refinement: approximately one-third smaller, centered. */
@media (min-width: 901px) {
    .contact-map-image {
        width: 52vw; /* original content width: 78vw */
        margin: 0 auto 5vw;
    }
}
@media (max-width: 900px) {
    .contact-map-image {
        width: calc((100% - 60px) * 2 / 3);
        margin: 0 auto 50px;
    }
}

/* ICP registration footer, styled after Spade Design reference. */
.icp-registration{box-sizing:border-box;width:100%;min-height:44px;padding:17px 12px 15px;text-align:center;background:#fff;color:#999;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}
.icp-registration a,.icp-registration a:visited{color:inherit;text-decoration:none}
.icp-registration a:hover{text-decoration:underline}

/* CONTACT map: wide, shallow landscape crop matching the blue reference frame.
   The original map asset remains unchanged; only its visible viewport is cropped. */
@media (min-width: 901px) {
  .contact-map-image { width: 78.4vw; max-width: 1600px; margin: 0 auto 5vw; }
  .contact-map-frame { height: 13.7vw; max-height: 280px; }
  .contact-map-frame > img { width: 100%; height: 100%; object-fit: cover; object-position: center 34%; }
  .company-map-pin { top: 50%; }
}
@media (max-width: 900px) {
  .contact-map-image { width: calc(100% - 60px); margin: 0 auto 50px; }
  .contact-map-frame { height: clamp(150px, 27vw, 230px); }
  .contact-map-frame > img { width: 100%; height: 100%; object-fit: cover; object-position: center 34%; }
  .company-map-pin { top: 50%; }
}

/* Color map and corrected pin placement — desktop and mobile. */
.contact-map-frame > img,
.contact-map-frame:hover > img {
  filter: none;
}
@media (min-width: 901px) {
  .contact-map-frame > img { object-position: center 33%; }
  .company-map-pin { left: 34.3%; top: 47%; }
}
@media (max-width: 900px) {
  .contact-map-frame > img { object-position: center 33%; }
  .company-map-pin { left: 34.3%; top: 43%; }
}

/* Make the entire color map clickable, preserving the separate location pin. */
.contact-map-frame > .company-map-full-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  cursor: pointer;
}
.contact-map-frame > .company-map-pin { z-index: 2; }

/* About: restored missing multilingual copy; retain reference image's aligned text columns. */
.about-text-block, .about-company-text { box-sizing:border-box; }
.about-text-block p { margin:0 0 2.5vw; }
.about-text-block p:last-child { margin-bottom:0; }
.about-company-text { margin-top:2vw; }
.about-company-text p { margin:0 0 1.2vw; }
@media (max-width:900px) {
  .about-text-block p { margin-bottom:22px; }
  .about-company-text p { margin-bottom:14px; }
}



/* Align Mall circle top to the ACTUAL red pixels of MONST logo, not its white canvas.
   logo.png: 360x140; first red pixel y=66. Visible offset = 66/360 * displayed logo width. */
.header .mall { top: calc(3.2vw + min(1.98vw, 50.78px)); transform: none; }
@media (min-width:2560px) { .header .mall { top: 132.78px; } }
@media (max-width:900px) { .header .mall { top: 61.5px; } }
@media (max-width:560px) { .header .mall { top: 50.75px; } }

/* About Monst: match English lead typography to the copy below. */
.about-lead {
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    font-kerning: normal;
}

/* Home only: bring ICP line up to the reference position without moving footer copy. */
body.home-icp-adjusted .footer { padding-bottom: 0; }
body.home-icp-adjusted .icp-registration { margin-top: clamp(30px, 3vw, 75px); padding-bottom: 20px; }

/* Mobile homepage: center each product block while aligning all captions
   with the leftmost point of its circular image. Desktop remains unchanged. */
@media (max-width: 560px) {
  .products .product-card {
    width: min(210px, 100%);
    max-width: none;
    margin-inline: auto;
    text-align: left;
  }
  .products .product-card > img {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: block;
  }
  .products .product-card .dash,
  .products .product-card h2,
  .products .product-card p {
    margin-left: 0;
    text-align: left;
  }
}

/* Homepage footer copy: match larger type in supplied reference image.
   Scoped to homepage only; retain original alignment, colors and content. */
body.home-icp-adjusted .footer-copy {
  font-size: clamp(12px, 0.55vw, 14px);
  line-height: 1.65;
}
@media (max-width: 900px) {
  body.home-icp-adjusted .footer-copy { font-size: 12px; }
}

/* About Monst heading — Montserrat ExtraBold, screenshot-matched tight tracking. */
.about-title {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em; /* CDR tracking -20 / 1000 em */
  font-kerning: normal;
}

/* Artwork heading: match About Monst ExtraBold and CDR -20 tracking. */
.art-title { font-family: "Montserrat", Arial, sans-serif; font-weight: 800; letter-spacing: -0.02em; font-kerning: normal; }


/* About Monst multilingual body typography, based on the supplied second screenshot.
   Keep the headline and all other pages untouched. */
.about-intro .about-lead,
.about-intro .about-text-block {
  width: min(78vw, 1200px);
  max-width: calc(100% - 48px);
  font-family: "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Yu Gothic", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.42;
  letter-spacing: 0;
  font-kerning: normal;
  text-align: left;
}
.about-intro .about-lead { margin: 3.7vw auto 0; }
.about-intro .about-text-block { margin: 3.2vw auto 0; }
.about-intro .about-text-block p { margin: 0 0 34px; }
.about-intro .about-text-block p:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  .about-intro .about-lead,
  .about-intro .about-text-block { width: calc(100% - 48px); max-width: none; font-size: 13px; line-height: 1.5; }
  .about-intro .about-text-block { margin-top: 38px; }
  .about-intro .about-text-block p { margin-bottom: 30px; }
}
@media (max-width: 560px) {
  .about-intro .about-lead,
  .about-intro .about-text-block { width: calc(100% - 40px); font-size: 12px; line-height: 1.65; }
  .about-intro .about-text-block { margin-top: 34px; }
  .about-intro .about-text-block p { margin-bottom: 28px; }
}

/* About: use the exact same left edge as the large heading. */
@media (min-width: 901px) {
  .about-intro .about-lead,
  .about-intro .about-text-block {
    width: min(61.56vw, 1576px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 561px) and (max-width: 900px) {
  .about-intro .about-lead,
  .about-intro .about-text-block {
    width: calc(100% - 96px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 560px) {
  .about-intro .about-lead,
  .about-intro .about-text-block {
    width: calc(100% - 40px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}

/* About Monst: reference screenshot typography and intentional paragraph breaks.
   Scoped to the About introduction; other pages and the hero title are untouched. */
@media (min-width: 901px) {
  .about-intro .about-lead,
  .about-intro .about-text-block {
    width: min(61.56vw, 1576px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Yu Gothic", sans-serif;
    font-weight: 300;
    font-size: clamp(9px, .82vw, 17px);
    letter-spacing: 0;
    line-height: 1.43;
    text-align: left;
  }
  .about-intro .about-lead { margin-top: 6.9vw; }
  .about-intro .about-text-block { margin-top: 4.3vw; }
  .about-intro .about-text-block p { margin: 0; }
  .about-intro .about-text-block p:nth-child(1) { margin-bottom: 1.65vw; }
  .about-intro .about-text-block p:nth-child(2) { margin-bottom: 3.65vw; }
  .about-intro .about-text-block p:nth-child(3) { margin-bottom: 1.9vw; }
  .about-intro .about-text-block p:nth-child(4) { margin-bottom: 2.2vw; }
  .about-intro .about-text-block p:nth-child(5) { margin-bottom: 0; }
  .about-studio { margin-top: 2.8vw; }
}
@media (max-width: 900px) {
  .about-intro .about-lead,
  .about-intro .about-text-block {
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Yu Gothic", sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5;
  }
}

/* Site-wide typography: Montserrat for Latin; fallback for missing CJK glyphs. */
html, body, button, input, textarea, select, .icp-registration,
.about-intro .about-lead, .about-intro .about-text-block {
  font-family: "Montserrat", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Yu Gothic", sans-serif;
}
.about-intro .about-lead, .about-intro .about-text-block { font-weight: 400; }
.about-title, .art-title { font-family: "Montserrat", sans-serif; font-weight: 800; letter-spacing: -0.02em; }

/* Preserve original Mall button typography (before site-wide Montserrat). */
.header .mall { font-family: Arial, Helvetica, sans-serif; font-size: clamp(11px, .55vw, 14px); font-weight: 600; letter-spacing: normal; line-height: normal; }

/* Artwork: accessible, selectable HTML copy replaces rasterized footer copy. */
.artwork-text-footer { box-sizing: border-box; width: 100%; min-height: 28vw; padding: 7.2vw 0 9.4vw; background: #fff; }
.artwork-footer-copy { width: min(61.56vw, 1576px); margin: 0 auto; color: #aaa; font-family: "Montserrat", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Yu Gothic", sans-serif; font-size: clamp(12px, .55vw, 14px); font-weight: 400; line-height: 1.65; letter-spacing: 0; text-align: left; }
.artwork-footer-copy p { margin: 0 0 1.5vw; }
.artwork-footer-copy p:last-child { margin-bottom: 0; }
@media (max-width: 900px) { .artwork-text-footer { min-height: 0; padding: 65px 0 100px; } .artwork-footer-copy { width: calc(100% - 48px); font-size: 12px; } .artwork-footer-copy p { margin-bottom: 22px; } }
@media (max-width: 560px) { .artwork-text-footer { padding: 48px 0 78px; } .artwork-footer-copy { width: calc(100% - 40px); font-size: 12px; line-height: 1.7; } }

/* Artwork only: raise the ICP filing line without affecting other pages. */
body.artwork-icp-up .icp-registration { margin-top: -42px; position: relative; }

/* Artwork: raise filing number a little further, without changing other pages. */
body.artwork-icp-up .icp-registration { margin-top: -72px; }

/* Contact: visually remove the white rectangle around the return-home logo.
   White pixels blend into the footer background; the original logo asset is unchanged. */
.contact-footer .contact-brand-logo {
  mix-blend-mode: multiply;
  background: transparent;
}

/* About Monst only: close approximately half the screenshot's empty footer-to-ICP gap. */
@media (min-width: 901px) { body.about-icp-half-gap .icp-registration { position: relative; margin-top: -90px; } }
@media (min-width: 561px) and (max-width: 900px) { body.about-icp-half-gap .icp-registration { position: relative; margin-top: -45px; } }
@media (max-width: 560px) { body.about-icp-half-gap .icp-registration { position: relative; margin-top: -24px; } }

/* About Monst: visually match English intro to Chinese/Japanese body copy.
   Keep existing alignment, tracking, line-height and all other page styles. */
.about-intro .about-lead {
  color: #ffb0b0;
  font-size: clamp(10px, .90vw, 19px);
}
@media (max-width: 900px) {
  .about-intro .about-lead { font-size: 14px; }
}
@media (max-width: 560px) {
  .about-intro .about-lead { font-size: 13px; }
}

/* Contact Us top home logo — move to top-right reference area and remove white background. */
.contact-page { position: relative; }
.contact-top-logo {
  position: absolute;
  top: 1.6vw;
  right: 11vw;
  left: auto;
  width: auto;
  height: auto;
  z-index: 8;
  pointer-events: none;
}
.contact-top-logo .logo-link {
  position: static;
  display: block;
  pointer-events: auto;
}
.contact-top-logo .logo {
  display: block;
  width: clamp(110px, 7vw, 180px);
  max-width: none;
  height: auto;
  background: transparent;
}


@media(max-width:900px){
  .contact-top-logo{ top:18px; right:30px; }
  .contact-top-logo .logo{ width:130px; }
}
@media(max-width:560px){
  .contact-top-logo{ top:16px; right:16px; }
  .contact-top-logo .logo{ width:110px; }
}