:root{--navy:#112d42;--ink:#172e3d;--muted:#6c7b84;--line:#dce3e6;--blue:#17608a;--paper:#f4f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3b9cba;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}p{line-height:1.9}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.25}h1{font-size:clamp(36px,4vw,58px)}h2{font-size:clamp(29px,3vw,42px)}h3{font-size:19px;line-height:1.5;font-weight:500}small{display:block}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:15px}header{height:94px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8ecee}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:var(--navy);color:#fff;font-size:35px;font-style:italic;font-weight:900;width:47px;height:46px;clip-path:polygon(0 0,100% 0,100% 79%,78% 100%,0 100%)}.brand b{font-size:24px;letter-spacing:.05em;line-height:1}.brand small{font-size:10px;letter-spacing:.14em;margin-top:7px}.header-inner nav{display:flex;align-items:center;gap:29px;margin-left:auto;font-size:13px;white-space:nowrap}nav a{padding:36px 0;position:relative}nav a.active:after{content:'';position:absolute;height:2px;background:var(--blue);bottom:24px;left:0;right:0}.language{font-size:12px;border-left:1px solid var(--line);padding-left:23px;white-space:nowrap}.language span{margin-left:8px}.menu-toggle{display:none}.hero{background:#eef2f3;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;color:var(--blue);margin:0 0 26px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#408f95;margin-right:9px}.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.28;margin:0 0 18px}.hero-en{font-size:11px;letter-spacing:.23em;margin-bottom:26px;color:#6b7e88}.hero-description{color:#5e717d;font-size:15px;margin-bottom:32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:17px 23px;background:var(--navy);color:#fff;border:1px solid var(--navy);font-size:13px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;transition:background .2s,transform .2s}.button:hover{background:#24526b;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--navy);border-color:#aab9c2}.button.secondary:hover{background:#e0e8ec}.hero-visual{position:relative;height:560px;background:radial-gradient(ellipse at 55% 50%,#fff9,#dae4e744 70%,transparent 71%)}.hero-visual:before{content:'';position:absolute;inset:30px 10px;border:1px solid #b7c7ce66;border-radius:50%}.visual-label{position:absolute;top:55px;left:24px;font-size:9px;letter-spacing:.13em;color:#798b95}.visual-note{position:absolute;bottom:45px;right:8px;font-size:10px;color:#819098}.orbit-label{position:absolute;right:-4px;top:106px;font-size:10px;line-height:1.6;letter-spacing:.1em;color:#76909f}.hero-bottom{border-top:1px solid #d4dfe3;display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#6b808d;font-size:10px;letter-spacing:.09em}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){font-size:13px;max-width:340px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.product-card{display:block}.product-img{height:260px;background:#f0f3f3;position:relative;overflow:hidden;transition:background .2s}.product-card:hover .product-img{background:#e4ebed}.product-no{position:absolute;bottom:18px;left:22px;font-size:10px;letter-spacing:.15em;color:#7d8b92}.product-line{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.product-line h3{margin:0}.product-line>span{font-size:22px}.product-card>p{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0 0}.section-bottom{border-bottom:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.text-link{font-size:13px;color:var(--blue);line-height:1.8}.custom-strip{background:var(--navy);color:#fff;padding:78px 0}.custom-strip .eyebrow{color:#a3bdce}.custom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.custom-grid h2{margin:0}.custom-grid>div>p:not(.eyebrow){font-size:14px;color:#c2d1db}.custom-strip .button{background:#fff;color:var(--navy);border-color:#fff;margin-top:15px}.news-row{display:grid;grid-template-columns:200px 1fr 30px;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.news-row:last-of-type{border-bottom:1px solid var(--line)}.news-index{font-size:10px;letter-spacing:.09em;color:#7b8b95}.news-row h3{margin:0;font-size:19px;transition:color .2s}.news-row:hover h3{color:var(--blue)}.arrow{font-size:25px}.page-banner{background:var(--paper);padding:75px 0 64px}.page-banner h1{margin-bottom:23px}.page-banner .wrap>p:last-child{color:var(--muted);font-size:15px;margin-bottom:0}.filter-bar{display:flex;justify-content:space-between;font-size:12px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px}.filter-bar span+span{color:var(--muted)}.disclaimer{font-size:12px!important;color:var(--muted);margin-top:30px;line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px;align-items:center}.detail-art{height:460px;background:#f1f4f5;position:relative;overflow:hidden}.detail-art .material{transform:scale(1.3);height:100%}.detail-art>span{position:absolute;bottom:20px;left:25px;font-size:10px;color:var(--muted)}.lead{color:#647681;font-size:16px;line-height:1.9}.spec-list{list-style:none;margin:22px 0 32px;padding:0}.spec-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-list li:before{content:'+';margin-right:18px;color:var(--blue)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:50px 0 70px;border-top:1px solid var(--line)}.steps article{padding:30px 30px 0 0}.steps article>span{display:block;font-size:34px;color:#b3c3cc;margin-bottom:24px}.steps article p{font-size:13px;color:var(--muted)}.callout{background:var(--paper);padding:35px;display:flex;gap:35px;align-items:center;justify-content:space-between}.callout p{margin-bottom:0;color:var(--muted);font-size:13px}.callout h3{margin-bottom:10px}.prose{max-width:850px}.prose .eyebrow{margin-top:50px}.prose h1{font-size:43px;margin-bottom:50px}.prose h2{font-size:25px;margin-top:36px}.prose>p{color:#647681;font-size:16px}.about-art{height:420px;overflow:hidden;background:#eef1f2}.about-art .material{height:100%;transform:scale(1.2)}.about-grid{align-items:center}.about-grid p:not(.eyebrow){color:var(--muted);font-size:14px}.about-grid .button{margin-top:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:95px}.contact-item{padding:22px 0;border-bottom:1px solid var(--line)}.contact-item>span{font-size:11px;color:var(--muted);display:block;margin-bottom:12px}.contact-item p{font-size:14px;margin:0}.phone{font-size:25px;letter-spacing:-.03em}.enquiry{padding:35px;background:var(--paper)}.enquiry>p{font-size:12px;color:var(--muted)}.enquiry label{display:block;font-size:12px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;border:1px solid #d1dce2;border-radius:0;width:100%;padding:13px;background:#fff;color:var(--ink);margin-top:9px;font-size:14px}textarea{resize:vertical}#brief-box{margin-top:26px}#copy-status{font-size:12px;color:var(--blue)}footer{background:#f0f3f4;border-top:1px solid var(--line);padding-top:55px}.footer-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;padding-bottom:50px}.footer-top h2{font-size:24px;margin-bottom:14px}.footer-top>div>a{font-size:16px;color:#677e8c}.footer-store{justify-self:end;font-size:12px}.footer-bottom{border-top:1px solid #d8e1e5;padding:22px 0 28px;display:flex;gap:30px;justify-content:space-between;color:#7e909b;font-size:10px}.material{height:100%;width:100%;position:relative;--tape:#bac6cc;--edge:#82939e}.material.amber{--tape:#c9923d;--edge:#9e6425}.material.black{--tape:#34434c;--edge:#16232b}.material.copper{--tape:#bd8965;--edge:#8f5537}.material.green{--tape:#9bad99;--edge:#67806c}.material.white{--tape:#eef5f4;--edge:#b7c6c9}.material.grit{--tape:#596065;--edge:#30393f}.roll{position:absolute;width:48%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0px,transparent 2px,#ffffff10 3px,#364a5520 4px),conic-gradient(from 35deg,#fff9,var(--tape) 12%,var(--edge) 32%,var(--tape) 50%,#fff9 64%,var(--tape) 76%,var(--edge) 96%);box-shadow:13px 25px 21px #203a452b,inset 0 0 0 1px #ffffff55;transform:rotateX(37deg) rotateY(-18deg) rotateZ(-20deg);left:21%;top:14%;z-index:2}.roll:before{content:'';position:absolute;inset:33%;border-radius:50%;background:linear-gradient(130deg,#50616b,#b1bbc0 42%,#f1f4f3 44%,#9ca9ad);box-shadow:inset 7px 10px 9px #122b3d70,0 0 0 5px #d9d6c9}.r2{width:40%;top:40%;left:44%;z-index:3;transform:rotateX(31deg) rotateY(-22deg) rotateZ(27deg)}.sheet{position:absolute;width:35%;height:60%;top:28%;left:17%;background:linear-gradient(115deg,#fff8,var(--tape) 25%,var(--edge) 55%,#fff9 75%,var(--tape));transform:rotate(-28deg) skewY(18deg);clip-path:polygon(0 0,100% 9%,90% 100%,0 87%);box-shadow:0 20px 22px #102d4230;z-index:1}.grit .roll{background:repeating-conic-gradient(#ffffff09 0 2deg,#0001 3deg 5deg),var(--tape)}.hero-art .r1{width:66%;left:12%;top:13%}.hero-art .r2{width:51%;left:45%;top:44%}.hero-art .sheet{width:42%;left:11%;top:32%;height:49%}.hero-art .measure{position:absolute;width:70%;height:1px;background:#a9bcc5;bottom:16%;left:10%;transform:rotate(-13deg);z-index:0}.hero-art .measure:before,.hero-art .measure:after{content:'';height:8px;width:1px;position:absolute;background:#a9bcc5;top:-4px}.hero-art .measure:after{right:0}@media(min-width:1600px){.hero-grid{min-height:710px}.hero-visual{height:630px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header-inner{gap:20px}.header-inner nav{gap:18px}.brand b{font-size:21px}.language{padding-left:15px}.hero-grid{min-height:580px}.hero-visual{height:470px}.hero h1{font-size:54px}.contact-grid{gap:45px}.custom-grid{gap:60px}}@media(max-width:820px){header{height:76px}.wrap{width:calc(100% - 40px)}.header-inner{gap:20px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:var(--navy);font-size:24px;padding:8px}.header-inner nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:16px 24px;border-bottom:1px solid var(--line);margin:0}.header-inner nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}nav a{padding:16px 0}nav a.active:after{bottom:7px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-top:54px;z-index:1}.hero h1{font-size:52px}.hero-visual{height:420px;max-width:560px;width:100%;margin:auto}.hero-bottom{font-size:8px;flex-wrap:wrap;padding:20px 0}.hero-bottom>span:nth-child(2){display:none}.hero-visual:before{inset:15px 40px}.visual-label{left:35px;top:30px}.visual-note{right:20px;bottom:24px}.orbit-label{right:15px;top:60px}.section{padding-top:58px;padding-bottom:58px}.section-heading{align-items:start;flex-direction:column;gap:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.product-img{height:235px}.section-bottom{flex-direction:column;gap:12px}.custom-grid,.two-cols,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.custom-strip{padding:55px 0}.custom-grid h2{font-size:36px}.steps{grid-template-columns:1fr 1fr}.callout{align-items:start;flex-direction:column;padding:25px}.news-row{grid-template-columns:1fr 30px;gap:8px;padding:23px 0}.news-index{grid-column:1/-1}.news-row h3{font-size:17px}.page-banner{padding:55px 0 45px}.detail-art{height:370px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-store{justify-self:start}.footer-bottom{flex-wrap:wrap;gap:16px}.prose h1{font-size:34px}.about-art{height:330px}.filter-bar{gap:20px;line-height:1.8}.filter-bar span+span{max-width:50%;text-align:right}.enquiry{padding:24px}.hero-en{font-size:10px}.product-line h3{font-size:17px}}@media(max-width:480px){.product-grid{grid-template-columns:1fr}.product-img{height:280px}.product-line{margin-top:15px}.hero h1{font-size:46px}.hero-visual{height:340px}.hero-description{font-size:13px}.button{gap:26px;padding:15px 20px}.hero-en{letter-spacing:.13em}.brand-mark{width:39px;height:39px;font-size:30px}.brand b{font-size:21px}.brand small{font-size:8px}.language{padding-left:14px}.form-row{grid-template-columns:1fr;gap:0}.steps{gap:15px}.steps article{padding-right:0}.prose h1{font-size:31px}.detail-art{height:320px}.contact-item .phone{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied company logo and die-cut material illustration */
.brand-logo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:6px}.footer-email{display:block;margin-top:12px}.diecut{--tape:#c2cbd0;--edge:#8d9da7}.diecut .roll{border-radius:6px;width:42%;height:50%;aspect-ratio:auto;background:linear-gradient(135deg,#edf1f3,#a2b1ba);transform:rotate(-20deg) skewY(12deg);box-shadow:5px 9px 0 #758792,10px 18px 20px #203a452b}.diecut .roll:before{inset:22%;border-radius:4px;background:#f0f3f3;box-shadow:inset 2px 4px 5px #45596655}.diecut .r2{left:48%;top:28%;width:31%;height:48%;transform:rotate(18deg) skewY(-8deg)}.diecut .sheet{background:linear-gradient(115deg,#e8c480,#be8f44);height:50%;top:36%}@media(max-width:480px){.brand-logo{width:40px;height:40px}}