*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#282722;font-family:Arial,sans-serif}header{position:sticky;top:0;z-index:9;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 6vw;background:#f7f4edf2;border-bottom:1px solid #d7d0c4}.brand{font:24px Georgia,serif;color:inherit;text-decoration:none}.brand small{display:block;font:10px Arial;letter-spacing:.15em}nav{display:flex;gap:25px}nav a{font-size:11px;letter-spacing:.13em;color:inherit;text-decoration:none}.ig{justify-self:end;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:white;text-decoration:none;font-size:25px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.hero{height:570px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#ddd}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0001)}.hero>div{position:relative;z-index:2;color:white;padding:65px 7vw}.hero h1,h2{font-family:Georgia,serif}.hero h1{font-size:46px;margin:12px 0 28px}.btn,.ask{display:inline-block;padding:13px 18px;border:1px solid currentColor;color:inherit;text-decoration:none;font-size:11px;letter-spacing:.1em}.intro,.shop,.info,.contact{padding:65px 7vw}.intro{text-align:center;max-width:900px;margin:auto}.intro h2,.shop h2,.info h2,.contact h2{font-size:36px;margin:10px 0 20px}.cap{font-size:11px;letter-spacing:.18em}.notice{text-align:center;padding:32px 7vw;background:#282722;color:white}.notice p{max-width:850px;margin:12px auto;line-height:1.6}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px}.filters button{padding:10px 14px;background:transparent;border:1px solid #aaa293}.filters .active{background:#282722;color:white}.shop{text-align:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}.card{background:white;border:1px solid #ddd5c7}.photo{aspect-ratio:1;overflow:hidden;background:#eee9df}.photo img{width:100%;height:100%;object-fit:cover}.copy{padding:17px}.copy h3{font:19px Georgia,serif;margin:0 0 8px}.copy p{font-size:12px;line-height:1.5;color:#686257}.copy strong{float:right}.size{font-style:italic}.ask{margin-top:7px;color:#282722}.outlet{background:#eee9df}.info{text-align:center}.sold{max-width:800px;margin:25px auto;background:white;padding:20px;line-height:1.6}.contact{text-align:center;background:white}.contact>p{max-width:650px;margin:0 auto 24px}.contact .btn{margin:5px}.dark{background:#282722;color:white}.insta{border:0;color:white;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}.email{display:block;margin:22px;color:#282722}.small{font-size:12px}footer{display:flex;justify-content:space-between;padding:28px 7vw;background:#282722;color:white;font-size:12px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}nav{display:none}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero{height:470px}.hero h1{font-size:35px}.intro,.shop,.info,.contact{padding:48px 5vw}}@media(max-width:430px){.grid{grid-template-columns:1fr}}
.kamon {
  width: 45px;
  height: auto;
  object-fit: contain;
}
  

  header .brand img {
    width: 45px;
    height: auto;
    flex-shrink: 0;
  }

  header .brand {
    font-size: 18px;
  }

  header .brand small {
    font-size: 10px;
  }
@media (max-width: 600px) {
  header .brand {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 16px;
  }

  header .brand img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  header .brand small {
    font-size: 11px;
  }
}