:root{--ink:#1d1d1f;--gray:#6e6e73;--blue:#0071e3;--surface:#f5f5f7;--line:#d2d2d7}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:20}.skip-link:focus{top:10px}.global-nav{position:sticky;top:0;z-index:10;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1080px)/2));background:#fafafae8;backdrop-filter:blur(20px);gap:45px}.brand{font-size:19px;font-weight:800;letter-spacing:-1px}.global-nav nav{display:flex;gap:38px;align-items:center;white-space:nowrap}.global-nav nav a{font-size:12px;color:#454548}.global-nav nav a:hover,.global-nav nav a[aria-current]{color:#0071e3}.menu-toggle{display:none}.page-bar{position:sticky;top:52px;z-index:9;background:#fffffff0;backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:auto;height:58px;border-bottom:1px solid var(--line)}.page-bar b{font-size:20px}.page-bar a{background:var(--blue);color:white;border-radius:20px;font-size:12px;padding:8px 15px}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.6}.home-hero{text-align:center;background:var(--surface);padding:66px 5% 35px;overflow:hidden}.home-hero h1{font-size:clamp(50px,5.8vw,82px);line-height:1.12;letter-spacing:-.045em;margin:22px 0}.home-hero h1 span{color:#707078}.lead{font-size:22px;line-height:1.55;color:#6e6e73;letter-spacing:-.02em}.actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0 0}.button,.cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:white;border:0;border-radius:28px;padding:13px 25px;font-size:16px;line-height:1.4}.button:hover,.cta:hover{background:#0077ed}.text-link{color:#0066cc;font-size:17px;display:inline-block;line-height:1.8}.text-link:hover{text-decoration:underline}.hero-product{max-width:1020px;margin:60px auto 18px;perspective:1200px}.hero-product img{width:100%;height:auto;display:block;border-radius:13px;transform:rotateX(8deg);box-shadow:0 5px 0 #b8bac1,0 24px 30px #25243826}.image-note{font-size:11px;color:#86868b;margin:35px 0 0}.home-panel{margin:12px;padding:60px 5% 40px;text-align:center;overflow:hidden}.dark-panel{background:#000;color:#f5f5f7}.panel-copy h2,.home-split h2{font-size:clamp(35px,4.2vw,60px);line-height:1.15;letter-spacing:-.04em;margin:15px 0}.panel-copy p:not(.eyebrow),.home-split p:not(.eyebrow){font-size:19px;line-height:1.6;color:#86868b}.dark-panel .text-link{color:#2997ff}.home-panel>img{width:100%;max-width:1000px;display:block;height:auto;margin:40px auto 0}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px}.home-split article{background:var(--surface);text-align:center;padding:55px 25px 0;overflow:hidden;min-height:630px}.home-split img{width:100%;max-width:450px;height:320px;object-fit:contain;margin-top:20px;mix-blend-mode:multiply}.size-art{position:relative;max-width:420px;height:260px;margin:60px auto 0;perspective:900px}.size-art i{position:absolute;width:90%;height:150px;left:0;top:35px;border-radius:12px;background:linear-gradient(120deg,#e4e7ef,#b7c5e2,#d8ccdf);transform:rotateX(35deg) rotateZ(-15deg);box-shadow:0 5px 0 #a2a9b9,0 25px 30px #00164422}.size-art i:last-child{width:45%;height:155px;left:55%;top:70px;background:linear-gradient(130deg,#5b6778,#222935);box-shadow:0 5px 0 #343a44,0 25px 30px #00164433}.home-bottom{text-align:center;padding:100px 5%}.home-bottom h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:18px 0}.home-bottom>p:not(.eyebrow){color:var(--gray);font-size:18px}.page-intro{text-align:center;max-width:1080px;margin:auto;padding:80px 20px 65px}.page-intro h1{font-size:clamp(48px,5.7vw,76px);line-height:1.15;letter-spacing:-.045em;margin:20px 0 25px}.page-intro .eyebrow{color:#6e6e73}.section{padding:75px max(5%,calc((100vw - 1080px)/2))}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 20px}.section-head{display:flex;justify-content:space-between;gap:60px;margin-bottom:45px;align-items:end}.section-head>p{max-width:350px;font-size:17px;color:var(--gray);line-height:1.8}.filters{display:flex;gap:10px;justify-content:center;margin:0 0 40px;flex-wrap:wrap}.filter{border:0;background:var(--surface);color:#55555a;padding:11px 24px;border-radius:25px;font-size:14px}.filter.active{background:#1d1d1f;color:white}.filter small{margin-left:8px;opacity:.6}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.art-card{background:var(--surface);border-radius:24px;overflow:hidden}.art-open{width:100%;height:280px;padding:28px;background:none;border:0;position:relative;display:grid;place-items:center}.art-open img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.art-open:hover img{transform:scale(1.035)}.art-open span{position:absolute;right:22px;bottom:0;color:#0066cc;font-size:11px}.art-open.fox img{mix-blend-mode:multiply}.art-info{padding:22px 28px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.art-info small{font-size:10px;color:#6e6e73}.art-info h3{font-size:25px;margin:10px 0 0;letter-spacing:-.025em}.choose{border:0;background:none;color:#0066cc;font-size:13px;white-space:nowrap}.fine{font-size:12px;line-height:1.8;color:var(--gray);margin-top:30px}.features,.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature,.care-grid article{background:var(--surface);border-radius:22px;padding:27px 24px}.feature span,.care-grid span{color:var(--gray);font-size:11px}.feature h3,.care-grid h3{font-size:21px;line-height:1.5;margin:30px 0 15px;letter-spacing:-.02em}.feature p,.care-grid p{font-size:14px;line-height:1.85;color:var(--gray)}.dark{background:var(--surface)}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.size{background:#fff;border-radius:22px;padding:30px 25px;display:flex;flex-direction:column;justify-content:end;min-height:320px}.shape{height:150px;display:grid;place-items:center;margin-bottom:20px}.shape i{display:block;width:100%;aspect-ratio:900/350;border-radius:7px;background:linear-gradient(135deg,#d2d9e9,#6e7c95);box-shadow:0 3px 0 #a1a9b7,0 10px 20px #56637520}.size:nth-child(2) i{width:55%;aspect-ratio:450/400}.size:nth-child(3) i{width:45%;aspect-ratio:350/300}.size>small{font-size:11px;color:var(--gray);margin-bottom:14px}.size b{font-size:26px;letter-spacing:-1px}.size b small{font-size:14px;letter-spacing:0}.size p{font-size:13px;line-height:1.7;color:var(--gray)}.custom{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:var(--surface);align-items:start}.custom>div>p{font-size:16px;line-height:1.9;color:var(--gray)}.steps{margin-top:40px}.step{border-top:1px solid var(--line);padding:24px 0;font-size:14px;line-height:1.6}.step span{margin-right:20px;color:var(--gray)}form{background:#fff;border-radius:24px;padding:36px}form h3{font-size:26px;letter-spacing:-.03em;margin:0 0 30px}label{display:block;font-size:13px;margin-bottom:22px;color:#4d4d52}input,select{width:100%;display:block;padding:14px 12px;border:1px solid #b7b7bc;border-radius:10px;background:white;color:var(--ink);margin-top:9px;min-height:48px}.note{font-size:11px;line-height:1.8;color:var(--gray);margin-top:20px}.result{background:#f0f6fc;padding:20px;border-radius:14px;white-space:pre-line;line-height:1.8;font-size:13px;margin-top:25px}.download,#copy{border:0!important;border-radius:20px;background:#f5f5f7!important;color:#0066cc;padding:10px 16px!important;margin:15px 8px 0 0!important;font-size:12px}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.commission-grid article{background:var(--surface);padding:30px;border-radius:24px}.commission-grid article.featured{background:#edf5fd}.commission-grid small{font-size:11px;line-height:1.8;color:var(--gray)}.rate{font-size:76px;letter-spacing:-5px;font-weight:700;line-height:1.2;margin:30px 0;color:#1d1d1f;white-space:nowrap}.featured .rate{color:#0071e3}.rate span{font-size:29px;letter-spacing:0}.rate sup{font-size:12px;letter-spacing:0;margin-right:6px}.commission-grid h3{font-size:21px}.commission-grid p,.policy-note p{font-size:14px;line-height:1.9;color:var(--gray)}.policy-note{margin:30px 0}.care{background:var(--surface)}.care-grid article{background:white}.faq-list{max-width:1000px}.faq details{padding:23px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-size:18px;font-weight:500;cursor:pointer;line-height:1.5}.faq details p{font-size:15px;line-height:1.9;color:var(--gray);max-width:850px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;background:var(--surface)}.contact p{font-size:16px;line-height:1.8;color:var(--gray)}.contact-note{align-self:center;background:#fff;border-radius:24px;padding:30px}.contact-note ul{padding-left:20px;line-height:2.3;font-size:14px}.contact-note>span{font-size:11px;line-height:1.7;color:var(--gray)}footer{background:var(--surface);padding:45px max(5%,calc((100vw - 1080px)/2)) 25px;color:var(--gray);border-top:1px solid #e4e4e7}.footer-top{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.footer-top .brand{color:var(--ink)}.footer-top p{font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 0 40px}.footer-links div{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-links b{color:var(--ink);font-weight:600}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;line-height:1.8}dialog{width:min(1100px,94vw);max-height:94vh;border:0;border-radius:24px;background:#fff;padding:28px;color:var(--ink)}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}dialog h2{font-size:24px;margin:10px 100px 25px 0}dialog img{width:100%;height:65vh;object-fit:contain;background:var(--surface);border-radius:12px}dialog p{font-size:12px;color:var(--gray)}.close-dialog{float:right;background:var(--surface);border:0;border-radius:20px;padding:10px 16px;font-size:13px}@media(max-width:1100px){.global-nav{padding:0 5%;gap:25px}.global-nav nav{gap:25px}.page-bar{margin:0 5%}.features,.care-grid{grid-template-columns:1fr 1fr}.commission-grid article{padding:25px}.rate{font-size:65px}.custom{gap:35px}.section-head{gap:35px}}@media(max-width:700px){html{scroll-padding-top:110px}.global-nav{height:48px}.brand{font-size:19px}.menu-toggle{display:flex;background:none;border:0;width:32px;height:32px;flex-direction:column;justify-content:center;gap:6px;padding:6px}.menu-toggle span{display:block;height:1px;width:20px;background:var(--ink)}.global-nav nav{display:none;position:absolute;top:48px;left:0;right:0;background:#fffffff7;backdrop-filter:blur(20px);padding:25px 8% 35px;flex-direction:column;align-items:start;gap:24px;box-shadow:0 14px 20px #0000000a}.global-nav nav.open{display:flex}.global-nav nav a{font-size:22px;font-weight:600}.page-bar{top:48px;height:56px}.page-bar b{font-size:18px}.home-hero{padding:45px 5% 25px}.home-hero h1{font-size:49px;letter-spacing:-.05em}.eyebrow{font-size:12px}.lead{font-size:18px}.actions{gap:18px;flex-wrap:wrap}.button,.cta{font-size:14px;padding:12px 21px}.text-link{font-size:15px}.hero-product{margin-top:40px}.hero-product img{border-radius:7px}.image-note{margin-top:25px;font-size:10px}.home-panel{margin:10px;padding:45px 18px 30px}.panel-copy h2,.home-split h2{font-size:39px}.panel-copy p:not(.eyebrow),.home-split p:not(.eyebrow){font-size:17px}.home-panel>img{margin-top:30px}.home-split{grid-template-columns:1fr;margin:10px;gap:10px}.home-split article{min-height:540px;padding-top:40px}.home-split img{height:280px;margin-top:5px}.home-bottom{padding:65px 7%}.home-bottom h2{font-size:32px}.page-intro{padding:55px 5% 40px}.page-intro h1{font-size:48px;letter-spacing:-.045em}.page-intro .lead{font-size:17px}.section{padding:50px 6%}.section h2{font-size:34px}.section-head{display:block;margin-bottom:30px}.section-head>p{font-size:15px;max-width:none}.gallery{grid-template-columns:1fr;gap:20px}.art-open{height:230px;padding:20px}.art-info{padding:22px}.art-info h3{font-size:23px}.features,.care-grid{gap:15px}.feature,.care-grid article{padding:22px 18px}.feature h3,.care-grid h3{font-size:18px;margin-top:24px}.feature p,.care-grid p{font-size:13px}.sizes{grid-template-columns:1fr;gap:15px}.size{min-height:290px;padding:25px}.shape{height:140px}.shape i{max-width:330px}.commission-grid{grid-template-columns:1fr;gap:15px}.commission-grid article{padding:28px}.rate{font-size:70px;margin:23px 0}.custom{grid-template-columns:1fr;gap:30px}.custom>div>.eyebrow{display:none}form{padding:26px 22px}.contact{grid-template-columns:1fr;gap:30px}.faq summary{font-size:16px}.faq details p{font-size:14px}.footer-top{display:block}.footer-top p{margin-top:20px}.footer-links{gap:20px}.footer-bottom{flex-direction:column;gap:8px}dialog{padding:20px;border-radius:20px}dialog img{height:50vh}dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.art-open{display:block;overflow:hidden}.art-open img{display:block;min-width:0;min-height:0;max-height:100%}
/* Soft studio light separates the black glass surface from its surroundings. */
.dark-panel{background:#050506;padding-bottom:70px}.rim-stage{position:relative;isolation:isolate;width:100%;max-width:1000px;margin:55px auto 0;padding:22px 0 28px}.rim-stage::before{content:"";position:absolute;z-index:-1;inset:-45px -7% -20px;background:radial-gradient(ellipse at 50% 50%,#ccd5ed1f,transparent 67%);pointer-events:none}.rim-product{position:relative;border-radius:16px;padding:1px;background:linear-gradient(135deg,#f4f7ffb3 0%,#b7c3dc4d 24%,#59617338 50%,#e1e7f280 76%,#66717f52 100%);box-shadow:0 0 3px #edf3ff42,0 0 28px #bac8ed12,0 22px 38px #000c,0 3px 0 #53596780}.rim-product img{display:block;width:100%;height:auto;border-radius:15px;background:#000}.rim-product::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff3d;pointer-events:none}@media(max-width:700px){.dark-panel{padding-bottom:40px}.rim-stage{width:calc(100% - 18px);margin-top:30px;padding:14px 0 20px}.rim-product{border-radius:9px;box-shadow:0 0 2px #edf3ff52,0 0 20px #bac8ed17,0 16px 26px #000c,0 2px 0 #53596780}.rim-product img{border-radius:8px}}
/* Motion is a progressive enhancement: all content is visible without JavaScript. */
.showcase{position:relative;max-width:1080px;margin:28px auto 0;padding:25px 18px 5px;isolation:isolate;perspective:1400px;--rx:0deg;--ry:0deg;--glow:50%;--drift:0px}.showcase-floor{position:absolute;z-index:-1;inset:10% -8% 5%;background:radial-gradient(ellipse at var(--glow) 55%,#b6c0db55,transparent 65%);transition:background 1s}.showcase .showcase-product{position:relative;margin:18px auto 28px;max-width:980px;aspect-ratio:2048/865;transform:translateY(var(--drift)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;border-radius:14px;background:#f5f5f7;box-shadow:0 4px 0 #9da2b2,0 20px 32px #292d3c26;transition:transform .18s ease-out,box-shadow .5s;overflow:hidden}.showcase-product>img{display:block;width:100%;height:100%;object-fit:contain;transform:none;box-shadow:none;border-radius:inherit;transition:opacity .2s}.showcase[data-style="dragon"] .showcase-product{background:#000;box-shadow:0 0 0 1px #b8c2d1,0 4px 0 #5d6370,0 20px 40px #1c24333b}.showcase[data-style="fox"] .showcase-product{background:white}.glass-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff0 30%,#ffffff28 48%,#fff0 65%,transparent 80%);background-size:220% 100%;background-position:var(--glow) 0;mix-blend-mode:screen;opacity:.6}.showcase-caption{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:11px;color:#6e6e73}.showcase-caption span:first-child{color:#1d1d1f;font-weight:600}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:22px auto 0;flex-wrap:wrap}.series-tabs,.dimension-buttons{display:flex;gap:5px;padding:5px;border-radius:30px;background:#e8e8ed}.series-tabs button,.dimension-buttons button{border:0;padding:11px 21px;border-radius:24px;background:transparent;font-size:13px;color:#6e6e73;transition:background .2s,color .2s,box-shadow .2s}.series-tabs button.selected,.dimension-buttons button.selected{background:#fff;color:#1d1d1f;box-shadow:0 2px 7px #00000012}.surface-story{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:130px 40px}.story-heading{position:sticky;top:125px;align-self:start}.story-heading h2{font-size:clamp(40px,5vw,70px);line-height:1.1;letter-spacing:-.045em;margin:25px 0}.story-heading>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#6e6e73}.story-points article{border-top:1px solid #d2d2d7;padding:35px 0 65px}.story-points span{font-size:11px;color:#86868b}.story-points h3{font-size:28px;line-height:1.4;letter-spacing:-.03em;margin:22px 0 15px}.story-points p{font-size:16px;line-height:1.8;color:#6e6e73}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.65,.25,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.global-nav{transition:box-shadow .3s}.global-nav.scrolled{box-shadow:0 1px 0 #d2d2d766}.motion-toggle{background:none;border:0;color:#0066cc;padding:0;font-size:11px;text-align:left}.dimension-studio{border-radius:26px;background:white;padding:40px 30px 30px;margin:0 0 35px}.dimension-grid{height:340px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(#cbd2df33 1px,transparent 1px),linear-gradient(90deg,#cbd2df33 1px,transparent 1px);background-size:25px 25px;border-radius:16px;overflow:hidden}.dimension-pad{position:relative;width:90%;max-width:810px;aspect-ratio:900/350;background:#070708;border-radius:10px;box-shadow:0 3px 0 #696d78,0 15px 25px #20242a30;transition:width .6s cubic-bezier(.2,.65,.25,1),aspect-ratio .6s;display:flex;align-items:center;justify-content:center;overflow:hidden}.dimension-pad img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.dimension-pad span{position:absolute;bottom:15px;left:15px;font-size:10px;background:#ffffffeb;color:#1d1d1f;padding:7px 10px;border-radius:15px}.dimension-controls{text-align:center;margin-top:30px}.dimension-buttons{display:inline-flex;flex-wrap:wrap;justify-content:center}.dimension-controls .fine{margin:20px auto 0;max-width:600px}.motion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .showcase-product{transform:none!important}@media(hover:hover) and (pointer:fine){.art-card{transition:transform .4s,box-shadow .4s}.art-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #2020300b}}@media(max-width:700px){.showcase{padding:14px 6px 0;margin-top:20px}.showcase .showcase-product{border-radius:7px;margin:15px auto 20px}.showcase-caption{font-size:10px;gap:8px}.showcase-controls{gap:16px;margin-top:18px}.series-tabs button{padding:10px 15px;font-size:12px}.surface-story{grid-template-columns:1fr;gap:35px;padding:65px 8%}.story-heading{position:static}.story-heading h2{font-size:45px}.story-points article{padding:25px 0 30px}.story-points h3{font-size:24px}.dimension-studio{padding:18px 14px 25px}.dimension-grid{height:230px}.dimension-pad{border-radius:6px}.dimension-pad span{font-size:9px;padding:5px 7px;bottom:9px;left:9px}.dimension-buttons button{font-size:11px;padding:10px 12px}.motion-ready .reveal{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.showcase-product{transform:none!important}*{transition:none!important}}

.dimension-grid{height:360px}.dimension-pad{max-width:765px}@media(max-width:700px){.dimension-grid{height:230px}}