:root{color-scheme:light;--ink:#2a1723;--muted:#766971;--line:#ead9e3;--accent:#b52e70;--paper:#fff7fb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1200px;margin:auto;padding:30px 30px}header{display:flex;justify-content:space-between;align-items:center;font-size:13px}header a{text-decoration:none}h1{font-size:clamp(36px,5vw,64px);line-height:1.13;letter-spacing:-.035em;max-width:800px;margin:20px 0}h2{font-size:30px;margin:0 0 14px}p{max-width:780px;color:var(--muted)}.kicker{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.1em}.cover{display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center;padding:30px 0 60px}.cover img{width:100%;border-radius:20px}.actions{display:flex;gap:15px;margin-top:24px}.button{padding:10px 20px;background:var(--accent);color:white;border-radius:12px;text-decoration:none;font-weight:700}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}section{padding:48px 0;border-top:1px solid var(--line)}.features,.gallery,.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article,.tech article{border:1px solid var(--line);border-radius:18px;background:white;padding:22px}.features h3,.tech h3{margin:0 0 6px;font-size:20px}.features p,.tech p{margin:0;font-size:14px}.gallery{grid-template-columns:1fr 1fr}figure{margin:0;min-width:0}figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px;display:block;background:white}.gallery figure img{aspect-ratio:1.5;object-fit:cover;object-position:top}figcaption{font-size:13px;color:var(--muted);padding:12px 3px}.architecture{width:100%;border-radius:20px;border:1px solid var(--line);display:block}.media-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px}.source-notes{font-size:13px}.video{width:100%;border-radius:18px;background:#2a1723}.quiet{font-size:12px}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:700px){header,main,footer{padding:24px 20px}.cover{grid-template-columns:1fr 88px;gap:10px}.cover h1{font-size:36px}.features,.tech,.gallery{grid-template-columns:1fr}.cover p{grid-column:1/-1}.actions{flex-wrap:wrap}.gallery figure img{aspect-ratio:auto}section{padding:34px 0}}

.gallery .phone-shot img{object-fit:contain;background:#fff7fb}

.image-original { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:700; }
.architecture-open { margin-top:8px; }
@media(max-width:700px) {
  body { line-height:1.8; }
  header { flex-wrap:wrap; gap:4px 12px; padding-block:12px; }
  header a { display:inline-flex; align-items:center; min-height:44px; }
  header span { font-size:12px; }
  .cover { display:block; position:relative; padding-top:16px; padding-bottom:32px; }
  .cover > div { min-width:0; }
  .cover > img { position:absolute; top:16px; right:0; width:72px; height:auto; border-radius:12px; }
  .cover .kicker { display:flex; align-items:center; padding-right:88px; min-height:68px; font-size:11px; }
  .cover h1 { font-size:clamp(30px,8.4vw,38px); line-height:1.25; margin:18px 0; }
  h2 { font-size:26px; line-height:1.4; }
  .cover p { font-size:16px; }
  .actions { gap:10px; }
  .button { min-height:48px; display:flex; align-items:center; justify-content:center; }
  .features article, .tech article { padding:18px; }
  .features p, .tech p { font-size:15px; }
  .quiet, .source-notes, figcaption { font-size:14px; line-height:1.8; }
  .source-notes summary { min-height:44px; padding-block:10px; }
  .media-links a { display:flex; align-items:center; min-height:44px; }
  p, figcaption { overflow-wrap:anywhere; }
}