@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-italic.woff2)format("woff2");font-weight:400 600;font-style:italic;font-display:swap}:root{--bg:#0d0e10;--bg-2:#141518;--ink:#f4f1ea;--muted:#bdb8ae;--line:#ffffff17;--accent:#c8a15a;--accent-2:#3a5a6b;--deep:#0a0b0d;--nav-bg:#fff;--nav-ink:#14161a;--nav-muted:#5b6068;--nav-line:#00000017;--maxw:1240px;--serif:"Cormorant Garamond",Georgia,"Songti SC","Noto Serif CJK SC",serif;--serif-sc:"Cormorant Garamond","Songti SC","Noto Serif CJK SC",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:20px;font-size:12px;font-weight:400;display:flex}h1,h2,h3{font-weight:400;line-height:1.15}.section-title{font-family:var(--serif);letter-spacing:.02em;font-size:clamp(30px,4.2vw,50px);font-weight:500}.section-title .en{font-family:var(--serif);letter-spacing:.06em;color:var(--muted);margin-top:10px;font-size:.5em;font-style:italic;font-weight:400;display:block}header{z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-line);transition:box-shadow .4s;position:fixed;top:0;left:0;right:0}header.scrolled{box-shadow:0 6px 24px #0000002e}.nav{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand img{width:auto;height:46px;display:block}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{letter-spacing:.16em;color:var(--nav-muted);white-space:nowrap;text-transform:uppercase;padding:4px 0;font-size:13.5px;font-weight:400;transition:color .25s;position:relative}@media (max-width:1100px){.nav-links{gap:22px}.nav-links a{letter-spacing:.08em}}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--nav-ink)}.nav-links a:hover:after{width:100%}.nav-links a[aria-current=page]{color:var(--nav-ink)}.lang-menu{display:flex;position:relative}.lang-btn{color:var(--nav-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;transition:color .25s;display:flex}.lang-btn:hover,.lang-btn[aria-expanded=true]{color:var(--nav-ink)}.lang-chev{transition:transform .2s}.lang-btn[aria-expanded=true] .lang-chev{transform:rotate(180deg)}.lang-list{background:var(--nav-bg);border:1px solid var(--nav-line);border-radius:6px;min-width:150px;padding:6px 0;animation:.18s ease-out lang-in;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 12px 32px #0000001f}.nav-links .lang-list a{letter-spacing:.04em;text-transform:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex}.nav-links .lang-list a:after{display:none}.nav-links .lang-list a:hover{background:#0000000a}.nav-links .lang-list a[aria-current=true]{color:var(--nav-ink)}@keyframes lang-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.lang-list{animation:none}}.menu-btn{color:var(--nav-ink);cursor:pointer;background:0 0;border:0;margin-right:-8px;padding:8px;line-height:0;display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu-sheet{z-index:200;padding-bottom:env(safe-area-inset-bottom);background:#0a0b0d73;flex-direction:column;animation:.3s sheet-dim-in;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-sheet:focus{outline:none}.menu-sheet>.wrap{width:100%}.menu-sheet>.nav{z-index:2;background:var(--nav-bg);border-bottom:1px solid var(--nav-line);flex-shrink:0;position:relative}.menu-sheet .menu-btn{display:block}.drawer-links{z-index:1;background:var(--nav-bg);flex-direction:column;padding-top:12px;padding-bottom:24px;animation:.3s cubic-bezier(.2,.8,.2,1) links-slide-in;display:flex;position:relative;box-shadow:0 18px 40px #00000040}.drawer-links a{letter-spacing:.06em;color:var(--nav-ink);border-bottom:1px solid var(--nav-line);padding:18px 0;font-size:18px}.drawer-links a[aria-current=page]{color:#004a9f}.drawer-links a:active{opacity:.6}.drawer-lang-btn{width:100%;font:inherit;letter-spacing:.06em;color:var(--nav-ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:18px 0;font-size:18px;display:flex}.drawer-lang-btn .lang-chev{width:14px;height:14px;color:var(--nav-muted);margin-left:auto;transition:transform .2s}.drawer-lang-btn[aria-expanded=true] .lang-chev{transform:rotate(180deg)}.drawer-lang-list{flex-direction:column;padding-left:28px;animation:.18s ease-out lang-in;display:flex}.drawer-links .drawer-lang-list a{color:var(--nav-muted);border-bottom:0;border-top:1px solid var(--nav-line);justify-content:space-between;align-items:center;padding:14px 0;font-size:17px;display:flex}.drawer-links .drawer-lang-list a[aria-current=true]{color:#004a9f}@media (prefers-reduced-motion:reduce){.drawer-lang-list{animation:none}}.menu-sheet[data-state=closed]{animation:.24s forwards sheet-dim-out}.menu-sheet[data-state=closed] .drawer-links{animation:.24s ease-in forwards links-slide-out}@keyframes sheet-dim-in{0%{background:#0a0b0d00}}@keyframes sheet-dim-out{to{background:#0a0b0d00}}@keyframes links-slide-in{0%{transform:translateY(-100%)}}@keyframes links-slide-out{to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.menu-sheet,.drawer-links,.menu-sheet[data-state=closed],.menu-sheet[data-state=closed] .drawer-links{animation:none}}.hero{background:var(--deep);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:url(/img/hero-spread.webp) 50%/cover;position:absolute;inset:0}.hero:after{content:"";z-index:1;background:linear-gradient(#0a0b0db8 0%,#0a0b0d8c 42%,#0a0b0deb 100%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:var(--maxw);width:100%;margin:0 auto;padding:0 28px;position:relative}.hero-content{max-width:760px;padding-top:60px}.hero-content>*{opacity:0;animation:.95s cubic-bezier(.2,.7,.2,1) forwards heroUp}.hero-content>.eyebrow{animation-delay:.15s}.hero-content>h1{animation-delay:.3s}.hero-content>.lede-en{animation-delay:.48s}.hero-content>.sub{animation-delay:.62s}.hero-content>.hero-cta{animation-delay:.76s}@keyframes heroUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.hero h1{font-family:var(--serif);letter-spacing:.02em;text-shadow:0 2px 40px #00000080;margin-bottom:14px;font-size:clamp(42px,7vw,84px);font-weight:500;line-height:1.08}.hero .lede-en{font-family:var(--serif);color:var(--accent);letter-spacing:.04em;margin-bottom:30px;font-size:clamp(18px,2.4vw,27px);font-style:italic;font-weight:400}.hero p.sub{color:var(--ink);max-width:560px;margin-bottom:42px;font-size:clamp(15px,1.7vw,18px);font-weight:300}.hero-cta{flex-wrap:wrap;gap:18px;display:flex}.btn{letter-spacing:.16em;cursor:pointer;font-size:13.5px;font-weight:400;font-family:var(--sans);border-radius:2px;align-items:center;gap:10px;padding:15px 32px;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent);color:#1a1408;border:1px solid var(--accent)}.btn-primary:hover{background:#d8b16a;transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:1px solid #ffffff47}.btn-ghost:hover{border-color:var(--ink);background:#ffffff0f}.scroll-hint{letter-spacing:.3em;color:var(--muted);text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-hint .line{background:linear-gradient(var(--accent),transparent);width:1px;height:38px;animation:2s ease-in-out infinite drop}@keyframes drop{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--deep);padding:26px 0;overflow:hidden}.strip-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:70px;display:flex}.strip-item{color:var(--muted);letter-spacing:.05em;align-items:center;gap:12px;font-size:14px;display:flex}.strip-item b{color:var(--accent);font-family:var(--serif);font-size:26px;font-style:italic;font-weight:600}.strip-item .lbl{line-height:1.3}section{position:relative}.pad{padding:120px 0}.pad-sm{padding:90px 0}.center{text-align:center}.center .eyebrow{justify-content:center}.lead{color:var(--muted);max-width:640px;margin:22px auto 0;font-size:17px;font-weight:300}.story{background:var(--bg-2)}.story-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;display:grid}.story-copy .eyebrow{margin-bottom:22px}.story-copy h2{margin-bottom:26px}.story-copy p{color:var(--muted);margin-bottom:20px;font-size:16px}.story-copy p strong{color:var(--ink);font-weight:400}.story-visual{position:relative}.story-visual img{border-radius:3px;box-shadow:0 30px 70px #00000080}.story-badge{background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:22px 26px;position:absolute;bottom:-26px;left:-26px;box-shadow:0 20px 50px #00000080}.hero-eyebrow{flex-wrap:wrap}.hero-eyebrow span{white-space:nowrap}.hero-eyebrow span+span:before{content:"·";margin-right:6px}@media (max-width:640px){.hero-eyebrow{flex-direction:column;align-items:flex-start;gap:8px}.hero-eyebrow span+span:before{display:none}.story-badge{bottom:-20px;left:-8px}}.story-badge .num{font-family:var(--serif);color:var(--accent);font-size:40px;font-style:italic;font-weight:600;line-height:1}.story-badge .cap{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:12px}.prod-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;display:flex}.prod-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:var(--bg-2);aspect-ratio:4/5;cursor:pointer;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:after{content:"";background:linear-gradient(#0000 38%,#08090be6 100%);position:absolute;inset:0}.card-body{z-index:2;padding:26px;position:absolute;bottom:0;left:0;right:0}.card-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:400;display:inline-block}.card-body h3{font-family:var(--serif-sc);letter-spacing:.02em;font-size:24px;font-weight:600}.card-body .en{font-family:var(--serif);color:var(--muted);letter-spacing:.03em;margin-top:3px;font-size:15px;font-style:italic}.card-body p{color:#f4f1eabf;opacity:0;max-width:92%;max-height:0;margin-top:10px;font-size:13.5px;transition:max-height .5s,opacity .5s,margin .5s;overflow:hidden}.card:hover .card-body p{opacity:1;max-height:120px}.flag{z-index:3;letter-spacing:.1em;color:var(--ink);border:1px solid var(--line);background:#0a0b0db8;border-radius:2px;padding:6px 11px;font-size:12px;position:absolute;top:20px;right:20px}.quality{background:var(--deep)}.q-grid{border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;display:grid;overflow:hidden}.q-item{border-right:1px solid var(--line);padding:44px 32px}.q-item:last-child{border-right:0}.q-item .ic{width:40px;height:40px;color:var(--accent);margin-bottom:22px}.q-item h3{font-family:var(--serif-sc);margin-bottom:12px;font-size:20px;font-weight:600}.q-item p{color:var(--muted);font-size:14px}.assure{background:var(--bg-2)}.assure-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.assure-visual img{border-radius:3px;box-shadow:0 30px 70px #00000080}.assure ul{margin-top:30px;list-style:none}.assure li{border-bottom:1px solid var(--line);gap:16px;padding:18px 0;display:flex}.assure li:last-child{border-bottom:0}.assure li .chk{background:var(--accent);flex-shrink:0;width:7px;height:7px;margin-top:9px;transform:rotate(45deg)}.assure li b{color:var(--ink);margin-bottom:3px;font-size:16px;font-weight:400;display:block}.assure li span{color:var(--muted);font-size:14px}.chan-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:56px;display:grid}.chan{border:1px solid var(--line);background:var(--bg-2);border-radius:4px;padding:40px 34px;transition:all .35s}.chan:hover{border-color:#c8a15a66;transform:translateY(-4px)}.chan .n{font-family:var(--serif);color:var(--accent);font-size:30px;font-style:italic;font-weight:600}.chan h3{font-family:var(--serif-sc);margin:14px 0 12px;font-size:21px;font-weight:600}.chan p{color:var(--muted);font-size:14.5px}.band{text-align:center;background-color:#0000;background-image:linear-gradient(#0a0b0dc7,#0a0b0ddb),url(/img/spiny-lobster.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:130px 0;position:relative}.band h2{font-family:var(--serif);margin-bottom:20px;font-size:clamp(30px,4.6vw,54px);font-weight:500}.band p{color:var(--muted);max-width:560px;margin:0 auto 40px;font-size:17px}.band .en{font-family:var(--serif);color:var(--accent);margin-bottom:14px;font-size:20px;font-style:italic;display:block}.contact{background:var(--deep)}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.contact-info .section-title{margin-bottom:22px}.contact-lead{color:var(--muted);max-width:520px;margin-bottom:28px;font-size:15.5px}.contact-person{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:18px;display:flex}.contact-person .name{font-family:var(--serif);color:var(--ink);letter-spacing:.03em;font-size:28px}.contact-person .role{letter-spacing:.08em;color:var(--muted);font-size:13px}.info-row{border-bottom:1px solid var(--line);gap:18px;padding:20px 0;display:flex}.info-row .ic{color:var(--accent);flex-shrink:0}.info-row .k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:12px}.info-row .v{color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:300}.info-row .v.en{font-family:var(--serif);letter-spacing:.03em;font-size:18px}.info-row .v.link{border-bottom:1px solid #0000;transition:border-color .25s,color .25s}.info-row button.v{text-align:left;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;padding:0;font-family:inherit}.info-row .v.link:hover{color:var(--accent);border-color:var(--accent)}.bcard-wrap{flex-direction:column;align-items:center;gap:16px;margin:0;display:flex}.bcard{aspect-ratio:1200/763;cursor:pointer;perspective:1100px;background:0 0;border:0;width:100%;max-width:520px;padding:0;display:block}.bcard-tilt{width:100%;height:100%;transform-style:preserve-3d;--rx:4deg;--ry:-8deg;--lift:0px;transform:rotateX(calc(var(--rx) + var(--srx))) rotateY(calc(var(--ry) + var(--sry))) translateZ(var(--lift));transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.bcard.tracking .bcard-tilt{--lift:24px;transition:transform .15s ease-out}.bcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.bcard-face{backface-visibility:hidden;border-radius:10px;width:100%;height:100%;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:0 30px 60px #00000080,0 4px 12px #0000004d}.bcard.tracking .bcard-face{box-shadow:0 44px 80px #0000008c,0 8px 18px #0000004d}.bcard-back,.bcard.flipped .bcard-inner{transform:rotateY(180deg)}.bcard:focus-visible{outline:1px solid var(--accent);outline-offset:8px;border-radius:12px}.bcard-wrap figcaption{letter-spacing:.06em;color:var(--muted);font-size:12.5px}@media (prefers-reduced-motion:reduce){.bcard-inner,.bcard-tilt{transition:none}}footer{background:var(--bg);border-top:1px solid var(--line);padding:56px 0 34px}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex}.foot-logo{opacity:.92;width:auto;height:30px}.foot-brand p{color:var(--muted);max-width:320px;margin-top:18px;font-size:14px}.foot-cols{flex-wrap:wrap;gap:70px;display:flex}.foot-col h5{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:12px}.foot-col a{color:var(--ink);opacity:.8;margin-bottom:11px;font-size:14.5px;transition:opacity .25s,color .25s;display:block}.foot-col a:hover{opacity:1;color:var(--accent)}.foot-bottom{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;padding-top:26px;font-size:13px;display:flex}.foot-legal{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.foot-note{opacity:.75;font-size:12px}.foot-beian{flex-wrap:wrap;gap:8px 22px;font-size:12px;display:flex}.foot-beian a{color:var(--muted);align-items:center;gap:6px;transition:color .25s;display:inline-flex}.foot-beian a:hover{color:var(--ink)}.foot-beian img{width:auto;height:16px}.cat-footer{background:var(--bg);padding:0 0 30px}.reveal,.reveal.in{opacity:1;transform:none}.prod-grid .card:nth-child(2){transition-delay:80ms}.prod-grid .card:nth-child(3){transition-delay:.16s}.prod-grid .card:nth-child(4){transition-delay:80ms}.prod-grid .card:nth-child(5){transition-delay:.16s}.prod-grid .card:nth-child(6){transition-delay:.24s}.prod-grid .card:nth-child(7){transition-delay:.12s}.prod-grid .card:nth-child(8){transition-delay:.2s}.q-grid .q-item:nth-child(2){transition-delay:.1s}.q-grid .q-item:nth-child(3){transition-delay:.2s}.q-grid .q-item:nth-child(4){transition-delay:.3s}.chan-grid .chan:nth-child(2){transition-delay:.12s}.chan-grid .chan:nth-child(3){transition-delay:.24s}@media (prefers-reduced-motion:reduce){.reveal,.hero-content>*,.hero p.sub{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (max-width:960px){.story-grid,.assure-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.prod-grid,.chan-grid,.q-grid{grid-template-columns:repeat(2,1fr)}.q-item:nth-child(2){border-right:0}.q-item{border-bottom:1px solid var(--line)}.card.tall{aspect-ratio:4/5;grid-row:span 1}.band{background-attachment:scroll}}@media (max-width:860px){.nav-links{display:none}.menu-btn{display:block}}@media (max-width:640px){.prod-grid,.chan-grid,.q-grid{grid-template-columns:1fr}.q-item{border-right:0}.pad{padding:80px 0}.strip-row{gap:34px}.foot-top{flex-direction:column}}[id]{scroll-margin-top:96px}.page-hero{background:radial-gradient(ellipse at 20% 0%,#c8a15a14,transparent 60%),var(--deep);border-bottom:1px solid var(--line);padding:170px 0 80px}.page-lead{color:var(--muted);max-width:720px;margin-top:22px;font-size:17px;font-weight:300}.page-top{height:20px}.prod-lead{text-align:left;max-width:360px;margin:0}a.card{color:inherit;display:block}@media (hover:none){.card-body p{opacity:1;max-height:none}}.more-link{color:var(--accent);letter-spacing:.08em;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:4px 0;font-size:14px;transition:border-color .25s;display:inline-flex}.more-link:hover{border-color:var(--accent)}.more-row{flex-wrap:wrap;gap:30px;margin-top:40px;display:flex}.more-row.center{justify-content:center}.nf{text-align:center;align-items:center;min-height:calc(100svh - 66px);display:flex}.nf .wrap{width:100%}.nf-crab{width:clamp(150px,30vw,240px);height:auto;margin:0 auto 22px;display:block}.nf-code{font-family:var(--serif);font-variant-numeric:lining-nums;color:var(--accent);letter-spacing:.04em;margin-bottom:26px;font-size:clamp(110px,20vw,200px);line-height:.8}.nf .page-lead{max-width:520px;margin:18px auto 0}.tinted{background:var(--bg-2)}.tinted .chan{background:var(--bg)}.chan-grid.four{grid-template-columns:repeat(4,1fr)}.signature{background:var(--bg)}.sig{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:64px 0;display:grid}.sig:first-of-type{margin-top:48px}.sig:nth-of-type(2n) .sig-img{order:2}.sig-img img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;box-shadow:0 30px 70px #00000073}.sig-body h3{font-family:var(--serif-sc);margin:4px 0 16px;font-size:clamp(26px,3vw,34px);font-weight:600}.sig-intro{color:var(--muted);font-size:16px}.sig-lists{grid-template-columns:1fr 1fr;gap:32px;margin:30px 0 22px;display:grid}.sig-lists h4{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:400}.sig-lists ul{list-style:none}.sig-lists li{color:var(--ink);border-bottom:1px solid var(--line);padding:9px 0;font-size:14.5px}.sig-note{color:var(--muted);margin-bottom:16px;font-size:13.5px}.docs{background:var(--bg)}.docs-grid{grid-template-columns:repeat(5,1fr);gap:22px;margin-top:56px;display:grid}.doc{color:inherit;font:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.doc-thumb{aspect-ratio:3/4;border:1px solid var(--line);background:#f3f1ec;border-radius:3px;display:block;position:relative;overflow:hidden}.doc-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.doc:hover .doc-thumb img{transform:scale(1.04)}.doc-hint{letter-spacing:.08em;color:var(--ink);opacity:0;background:#0a0b0db8;padding:8px 10px;font-size:11.5px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.doc:hover .doc-hint,.doc:focus-visible .doc-hint{opacity:1}@media (hover:none){.doc-hint{opacity:1}}.doc-title{font-family:var(--serif-sc);color:var(--ink);font-size:15.5px;font-weight:600}.doc-desc{color:var(--muted);font-size:12.5px;line-height:1.6}.docs-note{color:var(--muted);text-align:center;max-width:640px;margin:44px auto 0;font-size:13px}.foot-text{color:var(--muted);margin-bottom:11px;font-size:14px;display:block}@media (max-width:1100px){.docs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.prod-grid.featured,.chan-grid.four{grid-template-columns:repeat(2,1fr)}.sig{grid-template-columns:1fr;gap:28px;padding:48px 0}.sig:nth-of-type(2n) .sig-img{order:0}.sig-img img{aspect-ratio:16/10}.page-hero{padding:130px 0 56px}}@media (max-width:640px){.prod-grid.featured,.chan-grid.four{grid-template-columns:1fr}.prod-grid:not(.featured){grid-template-columns:repeat(2,1fr);gap:12px}.prod-grid:not(.featured) .card.tall{aspect-ratio:4/5;grid-row:span 1}.prod-grid:not(.featured) .card-body{padding:14px}.prod-grid:not(.featured) .card-body h3{font-size:17px}.prod-grid:not(.featured) .card-body .en{font-size:13px}.prod-grid:not(.featured) .card-body p{display:none}.prod-grid:not(.featured) .card-tag{margin-bottom:6px;font-size:9.5px}.prod-grid:not(.featured) .flag{padding:4px 7px;font-size:10px;top:10px;right:10px}.docs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sig-lists{grid-template-columns:1fr;gap:18px}}.cat-download{letter-spacing:.12em;color:var(--accent);white-space:nowrap;border-bottom:1px solid #0000;align-items:center;gap:8px;margin-top:-8px;padding:4px 0;font-size:13.5px;transition:border-color .25s;display:inline-flex}.cat-download:hover{border-color:var(--accent)}.cat-main{background:var(--bg);flex-direction:column;align-items:center;gap:18px;min-height:100svh;padding:104px 16px 32px;display:flex}.cat-title{font-family:var(--serif);letter-spacing:.04em;color:var(--ink);text-align:center;font-size:clamp(22px,2.6vw,30px);font-weight:500}.cat-stage{width:min(100%,1100px);margin:0 auto;transition:transform .3s}.cat-stage-loading{aspect-ratio:2000/1421;background:#ffffff08;border-radius:2px}.cat-book{filter:drop-shadow(0 18px 40px #00000073);margin:0 auto}.cat-page{background:#ece8df;overflow:hidden}.cat-page img{object-fit:cover;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .35s;display:block}.cat-page img.is-loaded{opacity:1}.cat-skeleton{background:linear-gradient(100deg,#ece8df 30%,#f6f3ec 50%,#ece8df 70%) 0 0/300% 100%;animation:1.4s linear infinite cat-shimmer;position:absolute;inset:0}@keyframes cat-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.cat-controls{color:var(--muted);align-items:center;gap:22px;display:flex}.cat-controls button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:22px;line-height:1;transition:border-color .25s,background .25s}.cat-controls button:hover{border-color:var(--accent);background:#c8a15a14}.cat-counter{letter-spacing:.14em;text-align:center;font-variant-numeric:tabular-nums;min-width:72px;font-size:13px}.cat-hint{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:12.5px}@media (max-width:600px){.cat-stage{width:min(100%,440px)}}@media (prefers-reduced-motion:reduce){.cat-skeleton{animation:none}}.card{aspect-ratio:auto;cursor:default;flex-direction:column;display:flex;overflow:hidden}a.card{cursor:pointer;display:flex}.card.tall{aspect-ratio:auto;grid-row:auto}.card img{aspect-ratio:4/3;object-fit:cover;flex:none;height:auto}.card:after{display:none}.card-body{background:var(--bg-2);flex:1;padding:22px;position:relative}.card-body p,.card:hover .card-body p{opacity:1;max-width:none;max-height:none;overflow:visible}.card:hover img{transform:none}a.card:hover{border-color:var(--accent)}.prod-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}.sig-spec{color:var(--accent);margin-bottom:14px;font-size:15px}.card-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:18px;display:flex}.card-actions button,.card-actions a{font:inherit;cursor:pointer;color:var(--accent);border:0;border-bottom:1px solid var(--accent);background:0 0;padding:8px 0;font-size:14px}.qr-sheet{z-index:300;background:#000000d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-panel{background:var(--bg-2);border:1px solid var(--line);text-align:center;border-radius:6px;width:100%;max-width:380px;padding:24px}.qr-panel img{background:#fff;width:240px;max-width:100%;margin:20px auto}.qr-panel button{margin-top:18px}.inquiry-checklist ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;list-style:none;display:grid}.inquiry-checklist h3{margin-bottom:10px;font-size:18px}.inquiry-checklist p{color:var(--muted);font-size:15px}.cat-zoom{font:inherit;color:var(--accent);border:0;border-bottom:1px solid var(--accent);cursor:pointer;background:0 0;padding:8px;font-size:14px}@media (min-width:700px){.cat-stage.closed-front{transform:translate(-25%)}.cat-stage.closed-back{transform:translate(25%)}}@media (max-width:1100px){.prod-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hero{min-height:100svh;padding:108px 0 76px}.hero-content{padding-top:0}.hero h1{font-size:clamp(36px,9vw,50px)}.scroll-hint{display:none}.strip-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;display:grid}.strip-item{gap:8px;font-size:11px}.strip-item b{font-size:23px}.prod-grid:not(.featured),.prod-grid.featured{grid-template-columns:1fr;gap:22px}.prod-grid:not(.featured) .card.tall{aspect-ratio:auto}.prod-grid:not(.featured) .card-body{padding:22px}.prod-grid:not(.featured) .card-body p{display:block}.prod-grid:not(.featured) .card-body h3{font-size:24px}.prod-grid:not(.featured) .card-body .en{font-size:15px}.prod-grid:not(.featured) .card-tag{font-size:11px}.pad{padding:60px 0}.pad-sm{padding:56px 0}.chan{padding:26px}.chan-grid{gap:18px;margin-top:30px}.inquiry-checklist ul{grid-template-columns:1fr;gap:20px}.sig{padding:32px 0}.sig-img img{aspect-ratio:16/9}.sig-lists{margin:18px 0}.band{padding:70px 0}.cat-hint{max-width:32ch}.cat-controls button{width:44px;height:44px}}@media (max-height:500px){.hero{padding:112px 0 50px}.hero-content{padding-top:0}.scroll-hint{display:none}.cat-stage{width:min(100%,380px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cat-stage{transition:none}.scroll-hint .line{animation:none}}.qr-overlay{z-index:300;background:#000000d9;position:fixed;inset:0}.qr-panel{z-index:301;width:min(380px,100% - 32px);max-height:calc(100svh - 32px);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.qr-overlay[data-state=open]{animation:.25s ease-out qr-dim-in}.qr-overlay[data-state=closed]{animation:.2s ease-in forwards qr-dim-out}.qr-panel[data-state=open]{animation:.3s cubic-bezier(.2,.8,.2,1) qr-rise-in}.qr-panel[data-state=closed]{animation:.2s ease-in forwards qr-rise-out}@keyframes qr-dim-in{0%{opacity:0}}@keyframes qr-dim-out{to{opacity:0}}@keyframes qr-rise-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.96)}}@keyframes qr-rise-out{to{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.96)}}@media (prefers-reduced-motion:reduce){.qr-overlay,.qr-panel{animation:none!important}}.qr-panel p{color:var(--muted);margin-top:12px;font-size:14px}.qr-panel .btn{font:inherit;letter-spacing:.16em;cursor:pointer;background:0 0;margin:18px auto 0;font-size:13.5px;display:block}.qr-panel .qr-x{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;transition:color .2s,background .2s;display:grid;position:absolute;top:10px;right:10px}.qr-panel h2{padding:0 32px}.qr-panel .qr-x:hover,.qr-panel .qr-x:focus-visible{color:var(--ink);background:var(--line)}.wechat-qr{background:#fff;border-radius:4px;width:240px;height:240px;margin:20px auto;padding:8px;display:block}.cat-stage.closed-front{transform:translate(-25%)}.cat-stage.closed-back{transform:translate(25%)}.cat-controls button:disabled{opacity:.35;cursor:default}.cat-stage{width:min(100%,1100px,1.40746*max(240px,100svh - 330px));transition:none}.cat-stage.closed-front,.cat-stage.closed-back{transform:none}@media (max-width:600px){.cat-stage{width:min(100%,440px,max(240px,100svh - 200px)/1.421)}}.strip-row{grid-template-columns:repeat(4,auto);justify-content:center;align-items:center;gap:24px 72px;display:grid}.strip-item{font-size:15px}@media (max-width:960px){.strip-row{grid-template-columns:repeat(2,auto);gap:22px 56px}}@media (max-width:640px){.strip-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:22px 14px}}.lead,.page-lead{font-size:18px;font-weight:400}.story-copy p,.sig-intro{font-size:17px}.contact-lead{font-size:16.5px}.card-body p{font-size:15px}.q-item p,.assure li span,.chan p,.sig-lists li{font-size:15.5px}.sig-note{font-size:14.5px}.doc-desc{font-size:13.5px}.foot-brand p,.foot-text{font-size:15px}.info-row .k,.foot-col h5{font-size:12.5px}@media (hover:none){.band{background-attachment:scroll}.btn-primary:hover,.chan:hover,.doc:hover .doc-thumb img{transform:none}.cat-book{filter:none}}.light{--bg:#f6f3ee;--bg-2:#fbfaf7;--deep:#efebe4;--ink:#16181c;--muted:#5d5952;--line:#14161a1f;--accent:#9a773a;background:var(--bg);color:var(--ink)}.light.story{background:var(--bg)}.light .story-badge{background:#fff;box-shadow:0 20px 50px #0000001f}.light .sig-img img,.light .story-visual img{box-shadow:0 24px 50px #0000002e}.light .chan{background:#fff}.light .more-link{color:var(--accent)}.strip{padding:34px 0}.strip-item{text-align:center;letter-spacing:.04em;flex-direction:column;align-items:center;gap:2px}.strip-item b{font-variant-numeric:lining-nums tabular-nums;margin-bottom:8px;font-size:36px;line-height:1.1}.strip-item .lbl{color:var(--ink);font-size:14px;line-height:1.4}.strip-item .sub{color:var(--muted);font-size:12.5px;line-height:1.4}@media (max-width:640px){.strip{padding:30px 0}.strip-row{gap:28px 12px}.strip-item b{font-size:30px}}.quality.photo-band{background:linear-gradient(#0a0b0dcc,#0a0b0de6),url(/img/shoot/spread.webp) 50%/cover}.photo-band .q-grid{background:#0a0b0d73}@media (max-width:640px){.photo-band .q-item{grid-template-columns:32px 1fr;align-items:start;column-gap:16px;padding:22px 20px;display:grid}.photo-band .q-item .ic{grid-row:1/span 2;width:28px;height:28px;margin:3px 0 0}.photo-band .q-item h3{margin-bottom:4px;font-size:18px}}.chan-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.chan-photo{aspect-ratio:4/5;background:#111;border-radius:6px;position:relative;overflow:hidden}.chan-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chan-photo:after{content:"";background:linear-gradient(#08090b00 22%,#08090b9e 52%,#08090bf0 100%);position:absolute;inset:0}.chan-photo-body{z-index:1;padding:26px;position:absolute;bottom:0;left:0;right:0}.chan-photo .n{font-family:var(--serif);color:#c8a15a;font-size:26px;font-style:italic}.chan-photo h3{font-family:var(--serif-sc);color:#f4f1ea;margin:4px 0 8px;font-size:22px;font-weight:600}.chan-photo p{color:#f4f1ead9;font-size:14.5px;line-height:1.6}@media (max-width:960px){.chan-photos{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:36px -28px 0;padding:0 28px 8px;scroll-padding:0 28px;display:flex;overflow-x:auto}.chan-photos::-webkit-scrollbar{display:none}.chan-photo{scroll-snap-align:start;flex:0 0 min(82%,360px)}}html.js .reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(14px)}html.js .reveal.in{opacity:1;transform:none}.prod-grid .card:nth-child(2),.q-grid .q-item:nth-child(2),.docs-grid .doc:nth-child(2){transition-delay:60ms}.prod-grid .card:nth-child(3),.q-grid .q-item:nth-child(3),.docs-grid .doc:nth-child(3){transition-delay:.12s}.prod-grid .card:nth-child(4),.q-grid .q-item:nth-child(4),.docs-grid .doc:nth-child(4){transition-delay:.18s}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transition:none;transform:none}}header{will-change:transform;transition:transform .28s,box-shadow .4s}header.hide{transform:translateY(-100%)}@media (max-width:640px){.nav{height:60px}.brand img{height:42px}[id]{scroll-margin-top:72px}.hero{padding-top:84px}.page-hero{padding:104px 0 48px}.cat-main{padding-top:80px}}@media (prefers-reduced-motion:reduce){header{transition:none}}html.js:not(.hydrated) .reveal{animation:.4s ease-out 2.5s forwards reveal-fallback}@keyframes reveal-fallback{to{opacity:1;transform:none}}.skip-link{z-index:400;background:var(--nav-ink);color:#fff;border-radius:4px;padding:10px 16px;font-size:14px;transition:top .2s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}@media (max-width:800px){.hero:before{background-image:url(/img/hero-spread-1200.webp)}}@property --srx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --sry{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes bcard-scroll{0%{--srx:18deg;--sry:-12deg}to{--srx:-14deg;--sry:10deg}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bcard-wrap{animation:linear both bcard-scroll;animation-timeline:view();animation-range:cover}}}.bcard,.bcard img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bcard{touch-action:pan-y}