:root{color:#0c0c0c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f5;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.tryon{width:100%;min-height:100vh;padding:0 24px 64px}.header{border-bottom:1px solid #e5e5e1;justify-content:space-between;align-items:center;max-width:1100px;height:88px;margin:0 auto;display:flex}.brand{letter-spacing:.12em;font-family:Georgia,serif;font-size:27px}.subtitle{letter-spacing:.22em;color:#85857e;font-size:10px}.content{text-align:center;max-width:760px;margin:90px auto 0}.content h1{letter-spacing:.12em;margin:0 0 20px;font-family:Georgia,Yu Mincho,serif;font-size:clamp(27px,5vw,42px);font-weight:400}.description{color:#777770;letter-spacing:.08em;font-size:13px;line-height:2}.camera-area{aspect-ratio:4/3;color:#85857e;letter-spacing:.08em;background:#e9e9e5;justify-content:center;align-items:center;width:100%;max-height:480px;margin:48px auto 28px;font-size:12px;display:flex;position:relative;overflow:hidden}#start-camera{color:#fff;cursor:pointer;letter-spacing:.12em;background:#0c0c0c;border:1px solid #0c0c0c;min-width:220px;padding:16px 32px;font-size:12px;transition:opacity .2s}#start-camera:hover{opacity:.75}@media (width<=600px){.tryon{padding:0 18px 40px}.header{height:70px}.content{margin-top:64px}.camera-area{aspect-ratio:auto;width:calc(100% + 36px);height:80vh;max-height:none;margin:36px 0 28px -18px}}