*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fcfaf6;color:#493f37;font:16px/1.8 Arial,"Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b6857;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.signature{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:400}h2{font-size:clamp(27px,3vw,38px);line-height:1.5;letter-spacing:.08em;margin-bottom:22px}h3{font-size:21px;line-height:1.5}img{width:100%;height:100%;object-fit:cover;display:block}.announcement{text-align:center;background:#eae1d6;padding:7px 16px;font-size:13px;letter-spacing:.16em}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;background:#fcfaf6f5;border-bottom:1px solid #e6ded3;position:sticky;top:0;z-index:10}.brand{font-size:28px;letter-spacing:.19em;line-height:1.4;white-space:nowrap}.brand span{display:block;font:9px/2 Arial;letter-spacing:.16em}nav{display:flex;gap:28px;font-size:14px}nav a:hover,.footer-links a:hover{color:#9a6857}.cart-open{border:0;background:none;white-space:nowrap;font-size:14px}.cart-open span{border:1px solid #b4a595;border-radius:50%;display:inline-grid;place-items:center;min-width:27px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;position:relative}.hero-copy{padding:100px 9% 65px 12%;align-self:center}.eyebrow{font-size:12px;letter-spacing:.21em;margin-bottom:25px;color:#806b5d}.hero h1{font-size:clamp(34px,3.8vw,58px);line-height:1.65;letter-spacing:.07em;margin-bottom:24px}.hero-copy>p:not(.eyebrow){line-height:2.1;color:#77695e}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#756253;color:white;padding:14px 27px;border:1px solid #756253;font-size:14px;letter-spacing:.05em;transition:background .2s}.button:hover{background:#58483d}.hero .button{margin-top:17px}.hero-note{display:flex;gap:22px;margin-top:50px;font-size:12px;letter-spacing:.1em;color:#89796b}.hero-photo{position:relative;min-height:570px;overflow:hidden}.hero-photo img{position:absolute;object-position:center 48%}.photo-caption{position:absolute;bottom:35px;left:35px;color:#fff;text-shadow:0 1px 6px #30251c;font-family:serif;font-size:20px;letter-spacing:.12em}.photo-caption small{display:block;font:10px/2 Arial;letter-spacing:.18em}.vertical{position:absolute;writing-mode:vertical-rl;right:16px;top:25px;font-size:10px;letter-spacing:.18em;color:white;text-shadow:0 1px 5px #333}.section{padding:90px 7%;max-width:1600px;margin:auto}.intro{text-align:center}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.entry{position:relative;height:345px;overflow:hidden;text-align:left;background:#ddd}.entry img{transition:transform .6s;object-position:center 50%}.entry:hover img{transform:scale(1.03)}.entry:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#21180d9c)}.entry>div{position:absolute;bottom:28px;left:30px;z-index:1;color:#fff}.entry small{letter-spacing:.2em;font-size:12px}.entry h3{margin:5px 0 10px;font-size:25px}.entry span{font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-head p:not(.eyebrow),.section-head>span{color:#827466;font-size:14px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 18px}.filters button{border:1px solid #ddd2c5;border-radius:30px;padding:9px 23px;background:transparent;font-size:14px}.filters button.active{background:#756253;color:white;border-color:#756253}.catalog-note,.fine{font-size:13px;color:#7d7065}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px;margin-top:26px}.product-image{height:270px;position:relative;overflow:hidden;background:#e9ddd3}.product-image img{transition:transform .4s;filter:saturate(.7)}.product:hover img{transform:scale(1.03)}.product-image .label{position:absolute;left:14px;top:14px;background:#fcfaf6ed;padding:3px 12px;font-size:12px}.product .tone{height:5px;background:var(--tone)}.product h3{font-size:20px;margin:16px 0 3px}.product p{font-size:14px;color:#827365;margin:0 0 12px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-weight:400;font-size:15px}.add{background:none;border:1px solid #b5a797;padding:8px 15px;font-size:13px}.add:hover{background:#ece2d7}.meaning{max-width:none;background:#f0e9e2;text-align:center}.meaning>p:not(.eyebrow){color:#796b60}.stones{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:45px auto 30px;max-width:1200px}.stone{display:grid;place-items:center;margin:0 auto 24px;width:82px;height:82px;border-radius:50%;font-family:serif;font-style:italic;font-size:25px;color:#5d4d46;border:1px solid #ffffff80}.pink{background:#e8c6c4}.purple{background:#d0c6dc}.white{background:#faf8f1}.brown{background:#c6a17b}.moon{background:#d9dddf}.stones h3{margin:0 0 5px}.stones small{color:#7c6556;font-size:14px}.stones p{margin-top:17px;font-size:14px;line-height:1.9}.together{display:grid;grid-template-columns:1.05fr 1fr;background:#eee3db}.pair-photo{position:relative;min-height:580px}.pair-photo img{position:absolute}.pair-photo>span{position:absolute;bottom:28px;left:30px;font-size:11px;letter-spacing:.18em;color:#fff;text-shadow:0 1px 6px #333}.pair-copy{padding:75px 14%;align-self:center}.pair-copy h2{font-size:clamp(32px,3.3vw,46px)}.pair-copy p{color:#746357}.pair-copy .button{margin-top:18px}.story{text-align:center;padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at center,#efe2db66,transparent 65%)}.story p{line-height:2.2;color:#77695d}.signature{display:block;color:#997e6e;font-size:22px;letter-spacing:.1em;margin-top:34px}.custom{border-top:1px solid #e1d7cc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:35px 0}.steps b{display:block;font:italic 34px Georgia;color:#b6a491;margin-bottom:20px}.steps h3{font-size:21px}.steps p{font-size:14px;color:#827366}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid #e1d7cc}.questions details{border-bottom:1px solid #ded5c9}.questions summary{padding:21px 28px 21px 0;cursor:pointer;font-size:16px}.questions details p{font-size:14px;line-height:2;color:#76685c;padding-bottom:10px}footer{background:#e8dfd4;padding:55px 7% 22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}footer p{font-size:14px;margin-top:20px}.footer-links{display:flex;gap:25px;align-items:center;font-size:14px}.footer-bottom{border-top:1px solid #cfc2b3;width:100%;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#77685c}dialog{border:0;padding:30px;width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;background:#fcfaf6;color:#493f37}dialog::backdrop{background:#21180e66}.cart-head{display:flex;align-items:center;justify-content:space-between}.cart-head h2{font-size:25px;margin:0}.cart-head button,#continue{background:transparent;border:0;padding:8px}.cart-line{border-bottom:1px solid #e3d9cd;padding:20px 0}.cart-line h3{font-size:18px;margin:0}.cart-line p{font-size:14px;margin:5px 0 12px}.qty{display:flex;align-items:center;gap:16px}.qty button{border:1px solid #c9bdae;background:transparent;min-width:34px;min-height:34px}.qty .remove{margin-left:auto;border:0;text-decoration:underline;font-size:13px}.cart-bottom{margin-top:30px}.cart-bottom>p{display:flex;justify-content:space-between}.cart-bottom small{font-size:12px;display:block}.cart-bottom .button{width:100%;justify-content:center;margin:20px 0 8px}.cart-bottom button:disabled{opacity:.45;cursor:not-allowed}#continue{display:block;margin:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 22px;background:#58483d;color:white;border-radius:4px;z-index:30;opacity:0;pointer-events:none;font-size:14px;transition:opacity .2s;max-width:90%;text-align:center}#toast.show{opacity:1}.skip{position:absolute;left:20px;top:-80px;background:white;z-index:40;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero{max-height:850px}.hero-copy{padding-left:18%}}@media(max-width:1000px){nav{gap:14px}nav a{font-size:13px}nav a:nth-last-child(-n+2){display:none}.hero-copy{padding:65px 8%}.hero{min-height:540px}.hero-photo{min-height:540px}.hero h1{font-size:36px}.section{padding:65px 6%}.products{grid-template-columns:repeat(2,1fr)}.pair-copy{padding:50px 10%}.section-head{display:block}.stones{gap:10px}.stones p{font-size:13px}.footer-links{flex-wrap:wrap}.faq{gap:35px}}@media(max-width:600px){header{padding:15px 5%;gap:10px}.brand{font-size:23px}.brand span{font-size:8px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}.hero h1{font-size:36px}.hero-photo{min-height:390px}.hero-note{margin-top:30px}.vertical{display:none}.eyebrow{font-size:11px}.entry-grid{gap:15px}.entry{height:270px}.entry>div{left:15px;bottom:20px}.entry h3{font-size:20px;max-width:125px}.entry small{font-size:10px}.entry span{font-size:12px}.entry img{object-position:55% center}.section{padding:55px 6%}.products{gap:30px 15px}.product-image{height:195px}.product h3{font-size:18px}.product p{font-size:12px}.product-bottom{align-items:flex-start;gap:12px;flex-direction:column}.product-bottom .add{width:100%}.filters{gap:8px}.filters button{padding:7px 13px;font-size:13px}.stones{grid-template-columns:repeat(2,1fr);gap:28px 12px}.stones article:last-child{grid-column:1/-1}.together{grid-template-columns:1fr}.pair-photo{min-height:350px}.pair-copy{padding:50px 8%}.story br{display:none}.story p{font-size:15px}.signature{font-size:19px}.steps{grid-template-columns:repeat(2,1fr);gap:23px}.steps h3{font-size:19px}.faq{grid-template-columns:1fr;gap:15px}.footer-bottom{flex-direction:column;gap:4px}.footer-links{gap:15px}.cart-open{font-size:12px}.cart-open span{margin-left:2px}.photo-caption{font-size:18px}.product-image .label{font-size:11px;left:8px;top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
