:root{--gold:#a77626;--ink:#282724;--muted:#66635d;--line:#e8e5df;--soft:#f6f4f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:white;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}button,input,textarea{font:inherit}.wrap{width:min(1280px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:120px}.brand{display:flex;align-items:center;gap:18px;font-size:16px;font-weight:700;line-height:1.3}.brand img{width:76px;height:82px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.4px;margin-top:8px;font-weight:400}.brand-mark{position:relative;display:block;width:76px;flex-shrink:0}.brand-mark svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.brand-mark path{fill:none;stroke:#bd8a2e;stroke-width:12;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:1100;animation:trace 1.6s ease forwards}.brand-mark svg{animation:fadeAway .5s 2s forwards}.brand-mark img{animation:logoReveal 1.6s ease both}nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;justify-content:center;gap:16px;align-items:center;background:var(--gold);color:white;border:1px solid var(--gold);padding:14px 24px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#8a611e;color:white;transform:translateY(-2px)}.outline{background:white;color:var(--ink)}.outline:hover{background:var(--soft);color:var(--ink)}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:25px 0 65px}.hero-copy{animation:rise .8s .15s both}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--gold);margin:0 0 24px;text-transform:uppercase}h1,h2,h3{line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px}h1{font-size:clamp(40px,4.1vw,62px);font-weight:600}h2{font-size:clamp(30px,3vw,43px);font-weight:500}h3{font-size:23px;letter-spacing:-.6px}.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-picture{position:relative;border-radius:12px;overflow:hidden;animation:rise 1s .25s both}.hero-picture img{height:545px;width:100%;object-fit:cover}.hero-picture span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#191919c9);padding:60px 25px 22px;color:white;font-size:12px}.partner-band{border-block:1px solid var(--line);padding:28px 0}.partner-band>.wrap{display:flex;align-items:center;gap:32px}.partner-band .eyebrow{margin:0;white-space:nowrap;color:var(--muted)}.partner-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;align-items:center;width:100%}.partner-strip a{height:50px;display:flex;align-items:center;justify-content:center;padding:8px}.partner-strip img{max-height:38px;width:auto;max-width:115px;object-fit:contain}.mial{font-size:26px;letter-spacing:1px}.section{padding-top:90px;padding-bottom:90px}.section>h2{margin-bottom:38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .25s}.card:hover{transform:translateY(-5px);color:var(--ink)}.card>img,.material-art{height:250px;width:100%;object-fit:cover}.card>div:not(.material-art){padding:26px}.card p{color:var(--muted);font-size:15px}.card span,.text-link{color:var(--gold);font-size:14px;font-weight:600}.image-note{font-size:11px;color:#777;margin-top:20px}.material-art{background:#f2eee6;display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden}.material-art i{display:block;width:90px;height:160px;background:repeating-linear-gradient(0deg,#e0d8c9 0 1px,#faf7ee 1px 4px);border-radius:45% 45% 20% 20%;box-shadow:10px 14px 20px #b6a88b3a;transform:rotate(-15deg)}.material-art i:nth-child(2){height:110px;width:70px;transform:rotate(8deg)}.material-art i:nth-child(3){height:130px;width:60px;transform:rotate(15deg)}.about-band{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-band>.split:not(.section){padding-block:75px}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:70px;padding-bottom:70px}.cta h2{max-width:710px;margin:0;font-size:35px}.cta .button{flex-shrink:0}footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1.3fr .7fr;gap:40px;padding-top:32px;padding-bottom:40px;font-size:12px}footer p{color:var(--muted);margin:8px 0}.page-lead{padding-top:65px;padding-bottom:45px}.page-lead h1{max-width:900px}.wide-photo{width:100%;height:390px;object-fit:cover;border-radius:8px}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-block:45px}.product-list article{border-top:2px solid var(--gold);padding-top:25px}.product-list a,.partner-card>a,.legal a,.form-info a{text-decoration:underline;text-underline-offset:4px;color:var(--gold)}.detail>p{max-width:750px}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.partner-card{border:1px solid var(--line);padding:40px;border-radius:8px;scroll-margin-top:40px}.partner-logo{height:90px;display:flex;align-items:center;margin-bottom:30px}.partner-logo img{max-height:70px;max-width:200px;object-fit:contain}.partner-card h2{font-size:30px}.partner-card .eyebrow{margin-bottom:15px}.partner-card .manufacturer{display:block;font-size:12px;color:var(--muted);margin-top:16px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:35px}.contact-grid h2{font-size:26px}.contact-grid a{overflow-wrap:anywhere}label{display:block;font-size:14px;font-weight:600;margin-bottom:22px}label span{font-weight:400;color:var(--muted)}input,textarea{display:block;width:100%;border:1px solid #d5d0c6;padding:12px;border-radius:4px;margin-top:8px;background:#fff}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-info{font-size:12px;color:var(--muted)}.legal{max-width:850px;padding-top:20px}.legal h2{font-size:25px;margin-top:40px}.notice{border-left:3px solid var(--gold);padding:20px;background:var(--soft);font-size:14px}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:99}.skip:focus{top:0}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes trace{to{stroke-dashoffset:0}}@keyframes fadeAway{to{opacity:0}}@keyframes logoReveal{from{opacity:.2}to{opacity:1}}@media(max-width:1000px){header{gap:15px}.brand span{font-size:13px}nav{gap:16px}.hero{gap:28px}.hero-picture img{height:480px}.partner-band>.wrap{display:block}.partner-band .eyebrow{margin-bottom:20px}.split{gap:40px}.contact-grid{gap:40px}.card>img,.material-art{height:200px}}
@media(max-width:760px){.wrap{width:90%}header{min-height:95px;position:relative;flex-wrap:wrap;padding-block:12px}.brand img{width:55px;height:60px}.brand-mark{width:55px}.brand span{font-size:12px;max-width:180px}.brand small{font-size:9px}.menu{display:block;border:1px solid var(--line);padding:9px 13px;background:white;border-radius:4px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:5px;padding:15px 0}nav.open{display:flex}nav a{padding:10px}.hero{grid-template-columns:1fr;padding-top:30px;gap:35px;padding-bottom:40px}h1{font-size:42px;letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:1.8px}.intro{font-size:16px}.hero-picture img{height:340px}.partner-strip{grid-template-columns:repeat(3,1fr);gap:16px}.partner-strip img{max-width:90px}.section{padding-block:55px}.cards,.split,.product-list,.partner-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.card>img,.material-art{height:250px}.about-band>.split:not(.section){padding-block:50px}.cta{display:block;padding-block:45px}.cta h2{font-size:30px}.cta .button{margin-top:25px}footer{grid-template-columns:1fr;gap:20px}.page-lead{padding-top:40px;padding-bottom:15px}.wide-photo{height:300px}.partner-card{padding:28px}.form-row{grid-template-columns:1fr;gap:0}.product-list{margin-block:30px}.legal h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.brand-mark svg{display:none}}
/* Normalise visible artwork rather than source canvas dimensions. */
.partner-strip{display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px 36px}.partner-strip a{height:76px;min-width:120px;padding:0;flex:0 0 auto}.partner-strip img{height:48px;width:auto;max-height:none;max-width:none}.partner-strip .mial{font-size:46px;line-height:1}.partner-logo{height:110px}.partner-logo img{height:76px;width:auto;max-height:none;max-width:100%;object-fit:contain;object-position:left center}.partner-logo .mial{font-size:70px;line-height:1}.partner-band>.wrap{display:block}.partner-band .eyebrow{margin-bottom:22px}.replay-intro{border:0;background:none;color:var(--gold);font:inherit;text-align:left;padding:0;cursor:pointer;text-decoration:underline;grid-column:1/-1}.logo-intro{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .55s ease}.logo-intro.leaving{opacity:0;pointer-events:none}.intro-graphic{width:min(420px,72vw);height:auto;overflow:visible}.intro-letters{animation:assembleLetters .65s ease both}.intro-world{animation:assembleWorld 1.6s .45s cubic-bezier(.2,.6,.25,1) both;clip-path:inset(0 0 0 0)}.intro-name{font-size:clamp(13px,2.6vw,18px);letter-spacing:.6px;margin:22px;text-align:center;animation:rise .65s 1.65s both}.intro-skip{position:absolute;bottom:35px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:10px 20px;color:var(--muted);cursor:pointer}.intro-reduced .intro-letters,.intro-reduced .intro-world,.intro-reduced .intro-name{animation:none!important;clip-path:none}@keyframes assembleLetters{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes assembleWorld{from{clip-path:inset(100% 0 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}@media(max-width:760px){.partner-strip{gap:22px 28px}.partner-strip a{min-width:100px;height:65px}.partner-strip img{height:40px}.partner-strip .mial{font-size:40px}.partner-logo img{height:64px}.partner-logo .mial{font-size:62px}.partner-card{overflow:hidden}} 
.partner-logo img{height:64px}.partner-logo .mial{font-size:64px}@media(max-width:760px){.partner-logo img{height:38px}.partner-logo .mial{font-size:42px}}
.story-intro{position:fixed;inset:0;z-index:1200;background:radial-gradient(ellipse at 50% 40%,#fff 35%,#f4f0e8 100%);color:#292824;opacity:1;transition:opacity .55s ease;overflow:hidden}.story-exit{opacity:0;pointer-events:none}.story-top{position:absolute;top:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.story-top span{font-size:10px;letter-spacing:2px;color:#8d702e}.story-skip{border:1px solid #d8cdb8;background:#ffffffc9;padding:10px 18px;border-radius:4px;color:#71531d;cursor:pointer}.story-intro canvas{position:absolute;inset:0}.story-logo{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(320px,50vw);text-align:center;pointer-events:none;opacity:0}.story-logo img{width:100%;mix-blend-mode:multiply}.story-logo p{white-space:nowrap;font-size:clamp(10px,2vw,14px);margin:10px -30px;letter-spacing:.3px}.story-caption{position:absolute;bottom:9%;left:6%;right:6%;text-align:center;pointer-events:none}.story-step{font-size:10px;letter-spacing:2.5px;color:#a77626}.story-caption h2{font-size:clamp(24px,3vw,40px);margin:12px 0;letter-spacing:-.8px}.story-caption p{font-size:14px;color:#736c61;margin:0}.story-progress{position:absolute;bottom:0;height:3px;width:100%;background:#ece6da}.story-progress i{display:block;width:100%;height:100%;background:#ac7d2e;transform-origin:left;transform:scaleX(0)}@media(max-width:600px){.story-top{top:20px}.story-top span{max-width:150px;font-size:8px}.story-skip{font-size:12px;padding:9px 12px}.story-caption{bottom:10%}.story-caption p{font-size:12px}.story-logo{width:55vw}}@media(prefers-reduced-motion:reduce){.story-intro{display:none}}
