@font-face{font-family:Pretendard;src:url('/static/film-font.woff2');font-weight:100 900;}*{box-sizing:border-box}body{margin:0;color:#353b32;background:#fff;font-family:Pretendard,sans-serif;font-size:12px}header{padding:22px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e8e3}header>b{font-size:23px;letter-spacing:-1px}header>b span{font-size:11px;font-weight:400;margin-left:5px}nav{font-size:10px;color:#777c70}.demo-brand{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f1f0e8;padding:52px 35px;min-height:350px}.demo-brand small{font-size:9px;letter-spacing:.15em}.demo-brand h1{font-size:clamp(25px,3.7vw,46px);white-space:pre-line;letter-spacing:-1.5px;font-weight:500;line-height:1.3;margin:25px 0 15px}.demo-brand p{font-size:11px;color:#7b7e72;line-height:1.9}.demo-brand a{display:inline-block;background:#424a3a;color:#fff;text-decoration:none;padding:12px 18px;font-size:10px;margin-top:15px}.demo-art img{width:100%;height:250px;object-fit:contain}.demo-art span{display:block;text-align:center;font-size:8px;letter-spacing:.12em}.demo-strip{display:flex;justify-content:space-around;font-size:8px;letter-spacing:.06em;padding:18px;background:#e5e7dd}#collection{padding:40px 30px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.demo-heading h2{font-size:20px;font-weight:500;letter-spacing:-.7px}.demo-heading span{font-size:9px}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-products img{width:100%;object-fit:contain;background:#f4f3ec}.demo-products small{font-size:7px;color:#888;display:block;margin-top:14px;letter-spacing:.1em}.demo-products h3{font-weight:500;margin:7px 0;font-size:13px}.demo-products p{font-size:8px;color:#999}.demo-film{padding:30px}.demo-film video{width:100%;margin-top:15px}footer{padding:30px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:8px;color:#777}footer b{font-size:20px}@media(max-width:480px){header{padding:18px}nav{display:none}.demo-brand{padding:30px 22px;display:flex;flex-direction:column;align-items:stretch}.demo-brand h1{font-size:35px}.demo-art img{height:220px}.demo-products{grid-template-columns:1fr 1fr}.demo-products article:last-child{display:none}.demo-strip{font-size:6px}.demo-heading h2{font-size:17px}#collection{padding:30px 20px}footer{gap:15px}}
