/* Uses the site's Text font and warm paper. The card ratio follows the source
   structure; on-screen travel and shadows are illustrative, not specifications. */
.gift-moon{--gift-pine:#183d35;--gift-gold:#d4c789;--gift-paper:#eeede8;--gift-pull:.1632;color:#1d332c;background:var(--gift-paper);font-family:Text,sans-serif;min-width:0;max-width:100%;margin:0;overflow:hidden;isolation:isolate}
.gift-moon *{box-sizing:border-box}
.gift-moon-stage{position:relative;background:var(--gift-pine);color:#e2dfcc;overflow:hidden;min-width:0;padding:38px clamp(20px,4vw,68px) 32px}
.gift-moon-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 43% 46%,#a8bf9320,transparent 66%)}
.gift-moon-stage-label{position:relative;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.14em;color:#c9d0bb;line-height:1.5}
.gift-moon-stage-label i{display:block;width:5px;height:5px;border:1px solid var(--gift-gold);border-radius:50%}
.gift-moon-scene{position:relative;max-width:1080px;width:100%;height:clamp(220px,31vw,430px);margin:8px auto 0;display:flex;align-items:center;perspective:1800px}
.gift-moon-object{position:relative;width:54%;margin-left:6%;aspect-ratio:150/80;transform:rotate(-5deg);transform-style:preserve-3d;flex:none}
.gift-moon-back,.gift-moon-inner,.gift-moon-sleeve{position:absolute;inset:0;width:100%;height:100%;border-radius:2px}
.gift-moon-back{background:#294d43;box-shadow:0 2px 1px #071a1680,0 9px 14px -7px #061812b3,0 30px 36px -20px #06120ecc}
.gift-moon-back::after{content:"";position:absolute;inset:1px;border:1px solid #b5c1a214;border-bottom-color:#071e2077;border-radius:1px}
.gift-moon-inner{transform:translateX(calc(var(--gift-pull)*100%));background:#141916;box-shadow:1px 2px 2px #07100ab3,0 12px 13px -10px #0009;will-change:transform}
.gift-moon-inner svg,.gift-moon-sleeve{display:block;width:100%;height:100%}
.gift-moon-sleeve{filter:drop-shadow(1px 1px 1px #00150e65);pointer-events:none}
.gift-moon-pull-hint{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:10px;letter-spacing:.13em;line-height:1.5;color:#b4c0ac}
.gift-moon-pull-hint b{font-weight:400;font-size:25px;line-height:1;letter-spacing:0;color:var(--gift-gold)}
.gift-moon-controls{display:grid;grid-template-columns:1fr minmax(210px,360px);gap:32px;padding:29px clamp(20px,4vw,68px) 32px;align-items:center;border-bottom:1px solid #203d291c}
.gift-moon-caption{min-width:0;display:grid;gap:8px}
.gift-moon-caption strong{font-size:17px;font-weight:400;letter-spacing:.035em;line-height:1.5}
.gift-moon-caption>span{font-size:10px;color:#737b6c;line-height:1.6}
.gift-moon-control{display:grid;position:relative;min-width:0;width:100%;margin:0;cursor:pointer}
.gift-moon-control-label{font-size:11px;color:#4c6557;line-height:1.6}
.gift-moon-range{--gift-progress:24%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;min-height:44px;margin:0;background:transparent;cursor:ew-resize;accent-color:#285548;touch-action:pan-y;border:0;padding:0;outline-offset:1px}
.gift-moon-range:focus-visible{outline:2px solid #32745f;border-radius:3px}
.gift-moon-range::-webkit-slider-runnable-track{height:2px;border-radius:0;background:linear-gradient(to right,#375d4c 0 var(--gift-progress),#b7bdae var(--gift-progress) 100%)}
.gift-moon-range::-moz-range-track{height:2px;background:#b7bdae}
.gift-moon-range::-moz-range-progress{height:2px;background:#375d4c}
.gift-moon-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:6px solid var(--gift-paper);border-radius:50%;background:#385c49;box-shadow:0 0 0 1px #456750;margin-top:-10px}
.gift-moon-range::-moz-range-thumb{width:10px;height:10px;border:6px solid var(--gift-paper);border-radius:50%;background:#385c49;box-shadow:0 0 0 1px #456750}
.gift-moon-endpoints{display:flex;justify-content:space-between;font-size:9px;color:#7e8577;line-height:1.5;margin-top:-1px}
@media(max-width:680px){.gift-moon-stage{padding:25px 20px 23px}.gift-moon-stage-label{font-size:9px;letter-spacing:.08em}.gift-moon-scene{height:210px;margin:0}.gift-moon-object{width:54%;margin-left:5.5%;transform:rotate(-5deg)}.gift-moon-pull-hint{font-size:9px;gap:18px}.gift-moon-controls{grid-template-columns:1fr;gap:21px;padding:23px 22px 25px}.gift-moon-caption{gap:5px}.gift-moon-caption strong{font-size:16px}.gift-moon-control{max-width:none}.gift-moon-control-label{font-size:10px}.gift-moon-range{height:48px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.gift-moon-inner{will-change:auto}}