.kontoorbrands{--bg:#f5f2ec;--surface:#ffffff;--ink:#1b2430;--muted:#65707c;--accent:#2f5d8a;--line:#ddd6c9;--radius:3px;--hero-veil:#f5f2ec;--hero-veil-soft:#f5f2eccc;--hero-heading:#1b2430;--hero-text:#65707c;background:var(--bg);color:var(--ink);font-family:Arial Narrow,Helvetica Neue,Inter,sans-serif}.kontoorbrands *{box-sizing:border-box}.kontoorbrands h1,.kontoorbrands h2,.kontoorbrands h3{margin:0;line-height:1.1;font-weight:700;letter-spacing:-.025em}.kontoorbrands h1 em{display:block;font-style:normal;color:var(--accent)}.kontoorbrands p{line-height:1.75;margin:0}.kontoorbrands a{color:inherit;text-decoration:none}.kontoorbrands button{font:inherit;cursor:pointer}.kontoorbrands img{display:block;max-width:100%}.kontoorbrands .wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.kontoorbrands .eyebrow{display:inline-block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.kontoorbrands .hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.kontoorbrands .hdr .wrap{height:84px;display:flex;align-items:center;gap:26px}.kontoorbrands .brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.02em}.kontoorbrands nav{display:flex;gap:24px;margin-left:auto;font-size:13px}.kontoorbrands nav a{color:var(--muted);padding:6px 0;border-bottom:1px solid transparent}.kontoorbrands nav a:hover,.kontoorbrands nav a[aria-current]{color:var(--ink);border-color:var(--accent)}.kontoorbrands .act{display:flex;align-items:center;gap:10px}.kontoorbrands .login{background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:9px 16px;font-size:12px;color:var(--ink)}.kontoorbrands .login:hover{border-color:var(--accent);color:var(--accent)}.kontoorbrands .burger{display:none;background:none;border:0;color:var(--muted);font-size:11px;letter-spacing:.08em}.kontoorbrands .offline{margin:0;padding:9px 14px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center;letter-spacing:.06em}.kontoorbrands .hero-copy h1{font-size:clamp(44px,5.8vw,82px);margin-bottom:22px}.kontoorbrands .hero-copy p{max-width:460px;color:var(--muted);font-size:17px}.kontoorbrands .acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.kontoorbrands .solid{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;padding:13px 24px;font-size:13px;font-weight:600;transition:.2s}.kontoorbrands .solid:hover:not(:disabled){filter:brightness(1.08)}.kontoorbrands .solid:disabled{opacity:.55;cursor:wait}.kontoorbrands .quiet{background:none;border:0;color:var(--accent);font-size:14px;padding:12px 0}.kontoorbrands .stats{background:var(--ink);color:var(--bg);padding:30px 0}.kontoorbrands .stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.kontoorbrands .stats strong{display:block;font-size:clamp(28px,3.4vw,42px);line-height:1;letter-spacing:-.03em}.kontoorbrands .stats span{display:block;margin-top:7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.kontoorbrands .block{padding:76px 0}.kontoorbrands .section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:34px;align-items:start;margin-bottom:34px}.kontoorbrands .section-head h2{font-size:clamp(28px,3.5vw,44px)}.kontoorbrands .cards{display:grid;grid-template-columns:1fr 1fr;gap:0 46px}.kontoorbrands .cards article{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:44px 1fr;gap:5px 16px}.kontoorbrands .cards .n{font-size:11px;letter-spacing:.14em;color:var(--accent);padding-top:6px;grid-row:1}.kontoorbrands .cards h3{font-size:21px;grid-column:2;margin-bottom:5px}.kontoorbrands .cards p{grid-column:2;color:var(--muted);font-size:14px}.kontoorbrands .cards.wide{margin-top:38px}.kontoorbrands .about{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.kontoorbrands .about figure{margin:0}.kontoorbrands .about img{width:100%;height:440px;object-fit:cover;border-radius:var(--radius)}.kontoorbrands .about h2{font-size:clamp(23px,2.8vw,33px);font-weight:500;line-height:1.4;margin-bottom:22px}.kontoorbrands .values{list-style:none;margin:0;padding:0}.kontoorbrands .values li{display:grid;gap:4px;padding:13px 0;border-top:1px solid var(--line)}.kontoorbrands .values strong{font-size:14px;color:var(--accent)}.kontoorbrands .values span{font-size:14px;color:var(--muted)}.kontoorbrands .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}.kontoorbrands .steps article{border-top:2px solid var(--accent);padding-top:16px}.kontoorbrands .steps .n{font-size:11px;letter-spacing:.14em;color:var(--accent)}.kontoorbrands .steps h3{font-size:20px;margin:9px 0 7px}.kontoorbrands .steps p{color:var(--muted);font-size:14px}.kontoorbrands .quote{padding:16px 0 70px;text-align:center}.kontoorbrands .quote p{font-size:clamp(22px,3vw,36px);line-height:1.3;color:var(--ink);max-width:860px;margin:0 auto;font-weight:500;letter-spacing:-.02em}.kontoorbrands .inner{padding:56px 0 90px;min-height:60vh}.kontoorbrands .inner h1{font-size:clamp(38px,5.2vw,72px);margin-bottom:18px}.kontoorbrands .lead{color:var(--muted);font-size:17px;max-width:640px}.kontoorbrands .about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;margin-top:32px}.kontoorbrands .company{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);overflow-wrap:anywhere}.kontoorbrands .company strong{display:block;color:var(--ink);margin-bottom:6px}.kontoorbrands .mail{display:inline-block;margin:22px 0 28px;font-size:clamp(18px,2.3vw,28px);color:var(--accent);border-bottom:1px solid var(--line);overflow-wrap:anywhere}.kontoorbrands .contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kontoorbrands .contact>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.kontoorbrands .contact p{color:var(--muted);font-size:14px;margin-top:6px}.kontoorbrands .narrow{max-width:720px}.kontoorbrands .account-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:22px 0;padding:4px 22px}.kontoorbrands .account-card>div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.kontoorbrands .account-card>div:last-child{border:0}.kontoorbrands .account-card span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.kontoorbrands .account-card strong{font-size:15px;font-weight:500}.kontoorbrands .policy{max-width:800px}.kontoorbrands .policy h2{font-size:24px;margin:28px 0 9px}.kontoorbrands .policy p{color:var(--muted);font-size:15px;margin-bottom:13px}.kontoorbrands .note{margin-top:22px;padding:13px 17px;background:var(--surface);border-left:3px solid var(--accent);color:var(--muted);font-size:13px}.kontoorbrands .foot{border-top:1px solid var(--line);background:var(--surface);padding:46px 0 22px}.kontoorbrands .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:34px}.kontoorbrands .foot-grid p{color:var(--muted);font-size:13px;margin-top:10px;max-width:300px}.kontoorbrands .foot-grid a:not(.brand){display:block;margin-top:9px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.kontoorbrands .foot-grid a:hover{color:var(--accent)}.kontoorbrands .legal{margin-top:30px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.kontoorbrands .legal a{text-decoration:underline}.kontoorbrands .toast{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:var(--radius);font-size:13px;max-width:calc(100% - 40px)}.kontoorbrands .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1b2430d9;display:grid;place-items:center;padding:20px}.kontoorbrands .dialog{position:relative;width:100%;max-width:460px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px;max-height:calc(100vh - 40px);overflow:auto}.kontoorbrands .dialog h2{font-size:29px;margin-bottom:18px}.kontoorbrands .dialog form{display:grid;gap:13px}.kontoorbrands .dialog label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.kontoorbrands .dialog input{padding:11px;border:1px solid var(--line);border-radius:calc(var(--radius) * .6);background:#fff;color:var(--ink);font:inherit;width:100%}.kontoorbrands .dialog input:focus{outline:2px solid var(--accent);outline-offset:1px}.kontoorbrands .dialog .solid{width:100%;margin-top:4px}.kontoorbrands .close{position:absolute;right:13px;top:6px;background:none;border:0;font-size:28px;line-height:1;color:var(--muted)}.kontoorbrands .error{color:#b42318;font-size:13px;margin:0}.kontoorbrands .dialog .note{background:var(--surface);border-left:3px solid var(--accent);padding:10px 12px;font-size:12px;color:var(--muted);margin:0 0 4px}.kontoorbrands .switch{margin:16px 0 0;font-size:13px;color:var(--muted)}.kontoorbrands .switch button{background:none;border:0;color:var(--accent);text-decoration:underline;font-size:13px;padding:0}.kontoorbrands .fade-enter-active,.kontoorbrands .fade-leave-active{transition:opacity .18s}.kontoorbrands .fade-enter-from,.kontoorbrands .fade-leave-to{opacity:0}.kontoorbrands .hero{padding:56px 0 0}.kontoorbrands .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.kontoorbrands .hero-art{margin:0;border:1px solid var(--line);background:var(--surface);padding:14px}.kontoorbrands .hero-art img{width:100%;height:440px;object-fit:cover}@media(max-width:980px){.kontoorbrands .hero-grid,.kontoorbrands .about,.kontoorbrands .about-grid,.kontoorbrands .section-head{grid-template-columns:1fr;gap:30px}.kontoorbrands .hero-art img{height:340px}.kontoorbrands .steps{grid-template-columns:1fr;gap:20px}.kontoorbrands .foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.kontoorbrands .wrap{width:calc(100% - 32px)}.kontoorbrands .hdr .wrap{height:68px}.kontoorbrands nav{display:none}.kontoorbrands nav.open{display:flex;position:absolute;top:67px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:18px 16px;gap:14px}.kontoorbrands .burger{display:block}.kontoorbrands .hero-copy h1{font-size:clamp(36px,10vw,54px)}.kontoorbrands .hero{padding:40px 0 34px}.kontoorbrands .hero-art img{height:270px}.kontoorbrands .cards,.kontoorbrands .cards.wide,.kontoorbrands .contact,.kontoorbrands .stats .wrap,.kontoorbrands .foot-grid{grid-template-columns:1fr}.kontoorbrands .block{padding:52px 0}.kontoorbrands .inner{padding:40px 0 62px}.kontoorbrands .dialog{padding:28px 20px}}@media(prefers-reduced-motion:reduce){.kontoorbrands *{transition:none!important;scroll-behavior:auto!important}}
