.hero{--copy:560px;grid-template-columns:minmax(var(--gutter), 1fr) minmax(0, var(--copy)) var(--space-7) minmax(0, calc(var(--content-max) - var(--copy) - var(--space-7))) minmax(var(--gutter), 1fr);background:var(--bg-deep);background-image:radial-gradient(900px 420px at 15% 20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);border-bottom:var(--edge-width) solid var(--edge);align-items:center;min-height:clamp(520px,76svh,720px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:var(--space-8) 0;grid-column:2;position:relative}.hero h1{font-size:var(--step-display);color:var(--accent);line-height:1.08}.hero .lead{font-size:var(--step-lead);color:var(--ink);margin-top:var(--space-4);max-width:34ch;line-height:1.45}.hero .search{max-width:560px;margin-top:var(--space-6)}.hero .search-field{height:60px;font-size:var(--step-lead);background:var(--raised);padding-right:6px}.hero .search-field>svg.i{width:24px;height:24px;color:var(--accent-text)}.go{border-radius:var(--radius-round);border:var(--edge-width) solid color-mix(in srgb, var(--accent) 45%, var(--edge-deep));background:linear-gradient(var(--accent-hi), var(--accent));width:46px;height:46px;color:var(--accent-ink);box-shadow:0 var(--press) 0 var(--edge-deep);cursor:pointer;flex:none;place-items:center;transition:transform .12s;display:inline-grid}.go:hover{transform:translateY(-1px)}.go:active{box-shadow:0 1px 0 var(--edge-deep);transform:translateY(2px)}.go svg.i{stroke-width:2.4px}.tries{gap:var(--space-2);margin-top:var(--space-4);font-size:var(--step-small);color:var(--muted);flex-wrap:wrap;align-items:center;display:flex}.tries a{height:32px;padding:0 var(--space-3);border:var(--edge-width) solid var(--edge);border-radius:var(--radius-round);background:var(--raised);color:var(--ink);font-size:var(--step-small);align-items:center;font-weight:600;transition:transform .12s,border-color .12s;display:inline-flex}.tries a:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.art{margin:var(--space-7) 0;border:3px solid var(--edge);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--surface);box-shadow:0 6px 0 var(--edge-deep);border-right:0;grid-column:4/6;align-self:stretch;position:relative;overflow:hidden}.art img{object-fit:cover;object-position:92% 60%;transform-origin:70% 70%;width:100%;height:100%;animation:26s ease-in-out infinite alternate art-drift;display:block}@keyframes art-drift{to{transform:scale(1.06)translate(-1.2%,-.8%)}}.leaf{z-index:2;width:28px;height:28px;fill:var(--band-maple);opacity:.85;pointer-events:none;animation:7s ease-in-out infinite leaf-sway;position:absolute}@keyframes leaf-sway{0%,to{transform:translate(0, 0) rotate(var(--r,0deg))}50%{transform:translate(10px, 18px) rotate(calc(var(--r,0deg) + 28deg))}}.leaf.a{--r:-20deg;top:9%;left:calc(50% - 40px)}.leaf.b{--r:35deg;width:20px;height:20px;fill:var(--accent);opacity:.6;animation-duration:9s;animation-delay:-3s;bottom:8%;left:2%}.leaf.c{--r:60deg;opacity:.8;width:22px;height:22px;animation-duration:8s;animation-delay:-5s;top:4%;right:3%}.wrap:is(.tag-sec,.market,.sheets){margin-top:clamp(96px,8vw,120px)}.tag-sec{gap:var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.tag-copy h2{font-size:var(--step-head);line-height:var(--leading-tight)}.tag-copy p{margin-top:var(--space-4);font-size:var(--step-lead);max-width:34ch;line-height:1.45}.tag-examples{align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--step-small);color:var(--muted);flex-wrap:wrap;display:flex}.tag-examples[hidden]{display:none}.tag-examples button{height:36px;padding:0 var(--space-4);border:var(--edge-width) solid var(--edge);border-radius:var(--radius-round);background:var(--raised);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;box-shadow:0 var(--press) 0 var(--edge-deep);cursor:pointer;font-weight:600;transition:transform .12s,border-color .12s}.tag-examples button:hover{border-color:var(--accent);transform:translateY(-2px)}.tag-examples button:active{box-shadow:0 1px 0 var(--edge-deep);transform:translateY(2px)}.tag-hang{--cut:36px;filter:drop-shadow(0 4px 0 var(--edge-deep))}.tag-edge,.tag{clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut))}.tag-edge{padding:var(--edge-width);background:var(--edge);transform-origin:0%}.tag-hang.is-swing .tag-edge{animation:.7s cubic-bezier(.3,.7,.3,1) tag-swing}@keyframes tag-swing{30%{transform:rotate(-1.6deg)}65%{transform:rotate(.8deg)}}.tag{gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-6) 72px;background:var(--raised);display:grid;position:relative}.tag:before{content:"";background:var(--accent);height:8px;position:absolute;inset:0 0 auto}.tag-hole{border-radius:var(--radius-round);background:var(--bg);width:18px;height:18px;box-shadow:inset 0 2px 0 var(--edge-deep);margin-top:-9px;position:absolute;top:50%;left:26px}.tag-input{gap:var(--space-2);font-size:var(--step-small);color:var(--muted);font-weight:600;display:grid}.tag-input input{height:52px;padding:0 var(--space-4);border:var(--edge-width) solid var(--edge);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--step-lead);font-variant-numeric:tabular-nums;font-weight:600}.tag-input input:focus{border-color:var(--accent);outline:none}.tag-input input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tag-hang[data-invalid] .tag-input input{border-color:var(--danger)}.tag-main{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);font-synthesis:none;color:var(--accent-text);flex-wrap:wrap;line-height:1.05;display:flex}.tag-main output{font-size:var(--step-display);font-variant-numeric:tabular-nums}.tag-main span{font-size:var(--step-lead);color:var(--ink)}.tag-hang[data-invalid] .tag-main{opacity:.45}.tag-rows{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tag-rows div{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface)}.tag-rows dt{font-size:var(--step-small);color:var(--muted)}.tag-rows dd{font-size:var(--step-lead);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.tag-error{color:var(--danger);font-weight:600}.tag-error:empty{margin-top:calc(var(--space-4) * -1)}.market-panel{row-gap:var(--space-5);padding-bottom:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.market-panel .band{grid-column:1/-1;margin-bottom:0}.market-art{width:calc(100% + var(--space-4) * 2);aspect-ratio:1600/679;height:auto;margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) 0;border-bottom:var(--edge-width) solid var(--edge-deep);grid-column:1/-1;display:block}.market-copy{align-items:baseline;column-gap:var(--space-6);row-gap:var(--space-2);padding:0 var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.market-copy p:last-child{max-width:60ch}.market-heading{font-family:var(--font-display);font-synthesis:none;font-size:var(--step-head);line-height:var(--leading-tight)}:root:lang(ko) .market-heading{font-weight:400}.market-soon{padding:0 var(--space-3);gap:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.market-soon li{--cut:18px;align-content:start;gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-4) 40px;background:var(--surface);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));display:grid;position:relative}.market-soon li:before{content:"";border-radius:var(--radius-round);background:var(--raised);width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:14px}.market-soon strong{font-size:var(--step-lead);color:var(--accent-text)}.sheets{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sheet{background:var(--raised);border:var(--edge-width) solid var(--edge);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--edge-deep);flex-direction:column;display:flex;overflow:hidden}.sheet-art{aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;border-bottom:var(--edge-width) solid var(--edge-deep);flex:1 0 auto;width:100%;height:auto;min-height:0;display:block}.sheet-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-5) 0;display:flex}.sheet-head h2{font-size:var(--step-head);line-height:var(--leading-tight)}.sheet-head h2 a{color:var(--ink)}.sheet-head small{font-size:var(--step-small);color:var(--muted);white-space:nowrap}.sheet-body{padding:var(--space-2) var(--space-5) 0}.menu{padding:var(--space-3) var(--space-5) var(--space-5);list-style:none}.menu a{align-items:baseline;gap:var(--space-3);min-height:48px;padding:var(--space-3) 0;color:var(--ink);display:flex}.menu a:hover{text-decoration:none}.menu-name{font-size:var(--step-lead);white-space:nowrap;font-weight:600;transition:transform .15s,color .15s}.menu-dots{min-width:var(--space-5);border-bottom:4px dotted var(--edge);flex:1;transform:translateY(-4px)}.menu-desc{text-align:right}.menu a:hover .menu-name{color:var(--accent-text);transform:translate(3px)}.menu a:hover .menu-dots{border-color:var(--accent)}@media screen{.motion [data-reveal] .rv{transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms)}.motion [data-reveal]:not(.is-in) .rv{opacity:0;transform:translateY(24px)}}@media (width<=1023px){.hero{grid-template-columns:var(--gutter) minmax(0, 1fr) var(--gutter);min-height:0}.art{aspect-ratio:2;border:0;border-bottom:var(--edge-width) solid var(--edge);width:100%;max-height:380px;box-shadow:none;border-radius:0;grid-area:1/1/auto/-1;margin:0}.hero-copy{padding:var(--space-6) 0 var(--space-7);grid-row:2}.leaf.a{inset:auto 4% 5% auto}.leaf.b{display:none}.tag-sec{grid-template-columns:minmax(0,1fr)}.market-soon{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.menu a{gap:2px;display:grid}.menu-dots{display:none}.menu-desc{text-align:left;color:var(--muted)}}@media (width<=767px){.art{aspect-ratio:3/2}.hero-copy{padding:var(--space-5) 0 var(--space-7)}.hero .lead,.tag-copy p{font-size:var(--step-body)}.hero .search{margin-top:var(--space-5)}.hero .search-field{height:54px;font-size:var(--step-body)}.go{width:40px;height:40px}.leaf.a,.hero .search .kbd{display:none}.tries>span{flex-basis:100%}.tag-sec{gap:var(--space-5)}.tag-hang{--cut:24px}.tag{padding:var(--space-5) var(--space-4) var(--space-5) 44px}.tag-hole{width:14px;height:14px;margin-top:-7px;left:16px}.tag-rows{grid-template-columns:minmax(0,1fr)}.sheets{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.sheet-head,.sheet-body{padding-left:var(--space-4);padding-right:var(--space-4)}.menu{padding:var(--space-2) var(--space-4) var(--space-4)}}@media (prefers-reduced-motion:reduce){.art img,.leaf,.tag-hang.is-swing .tag-edge{animation:none}.tries a,.go,.tag-examples button,.menu-name{transition:none}.tries a:hover,.go:hover,.tag-examples button:hover,.menu a:hover .menu-name{transform:none}}