*{box-sizing:border-box}body{margin:0;background:#faf7f1;color:#302f29;font:16px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9c614c;outline-offset:5px}header,main,footer{max-width:1220px;margin:auto;padding:24px 5%}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d4c8;gap:20px}.logo{font:32px Georgia,serif;text-decoration:none}.top nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#69594f}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(48px,7vw,90px);margin:15px 0 25px}h2{font-size:36px}h3{font-size:26px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center;padding:40px 0}.hero img{width:100%;aspect-ratio:1.1;object-fit:cover}.hero p{max-width:440px}.button{display:inline-block;background:#9b4525;color:white;text-decoration:none;padding:12px 22px;font-size:13px}.caption{font-size:11px;color:#71665b}.band{padding:22px;border-top:1px solid #c9b998;border-bottom:1px solid #c9b998;background:linear-gradient(#faf7f1ed,#faf7f1ed),url('/assets/dancheong-pattern.svg?v=hongiwa-20261103');display:flex;justify-content:space-between;gap:20px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}button,input{font:inherit;padding:10px 16px;border:1px solid #a99e8a;background:transparent;border-radius:0}button{cursor:pointer}button[aria-pressed=true]{background:#9b4525;color:white}input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.card img{width:100%;height:240px;object-fit:cover}.card h3{margin:12px 0}.card p{font-size:14px}.card a{text-decoration:none}.card a:hover h3{text-decoration:underline}.card{border-bottom:1px solid #d9d4c8;padding-bottom:24px}.callout{margin-top:55px;background:#eeeae7;padding:35px}.article{max-width:740px;margin:35px auto}.article h1{font-size:clamp(38px,6vw,64px)}.article h2{font-size:29px;margin-top:40px}.article img{width:100%;max-height:480px;object-fit:cover}footer{font-size:12px;border-top:1px solid #d9d4c8;margin-top:40px}footer nav{display:flex;gap:20px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:20px;padding-top:15px}.hero img{aspect-ratio:1.4}.grid{grid-template-columns:1fr}.card img{height:280px}.band{display:block}.top{align-items:flex-start}.top nav{gap:12px}.logo{font-size:25px}h1{font-size:52px}}
/* Hongiwa editorial palette. */
body{background:#fff7ec;color:#492b20}.top,footer{border-color:#e5c7a8}.logo,h1,h2,h3{color:#74351f}.button,button[aria-pressed=true]{background:#a44724;color:#fff9e9}.band{background-color:#f9ebdb;border-color:#d1a780}.tag{color:#92502b}

/* Soft ivory and warm grey backgrounds. */
body{background:#fbfaf7}.band{background:#f1f0ec;border-color:#d8d7d1}.callout{background:#f1f0ec}
body{background:#f7f6f2 url('/assets/geometric-reference-tile.jpg') repeat;background-size:157px 138px}main{background:#fbfaf7}header,footer{background:#fbfaf7}

/* Reference palette across the journal. */
body{color:#3d211c}main,header,footer{background:#fffaf5}.top,footer{border-color:#d1c9c4}.logo,h1,h2,h3{color:#741a0d}.eyebrow,.tag{color:#9a260f}.button,button[aria-pressed=true]{background:#98240e;color:#fffaf5}.band,.callout{background:#f9e2d5;border-color:#d6b9aa}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#b53311}
.top{background:linear-gradient(110deg,#6e180d,#a52a11 65%,#be390f);color:#fff8f2;border-color:#ef742f}.top .logo,.top nav a,.top .eyebrow{color:#fff8f2}.hero{background:linear-gradient(120deg,#fffaf5,#f9dfcf)}
/* Smooth silver framing with no patterned background. */
body{background:linear-gradient(135deg,#dedddb,#f4f3f1 48%,#d2d2d0);background-attachment:fixed}.band{background:linear-gradient(110deg,#ececeb,#faf6f2,#e0e0df);border-color:#c8c8c7}@media(max-width:700px){body{background-attachment:scroll}}
