@font-face{font-family:Pretendard;src:url('../assets/PretendardVariable.ttf')}*{box-sizing:border-box}body{margin:0;width:1180px;height:820px;background:#f8f8f8;color:#121212;font-family:Pretendard,-apple-system,sans-serif;overflow:hidden}header{height:106px;margin:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e4e6}.mark{font-size:22px;font-weight:650;letter-spacing:-.06em}.mark>span{font-size:11px;letter-spacing:0;margin-left:8px;font-weight:400}.category{font-size:12px;color:#666}main{height:628px;display:grid;grid-template-columns:48% 52%;align-items:center;padding:0 64px}.copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 25px;letter-spacing:.01em;color:#555}.dot{width:7px;height:7px;border-radius:50%;background:#d6ff00;box-shadow:0 0 0 1px #d0eb39}h1{font-size:118px;letter-spacing:-.075em;line-height:1.08;font-weight:600;margin:0 0 30px;white-space:nowrap}h1>span{display:inline-block;font-size:34px;font-weight:400;letter-spacing:-.05em;margin-left:16px;vertical-align:14px}.description{font-size:23px;line-height:1.6;font-weight:400;letter-spacing:-.035em;margin:0 0 36px}.hint{font-size:12px;color:#777;margin:14px 0 0 6px}.visual{height:570px;position:relative}.ring{position:absolute;width:570px;height:500px;left:-5px;top:5px;z-index:1}.ring canvas{display:block}.shadow{position:absolute;left:130px;top:431px;width:320px;height:30px;background:radial-gradient(ellipse,rgba(60,70,80,.12),transparent 70%);filter:blur(8px)}.object-label{position:absolute;bottom:32px;left:40px;right:0;text-align:center;font-size:12px;letter-spacing:-.02em;color:#777}footer{height:86px;margin:0 64px;border-top:1px solid #e2e4e6;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777}.process{display:none}.process b{font-weight:500;color:#121212}.process i{font-style:normal;margin:0 7px;color:#999}
body[data-variant=B] .mark,body[data-variant=B] h1{font-family:AppleMyungjo,'Times New Roman',serif}body[data-variant=B] h1{font-size:116px;font-weight:400;letter-spacing:-.07em}body[data-variant=B] h1>span{font-family:AppleMyungjo,serif;font-size:32px;vertical-align:14px}body[data-variant=B] .eyebrow{letter-spacing:.1em;font-size:12px}body[data-variant=B] .description{font-size:22px;font-weight:350;line-height:1.7;letter-spacing:-.025em}
body[data-variant=C] h1{font-weight:900;letter-spacing:-.085em;font-size:128px}body[data-variant=C] h1>span{font-size:30px;font-weight:650;vertical-align:16px;letter-spacing:-.07em}body[data-variant=C] .eyebrow{width:max-content;border:1px solid #cbd0d4;padding:8px 12px;border-radius:999px;gap:7px;font-size:12px;letter-spacing:-.01em;margin-bottom:21px}body[data-variant=C] .description{font-weight:650;font-size:23px;line-height:1.5}body[data-variant=C] .category{font-weight:650;letter-spacing:-.02em}body[data-variant=C] .process{display:inline}

.silver-button{position:relative;isolation:isolate;overflow:hidden;width:280px;height:68px;max-width:85%;border:0;border-radius:999px;background:#d8dcdf;color:#23292f;box-shadow:0 5px 12px rgb(45 53 62 / .12);padding:0;touch-action:manipulation}
.silver-material{position:absolute;inset-block:0;left:-18%;width:136%;z-index:0;border-radius:inherit;background:linear-gradient(105deg,#b1b8bf 0%,#d8dde1 14%,#fafcfd 26%,#a5adb5 38%,#d6dce1 50%,#e7ebee 64%,#fff 75%,#afb8c0 87%,#c7cdd3 100%);transform:translateX(0);animation:silver-drift 8s cubic-bezier(.77,0,.175,1) infinite}
.silver-face{position:absolute;inset:2px;border-radius:inherit;z-index:2;background:linear-gradient(180deg,rgb(255 255 255 / .34),transparent 44%,rgb(90 100 111 / .08))}
.silver-edge{position:absolute;inset:2px;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / .95),inset 0 -1px 0 rgb(91 105 119 / .36),inset 0 0 0 1px rgb(135 148 160 / .24)}
.silver-label{position:relative;z-index:10;display:inline-flex;gap:36px;align-items:center;font-size:17px;font-weight:550}
.silver-material,.silver-face{pointer-events:none}
.silver-button{width:254px;height:62px}.silver-material{animation:none;transform:translateX(6.5%)}.silver-button:focus-visible{outline:2px solid #121212;outline-offset:4px}
@font-face{font-family:MaruBuri;src:url('fonts/MaruBuri-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:block}
body[data-variant=B2] .mark,body[data-variant=B2] h1{font-family:MaruBuri,AppleMyungjo,serif;font-weight:600;font-synthesis:none}
body[data-variant=B2] h1{font-size:116px;letter-spacing:-.065em}
body[data-variant=B2] h1>span{font-family:MaruBuri,AppleMyungjo,serif;font-size:32px;font-weight:600;vertical-align:14px;letter-spacing:-.04em}
body[data-variant=B2] .description{font-weight:400;font-size:23px;line-height:1.6}