:root{--bg:#101311;--panel:#191d19;--cream:#f4f0e7;--gold:#d9bc81;--muted:#a5aaa0;--line:#ffffff20;--ease:cubic-bezier(.22,1,.36,1);--serif:"Songti SC","STSong",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.8 var(--sans)}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h2{font-size:46px;line-height:1.4;letter-spacing:3px}.topline{text-align:center;background:#24291f;color:#cfccbc;padding:7px 20px;font-size:12px;letter-spacing:2px}.topline span{margin-left:20px;font-size:10px}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101311ed;backdrop-filter:blur(16px);z-index:30}.brand{display:flex;align-items:center;gap:14px}.brand strong{font:500 34px/1 Georgia,serif;letter-spacing:2px;color:var(--gold)}.brand span{border-left:1px solid #d9bc8155;padding-left:14px;font-size:12px;line-height:1.7;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:2px;color:#9fa795}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:"";height:1px;background:var(--gold);position:absolute;bottom:-6px;left:0;width:0;transition:width .3s}.header nav a:hover:after{width:100%}.header-cta{border:1px solid #d9bc8170;padding:9px 16px;font-size:12px;color:var(--gold)}.menu-button{display:none;font-size:25px}.mobile-nav{position:fixed;top:94px;left:0;right:0;z-index:29;background:#171e18;padding:20px 6%;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px}.hero{position:relative;min-height:680px;height:calc(100svh - 125px);max-height:840px;overflow:hidden;isolation:isolate;background:#151b17}.hero-background{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-background img{object-position:50% 65%;filter:brightness(.22) saturate(.65);transform:scale(1.08)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101811dd,transparent 80%),linear-gradient(0deg,#0c130ee6,transparent 50%)}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px 7% 90px;gap:4%;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s;pointer-events:none}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold);margin-bottom:18px;line-height:1.6}.hero h1,.hero h2{font-size:68px;line-height:1.38;letter-spacing:4px}.hero h1 span,.hero h2 span{display:block}.hero h1 em,.hero h2 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:#d3d7cb;font-size:15px;line-height:2.1;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 26px;border:1px solid var(--gold);font-size:14px;letter-spacing:1px;transition:background .3s,color .3s,transform .3s}.button.gold{background:var(--gold);color:#172117}.button:hover{transform:translateY(-3px);background:#ead29f;color:#132016}.hero .button{margin-top:30px}.hero-photo{height:100%;max-height:570px;max-width:430px;width:100%;justify-self:center;position:relative;box-shadow:0 25px 80px #0006;border:1px solid #edd8ad29;overflow:hidden;background:#201d16}.hero-photo img{object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff2 45%,transparent 60%);transform:translateX(-130%);pointer-events:none}.hero-photo .caption{position:absolute;bottom:0;left:0;right:0;padding:13px 18px;background:linear-gradient(0deg,#0d1617ec,#0d161700);font-size:10px;letter-spacing:2px}.hero-controls{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px}.slide-select{display:flex;gap:25px}.slide-select button{padding:8px 0;color:#99a391;font-size:12px;display:flex;align-items:center;gap:9px}.slide-select button[aria-pressed=true]{color:var(--cream)}.slide-select i{width:38px;height:2px;background:#78817155;display:block;position:relative;overflow:hidden}.slide-select button[aria-pressed=true] i:after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(var(--slide-progress,0))}.motion-toggle{font-size:12px;border:1px solid #d9bc8150;padding:6px 12px;display:flex;gap:9px;align-items:center;color:#d3d8c8}.hero-down{font-size:12px;border-bottom:1px solid #a2ac99;padding-bottom:4px}.hero-side{position:absolute;right:2.5%;top:45%;writing-mode:vertical-rl;letter-spacing:3px;font-size:11px;color:#c3cbb8}.brand-ribbon{border-bottom:1px solid var(--line);overflow:hidden;background:#171e17}.ribbon-track{width:max-content;display:flex;gap:65px;padding:23px 0;align-items:center}.ribbon-group{display:flex;gap:65px;align-items:center}.ribbon-group span{font:22px Georgia,serif;letter-spacing:2px;color:#d9cfb7}.ribbon-group b{font-weight:400;font-size:14px;letter-spacing:4px;color:#a5ad99}.ribbon-group i{font-style:normal;color:var(--gold);font-size:20px}.section{padding:95px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading>p{font-size:14px;line-height:2;color:var(--muted);max-width:300px;padding-bottom:6px}.catalog-toolbar{margin:40px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:28px}.filters button{font-size:14px;color:#97a18d;padding:11px 0 17px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .3s,border-color .3s}.filters button.active{color:var(--gold);border-color:var(--gold)}.count{font-size:12px;color:var(--muted);white-space:nowrap}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.product[hidden]{display:none}.product-image{padding:0;display:block;width:100%;aspect-ratio:3/4;background:#1c211b;overflow:hidden;position:relative;text-align:left}.product-image img{object-fit:cover;transition:transform .85s var(--ease)}.product-image:hover img,.product-image:focus-visible img{transform:scale(1.045)}.product-open{position:absolute;right:13px;bottom:13px;font-size:12px;padding:7px 13px;color:var(--cream);background:#101811ce;border:1px solid #e0d7bc66;transition:transform .4s var(--ease),background .4s}.product-image:hover .product-open{transform:translateY(-5px);background:#c4a66fed;color:#142116}.product-meta{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;color:#98a28d;letter-spacing:1.4px}.product h3{font:22px/1.4 var(--serif);margin-top:10px;letter-spacing:1px}.product h3 button{text-align:left;padding:0}.product>p{font-size:13px;color:#9fa795;margin-top:7px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#e9e4d7;color:#172518;min-height:650px}.feature-photo{position:relative;overflow:hidden;min-height:650px}.feature-photo img{object-fit:cover;object-position:center 55%}.feature-copy{padding:65px 15% 65px 13%;align-self:center}.feature .eyebrow{color:#81704c}.feature-copy h2{font-size:49px}.feature-copy h2 em{font-style:normal;color:#a1814e}.feature-copy>p{color:#65705f;font-size:15px;line-height:2.1;margin-top:25px}.feature-note{display:flex;justify-content:space-between;border-top:1px solid #bcc0ad;padding-top:20px;margin-top:30px;font-size:12px}.feature .button{color:#273720;border-color:#7f865d;margin-top:30px}.tech{background:#f6f5ee;color:#1d2b21}.tech .eyebrow{color:#877851}.tech .section-heading>p{color:#77806f}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}.tech-card{display:block;text-align:left;padding:0;transition:transform .45s var(--ease)}.tech-card:hover{transform:translateY(-7px)}.tech-card .poster{aspect-ratio:9/16;overflow:hidden;background:#e2e6e2}.tech-card img{object-fit:contain;transition:transform .7s}.tech-card:hover img{transform:scale(1.025)}.tech-card small{display:block;font-size:10px;letter-spacing:2px;color:#8a8d79;margin-top:16px}.tech-card h3{font:20px var(--serif);margin-top:5px}.tech-card p{font-size:12px;color:#717e6b;margin-top:8px}.gift-spotlight{display:grid;grid-template-columns:1fr 1.1fr;padding:0;background:#451d19;overflow:hidden;min-height:600px}.gift-copy{padding:75px 10% 75px 15%;align-self:center}.gift-copy h2{font-size:52px;line-height:1.5}.gift-copy>p{font-size:15px;line-height:2.1;color:#d6bfb0;margin-top:25px}.gift-copy .button{margin-top:30px}.gift-gallery{position:relative;min-height:610px;overflow:hidden}.gift-gallery img{object-position:center 60%;transform:scale(1.07)}.gift-caption{position:absolute;left:30px;bottom:25px;font-size:12px;letter-spacing:2px;padding:8px 15px;background:#29160ccc;color:#ead9b5}.store{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.store-image{position:relative;max-width:450px;justify-self:center;aspect-ratio:9/13;overflow:hidden}.store-image img{object-position:center 35%}.store-copy>p{color:var(--muted);font-size:15px;line-height:2.1;margin-top:25px}.store .brand-name{font:20px Georgia,serif;letter-spacing:2px;color:var(--gold);margin:30px 0}.store-list{border-top:1px solid var(--line);padding-top:23px;display:flex;gap:25px;font-size:12px;color:#b7bcac}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-top:60px;padding-bottom:60px}.questions h2{font-size:33px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:21px 0;display:flex;justify-content:space-between;gap:20px;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;color:var(--muted);line-height:2;padding-bottom:25px}.closing{background:#243321;text-align:center;padding:70px 7%;position:relative;overflow:hidden}.closing h2{font-size:45px}.closing .button{margin-top:30px}.footer{padding:45px 5%;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:25px;font-size:12px}.footer>small{font-size:10px;color:#8c987f;letter-spacing:1px}.preview-note{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:40;padding:6px 13px;background:#f6f2e9f5;color:#334331;border:1px solid #cdd4c5;box-shadow:0 3px 20px #0003;font-size:11px;display:flex;align-items:center;gap:13px;white-space:nowrap}.preview-note button{font-size:19px;padding:0;line-height:1}.preview-note span{border-left:1px solid #ced2c5;padding-left:13px;color:#7c8275}dialog{border:1px solid #d9bc8133;padding:0;color:var(--cream);background:#171e18;width:min(960px,94vw);max-height:92vh;overflow:auto}dialog::backdrop{background:#070d0bd9;backdrop-filter:blur(10px)}dialog[open]{display:grid;grid-template-columns:1.05fr 1fr}.dialog-close{position:absolute;right:12px;top:10px;background:#101711e8;color:var(--cream);z-index:2;width:38px;height:38px;font-size:26px}.dialog-media{padding:20px;background:#111612;align-self:start}.dialog-media>img{object-fit:contain;height:auto;max-height:68vh}.dialog-thumbs{display:flex;gap:8px;overflow:auto;padding-top:14px}.dialog-thumbs button{padding:0;width:48px;height:64px;flex-shrink:0;border:1px solid transparent}.dialog-thumbs button[aria-pressed=true]{border-color:var(--gold)}.dialog-thumbs img{object-fit:cover}.dialog-copy{padding:60px 35px 40px}.dialog-copy h2{font-size:31px;letter-spacing:1px}.dialog-copy>p{font-size:14px;color:var(--muted);margin-top:25px}.dialog-info{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#b1b8a8}.dialog-copy .button{margin-top:30px}.dialog-copy .source-note{font-size:11px;color:#83927b;line-height:1.9}.modal-open{overflow:hidden}
.dialog-media>a{display:block}.dialog-media>a>img{object-fit:contain;height:auto;max-height:68vh}.store-image{display:block}
@media(max-width:700px){.dialog-media>a>img{max-height:55vh}}
/* Motion is progressive: ordinary content remains visible if scripting is unavailable. */
.reveal{transition:opacity .95s var(--ease),transform 1.15s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-on .reveal:not(.visible){opacity:0;transform:translate3d(0,36px,0)}.motion-on .reveal.visible{opacity:1;transform:none}.motion-on .hero-background img{animation:ambient-pan 24s ease-in-out infinite alternate}.motion-on .hero-slide.active .hero-photo img{animation:photo-pan 8s ease-out both}.motion-on .hero-slide.active .hero-photo:after{animation:light-sweep 2s ease-out .4s both}.motion-on .hero-slide.active .eyebrow{animation:arrive 1s var(--ease) .1s both}.motion-on .hero-slide.active h1 span,.motion-on .hero-slide.active h2 span{animation:headline 1.35s var(--ease) .25s both}.motion-on .hero-slide.active h1 span:nth-child(2),.motion-on .hero-slide.active h2 span:nth-child(2){animation-delay:.42s}.motion-on .hero-slide.active .hero-copy>p{animation:arrive 1.2s var(--ease) .55s both}.motion-on .hero-slide.active .button{animation:arrive 1.2s var(--ease) .75s both}.motion-on .ribbon-track{animation:ribbon-run 38s linear infinite}.brand-ribbon:hover .ribbon-track{animation-play-state:paused}.motion-on .feature-photo img{transform:scale(1.08) translate3d(0,var(--feature-shift,0px),0)}.motion-on .gift-gallery img{transform:scale(1.08) translate3d(0,var(--gift-shift,0px),0)}.motion-on dialog[open]{animation:dialog-arrive .5s var(--ease)}.motion-on dialog[open]::backdrop{animation:fade-in .4s ease}.motion-on dialog.closing{animation:dialog-leave .22s ease both}.motion-on dialog.closing::backdrop{animation:fade-out .22s ease both}.motion-on .faq-list details[open]>p,.motion-on .mobile-nav:not([hidden]){animation:arrive .4s var(--ease) both}.motion-paused *,.motion-paused *::backdrop{animation-play-state:paused!important}.motion-paused .reveal,.motion-paused .hero-copy>*,.motion-paused .hero-copy h1 span,.motion-paused .hero-copy h2 span{opacity:1!important;transform:none!important;filter:none!important}.motion-paused .hero-slide{transition:none}
@keyframes ambient-pan{from{transform:scale(1.08) translate3d(-1%,0,0)}to{transform:scale(1.18) translate3d(1%,1%,0)}}@keyframes photo-pan{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes light-sweep{to{transform:translateX(130%)}}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes headline{from{opacity:0;transform:translateY(36px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes ribbon-run{to{transform:translateX(-50%)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}@keyframes dialog-leave{to{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}
@media(min-width:1600px){.hero h1,.hero h2{font-size:85px}.hero-photo{max-width:460px;max-height:650px}.section{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}@media(max-width:1100px){.header nav{gap:20px}.brand span{font-size:10px}.header-cta{display:none}.hero h1,.hero h2{font-size:54px}.hero{min-height:650px}.hero-slide{padding-left:6%;padding-right:6%}.hero-photo{max-height:500px}.hero-copy>p{font-size:14px}.hero-controls{left:6%;right:6%}.section{padding:70px 6%}.feature-copy{padding:45px 12%}.feature-copy h2{font-size:39px}.feature,.feature-photo{min-height:590px}.tech-grid{gap:13px}.store{gap:7%}.gift-copy h2{font-size:42px}.footer{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:80px}.topline{font-size:11px;padding:6px 10px}.topline span{display:none}.header{height:76px;padding:0 6%}.brand strong{font-size:29px}.brand span{font-size:10px;letter-spacing:1px}.brand small{font-size:8px}.header nav{display:none}.menu-button{display:block}.mobile-nav{top:76px}.hero{height:auto;min-height:890px;max-height:none}.hero-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding:38px 7% 85px;gap:25px}.hero h1,.hero h2{font-size:42px;line-height:1.35;letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:12px}.hero-copy>p{font-size:13px;margin-top:15px}.hero .button{margin-top:20px;min-height:44px;padding:10px 20px;font-size:12px}.hero-photo{width:100%;max-width:320px;max-height:410px;height:410px;align-self:start}.hero-photo img{object-fit:cover;object-position:center}.hero-controls{left:7%;right:7%;bottom:19px;gap:10px;flex-wrap:wrap}.slide-select{gap:15px}.slide-select button{font-size:10px;gap:6px}.slide-select i{width:24px}.motion-toggle{font-size:10px;padding:5px 8px}.hero-down,.hero-side{display:none}.ribbon-track,.ribbon-group{gap:35px}.ribbon-track{padding:19px 0}.ribbon-group span{font-size:17px}.ribbon-group b{font-size:12px;letter-spacing:2px}.section{padding:55px 7%}h2{font-size:32px;letter-spacing:1px}.section-heading{display:block}.section-heading>p{margin-top:20px;font-size:14px}.catalog-toolbar{margin-top:25px;overflow:auto}.filters{gap:20px}.filters button{font-size:12px}.count{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.product-meta{font-size:8px;flex-direction:column;gap:2px;margin-top:12px}.product h3{font-size:17px;line-height:1.5;margin-top:6px;letter-spacing:0}.product>p{font-size:12px}.product-open{font-size:10px;right:7px;bottom:7px;padding:4px 7px}.feature{grid-template-columns:1fr}.feature-photo{min-height:0;height:520px}.feature-photo img{object-position:center 52%}.feature-copy{padding:42px 7%}.feature-copy h2{font-size:37px}.feature-note{font-size:11px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;margin-top:30px}.tech-card h3{font-size:18px}.tech-card p{font-size:11px}.gift-spotlight{grid-template-columns:1fr;min-height:0}.gift-copy{padding:50px 7%}.gift-copy h2{font-size:37px}.gift-gallery{min-height:0;height:530px}.gift-gallery img{object-position:center 60%}.store{grid-template-columns:1fr;gap:35px}.store-image{width:100%;aspect-ratio:9/12}.store-list{gap:18px}.questions{grid-template-columns:1fr;gap:20px}.questions h2{font-size:30px}.faq-list summary{font-size:14px}.closing{padding:55px 7%}.closing h2{font-size:31px}.footer{padding:35px 7% 65px;gap:25px}.footer-links{width:100%;gap:18px;justify-content:space-between}.preview-note{font-size:10px;max-width:95%;gap:9px}.preview-note span{padding-left:9px}dialog[open]{grid-template-columns:1fr;max-width:440px}.dialog-media>img{max-height:55vh}.dialog-copy{padding:28px 24px}.dialog-copy h2{font-size:26px}.motion-on .feature-photo img,.motion-on .gift-gallery img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after,*::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.hero-copy>*,.hero-copy h1 span,.hero-copy h2 span{opacity:1!important;transform:none!important;filter:none!important}.hero-background img,.hero-photo img,.feature-photo img,.gift-gallery img{transform:none!important}.motion-toggle{display:none}}