*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e38b2c;outline-offset:4px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.65}a{text-underline-offset:4px}.skip{position:absolute;left:20px;top:-100px;z-index:30;background:white;color:black;padding:12px}.skip:focus{top:12px}.wrap{max-width:1320px;margin:auto;padding-inline:clamp(22px,5vw,76px)}header{position:relative;z-index:10}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:100px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:600}.menu{display:none;background:none;color:inherit;border:1px solid currentColor;padding:10px 15px;min-height:44px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;min-height:50px;text-decoration:none;font-weight:700;border:0}.actions{display:flex;flex-wrap:wrap;gap:12px}.section{padding-block:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head p{max-width:36ch;margin:0}.section-head h2{margin:0}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #bac6cf;padding:14px;background:white;color:#172637;border-radius:0}.field textarea{min-height:120px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field.wide{grid-column:1/-1}.form-note{font-size:13px;line-height:1.5}.preview{margin-top:22px;padding:20px;border:1px solid currentColor;line-height:1.6}.notice{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:20px;font-size:12px;border-top:1px solid #cbd2d8}.notice p{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-grid h3{font-size:15px;margin-bottom:10px}address{font-style:normal;line-height:1.7}section[id]{scroll-margin-top:20px}[hidden]{display:none!important}@media(max-width:850px){header .wrap{min-height:80px}.menu{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:24px;background:var(--nav-bg,#fff);color:var(--nav-ink,#172637);flex-direction:column;align-items:stretch;border-bottom:1px solid #cbd2d8}nav.open{display:flex}nav a{padding:10px}.section{padding-block:70px}.section-head{display:block}.section-head p{margin-top:20px}.contact-grid{grid-template-columns:1fr}.notice{align-items:start;flex-direction:column}.fields{gap:18px}}@media(max-width:500px){.fields{grid-template-columns:1fr}.section{padding-block:55px}.actions .btn{flex:1}h1,h2{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--nav-bg:#fff;--nav-ink:#283d80}body{color:#283d80;background:#fff;font-family:"Trebuchet MS",Arial,sans-serif}.logo{width:210px}.logo img{width:100%}header .wrap{min-height:115px}.nav-enquiry{padding:12px 0;border-bottom:2px solid #f1884c}.nav-enquiry span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2%;padding-block:45px 60px}.hello{font-size:14px;margin-bottom:28px;color:#6a74a0}h1{font-size:clamp(48px,5.6vw,78px);line-height:1.04;letter-spacing:-.058em;font-weight:700;margin-bottom:28px}h2{font-size:clamp(35px,4.1vw,55px);line-height:1.08;letter-spacing:-.045em}h3{letter-spacing:-.025em}.intro{font-size:17px;color:#68759f;max-width:37ch;margin-bottom:30px}.btn{gap:30px;font-size:13px}.orange{background:#f28b50;color:#263568}.orange:hover{background:#ffad7c}.outline{border:1px solid #909ec7;background:white;color:#283d80}.outline:hover{background:#f0effb}.hero-location{font-size:10px;margin-top:34px;display:flex;align-items:center;gap:9px;color:#7d87aa}.location-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border:2px solid #f0874a;border-radius:50%}.hero-art{background:#f1effa;position:relative;border-radius:50% 50% 4% 50%;padding:0 12px}.hero-art img{width:100%;animation:material-appear 1s ease both}@keyframes material-appear{from{transform:rotate(-2deg) scale(.98)}to{transform:none}}.business-strip{background:#e8edf8}.business-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:27px;font-size:18px;font-weight:600;letter-spacing:-.03em}.strip-plus{color:#f1844a;font-size:28px}.strip-arrow{font-size:35px;color:#687bad}.section-head p{color:#7380a8;font-size:15px}.materials-explorer{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.material-display{background:#f2f0fa;min-height:380px;padding:35px}.material-stage{position:relative;height:260px;max-width:420px;margin:auto;perspective:600px}.shape{position:absolute;width:220px;height:240px;left:85px;top:10px;background:linear-gradient(145deg,#ffbb84a8,#f18c5ac4);border:1px solid #efb899;box-shadow:7px 9px 0 #c677424a;transform:rotate(-13deg) skew(-4deg);transition:transform .3s,width .3s,height .3s,clip-path .3s}.shape-back{background:linear-gradient(145deg,#bed6f596,#637edd99);left:37px;top:30px;transform:rotate(14deg);border-color:#afc4ea;box-shadow:6px 8px 0 #4059a04a}.shape.shadow{width:250px;height:20px;left:65px;top:257px;border:0;background:#47416c0d;box-shadow:none;border-radius:50%;transform:none}.material-caption{display:flex;justify-content:space-between;font-size:11px;padding-top:28px;color:#7780a8}.material-stage.offcut .shape-front{clip-path:polygon(5% 0,100% 0,100% 70%,50% 70%,50% 100%,0 100%);transform:rotate(-5deg)}.material-stage.offcut .shape-back{width:165px;height:210px;transform:rotate(20deg)}.material-stage.strip .shape-front{width:52px;height:260px;left:215px;transform:rotate(24deg)}.material-stage.strip .shape-back{width:72px;height:260px;left:122px;transform:rotate(-14deg)}.material-tabs{display:flex;gap:8px;border-bottom:1px solid #d4d8e8;padding-bottom:20px}.material-tabs button{border:0;background:#f0f1f8;color:#6677a4;padding:12px 20px;font-size:14px;min-height:44px;border-radius:50px}.material-tabs button.active{background:#283d80;color:#fff}.material-detail h3{font-size:30px;line-height:1.16;margin:30px 0 18px}.material-detail>p{font-size:16px;max-width:38ch;color:#6c7ba6}.material-checklist{padding:17px 0 12px}.material-checklist span{font-size:11px;color:#9585b3}.material-checklist p{font-size:12px;margin-top:8px;color:#6275a1}.material-enquiry{border:0;border-bottom:1px solid #283d80;background:transparent;padding:12px 0 8px;color:#283d80;font-size:13px;font-weight:600}.material-enquiry span{margin-left:20px}.availability-note{font-size:11px;color:#8a93b0;line-height:1.6;margin:25px 0 0;max-width:43ch}.stationery{background:#293e88;color:#fff;position:relative}.stationery-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.stationery-kicker{font-size:12px;color:#b4c5ed;margin-bottom:25px}.stationery-copy>p:not(.stationery-kicker){font-size:16px;color:#c2cfeb;max-width:42ch}.stationery-art{margin-left:-30px}.stationery-lanes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:35px 0}.stationery-lanes h3{font-size:16px;margin:15px 0 8px}.stationery-lanes p{font-size:12px;color:#b6c7eb;margin:0}.lane-mark{display:block;background:#f6a070;width:22px;height:22px}.circle{border-radius:50%}.square{background:#b9a3e6;transform:rotate(15deg)}.stationery-enquiry{background:transparent;color:#fff;border:0;border-bottom:1px solid #becbed;padding:12px 0 8px;font-size:13px}.stationery-enquiry span{margin-left:22px}.trade-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.trade-title h2{margin:0}.trade-title>p{max-width:25ch;color:#7180aa;font-size:15px;margin:0}.trade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.trade-grid article{padding-top:24px;border-top:1px solid #d2d9e9}.trade-symbol{font-size:45px;line-height:1;display:block;margin-bottom:28px;color:#f18c55}.trade-grid article:nth-child(2) .trade-symbol{color:#907db6}.trade-grid article:nth-child(3) .trade-symbol{color:#4d94c4}.trade-grid h3{font-size:23px;margin-bottom:13px}.trade-grid p{font-size:14px;color:#6e7ea7;max-width:28ch}.locations{background:#eef1f8}.location-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.location-layout>div>p{color:#7180a7;font-size:15px;max-width:31ch}.location-drawing{height:200px;position:relative;max-width:350px;margin-top:35px;background:radial-gradient(ellipse at 50% 80%,#e3e7f2,transparent 65%)}.unit-point{position:absolute;font-size:11px;background:#e0e4f3;padding:8px 15px;border-radius:20px}.unit-point:before{content:'';position:absolute;width:10px;height:10px;border:4px solid #f7f8fa;background:#f08c53;border-radius:50%;top:34px;left:35px;z-index:2}.unit-point.one{top:10px;left:8px}.unit-point.two{right:10px;top:60px}.location-route{border-top:2px dashed #b8bed8;transform:rotate(15deg);position:absolute;width:240px;left:46px;top:75px}.map-name{position:absolute;bottom:35px;left:30px;color:#bcc4dd;font-size:31px;letter-spacing:-.03em}.map-note{position:absolute;bottom:0;left:30px;font-size:10px;color:#8892b2}.unit-list article{border-top:1px solid #c4cee5;padding:28px 0}.unit-label{font-size:11px;color:#8b7aa7}.unit-list h3{font-size:27px;margin:12px 0 15px}.unit-list address{font-size:14px;color:#677ba4}.enquiry{background:#f8f6fc}.enquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.enquiry-layout>div>p{font-size:16px;color:#7581a6;max-width:34ch}.enquiry-shapes{display:flex;align-items:center;gap:18px;margin-top:50px}.enquiry-shapes i{width:58px;height:58px;background:#ef9a674d;border:1px solid #e6a176;transform:rotate(-15deg)}.enquiry-shapes i:nth-child(2){border-radius:50%;background:#cab7e752;border-color:#c2abdf;transform:none;width:70px;height:70px}.enquiry-shapes i:nth-child(3){width:18px;height:75px;background:#b6c7e852;border-color:#91aad8;transform:rotate(20deg)}.field input,.field select,.field textarea{border-color:#c7cbe0;color:#283d80;background:white}.field label{font-weight:400}.form-note{color:#7c84a6;font-size:11px}.contact-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #d9dfed;gap:30px}.contact-header img{width:230px}.contact-header p{font-size:16px;margin:0;color:#7180a8}.contact-grid h3{font-size:11px;font-weight:400;color:#8490b1}.phone{font-size:29px;line-height:1.5;letter-spacing:-.03em}.emails{font-size:clamp(15px,1.65vw,22px);line-height:1.7;overflow-wrap:anywhere}.contact-grid a{font-size:12px}.notice{font-size:11px;color:#8290ad}footer{background:#eef1f8}@media(max-width:1100px){.logo{width:180px}nav{gap:22px}.hero h1{font-size:62px}.hero-art{margin-right:-20px}.hero-location{max-width:35ch;align-items:start;line-height:1.5}.shape{left:55px}.shape-back{left:10px}.material-stage.strip .shape-front{left:170px}.material-stage.strip .shape-back{left:85px}}@media(max-width:850px){header .wrap{min-height:80px}.logo{width:170px}.hero{padding-top:40px;gap:20px}.hero h1{font-size:48px}.intro{font-size:15px}.hero .actions{gap:8px}.hero .btn{padding:14px 17px;font-size:11px}.hero-art{margin-right:0;padding:0}.hero-location{font-size:9px}.business-strip .wrap{font-size:15px}.materials-explorer{gap:35px;grid-template-columns:1fr 1fr}.material-display{padding:22px;min-height:320px}.material-stage{transform:scale(.75);transform-origin:30% 20%;height:225px}.material-tabs button{padding:10px 15px;font-size:12px}.material-detail h3{font-size:25px}.material-detail>p{font-size:14px}.stationery-layout{gap:30px}.stationery-art{margin-left:-20px}.stationery-lanes{gap:20px}.trade-title{display:block}.trade-title>p{max-width:none;margin-top:20px}.trade-grid{gap:25px}.location-layout{gap:6%}.enquiry-layout{gap:7%}.enquiry-shapes i{width:45px;height:45px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:30px;gap:15px}.hello{margin-bottom:20px}.hero h1{font-size:59px}.hero .actions{gap:12px}.hero .btn{font-size:13px}.hero-location{font-size:10px;max-width:none;align-items:center;margin-top:25px}.hero-art{margin-top:12px;border-radius:40% 50% 4% 50%}.business-strip .wrap{font-size:12px;gap:15px;padding-block:20px}.strip-plus{font-size:22px}.strip-arrow{font-size:24px}.materials-explorer{grid-template-columns:1fr}.material-stage{transform:none;height:260px;max-width:300px}.material-display{padding:25px}.shape{left:70px;width:185px}.shape-back{left:32px}.material-stage.strip .shape-front{left:180px}.material-stage.strip .shape-back{left:93px}.material-tabs button{flex:1}.material-detail h3{font-size:28px}.availability-note{max-width:none}.stationery-layout{grid-template-columns:1fr}.stationery-art{order:2;margin:10px -10px 0}.stationery-lanes{gap:28px}.trade-grid{grid-template-columns:1fr;gap:30px}.trade-grid article{display:grid;grid-template-columns:60px 1fr;column-gap:20px}.trade-symbol{grid-row:1/3;margin:0}.trade-grid h3{margin:0 0 12px;font-size:22px}.trade-grid p{margin:0;max-width:none}.location-layout,.enquiry-layout{grid-template-columns:1fr;gap:40px}.location-drawing{max-width:330px}.enquiry-shapes{display:none}.contact-header{display:block}.contact-header img{width:210px;margin-bottom:25px}.emails{font-size:16px}}
@media(max-width:400px){.material-stage{width:300px;left:50%;margin-left:-150px;transform:scale(.8);transform-origin:center;height:245px}.material-display{overflow:hidden}.hero h1{font-size:52px}.business-strip .wrap{font-size:10px;gap:10px}.emails{font-size:14px}}