:root{--bg:#f7f4f0;--linen:#edebe6;--surface:#e4e0d8;--sage:#3d4a3e;--sage2:#4f6150;--clay:#8c7b6b;--ink:#1c1a18;--muted:#6b6560;--border:#d8d4cc;--gold:#9a8a52;--white:#fafaf7;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-cjk:"Noto Serif SC", "PingFang SC", serif;--t-fast:.15s cubic-bezier(.16,1,.3,1);--t-base:.22s cubic-bezier(.16,1,.3,1);--t-reveal:.7s cubic-bezier(.16,1,.3,1);--t-hero:.9s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}a,button,[role=button],input,textarea,select{cursor:none}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}body{cursor:none;cursor:auto}.cur,.cdot{display:none!important}}.nav{z-index:100;-webkit-backdrop-filter:blur(12px)saturate(1.2);height:64px;transition:background var(--t-base), border-color var(--t-base), box-shadow var(--t-base);background:#f7f4f0eb;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 56px;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border);background:#f7f4f0f7;box-shadow:0 1px 24px #1c1a180f}.nav-links{gap:36px;margin:0;padding:0;list-style:none;display:flex}.btn-sage{background:var(--sage);border:1px solid var(--sage);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;min-height:40px;transition:background var(--t-fast), border-color var(--t-fast);cursor:auto;border-radius:2px;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:500;display:inline-flex;color:var(--white)!important}.btn-sage:hover{background:var(--sage2);border-color:var(--sage2)}.cur{pointer-events:none;width:36px;height:36px;transition:width var(--t-fast), height var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);z-index:9999;mix-blend-mode:multiply;border:1px solid #3d4a3e80;border-radius:50%;position:fixed;top:-200px;left:-200px;transform:translate(-50%,-50%)}.cur.hov{border-color:var(--sage);opacity:.6;width:52px;height:52px}.cdot{background:var(--sage);pointer-events:none;z-index:9999;border-radius:50%;width:5px;height:5px;position:fixed;top:-200px;left:-200px;transform:translate(-50%,-50%)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes fd{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes su{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes lu{to{transform:translateY(0)}}@keyframes bgChar{0%{opacity:0;transform:translateY(-50%)translate(60px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes dlIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes dlInR{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes liftLid{0%{transform:rotate(-2deg)translateY(0)}to{transform:rotate(-28deg)translateY(-20px)}}@keyframes riseUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes floatG{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ringExpand{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes imgIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}@keyframes imgReveal{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes calloutIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes infoIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes infoReveal{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes annIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes prodIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}:root{--ease:cubic-bezier(.16,1,.3,1);--dark-bg:#111410;--parchment:#e8e3d8}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--clay);font-size:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes lineUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal.vis,.reveal.visible{opacity:1;transform:none}.reveal-r{opacity:0;transition:opacity .7s .1s,transform .7s .1s;transform:translate(20px)}.reveal-r.vis,.reveal-r.visible{opacity:1;transform:none}@media (max-width:400px){nav{height:56px;padding:0 20px}.n-logo{font-size:17px}.n-gift{padding:8px 16px;font-size:11px}.n-links{display:none}.hero{min-height:auto;padding-top:56px;grid-template-columns:1fr!important}.hero-img-col,.hero-img-col+*{border-bottom:1px solid var(--border);border-right:none!important}.hero-img-col{min-height:72vw}.hero-bg-num,.hero-bgchar,.detail-line,.dl1,.dl2,.dl3,.ge-annotation,.detail-callout{display:none!important}.hero-info,.hero-mid{padding:40px 20px 48px!important}.hero-h1,.h-h1{font-size:clamp(32px,10vw,44px)!important}.hero-actions,.h-actions{flex-direction:column;align-items:stretch}.btn-main,.btn-hero,.btn-buy,.btn-cart{justify-content:center;width:100%;padding:16px 24px}.btn-ghost,.btn-alt,.btn-text{justify-content:center}.chapter-nav{grid-template-columns:1fr!important;padding:0 20px!important}.chap{border-bottom:1px solid var(--border);padding:16px 0;border-right:none!important}.chap:last-child{border-bottom:none}.scene-inner{gap:24px;grid-template-columns:1fr!important;padding:0 20px!important}.scene-visual{display:none}.scene-h{font-size:clamp(22px,7vw,32px)}.editorial{grid-template-rows:auto!important;grid-template-columns:1fr!important}.ed-a,.ed-b,.ed-c{border-right:none!important;grid-area:auto/1!important}.ed-a,.ed-c{padding:48px 20px!important}.ed-b{min-height:280px}.mini-grid{grid-template-columns:1fr 1fr;gap:12px}.mini-card{padding:16px}.col-grid,.collections-grid{gap:32px;grid-template-columns:1fr!important;padding:32px 20px 56px!important}.col-card-large{grid-column:1!important;grid-template-columns:1fr!important}.card-l-img{min-height:60vw}.card-l-info{padding:32px 24px}.all-grid,.also-grid,.al-grid{gap:12px;grid-template-columns:1fr 1fr!important;padding:0 20px 56px!important}section,.philosophy,.ritual,.crackle-story,.rattan-feature,.wabi-section,.heritage,.zodiac-section,.case-feature,.buy,.buy-section,.story-cta-section,.gift-banner{grid-template-columns:1fr!important;gap:40px!important;padding:48px 20px!important}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:14px 20px!important}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.prov-inner,.ds-inner,.ss-inner{grid-template-columns:1fr 1fr!important}.prov-cell,.ds-cell,.ss-cell{padding:24px 20px!important}.prov-cell:nth-child(2),.ds-cell:nth-child(2),.ss-cell:nth-child(2){border-right:none!important}.prov-cell:nth-child(3),.ds-cell:nth-child(3),.ss-cell:nth-child(3){border-top:1px solid #c4a24a1a}.page-header-inner{flex-direction:column;gap:20px;padding:48px 20px 32px!important}.ph-h1{font-size:clamp(32px,10vw,48px)!important}.product{grid-template-columns:1fr!important;padding:24px 20px 0!important}.prod-thumbs{grid-template-columns:repeat(4,1fr)}.prod-story{grid-template-columns:1fr!important;padding:48px 20px!important}.ps-right{grid-template-columns:1fr 1fr}.also-like{padding:48px 20px 72px!important}.breadcrumb{padding:68px 20px 0!important}footer .ft-wm,footer .ft-bar,footer .bottom-bar{padding-left:20px!important;padding-right:20px!important}.story-hero-content{padding:0 20px 48px!important}.intro{gap:24px;grid-template-columns:1fr!important;padding:56px 20px!important}.ed-text{padding:48px 20px!important}.ft-wm div{font-size:clamp(64px,18vw,100px)!important}}@media (max-width:768px){a,button,[role=button],[role=link],[role=tab],.filter-btn,.variant-btn,.pds{min-width:44px;min-height:44px}.cur,.cdot{display:none!important}body{cursor:none;cursor:auto!important}}@media (prefers-reduced-motion:reduce){[style*="opacity: 0"],[style*=opacity\:0]{opacity:1!important;animation:none!important;transform:none!important}}body.loaded [style*=animation]{animation-fill-mode:both}.btn-main{background:var(--sage);color:var(--white);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;cursor:auto;border:none;align-items:center;gap:10px;min-height:44px;padding:15px 34px;font-size:13px;font-weight:500;text-decoration:none;transition:letter-spacing .24s;display:inline-flex;position:relative;overflow:hidden}.btn-main:before{content:"";background:var(--ink);transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-101%)}.btn-main:hover:before{transform:translate(0)}.btn-main:hover{letter-spacing:.13em}.btn-main span,.btn-main svg{z-index:1;position:relative}.btn-ghost{color:var(--muted);font-size:13px;font-family:var(--font-body);border:none;border-bottom:1px solid var(--border);cursor:auto;background:0 0;align-items:center;gap:8px;min-height:44px;padding:14px 0;text-decoration:none;transition:color .2s,border-color .2s,gap .2s;display:inline-flex}.btn-ghost:hover{color:var(--ink);border-color:var(--ink);gap:12px}.nav-links a{letter-spacing:.03em;color:var(--muted);cursor:auto;font-size:13px;text-decoration:none;transition:color .18s;position:relative}.nav-links a:after{content:"";background:var(--sage);height:1px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.eyebrow-sage{letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-size:11px;font-family:var(--font-body);font-weight:400}.chap-active-line{background:var(--sage);transform-origin:0;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.chap-active .chap-active-line{transform:scaleX(1)}.chap-active .chap-num{color:var(--sage)}.prod-dots{align-items:center;gap:8px;margin-top:20px;display:flex}.prod-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .22s,transform .22s}.prod-dot.active{background:var(--sage);transform:scale(1.4)}.reveal-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal-up.visible{opacity:1;transform:none}.shipping-ticker{z-index:101;background:var(--ink);white-space:nowrap;padding:7px 0;position:fixed;top:0;left:0;right:0;overflow:hidden}.ticker-track{letter-spacing:.1em;text-transform:uppercase;color:#fafaf7bf;font-size:11px;font-family:var(--font-body);gap:64px;animation:28s linear infinite marquee;display:inline-flex}.ticker-group{flex-shrink:0;gap:64px;display:inline-flex}.ticker-gold{color:var(--gold)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav-logo{cursor:pointer;flex-shrink:0;align-items:baseline;gap:6px;margin:-8px -4px;padding:8px 4px;text-decoration:none;display:flex}.nav-logo-text{font-family:var(--font-display);color:var(--ink);font-size:19px;font-weight:500}.nav-logo-text em{color:var(--sage);font-style:normal}.nav-logo-divider{background:var(--border);width:1px;height:13px;display:inline-block}.nav-logo-cjk{font-family:var(--font-cjk);color:var(--clay);letter-spacing:.1em;font-size:12px;font-weight:300}.nav-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.nav-cart{color:var(--muted);align-items:center;gap:5px;font-size:13px;text-decoration:none;display:flex}.nav-cart-badge{background:var(--sage);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.nav-signin{color:var(--muted);letter-spacing:.06em;font-size:12px;text-decoration:none}.nav-gift-btn{background:var(--sage);color:var(--white);letter-spacing:.08em;text-transform:uppercase;min-height:36px;font-size:11px;font-weight:500;font-family:var(--font-body);align-items:center;gap:8px;padding:9px 18px;text-decoration:none;display:inline-flex}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;display:none}.hb-line{background:var(--ink);width:20px;height:1.5px;transition:transform .2s}.hb-open-1{transform:rotate(45deg)translateY(3.25px)}.hb-open-2{transform:rotate(-45deg)translateY(-3.25px)}.mobile-menu{background:var(--bg);z-index:99;flex-direction:column;padding:32px;display:flex;position:fixed;inset:96px 0 0}.mobile-menu-link{border-bottom:1px solid var(--border);font-family:var(--font-display);color:var(--ink);padding:20px 0;font-size:22px;font-weight:400;text-decoration:none}.mobile-menu-cta{text-align:center;background:var(--sage);color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin-top:32px;padding:16px 32px;font-size:13px;font-weight:500;text-decoration:none}@media (max-width:768px){.nav{height:56px!important;padding:0 16px!important}.nav-links,.nav-signin,.nav-gift-btn{display:none!important}.nav-hamburger{display:flex!important}}