:root{--ink:#111713;--paper:#e9e9e2;--acid:#d8f84a;--stone:#b8c0b3;--orange:#e96140;--line:#26322c;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans HK',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--ink)}a{color:inherit}.yj-top{height:32px;background:var(--ink);color:#d8ded5;padding:0 4.5vw;display:flex;gap:24px;justify-content:flex-end;align-items:center;font:9px var(--mono);letter-spacing:.06em}.yj-top span:first-child{margin-right:auto}.yj-top a{color:inherit;text-decoration:none}.yj-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #1b241e30;background:var(--paper)}.yj-brand{font-size:27px;font-weight:800;letter-spacing:-2px;text-decoration:none}.yj-nav nav{display:flex;gap:28px}.yj-nav nav a{font-size:12px;text-decoration:none;font-weight:600}.yj-quote,.yj-btn{background:var(--acid);padding:12px 15px;text-decoration:none;font:10px var(--mono);letter-spacing:.04em}.yj-kicker{margin:0;font:10px var(--mono);letter-spacing:.08em}.yj-hero{min-height:790px;background:var(--ink);color:#f0f1ea;position:relative;overflow:hidden;padding:10vw 8vw}.yj-grid{position:absolute;inset:0;background:linear-gradient(#94a49a17 1px,transparent 1px),linear-gradient(90deg,#94a49a17 1px,transparent 1px);background-size:74px 74px}.yj-hero-copy{position:relative;z-index:2;width:60%}.yj-hero h1{font-size:clamp(49px,7.5vw,120px);letter-spacing:-.095em;line-height:.82;margin:28px 0 38px}.yj-hero h1 i,.yj-range h2 i,.yj-about h2 i,.yj-contact h2 i{font:400 1.05em Georgia,serif}.yj-hero-copy>p:not(.yj-kicker){max-width:480px;font:15px/1.75 'Noto Sans HK',sans-serif;margin:0 0 31px;color:#d3d8d1}.yj-link{margin-left:25px;font:11px var(--mono);color:var(--acid);text-decoration:none}.yj-hero-art{position:absolute;width:43vw;height:100%;right:0;top:0;background:radial-gradient(circle at 50% 52%,#677866 0,#273a30 25%,transparent 55%)}.yj-jacket{position:absolute;width:min(32vw,470px);height:min(52vw,620px);bottom:-80px;left:6%;background:linear-gradient(105deg,#697967,#1b2c23 45%,#4e5e4c);border-radius:44% 44% 8% 8% / 14% 14% 2% 2%;transform:rotate(6deg);box-shadow:-20px 25px 70px #0009}.yj-jacket:after{content:'';position:absolute;inset:13px;border:1px solid #afc1ac55;border-radius:inherit}.yj-hood{position:absolute;width:55%;height:145px;top:-67px;left:23%;background:#26372b;border:1px solid #a6b9a466;border-radius:50% 50% 13% 13%}.yj-jacket-zip{position:absolute;height:79%;top:16%;left:51%;border-left:2px solid #adbdab}.yj-jacket i{position:absolute;bottom:22%;right:11%;font:9px var(--mono);font-style:normal;color:#d7e5d2}.yj-scroll{position:absolute;z-index:3;left:8vw;bottom:38px;font:10px var(--mono);letter-spacing:.12em}.yj-steps{display:grid;grid-template-columns:repeat(4,1fr);background:var(--acid);padding:18px 4.5vw}.yj-steps div{display:flex;gap:13px;align-items:center;border-right:1px solid #24321b;padding:0 16px}.yj-steps div:first-child{padding-left:0}.yj-steps div:last-child{border:0}.yj-steps b{font:11px var(--mono)}.yj-steps span{font-size:12px;font-weight:700}.yj-wrap{max-width:1400px;margin:auto}.yj-range{padding:11vw 4.5vw;background:#f5f5ee}.yj-range h2,.yj-about h2,.yj-factory h2,.yj-work h2,.yj-faq h2,.yj-contact h2{font-size:clamp(38px,5.5vw,83px);letter-spacing:-.08em;line-height:.94;margin:35px 0 70px}.yj-categories{margin:0 -8px}.yj-categories article{padding:28px 20px 24px;border-left:1px solid #152018}.yj-categories article:last-child{border-right:1px solid #152018}.yj-categories b,.yj-product-list article>span,.yj-work b{font:10px var(--mono)}.yj-categories h3{font-size:19px;letter-spacing:-.05em;margin:75px 0 9px}.yj-categories p{font-size:13px;margin:0 0 28px}.yj-categories a,.yj-product-list a{font:10px var(--mono);text-decoration:none}.yj-catalogue{background:var(--stone);padding:10vw 4.5vw}.yj-catalogue-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}.yj-catalogue h2{font-size:48px;letter-spacing:-.08em;margin:25px 0 0}.yj-catalogue-head span{font:10px var(--mono);text-align:right}.yj-product-list article{min-height:280px;padding:31px 26px;border-right:1px solid #38443c;border-bottom:1px solid #38443c}.yj-product-list article:nth-child(3n+1){border-left:1px solid #38443c}.yj-product-list h3{font-size:20px;line-height:1.1;letter-spacing:-.05em;margin:48px 0 14px}.yj-product-list p{font:13px/1.65 'Noto Sans HK',sans-serif;min-height:84px}.yj-about{background:var(--ink);color:#e8ebe3;padding:12vw 4.5vw}.yj-about-inner{display:grid;grid-template-columns:1.3fr 1fr;column-gap:13vw}.yj-about .yj-kicker{grid-column:1/-1}.yj-about h2{margin-bottom:0}.yj-about-inner>div{align-self:end;font:14px/1.85 'Noto Sans HK',sans-serif;color:#cbd1c8}.yj-about .yj-btn{display:inline-block;margin-top:18px;color:var(--ink)}.yj-factory{padding:11vw 4.5vw;background:var(--orange)}.yj-factory h2{margin-bottom:70px}.yj-process{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(5,1fr)}.yj-process div{min-height:180px;padding:21px 14px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.yj-process div:first-child{border-left:1px solid var(--ink)}.yj-process b{font:11px var(--mono)}.yj-process span{font-weight:800;font-size:14px;letter-spacing:-.04em}.yj-odm{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:10vw}.yj-odm h3{font-size:27px;letter-spacing:-.05em}.yj-odm p{font:14px/1.8 'Noto Sans HK',sans-serif;max-width:470px}.yj-odm ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.yj-odm li{border-bottom:1px solid var(--ink);padding:12px 0;font-size:13px}.yj-work{padding:11vw 4.5vw;background:#f5f5ee}.yj-work h2{margin-bottom:55px}.yj-work .col-sm-4{min-height:230px;padding:21px;border-top:1px solid var(--ink)}.yj-work h3{font-size:17px;margin:45px 0 11px}.yj-work p{font:13px/1.7 'Noto Sans HK',sans-serif}.yj-standards{padding:8vw 4.5vw;background:#d6f84a}.yj-standards .row{margin-top:45px}.yj-standards .col-xs-6{min-height:140px;padding:18px;border:1px solid var(--ink);margin-left:-1px}.yj-standards b{display:block;font-size:21px;letter-spacing:-.05em;margin-bottom:12px}.yj-standards span{font:10px var(--mono)}.yj-faq{padding:11vw 4.5vw}.yj-faq h2{margin-bottom:50px}details{border-top:1px solid var(--ink);padding:22px 0}details:last-child{border-bottom:1px solid var(--ink)}summary{font-size:18px;font-weight:700;cursor:pointer;list-style:none}summary:after{content:'+';float:right}details[open] summary:after{content:'−'}details p{max-width:760px;font:14px/1.8 'Noto Sans HK',sans-serif;margin:20px 0 0}.yj-contact{background:#28382f;color:#eaf0e8;padding:12vw 4.5vw}.yj-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:11vw}.yj-contact h2{margin:35px 0}.yj-contact-grid>div>p:not(.yj-kicker){font:14px/1.7 'Noto Sans HK',sans-serif;color:#c5d0c4}.yj-contact-grid>div>a{font-size:20px;font-weight:700;text-decoration:none;color:var(--acid)}form{display:grid;gap:20px}label{font:10px var(--mono);letter-spacing:.06em}input,textarea{display:block;background:transparent;width:100%;border:0;border-bottom:1px solid #aab8aa;color:#fff;padding:10px 0;font:16px var(--sans);outline:none}button{background:var(--acid);border:0;padding:15px;color:var(--ink);font:11px var(--mono);cursor:pointer}form small{font:9px var(--mono);color:#bbc9ba}.yj-footer{background:var(--ink);color:#d7ded3;display:grid;grid-template-columns:2fr 1fr 1fr;padding:5vw 4.5vw 25px;gap:5vw}.yj-footer>div b{font-size:27px;letter-spacing:-.08em}.yj-footer p{font:12px/1.7 'Noto Sans HK',sans-serif;max-width:320px}.yj-footer span{display:block;font:10px var(--mono);margin-bottom:16px}.yj-footer a{display:block;text-decoration:none;font-size:12px;margin:8px 0}.yj-footer>p{grid-column:1/-1;border-top:1px solid #aab8aa44;padding-top:18px;max-width:none;font:9px var(--mono)}@media(max-width:700px){.yj-top{justify-content:space-between}.yj-top span:first-child{display:none}.yj-nav{height:65px}.yj-nav nav{display:none}.yj-quote{font-size:9px}.yj-hero{padding:18vw 7vw;min-height:700px}.yj-hero-copy{width:100%}.yj-hero h1{font-size:59px}.yj-hero-art{opacity:.58;width:75%;right:-9%}.yj-jacket{width:310px;height:490px;left:0}.yj-steps{grid-template-columns:1fr 1fr;gap:13px}.yj-steps div{border-right:0;padding:0}.yj-range,.yj-catalogue,.yj-about,.yj-factory,.yj-work,.yj-standards,.yj-faq,.yj-contact{padding-left:6vw;padding-right:6vw}.yj-categories article{border-top:1px solid var(--ink);border-right:1px solid var(--ink)}.yj-categories h3{margin-top:35px}.yj-catalogue-head{display:block}.yj-catalogue-head span{display:block;text-align:left;margin-top:18px;line-height:2}.yj-product-list article{border-left:1px solid #38443c!important;min-height:0}.yj-product-list p{min-height:0}.yj-about-inner,.yj-contact-grid{display:block}.yj-about h2{margin-bottom:40px}.yj-process{grid-template-columns:1fr 1fr}.yj-process div{min-height:120px;border-bottom:1px solid var(--ink)}.yj-odm{display:block}.yj-odm ul{margin-top:40px}.yj-work .col-sm-4{min-height:0}.yj-standards .col-xs-6{min-height:115px}.yj-footer{grid-template-columns:1fr 1fr}.yj-footer>div:first-child{grid-column:1/-1}}