*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg,#f5eee2);color:var(--color-text,#19232a);font-family:Arial,'Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#f6efe4;position:relative;z-index:5}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:.18em}.brand span{display:block;font:8px Arial;letter-spacing:.3em;margin-top:3px}nav{display:flex;gap:58px}details{position:relative}summary{list-style:none;cursor:pointer;font-size:13px;letter-spacing:.12em}summary::-webkit-details-marker{display:none}i{font-style:normal;margin-left:8px}.dropdown{position:absolute;top:27px;left:-22px;min-width:150px;background:#f8f1e7;padding:12px;box-shadow:0 12px 24px #302a2230}.dropdown a{display:block;padding:10px;font-size:13px}.header-actions{display:flex;gap:24px;align-items:center;font-size:24px}.header-actions span{font-size:11px}.hero{height:min(730px,75vw);min-height:510px;background: center/cover var(--gallery-bg);position:relative;overflow:hidden}.frame{position:absolute;top:17%;left:50%;transform:translateX(-50%);width:min(29%,380px);aspect-ratio:1;border:7px solid #252520;box-shadow:0 8px 20px #0005;object-fit:cover}.shadows{position:absolute;bottom:2%;left:8%;right:8%;height:52%;display:flex;justify-content:space-around;align-items:end}.shadow{height:100%;width:17%;position:relative;display:flex;align-items:end;justify-content:center;border:0;background:transparent;color:#fff;filter:drop-shadow(8px 0 5px #342c2380);transition:.25s}.shadow img{width:100%;height:100%;object-fit:contain;opacity:.88}.shadow:hover,.shadow:focus-visible{filter:drop-shadow(0 0 8px #ffe1a6);transform:translateY(-4px)}.shadow span{position:absolute;bottom:0;font-size:10px;white-space:nowrap;letter-spacing:.16em;text-shadow:0 2px 5px #000}.hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:white;font-size:10px;letter-spacing:.22em;text-shadow:0 1px 6px #000;white-space:nowrap}.intro{text-align:center;padding:70px 20px 28px}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent,#ab6b4a)}.intro h2,.page-title{font:normal 42px Georgia,serif;margin:12px}.intro p,.muted{color:#766e64;font-size:13px;line-height:1.8}.fridge-section{padding:0 20px 90px;background:linear-gradient(#f5eee2,#e9dbc7)}.fridge{width:min(620px,90vw);margin:auto;padding:50px 46px 75px;border-radius:55px 55px 28px 28px;background:linear-gradient(105deg,#f5ead5,#fff9eb 30%,#ded0b9 100%);box-shadow:inset 7px 5px 8px #fff9,inset -8px -3px 14px #afa08c80,0 22px 45px #77634c45;position:relative}.fridge:before{content:'';display:block;width:140px;height:17px;border-radius:30px;background:linear-gradient(#999,#e7e5df,#333,#aaa);position:absolute;left:15px;top:51%}.magnets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.magnet{display:block;aspect-ratio:1;background-size:cover;background-position:center;border:4px solid #eee5d1;border-radius:16px;box-shadow:3px 5px 9px #3b302e70;transition:.2s}.magnet:nth-child(3n+1){border-radius:50%;transform:rotate(-5deg)}.magnet:nth-child(3n+2){clip-path:polygon(4% 8%,98% 0,89% 95%,0 100%);transform:rotate(4deg)}.magnet:hover,.magnet:focus-visible{outline:3px solid #dba33f;transform:translateY(-5px)}.page{max-width:1180px;margin:auto;padding:70px 6% 110px}.page-head{text-align:center;margin-bottom:50px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card img{width:100%;aspect-ratio:1;object-fit:cover}.card h3{font:normal 22px Georgia;margin:14px 0 5px}.card p{font-size:13px;color:#766e64}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.detail>img{width:100%;box-shadow:0 12px 30px #32282020}.detail h1{font:normal 48px Georgia;margin:10px 0}.detail .price{font-size:20px;margin:30px 0}.detail select{width:100%;padding:14px;border:1px solid #c9bcab;background:transparent}.btn{display:inline-block;background:var(--color-primary,#133149);color:var(--color-primary-text,#fff);border:0;padding:17px 28px;letter-spacing:.12em;text-align:center;font-size:12px}.detail .btn{width:100%;margin:20px 0}.artist-hero{background:#243b4a;color:white;padding:70px 8%;margin-bottom:55px}.artist-hero h1{font:normal 48px Georgia;margin:10px 0}.cart-row{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid #cfc4b6}.cart-row img{width:110px;height:110px;object-fit:cover}.cart-row .info{flex:1}.cart-row button{border:0;background:none;text-decoration:underline}.cart-summary{text-align:right;margin-top:30px}.note{background:#e7dac8;padding:16px;margin-top:30px;font-size:12px;line-height:1.8}footer{background:var(--color-primary,#183449);color:var(--color-primary-text,#f4eee2);padding:55px 6%;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}footer div{display:flex;gap:20px;font-size:12px}footer small{width:100%;opacity:.65;font-size:10px}@media(max-width:700px){.header{padding:0 4%;height:66px}.brand{font-size:18px}nav{gap:15px}summary{font-size:11px}.header-actions{gap:10px;font-size:19px}.hero{min-height:480px;height:65vh;background-position:center}.frame{width:43%;top:20%}.shadows{left:0;right:0;height:44%}.shadow{width:23%}.shadow span{font-size:8px}.hint{bottom:10px}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.detail{grid-template-columns:1fr;gap:25px}.detail h1{font-size:38px}.fridge{padding:40px 24px 60px}.magnets{gap:8px}.fridge:before{width:70px}.page{padding-top:45px}.page-title{font-size:32px}footer div{flex-wrap:wrap}}
