@font-face{font-family:Noto;src:url(../fonts/NotoSansTC.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:Condensed;src:url(../fonts/BarlowCondensed-Bold.woff2);font-weight:700;font-display:swap}@font-face{font-family:Jost;src:url(../fonts/Jost.woff2);font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#202e32;background:#fff;font-family:Noto,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #179caa;outline-offset:5px}img{max-width:100%}h1,h2,h3,p{margin-top:0}.site{overflow:hidden}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;right:0;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand>span{font-size:21px;font-weight:800;letter-spacing:3px;display:flex;align-items:baseline;gap:9px}.brand small{font:700 14px Condensed;letter-spacing:3px}nav{display:flex;gap:36px;font-size:11px;letter-spacing:2px}nav a:hover{color:#079da8}.header-actions{display:flex;align-items:center;gap:20px}.header-actions>button{position:relative;padding:8px}.header-actions small{position:absolute;top:2px;right:1px;font:10px Jost}.menu-button{width:44px;height:44px;border-radius:50%;background:#16bdc5;color:#fff;display:grid;place-items:center;box-shadow:0 6px 15px #2695a42b}.hero{height:820px;position:relative;padding-top:90px}.hero-color{background:#e7f8fd;position:absolute;top:0;right:0;bottom:35%;left:0;clip-path:polygon(0 0,100% 0,100% 75%,56% 100%,0 100%)}.vertical-label{position:absolute;left:2.5%;top:270px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 9px Jost;letter-spacing:3px}.hero-copy{position:absolute;left:14%;top:230px;width:27%;z-index:3;transform:translate(calc(var(--hero-shift,0)*-40px));animation:enter-left .7s both}.eyebrow{font:500 10px Jost;letter-spacing:3px;text-transform:uppercase;line-height:1.8}.hero-copy h1{font-size:44px;letter-spacing:9px;line-height:1.25;margin:23px 0 10px;font-weight:800}.hero-copy h1 span{display:block;font:700 47px/.98 Condensed;letter-spacing:5px;max-width:250px;margin-top:13px}.hero-type{font-size:12px;color:#69787e;margin:20px 0 12px}.hero-type span{margin-left:14px;font-family:Jost}.price{font:600 23px Jost;letter-spacing:1px;display:block}.line-button{display:flex;align-items:center;justify-content:space-between;gap:35px;width:max-content;min-width:155px;border-left:1px solid #8aadff;border-bottom:1px solid #1ed8be;padding:13px 17px;font-size:11px;font-weight:600;letter-spacing:2px;transition:background .25s,transform .25s}.line-button:hover{background:#e9f7f4;transform:translateY(-2px)}.hero-copy .line-button{margin-top:32px}.small-link{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;padding:12px 0;color:#687d83}.hero-board{position:absolute;left:35%;top:90px;width:32%;height:660px;z-index:2}.board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(16px 22px 11px #2d4a5027);cursor:grab}.board-canvas:active{cursor:grabbing}.board-canvas canvas{display:block}.board-fallback{width:100%;height:100%;object-fit:contain}.hero-spec{position:absolute;right:12%;top:233px;text-align:right;width:190px;z-index:3;transform:translate(calc(var(--hero-shift,0)*40px));animation:enter-right .7s both}.hero-spec>.eyebrow{font-weight:600;margin-bottom:10px}.hero-spec>p:not(.eyebrow){font-size:11px;color:#7b8b90;line-height:1.7;margin:8px 0 25px}.hero-spec svg{color:#1fa9b3}.ratings{margin-left:auto;width:150px}.ratings>div{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin:7px 0;font-size:10px;color:#687b80}meter{width:83px;height:5px;border:0;background:#d7e0e2}meter::-webkit-meter-bar{background:#d7e0e2;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:#243d43}.small-caption{font-size:8px;color:#8c999d;display:block;margin-top:18px}.ghost-title{position:absolute;left:60%;top:535px;font:700 87px/.85 Condensed;letter-spacing:6px;white-space:pre-line;color:#e5e8e9;z-index:1}.hero-bottom{position:absolute;bottom:30px;left:14%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-bottom p{font-size:11px;color:#7b888b;margin:0}.hero-bottom p span{font:10px Jost;letter-spacing:3px;display:block;color:#273c41;margin-bottom:7px}.model-controls{display:flex;align-items:center;gap:8px}.model-controls button{height:32px;display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:9px}.drag-hint{font-size:9px;color:#8e999b;display:flex;gap:10px;align-items:center}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-top h2{font-size:29px;letter-spacing:3px;margin:9px 0}.section-top>p{font-size:11px;line-height:1.9;color:#738288;margin-bottom:4px}.section-top>p span{font-size:9px;color:#a3adb0}.collection{padding:75px 8% 65px;background:#fff}.belt{height:410px;position:relative;margin:35px 0 25px;touch-action:pan-y}.belt-item{position:absolute;left:40%;width:20%;height:355px;top:23px;padding:15px 12px;transform:translate(calc(var(--pos)*105%));transition:transform .65s cubic-bezier(.2,.7,.15,1),opacity .5s,box-shadow .4s;background:#f7faf9;opacity:.55}.belt-item.active{transform:translate(0) scale(1.1);opacity:1;z-index:2;box-shadow:0 14px 32px #1b586f13;background:#e9f8f8;border-bottom:2px solid #1ec9bf}.belt-item:hover{opacity:1}.belt-item img{height:265px;width:100%;object-fit:contain;transition:transform .4s}.belt-item:hover img{transform:rotate(-5deg)}.belt-num{position:absolute;left:15px;top:15px;font:10px Jost;letter-spacing:2px;color:#789096}.belt-name{display:block;font-size:14px;letter-spacing:4px;margin:5px 0}.belt-name small{display:block;font:700 10px Condensed;letter-spacing:2px;margin-top:6px}.belt-size{font:10px Jost;color:#779095}.round-button{position:absolute;top:43%;width:40px;height:40px;border:1px solid #b3cdd1;border-radius:50%;display:grid;place-items:center;background:#fff;z-index:4}.prev{left:-5%}.next{right:-5%}.selection-note{text-align:center;font-size:14px;letter-spacing:2px;margin:0}.selection-note>span{font-size:11px;color:#798d92}.selection-note button{margin-left:25px;font-size:10px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #1ed8be;padding:8px}.craft{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:85px 10%;position:relative;background:#f5faf9;align-items:center}.craft:before{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:#e2ec36;clip-path:polygon(100% 0,100% 100%,0 70%)}.craft-photo{position:relative}.craft-photo img{width:100%;height:440px;object-fit:cover;object-position:center}.craft-photo>span{position:absolute;bottom:22px;left:22px;color:#fff;font:700 26px/1 Condensed;letter-spacing:2px;text-shadow:0 2px 6px #122d3699}.craft-copy{position:relative}.craft h2{font-size:36px;line-height:1.6;letter-spacing:4px;margin:18px 0}.craft-copy>p:not(.eyebrow){font-size:12px;line-height:2.2;max-width:420px;color:#667d83}.craft-stats{display:flex;gap:30px;margin:28px 0}.craft-stats b{font:700 30px Condensed;color:#0c97a7;display:block}.craft-stats span{font-size:10px;letter-spacing:1px}.craft-copy .line-button{background:#fff8}[data-reveal]{opacity:calc(.25 + var(--reveal,1)*.75);transform:translate(calc((1 - var(--reveal,1))*var(--offset,80px)));will-change:transform,opacity}[data-reveal=left]{--offset:-80px}[data-reveal=right]{--offset:80px}.catalogue{padding:100px 8%}.filter-bar{display:flex;align-items:center;gap:23px;border-bottom:1px solid #dae5e6;padding:18px 0 22px;margin-bottom:40px}.filter-bar button{padding:8px 0;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent}.filter-bar button.selected{border-color:#17bdb8;color:#148b98}.filter-bar>span{margin-left:auto;font:12px Jost;color:#798c91}.flatlay{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 28px}.flat-card{position:relative}.flat-visual{width:100%;height:365px;background:#f3f7f7;position:relative;display:block;overflow:hidden}.flat-visual>img{height:315px;width:85%;object-fit:contain;position:absolute;top:20px;left:7.5%;transform:rotate(-24deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.flat-type{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:#799095;z-index:2}.favorite{position:absolute;right:12px;top:12px;z-index:4;padding:8px}.hover-info{position:absolute;left:0;bottom:0;width:100%;padding:22px;background:#173d44ee;color:#fff;text-align:left;transform:translate(calc(var(--direction)*105%));transition:transform .4s;display:flex;flex-direction:column;gap:8px}.hover-info>span{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.hover-info>b{font-size:13px;letter-spacing:2px}.flat-visual:hover>img,.flat-visual:focus-visible>img{transform:translateY(-30px) rotate(12deg) scale(.96)}.flat-visual:hover .hover-info,.flat-visual:focus-visible .hover-info{transform:translate(0)}.flat-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 10px}.flat-caption h3{font-size:16px;letter-spacing:3px;margin:0}.flat-caption h3 span{font:700 11px Condensed;letter-spacing:2px;color:#7b8a90;margin-left:7px}.flat-caption p{font:13px Jost;margin:7px 0;color:#687b80}.flat-caption button{height:35px;width:35px;border:1px solid #cbdbdd;display:grid;place-items:center;transition:background .2s}.flat-caption button:hover{background:#dbea33;border-color:#dbea33}.ocean{height:510px;position:relative;color:#fff;overflow:hidden}.ocean>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.ocean>div{position:absolute;left:10%;top:27%;z-index:1;text-shadow:0 2px 10px #02304466}.ocean h2{font-size:37px;letter-spacing:4px;line-height:1.6;margin:15px 0 25px}.white-button{display:inline-flex;align-items:center;gap:35px;border:1px solid #ffffffaa;padding:14px 22px;font-size:11px;letter-spacing:2px;background:#123c4b44}.ocean-bottom{position:absolute;left:10%;bottom:30px;font:10px Jost;letter-spacing:3px}footer{padding:40px 7% 25px;display:flex;align-items:center;flex-wrap:wrap;gap:35px;justify-content:space-between}footer>p{font:10px Jost;letter-spacing:3px;color:#8b9b9f;margin:0}footer>div{display:flex;gap:23px;font-size:9px;color:#658088}footer>small{width:100%;font-size:9px;color:#9ba8ac;border-top:1px solid #e6edee;padding-top:19px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,80px);opacity:0;z-index:50;background:#133b41;color:#fff;padding:14px 23px;display:flex;align-items:center;gap:10px;font-size:12px;transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2c3bab;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:flex;align-items:center;justify-content:center;padding:25px}.dialog{background:#fff;position:relative;max-width:900px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0003}.close{position:absolute;top:15px;right:15px;padding:8px;background:#fffb;z-index:5}.product-detail{display:grid;grid-template-columns:42% 58%}.detail-image{display:grid;place-items:center;min-height:570px}.detail-image img{height:525px;object-fit:contain}.detail-copy{padding:50px 40px 35px}.detail-copy h2{font-size:31px;letter-spacing:4px;margin-bottom:18px}.detail-copy h2 span{display:block;font:700 22px Condensed;letter-spacing:3px;margin-top:8px}.detail-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#6b8086;margin:20px 0}.detail-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.detail-copy dt{font-size:9px;color:#879a9f;margin-bottom:7px}.detail-copy dd{margin:0;font:12px Jost,Noto}.solid-button{background:#163d44;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 23px;font-size:12px;letter-spacing:2px;width:100%}.solid-button:hover{background:#118d98}.detail-copy>small{font-size:9px;color:#8a9ca1;line-height:1.8;display:block;margin-top:12px}.cart-dialog{max-width:620px}.cart-content,.text-dialog{padding:50px}.dialog h2{font-size:30px;letter-spacing:3px}.dialog h2 small{font:18px Jost;color:#819398}.cart-items{max-height:42vh;overflow:auto}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #e4edee;padding:20px 0}.cart-row img{height:120px;width:60px;object-fit:contain}.cart-row h3{font-size:16px;letter-spacing:2px;margin:0 0 6px}.cart-row h3 span{font:12px Jost;margin-left:8px;color:#8b9ca0}.cart-row p{font:13px Jost;margin-bottom:10px}.cart-row>strong{font:14px Jost}.quantity{display:flex;align-items:center;gap:15px;font:13px Jost}.quantity button{border:1px solid #d2e1e4;width:27px;height:27px;padding:5px}.quantity svg{width:14px;height:14px}.cart-total{display:flex;justify-content:space-between;margin:25px 0;font-size:15px}.cart-total strong{font:600 24px Jost}.note{font-size:10px;line-height:1.8;color:#87969b}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:40px;color:#729097;font-size:13px;gap:20px}.empty p{margin:0}.text-dialog{max-width:680px;margin:auto}.text-dialog>p{font-size:13px;line-height:2;color:#677e84}.text-dialog h3{font-size:17px;margin-top:25px}.text-dialog form>p{font:18px Jost}.text-dialog label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:12px}.text-dialog input,.text-dialog select{border:1px solid #cddde0;background:#f8fbfb;padding:12px;width:100%;border-radius:0;font-size:13px}.text-dialog .check{flex-direction:row;align-items:center;font-size:10px}.check input{width:16px;height:16px}.reduced [data-reveal]{opacity:1;transform:none}.reduced .hero-copy,.reduced .hero-spec{transform:none}@keyframes enter-left{0%{opacity:0;translate:-35px 0}to{opacity:1;translate:0 0}}@keyframes enter-right{0%{opacity:0;translate:35px 0}to{opacity:1;translate:0 0}}@media(min-width:1600px){.hero{height:900px}.hero-board{height:750px}.hero-copy,.hero-spec{top:270px}.ghost-title{top:590px}}@media(max-width:1000px){nav{gap:20px;font-size:10px}.hero-copy{left:10%;width:30%}.hero-spec{right:7%;width:160px}.hero-copy h1 span{font-size:39px}.hero-board{left:33%;width:36%}.ghost-title{font-size:70px}.hero-bottom{left:10%;right:7%}.drag-hint{display:none}.section-top h2{font-size:25px}.craft{padding:60px 7%;gap:6%}.craft-photo img{height:360px}.craft h2{font-size:29px}.craft-stats{gap:20px}.flatlay{gap:25px 20px}.flat-visual{height:315px}.flat-visual>img{height:270px}.filter-bar{gap:17px}.flat-caption h3 span{display:block;margin:7px 0 0}.belt-item img{height:235px}.belt-item{height:325px}.belt{height:370px}footer>p{display:none}}@media(max-width:650px){html{scroll-padding-top:20px}header{height:80px;padding:0 6%}.brand>span{font-size:18px}.brand small{font-size:11px;letter-spacing:2px}.brand svg{width:25px}nav{display:none;position:absolute;left:5%;right:5%;top:76px;background:#fff;box-shadow:0 15px 35px #1444551c;padding:24px;flex-direction:column;gap:23px;font-size:12px}nav.open{display:flex}.header-actions{gap:10px}.menu-button{width:38px;height:38px}.hero{height:885px}.hero-color{top:0;right:0;bottom:22%;left:0;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.vertical-label{left:3%;top:315px;font-size:7px;letter-spacing:2px}.hero-copy{left:8%;top:122px;width:76%;transform:none}.hero-copy .eyebrow{font-size:8px}.hero-copy h1{font-size:29px;letter-spacing:5px;margin:12px 0 8px}.hero-copy h1 span{font-size:35px;letter-spacing:3px;max-width:100%;margin:6px 0}.hero-type{font-size:10px;margin:10px 0 8px}.price{font-size:21px}.hero-copy .line-button{margin-top:16px;min-width:135px;padding:11px 14px;font-size:10px}.hero-copy .small-link{font-size:9px}.hero-board{left:32%;top:295px;width:57%;height:485px}.hero-spec{right:8%;top:146px;width:120px;transform:none}.hero-spec>.eyebrow{font-size:7px;letter-spacing:2px}.hero-spec svg{width:28px;height:28px}.hero-spec>p:not(.eyebrow){font-size:9px;margin-bottom:17px}.ratings{width:115px}.ratings>div{font-size:8px;gap:7px}.ratings meter{width:57px}.small-caption{display:none}.ghost-title{left:8%;top:554px;font-size:54px;letter-spacing:2px;max-width:48%;white-space:pre-line}.hero-bottom{left:8%;right:8%;bottom:25px;flex-wrap:wrap;gap:17px}.hero-bottom p{font-size:10px}.hero-bottom p span{font-size:8px}.model-controls{gap:1px}.model-controls button{padding:5px 7px;font-size:8px}.collection{padding:42px 7% 45px}.section-top{align-items:start;flex-direction:column;gap:7px;margin-bottom:18px}.section-top h2{font-size:24px;letter-spacing:2px}.section-top>p{font-size:10px}.section-top>p span{display:none}.eyebrow{font-size:9px;letter-spacing:2px}.belt{height:360px;margin:30px 0 18px}.belt-item{width:58%;left:21%;height:320px;top:18px;transform:translate(calc(var(--pos)*112%));opacity:.5}.belt-item.active{transform:scale(1.1)}.belt-item img{height:232px}.belt-name{font-size:14px}.prev{left:-3%}.next{right:-3%}.round-button{width:34px;height:34px}.selection-note{font-size:13px}.selection-note>span{font-size:10px;letter-spacing:0;display:block;margin-top:9px}.selection-note button{margin:8px 0 0}.craft{grid-template-columns:1fr;gap:35px;padding:42px 7%}.craft:before{width:60%;height:65%;top:auto;bottom:0;opacity:.6}.craft-photo img{height:300px}.craft-photo>span{font-size:22px}.craft h2{font-size:29px;line-height:1.5}.craft-copy>p:not(.eyebrow){font-size:12px}.craft-stats{gap:32px}.catalogue{padding:55px 7%}.filter-bar{gap:18px;overflow:auto;margin-bottom:25px;padding:12px 2px 17px}.filter-bar svg{min-width:18px}.filter-bar button{font-size:10px}.filter-bar>span{display:none}.flatlay{grid-template-columns:1fr 1fr;gap:25px 14px}.flat-visual{height:255px}.flat-visual>img{height:210px;top:24px;width:110%;left:-5%;transform:rotate(-14deg)}.flat-type{font-size:7px;letter-spacing:1px;left:10px;top:14px}.favorite{right:3px;top:5px;padding:5px}.favorite svg{width:17px}.flat-caption{align-items:start;padding-top:12px;gap:3px}.flat-caption h3{font-size:15px}.flat-caption h3 span{font-size:9px;letter-spacing:1px}.flat-caption p{font-size:11px}.flat-caption button{width:25px;height:25px;flex-shrink:0}.flat-caption button svg{width:17px}.hover-info{padding:14px 10px;gap:5px}.hover-info>b{font-size:10px;letter-spacing:1px}.hover-info>span{font-size:8px}.ocean{height:440px}.ocean>img{object-position:58% center}.ocean>div{left:8%;right:8%;top:20%}.ocean h2{font-size:29px;letter-spacing:2px}.ocean-bottom{left:8%;font-size:7px;letter-spacing:2px}.white-button{font-size:10px;padding:12px 17px}footer{padding:30px 7% 20px;gap:25px}footer>div{flex-wrap:wrap;gap:17px;font-size:9px}footer>small{font-size:8px;line-height:1.8}.overlay{padding:14px}.product-detail{grid-template-columns:1fr}.detail-image{min-height:230px;height:230px}.detail-image img{height:230px;transform:rotate(20deg)}.detail-copy{padding:25px}.detail-copy h2{font-size:27px}.detail-copy h2 span{font-size:20px}.detail-copy dl{gap:15px}.cart-content,.text-dialog{padding:45px 25px 30px}.cart-row{grid-template-columns:45px 1fr;gap:15px}.cart-row img{width:45px;height:105px}.cart-row>strong{grid-column:2;font-size:12px;text-align:right;margin-top:-25px}.cart-row h3{font-size:14px}.cart-row h3 span{font-size:11px}.dialog h2{font-size:25px}.empty{padding:30px 10px}.text-dialog>p{font-size:12px}.toast{white-space:nowrap;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{transform:none!important;opacity:1!important}}@media(min-width:651px){nav.open{position:absolute;top:80px;right:5%;display:flex;flex-direction:column;gap:23px;padding:25px 35px;background:#fff;box-shadow:0 15px 35px #14445522}}.hero-wave{position:absolute;left:38%;top:575px;color:#1accc7;z-index:1}@media(max-width:650px){.hero-wave{display:none}}