/* White editorial chapters, with a persistent reading index. */
html:has(.coway-page) { background: #fff; color-scheme: light; scroll-padding-top: 38px; }
.coway-page { --white:#171717; --black:#fff; --line:#ddd; background:#fff; color:#171717; }
.coway-page .shell { width: min(1600px, calc(100% - 80px)); }
.coway-page .topbar { border:0; }
.coway-page main { font-family: Inter, Arial, sans-serif; }
.coway-page .coway-intro { max-width:none; margin:0; padding: clamp(56px,8vw,120px) 0 38px; text-align:left; }
.coway-page .coway-intro-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.coway-page .coway-intro-meta .coway-logo { width:110px; height:auto; }
.coway-page .coway-intro h1 { font-size:clamp(56px,9.5vw,150px); line-height:.99; letter-spacing:-.065em; font-weight:500; text-transform:none; margin:clamp(55px,8vw,110px) 0; }
.coway-page em { font-family:Inter, Arial, sans-serif; font-style:normal; font-weight:500; letter-spacing:inherit; }
.coway-page .coway-intro-bottom { display:flex; justify-content:space-between; gap:24px; font-size:12px; }
.coway-page .coway-intro-bottom a { display:flex; gap:28px; }
.coway-page .coway-intro-bottom a:hover { text-decoration:underline; }
.coway-page .coway-hero { margin:0 0 100px; }
.coway-page .coway-hero img { max-height:85svh; object-fit:contain; }
.coway-page .coway-research-story { max-width:none; padding:60px 0 100px; }
.coway-page .coway-research-opening { margin-bottom:36px; }
.coway-page .coway-research-opening h2 { margin-top:30px; font-size:clamp(42px,6.5vw,104px); line-height:1.03; letter-spacing:-.05em; text-transform:none; }
.coway-page.research-motion .coway-research-sequence { height:280svh; }
.coway-page.research-motion .coway-research-stage { top:20px; height:calc(100svh - 90px); }
.coway-page .coway-research-photo { display:grid; grid-template-columns:1.8fr 1fr; gap:clamp(24px,5vw,80px); align-items:center; }
.coway-page.research-motion .coway-photo-frame { height:min(70svh,760px); }
.coway-page .coway-research-photo figcaption { padding:0; gap:32px; }
.coway-page .coway-research-photo figcaption strong { font-size:clamp(28px,3.5vw,56px); line-height:1.08; letter-spacing:-.045em; text-transform:none; }
.coway-page .coway-research-photo figcaption span { order:-1; font-family:Inter, Arial, sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.coway-page .coway-research-conclusion { min-height:80svh; align-content:center; gap:32px; padding:90px 0; }
.coway-page .coway-research-conclusion p { font-size:clamp(54px,9vw,140px); font-weight:500; text-transform:none; line-height:.98; letter-spacing:-.06em; }
.coway-page .coway-chapter { padding:60px 0 clamp(110px,13vw,200px); }
.coway-page .coway-chapter-heading { max-width:none; grid-template-columns:1fr 3fr; gap:40px; align-items:start; margin-bottom:60px; }
.coway-page .coway-chapter-heading span,.coway-page .coway-kicker { font-family:Inter, Arial, sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:.07em; color:#666; }
.coway-page .coway-chapter-heading h2 { font-size:clamp(34px,5.4vw,86px); text-transform:none; letter-spacing:-.05em; line-height:1.04; max-width:980px; }
.coway-page .coway-sketches,.coway-page .coway-detail,.coway-page .coway-assembly { max-width:none; }
.coway-page #system { display:grid; grid-template-columns:.8fr 1.5fr; column-gap:8%; align-items:center; }
.coway-page #system .coway-chapter-heading { grid-column:1/-1; }
.coway-page .coway-maintenance-closeup { width:100%; max-width:380px; margin:0 auto; }
.coway-page.detail-hotspots .coway-model-gallery { max-width:none; }
.coway-page .coway-hotspot-card { border:0; border-left:1px solid #ddd; }
.coway-page .coway-hotspot-card p,.coway-page .coway-hotspot-index { color:#626262; }
.coway-page .coway-hotspot-card img { object-fit:contain; }
.coway-page .coway-last { padding-bottom:70px; }
.coway-page .case-footer { padding-bottom:115px; }
.coway-page .coway-chapter-nav { position:fixed; z-index:30; left:50%; bottom:18px; transform:translateX(-50%); display:flex; gap:3px; max-width:calc(100% - 32px); overflow-x:auto; padding:6px; background:rgba(255,255,255,.94); border:1px solid #ddd; backdrop-filter:blur(14px); box-shadow:0 4px 20px #00000008; }
.coway-page .coway-chapter-nav a { flex:none; padding:11px 14px; font:500 10px/1.2 Inter, Arial, sans-serif; text-transform:uppercase; letter-spacing:.035em; }
.coway-page .coway-chapter-nav a:hover { background:#eee; }
.coway-page .coway-chapter-nav a[aria-current] { background:#191919; color:#fff; }
.coway-page .coway-back-to-top { bottom:90px; }
.coway-page .coway-reveal { opacity:0; transform:translateY(24px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.coway-page .coway-reveal.is-revealed { opacity:1; transform:none; }
@media(max-width:760px) {
 .coway-page .shell { width:calc(100% - 36px); }
 .coway-page .coway-intro { padding-top:50px; }
 .coway-page .coway-intro-meta .coway-logo { width:86px; }
 .coway-page .coway-intro h1 { font-size:clamp(48px,11vw,82px); margin:65px 0; }
 .coway-page .coway-intro-bottom { font-size:10px; }
 .coway-page .coway-hero { margin-bottom:45px; }
 .coway-page .coway-chapter-heading { display:block; margin-bottom:32px; }
 .coway-page .coway-chapter-heading h2 { margin-top:22px; }
 .coway-page .coway-research-photo { grid-template-columns:1fr; gap:22px; }
 .coway-page.research-motion .coway-photo-frame { height:48svh; }
 .coway-page .coway-research-photo figcaption { gap:10px; }
 .coway-page .coway-research-photo figcaption strong { font-size:30px; }
 .coway-page #system { display:block; }
 .coway-page .coway-maintenance-closeup { max-width:270px; margin-bottom:45px; }
 .coway-page .coway-hotspot-card { border-left:0; border-top:1px solid #ddd; }
 .coway-page .coway-chapter-nav { left:16px; right:16px; transform:none; max-width:none; bottom:12px; }
 .coway-page .coway-chapter-nav a { padding:10px; }
}
@media(prefers-reduced-motion:reduce) {
 html:has(.coway-page) { scroll-behavior:auto; }
 .coway-page .coway-reveal { opacity:1; transform:none; transition:none; }
 .coway-page.research-motion .coway-research-sequence { height:auto; }
 .coway-page.research-motion .coway-research-stage { position:static; height:auto; display:block; }
 .coway-page.research-motion .coway-research-step { opacity:1; visibility:visible; margin-bottom:55px; }
}

/* Original project identity, restored between the product image and research. */
.coway-page .coway-project-card { text-align:center; padding:clamp(70px,10vw,150px) 0 clamp(110px,14vw,200px); }
.coway-page .coway-project-card .coway-kicker { font:400 14px/1.5 Inter,Arial,sans-serif; text-transform:none; letter-spacing:0; color:#777; }
.coway-page .coway-project-card h2 { margin:42px 0 0; }
.coway-page .coway-project-card h2 img { width:clamp(190px,22vw,260px); height:auto; margin:0 auto; }
.coway-page .coway-project-card h2 span { display:block; margin-top:26px; font:400 18px/1.3 Inter,Arial,sans-serif; text-transform:uppercase; letter-spacing:.01em; }
.coway-page .coway-project-facts { display:flex; justify-content:center; gap:38px; margin:64px 0 0; font-size:14px; line-height:1.5; }
.coway-page .coway-project-facts dt { color:#777; margin-bottom:10px; }
.coway-page .coway-project-facts dd { margin:0; font-weight:600; }

/* Compact, centered headings throughout the presentation. */
.coway-page .coway-intro h1,
.coway-page .coway-research-opening h2,
.coway-page .coway-chapter-heading h2,
.coway-page .coway-research-conclusion p {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:clamp(20px,2vw,28px);
  line-height:1.35;
  font-weight:500;
  letter-spacing:0;
  text-transform:uppercase;
}
.coway-page .coway-intro h1 br,
.coway-page .coway-research-opening h2 br,
.coway-page .coway-research-conclusion p br { display:none; }
.coway-page .coway-intro h1 em::before,
.coway-page .coway-research-opening h2 em::before,
.coway-page .coway-research-conclusion p em::before { content:' '; }
.coway-page .coway-chapter-heading { display:block; text-align:center; }
.coway-page .coway-chapter-heading h2 { margin-top:24px; }
.coway-page .coway-research-opening { text-align:center; }
.coway-page .coway-research-opening h2 { margin-top:24px; }
.coway-page .coway-intro h1 { margin-top:64px; margin-bottom:64px; }
.coway-page .coway-research-photo figcaption { align-items:center; text-align:center; }
.coway-page .coway-research-photo figcaption strong { font-size:clamp(19px,1.8vw,26px); line-height:1.35; letter-spacing:0; text-transform:uppercase; text-align:center; }
.coway-page .coway-research-conclusion { min-height:50svh; }
@media(max-width:760px) {
 .coway-page .coway-intro h1,
 .coway-page .coway-research-opening h2,
 .coway-page .coway-chapter-heading h2,
 .coway-page .coway-research-conclusion p { font-size:21px; }
 .coway-page .coway-research-photo figcaption strong { font-size:20px; }
}

/* One-screen product opening, with the complete image always visible. */
.coway-page .coway-hero {
  width:100vw;
  height:calc(100svh - 76px);
  margin:0 calc(50% - 50vw);
  padding:24px 0 74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.coway-page .coway-hero .coway-opening-logo { width:clamp(130px,13vw,190px); height:auto; flex:none; }
.coway-page .coway-hero .image-link { display:flex; width:100%; flex:1; min-height:0; align-items:center; justify-content:center; }
.coway-page .coway-hero .image-link img { width:100%; height:100%; max-height:none; object-fit:contain; }
@media(max-width:760px) {
 .coway-page .coway-hero { margin:0 calc(50% - 50vw); padding-top:20px; padding-bottom:70px; gap:12px; }
}

/* Fill the opening frame edge to edge. */
.coway-page .coway-hero .image-link { overflow:hidden; }
.coway-page .coway-hero .image-link img { object-fit:cover; object-position:center; }

/* Contrast for the updated dark studio cover. */
body.coway-page .project-opening-title, body.coway-page .project-opening-title h1, body.coway-page .project-opening-title > p { color:#fff; text-shadow:0 1px 16px #0006; }

/* Make the model's interactive points explicit. */
.coway-page.detail-hotspots .coway-hotspot-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 30px;font-size:13px;line-height:1.5;color:#526363}
.coway-page .coway-hotspot-hint strong{font-weight:600;color:#253d3e}
.coway-hint-marker{display:grid;place-items:center;width:26px;height:26px;border:1px solid #387d7b;border-radius:50%;color:#265d5a;font-size:20px}
.coway-page .coway-hotspot{width:44px;height:44px;border:2px solid #fff;background:#f3ffff;color:#174b49;font:600 12px/1 Inter,Arial,sans-serif;box-shadow:0 2px 12px #0005;isolation:isolate}
.coway-page .coway-hotspot::before{content:'';position:absolute;inset:-7px;border:1px solid #9cf0e8;border-radius:50%;pointer-events:none;animation:coway-point-pulse 2.6s ease-out infinite;z-index:-1}
.coway-page .coway-hotspot::after{content:attr(data-label);position:absolute;left:50%;top:calc(100% + 10px);width:max-content;height:auto;max-width:160px;padding:8px 11px;border:0;border-radius:3px;background:#153b3a;color:#fff;font:500 11px/1.4 Inter,Arial,sans-serif;opacity:0;transform:translateX(-50%) translateY(-4px);pointer-events:none;box-shadow:0 2px 8px #0003;transition:opacity .2s,transform .2s}
.coway-page .coway-hotspot:hover::after,.coway-page .coway-hotspot:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.coway-page .coway-hotspot[aria-pressed="true"]{background:#185f5b;color:#fff;border-color:#c6fff7}
.coway-page .coway-hotspot[aria-pressed="true"]::after{background:#153b3a;border:0}
.coway-page .coway-hotspot:focus-visible{outline:3px solid #71d8cf;outline-offset:5px}
.coway-page .has-explored .coway-hotspot::before{animation:none;opacity:.5}
@keyframes coway-point-pulse{0%{transform:scale(.85);opacity:.9}80%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:600px){.coway-page.detail-hotspots .coway-hotspot-hint{flex-wrap:wrap;font-size:12px;gap:6px}.coway-page .coway-hotspot{width:40px;height:40px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.coway-page .coway-hotspot::before{animation:none;opacity:.65}}

.coway-hint-marker { flex:0 0 26px; box-sizing:border-box; padding:0; line-height:1; }
.coway-hint-marker svg { display:block; width:16px; height:16px; }