:root{color-scheme:light;--paper:#f4efe9;--ink:#493b36;--muted:#80716a;--rose:#c9a59e;--line:#d7cbc4;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;min-height:100%;overscroll-behavior-x:none}body{background:radial-gradient(ellipse at 50% 42%,#faf7f1 0%,var(--paper) 62%,#ece4de 100%)}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,.stage:focus-visible{outline:2px solid #846157;outline-offset:6px}button:focus:not(:focus-visible),.stage:focus:not(:focus-visible){outline:none}.experience{width:100%;min-height:100svh;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;overflow:hidden}.brand{display:flex;align-items:center;justify-content:center;gap:15px;padding:calc(35px + env(safe-area-inset-top)) 24px 20px;font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.24em;font-weight:400}.brand-sub{font-size:12px;letter-spacing:.25em;border-left:1px solid #cdbeb5;padding-left:16px;line-height:1.25}.viewer{position:relative;display:flex;align-items:center;justify-content:center;min-height:310px;isolation:isolate}.ambient{position:absolute;width:min(82vw,660px);aspect-ratio:1.3;border-radius:50%;background:radial-gradient(ellipse,#dbc3b980,transparent 67%);pointer-events:none;transform:translateY(-3%)}.stage{--card-width:min(82vw,600px);--card-height:calc(var(--card-width)*5/9);--card-depth:calc(var(--card-width)/90);position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:310px;perspective:1100px;perspective-origin:50% 45%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-12px!important}.stage.is-dragging{cursor:grabbing}.card{position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-16deg);will-change:transform;opacity:0;transition:opacity .45s ease}.is-ready .card{opacity:1}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#c9a59e;outline:.3px solid #bd9e94}.card-face img{display:block;position:absolute;max-width:none;width:104.519774%;height:108.135593%;left:-2.259887%;top:-4.067797%;pointer-events:none;user-select:none;-webkit-user-drag:none}.front{transform:translateZ(calc(var(--card-depth)/2))}.back{background:#f3eee5;outline-color:#e2d6c5;transform:rotateY(180deg) translateZ(calc(var(--card-depth)/2))}.sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 15%,#ffffff35 45%,#ffffff05 57%,#51352b08 82%);opacity:var(--sheen,.25);mix-blend-mode:soft-light}.edge{position:absolute;left:50%;top:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#d5c3af;background-image:repeating-linear-gradient(90deg,#ffffff16 0px,#ffffff16 .5px,#947d6720 .6px,#947d6720 1.2px);outline:.2px solid #cfbba5}.edge-left,.edge-right{width:var(--card-depth);height:var(--card-height)}.edge-left{transform:translate(-50%,-50%) translateX(calc(var(--card-width)/-2)) rotateY(-90deg)}.edge-right{transform:translate(-50%,-50%) translateX(calc(var(--card-width)/2)) rotateY(90deg)}.edge-top,.edge-bottom{width:var(--card-width);height:var(--card-depth);background-image:repeating-linear-gradient(0deg,#ffffff20 0,#ffffff20 .5px,#947d6720 .6px,#947d6720 1.2px)}.edge-top{background-color:#eadbca;transform:translate(-50%,-50%) translateY(calc(var(--card-height)/-2)) rotateX(90deg)}.edge-bottom{background-color:#b6a08d;transform:translate(-50%,-50%) translateY(calc(var(--card-height)/2)) rotateX(-90deg)}.card-shadow{position:absolute;width:calc(var(--card-width)*.86);height:30px;top:calc(50% + var(--card-height)*.66);border-radius:50%;background:#695145;filter:blur(17px);opacity:.16;transform:scaleX(.95);pointer-events:none}.controls{padding:23px 20px calc(27px + env(safe-area-inset-bottom));text-align:center}.face-controls{display:inline-flex;align-items:center;gap:4px;padding:5px;background:#ffffff6b;border:1px solid #d9ccc3;border-radius:999px}.face-controls button{min-height:44px;min-width:70px;border:0;background:transparent;color:#77675f;border-radius:999px;padding:10px 19px;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.face-controls button[aria-pressed=true]{background:#665047;color:#fffaf7;box-shadow:0 2px 4px #4a312512}.face-controls button:hover{background:#e6d8ce}.face-controls button[aria-pressed=true]:hover{background:#665047}.face-controls .reset{min-width:44px;width:44px;padding:11px;border-left:1px solid #ddcec4;border-radius:0 999px 999px 0;margin-left:4px}.reset svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.gesture-help{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;color:#6e5e56;margin:24px 0 0;line-height:1.6}.gesture-help svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.load-message{position:absolute;max-width:80%;font-size:14px;line-height:1.6;color:var(--muted);text-align:center;pointer-events:none}.is-ready .load-message{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){.brand{padding-top:46px}.stage{--card-width:min(64vw,660px)}.controls{padding-bottom:40px}.viewer{min-height:410px}}@media(max-height:570px) and (orientation:landscape){.experience{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto 1fr;min-height:100svh}.brand{grid-column:1/-1;padding:15px 24px 7px}.viewer{min-height:245px}.stage{--card-width:min(57vw,360px);min-height:245px}.controls{align-self:center;padding:15px 12px}.face-controls button{min-width:54px;padding-inline:12px}.face-controls .reset{min-width:40px;padding:10px}.gesture-help{font-size:13px;flex-wrap:wrap;margin-top:18px}.card-shadow{height:20px;filter:blur(13px)}}@media(prefers-reduced-motion:reduce){.card,.face-controls button{transition:none}}

.foil-sheen{position:absolute;left:-2.259887%;top:-4.067797%;width:104.519774%;height:108.135593%;pointer-events:none;overflow:hidden;opacity:0;-webkit-mask-image:var(--foil-mask);mask-image:var(--foil-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.foil-relief{display:none;position:absolute;left:-2.259887%;top:-4.067797%;width:104.519774%;height:108.135593%;pointer-events:none}
.foil-relief.is-rendered{display:block}
.foil-sheen.is-masked{opacity:var(--foil-strength,.75)}
.foil-sheen::before{content:"";position:absolute;inset:-50%;background:linear-gradient(var(--foil-angle,112deg),transparent 33%,#99533518 40%,#ffc99d38 45%,#ffe6c47a 49%,#fffcf2dc 50%,#ffefce8c 51%,#fac39440 55%,transparent 63%);transform:translate3d(var(--foil-x,0%),var(--foil-y,0%),0);will-change:transform}
@media(prefers-reduced-motion:reduce){.foil-sheen{display:none}}