:root{--cream:#f8f3e9;--paper:#fffdf8;--gold:#c99445;--gold-soft:#e9dcc5;--ink:#332d24;--brown:#5b5146;--muted:#938776;--line:#e8decd;--serif:"Iowan Old Style","Baskerville","Songti SC",serif;--sans:"Avenir Next","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1340px,calc(100% - 88px));margin:auto}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(91,81,70,.12)}.brand{display:flex;align-items:center;min-width:185px}.brand img{width:178px;height:62px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#7e7260;letter-spacing:1px}.nav a{padding:34px 0 31px;transition:color .2s}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active{border-bottom:2px solid var(--gold)}.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:24px}.hero{position:relative;margin:28px auto 0}.hero-frame{position:relative;height:min(600px,49vw);min-height:410px;border-radius:6px;overflow:hidden;background:#746752}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}.hero-photo.active{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,21,17,.62),rgba(24,21,17,.20) 54%,rgba(24,21,17,.02)),linear-gradient(0deg,rgba(15,13,10,.24),transparent 55%)}.hero-copy{position:absolute;left:7%;bottom:14%;color:#fff;max-width:600px}.hero-kicker{font:italic 13px var(--serif);letter-spacing:3px;color:#e6d1ad}.hero-title{font:400 clamp(34px,5vw,62px)/1.35 var(--serif);letter-spacing:3px;margin:15px 0 9px}.hero-en{font:italic 15px var(--serif);letter-spacing:1.5px;color:#f2dfbf}.hero-sub{font:13px/1.8 var(--sans);color:rgba(255,255,255,.83);margin:18px 0 25px;max-width:490px}.hero-link{display:inline-flex;align-items:center;gap:17px;padding:13px 19px;border:1px solid rgba(255,255,255,.75);font-size:11px;letter-spacing:1px;color:white;transition:background .2s}.hero-link:hover{background:rgba(255,255,255,.14)}.hero-controls{position:absolute;right:6%;bottom:7%;display:flex;align-items:center;gap:9px}.hero-dot{width:7px;height:7px;border:0;border-radius:10px;background:rgba(255,255,255,.55);padding:0;cursor:pointer;transition:width .3s,background .3s}.hero-dot.active{width:25px;background:#fff}.hero-arrow{width:35px;height:35px;margin-left:12px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.section{padding:89px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.eyebrow{font:italic 12px var(--serif);letter-spacing:2px;color:var(--gold)}.section-title{font:500 clamp(25px,3vw,34px) var(--serif);letter-spacing:2px;color:var(--brown);margin:9px 0 0}.section-title:before{content:"";display:inline-block;width:8px;height:8px;margin:0 14px 4px 0;border-radius:50%;background:var(--gold)}.section-note{color:#a69a87;font-size:11px;letter-spacing:2px}.intro-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding:55px 7%;margin-top:30px;background:#f2e8d6}.intro-brand{font:600 14px var(--sans);letter-spacing:3px;color:var(--gold)}.intro-en{font:italic 12px var(--serif);color:#a59680;margin-top:7px;letter-spacing:1px}.intro-title{font:400 clamp(26px,3vw,38px)/1.5 var(--serif);letter-spacing:2px;margin:16px 0 0}.intro-copy{font:13px/2.2 var(--serif);color:#766b5c;margin:0}.trust-row{display:flex;gap:30px;margin-top:24px}.trust{border-left:1px solid #d7c29e;padding-left:13px}.trust strong{font:italic 20px var(--serif);color:#98703c}.trust span{display:block;font-size:10px;line-height:1.5;color:#8e8271;margin-top:4px;white-space:pre-line}.under-link{display:inline-block;margin-top:16px;color:#8c6836;font-size:11px;letter-spacing:1px;border-bottom:1px solid #cdb78d;padding-bottom:4px}.best-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{min-width:0;background:var(--paper);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(59,47,32,.10)}.card-image{height:220px;position:relative;background:linear-gradient(150deg,#d8cbb3,#837765)}.card-image img{width:100%;height:100%;object-fit:cover}.card-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(33,27,20,.23));pointer-events:none}.rank{position:absolute;z-index:1;right:11px;top:11px;width:38px;height:38px;border-radius:50%;background:rgba(255,253,248,.93);display:grid;place-items:center;font:italic 12px var(--serif);color:#9a713a}.special-tag{position:absolute;z-index:1;left:12px;top:12px;background:var(--gold);color:white;padding:7px 11px;font-size:10px;letter-spacing:1px}.card-body{padding:15px 16px 18px}.card-country{font-size:10px;color:var(--gold);letter-spacing:1px}.card-title{font:500 17px/1.5 var(--serif);margin:7px 0 3px;min-height:50px}.card-en{font:italic 11px var(--serif);color:#a29683;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{font:11px/1.7 var(--serif);color:#8f8372;margin-top:7px;min-height:39px}.card-price{font:italic 12px var(--serif);color:#756a5d;margin-top:13px}.category-intro{font:12px/1.9 var(--serif);color:#9a8e7c}.category-section{border-top:1px solid var(--line);padding:45px 0 4px}.category-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.category-title{font:500 24px var(--serif);letter-spacing:2px;color:var(--brown);margin:0}.category-en{margin-left:12px;font:italic 12px var(--serif);color:#b49b74}.category-action{border:0;background:none;color:#9d7743;font-size:11px;letter-spacing:1px;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid .card-image{height:185px}.category-grid .extra-card[hidden]{display:none}.empty{padding:38px;text-align:center;color:var(--muted);font:12px var(--serif)}.about-visual{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:6%;padding:38px 7%;background:#f2e8d6}.curator{display:flex;gap:16px;align-items:center}.curator-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;background:#ddd}.curator-label{font:italic 13px var(--serif);color:#967342}.curator-slogan{width:min(270px,100%);margin-top:7px}.about-copy{font:13px/2.2 var(--serif);color:#766b5c}.footer{padding:31px 0 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.footer-brand{width:156px;max-height:56px;object-fit:contain;object-position:left center}.footer-links{display:flex;gap:23px;font-size:10px;color:#998c79}.footer-bottom{display:flex;justify-content:space-between;color:#a69a87;font:italic 10px var(--serif);padding-top:15px;letter-spacing:1px}.loading{grid-column:1/-1;padding:55px;text-align:center;color:#9f927e;font:italic 13px var(--serif);letter-spacing:2px}.error{padding:45px 15px;text-align:center;color:#8f8372;line-height:2}.dialog{position:fixed;inset:0;z-index:10;background:rgba(35,30,24,.52);display:none;align-items:center;justify-content:center;padding:24px}.dialog.open{display:flex}.dialog-card{position:relative;width:min(860px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--cream);box-shadow:0 24px 75px rgba(0,0,0,.25)}.dialog-close{position:sticky;float:right;top:12px;z-index:2;margin:12px -42px -42px 0;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,253,248,.94);color:var(--ink);font-size:20px;cursor:pointer}.dialog-cover{height:350px;background:#d7cbb7}.dialog-cover img{width:100%;height:100%;object-fit:cover}.dialog-inner{padding:30px 6% 42px}.dialog-location{font-size:11px;color:var(--gold);letter-spacing:1px}.dialog-title{font:500 32px/1.4 var(--serif);margin:9px 0}.dialog-en{font:italic 13px var(--serif);color:#9a8d7a}.dialog-description{font:13px/2.1 var(--serif);color:#716658;margin:19px 0}.dialog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.dialog-gallery img{width:100%;height:110px;object-fit:cover}.dialog-section{border-top:1px solid var(--line);padding:23px 0 0;margin-top:22px}.dialog-section h3{font:500 16px var(--serif);letter-spacing:2px;margin:0 0 12px}.dialog-list{font:12px/2 var(--serif);color:#766b5c}.dialog-list div{padding:4px 0;border-bottom:1px solid rgba(232,222,205,.65)}
@media(max-width:1000px){.shell{width:calc(100% - 50px)}.nav{gap:19px}.best-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.hero-frame{height:55vw}.category-grid .card-image{height:220px}.card-image{height:200px}}
@media(max-width:680px){.shell{width:calc(100% - 32px)}.topbar{height:72px}.brand img{width:148px;height:52px}.menu-btn{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;z-index:5;padding:10px 20px 18px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a,.nav a.active{padding:13px 2px;border-bottom:1px solid var(--line);border-top:0}.hero{margin-top:18px}.hero-frame{height:540px;min-height:0}.hero-copy{left:7%;right:7%;bottom:14%}.hero-title{font-size:37px}.hero-en{font-size:13px}.hero-controls{right:7%;bottom:5%}.section{padding:60px 0}.section-head{margin-bottom:20px}.section-title{font-size:27px}.section-note{font-size:10px}.intro-band,.about-visual{grid-template-columns:1fr;gap:22px;padding:30px 24px}.intro-copy,.about-copy{font-size:12px}.trust-row{gap:18px}.trust strong{font-size:17px}.best-grid,.category-grid{grid-template-columns:1fr 1fr;gap:10px}.card-image,.category-grid .card-image{height:155px}.card-body{padding:12px 11px 14px}.card-title{font-size:14px;min-height:41px}.card-sub{font-size:10px;min-height:34px}.card-price{font-size:11px}.category-section{padding-top:31px}.category-title{font-size:20px}.category-en{display:block;margin:5px 0 0}.category-action{font-size:10px}.curator-avatar{width:65px;height:65px}.curator-slogan{width:240px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.footer-links{flex-wrap:wrap;gap:13px}.dialog{padding:12px}.dialog-cover{height:260px}.dialog-close{margin:10px -42px -42px 0}.dialog-title{font-size:26px}}
.about-visual{margin-top:30px;border:1px solid #e8dcc7;border-radius:8px;box-shadow:0 10px 28px rgba(59,47,32,.06)}
@media(max-width:680px){.about-visual{margin-top:18px;padding:26px 22px;border-radius:8px}}
.hero-link{appearance:none;-webkit-appearance:none;background:rgba(51,45,36,.46);color:#fff;border-color:rgba(255,255,255,.82)}.hero-link:hover{background:rgba(51,45,36,.64)}