@font-face{font-family:Smiley;src:url('assets/fonts/smiley-sans-display.woff2')} :root{--ink:#151719;--steel:#d7d6d1;--paper:#eeeae1;--red:#b62e20;--line:rgba(21,23,25,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",sans-serif;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;width:100%}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip{position:fixed;z-index:100;background:#fff;padding:.7rem 1rem;transform:translateY(-160%)}.skip:focus{transform:none}header{position:fixed;z-index:40;inset:0 0 auto;height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}header.scrolled{background:rgba(21,23,25,.96)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;width:max-content}.brand svg{width:40px;fill:none;stroke:currentColor;stroke-width:1.7}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:.55rem;letter-spacing:.15em}.desktop{display:flex;gap:1.8rem}.desktop a,.head-cta{text-decoration:none;font-size:.84rem}.head-cta{justify-self:end;border-bottom:1px solid}.menu{display:none;background:none;border:0;color:inherit;width:48px;height:48px}.menu span{display:block;height:1px;background:currentColor;margin:8px;transition:.2s}aside{position:fixed;z-index:35;inset:0;background:var(--ink);color:#fff;padding:8rem 7vw 3rem}aside nav{display:flex;flex-direction:column}aside a{font:2.8rem/1.2 Smiley;padding:.55rem 0;border-bottom:1px solid #555;text-decoration:none}aside p{position:absolute;bottom:2rem}.hero{position:relative;min-height:100svh;background:#111;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,12,.9),rgba(10,11,12,.38) 58%,rgba(10,11,12,.12)),linear-gradient(0deg,rgba(10,11,12,.72),transparent 48%)}.copy{position:relative;z-index:2;padding:24vh 6vw 12vh;max-width:780px}.hero h1,.intro h2,.cutaway h2,.family h2,.making h2,.quality h2,.application h2,.factory h2,.contact h2{font:600 clamp(3rem,6vw,6.4rem)/.94 Smiley;letter-spacing:-.035em;margin:0}.hero em{font-style:normal;color:#d9d7d1}.copy>p{max-width:520px;font-size:1.05rem;margin:1.8rem 0}.copy>div{display:flex;gap:1rem}.button{display:inline-flex;min-height:48px;align-items:center;padding:.8rem 1.3rem;text-decoration:none}.red{background:var(--red)}.line{border:1px solid #ccc}.flowline{position:absolute;z-index:2;left:6vw;right:5vw;bottom:3rem;height:2px;background:rgba(255,255,255,.45);display:flex;justify-content:space-between;align-items:center}.flowline i{width:16px;height:16px;border-radius:50%;background:var(--red)}.flowline span{font-size:.6rem;letter-spacing:.15em;background:#111;padding:.2rem .5rem}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;padding:9rem 6vw}.intro h2{font-size:clamp(3rem,5vw,5.2rem)}.cutaway,.family,.quality,.application{display:grid;grid-template-columns:1.15fr .85fr;min-height:720px;background:#fff}.cutaway img,.family img,.quality img,.application img{height:100%;object-fit:cover}.cutaway>div,.family>div,.quality>div,.application>div{padding:8rem 5vw;display:flex;flex-direction:column;justify-content:center}.cutaway span,.family span{font-size:.67rem;color:var(--red);letter-spacing:.14em}.cutaway h2,.family h2,.quality h2,.application h2{font-size:clamp(2.8rem,4.7vw,5rem)}.family{grid-template-columns:.85fr 1.15fr;background:var(--ink);color:#fff}.making{position:relative;padding:9rem 6vw;background:var(--steel)}.making header{position:static;color:var(--ink);height:auto;padding:0;display:grid;grid-template-columns:1fr .6fr;gap:6vw;border:0}.making header p{align-self:end}.making article{display:grid;grid-template-columns:1.35fr .65fr;gap:5vw;align-items:center;margin:7rem 0}.making article:nth-of-type(2){grid-template-columns:.65fr 1.35fr}.making article:nth-of-type(2) img{grid-column:2}.making article:nth-of-type(2) div{grid-column:1;grid-row:1}.making article img{aspect-ratio:3/2;object-fit:cover}.making h3{font:3.2rem/1 Smiley;margin:.7rem 0}.making article b{color:var(--red)}.quality{background:#202326;color:#fff}.application{grid-template-columns:.85fr 1.15fr}.factory{position:relative;min-height:650px;color:#fff;display:flex;align-items:end}.factory img{position:absolute;inset:0;height:100%;object-fit:cover}.factory:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,22,23,.9),transparent 70%)}.factory div{position:relative;z-index:2;padding:6rem;max-width:900px}.factory h2{font-size:clamp(3rem,5vw,5rem)}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:9rem 6vw}.contact h2{font-size:clamp(3rem,5vw,5rem)}form{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}label{display:flex;flex-direction:column;font-size:.8rem}.wide{grid-column:1/-1}input,select,textarea{font:inherit;border:0;border-bottom:1px solid #666;background:transparent;padding:.8rem 0}textarea{border:1px solid #666;padding:1rem}form button{border:0;background:var(--ink);color:#fff;min-height:48px;width:max-content;padding:.8rem 1.4rem}.status{grid-column:1/-1;color:#7d2118;font-weight:700;min-height:1.5em}footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:2rem;padding:4rem 6vw;background:#0e1011;color:#fff;align-items:end}footer div{display:flex;flex-direction:column}footer span,footer p{font-size:.72rem;color:#bbb}footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}@media(max-width:900px){header{grid-template-columns:1fr auto}.desktop,.head-cta{display:none}.menu{display:block}.menu[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.intro,.cutaway,.family,.quality,.application,.contact{grid-template-columns:1fr}.family img{grid-row:1}.making header{grid-template-columns:1fr}.making article,.making article:nth-of-type(2){grid-template-columns:1fr}.making article:nth-of-type(2) img,.making article:nth-of-type(2) div{grid-column:1;grid-row:auto}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}@media(max-width:600px){header{height:72px;padding:0 5vw}.brand small{display:none}.copy{padding:18vh 5vw}.hero h1{font-size:15vw}.copy>div{flex-direction:column}.flowline{top:45%;bottom:3rem;left:auto;right:7vw;width:2px;height:auto;flex-direction:column}.flowline span{font-size:.48rem;transform:translateX(-2.7rem)}.intro,.contact{padding:6rem 5vw}.intro h2,.cutaway h2,.family h2,.quality h2,.application h2,.factory h2,.contact h2{font-size:12vw}.cutaway>div,.family>div,.quality>div,.application>div{padding:5rem 5vw}.making{padding:6rem 5vw}.making article{margin:5rem 0}.making h3{font-size:2.5rem}.factory{min-height:600px}.factory div{padding:5rem}form{grid-template-columns:1fr}.wide{grid-column:auto}footer{grid-template-columns:1fr;padding:4rem 5vw}footer p{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}