:root{--ink:#302b2c;--muted:#716769;--paper:#faf7f2;--accent:#853f4b;--line:#e5dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #aa591f;outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.header{display:flex;justify-content:space-between;align-items:center;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center}.brand img{width:171px;height:36px;object-fit:contain}.header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.contact{border:1px solid #cfc0ba;border-radius:7px;padding:9px 16px}.hero{padding-top:86px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.dot{width:7px;height:7px;background:#a35460;display:inline-block;border-radius:50%;flex-shrink:0}h1{font-size:clamp(58px,6.1vw,88px);line-height:1.06;letter-spacing:-4px;font-weight:600;margin:0 0 26px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{color:var(--muted);font-size:17px;max-width:475px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--accent);color:white;padding:14px 20px;border-radius:6px;font-size:14px;font-weight:600}.button:hover{background:#6c303d}.hero-note{font-size:11px;color:var(--muted);margin:19px 0 0}.windows{font-size:20px;vertical-align:middle;margin-right:6px}.tool-board{background:#f0e9e3;padding:24px;border:1px solid #e0d4cd;border-radius:18px;transform:rotate(1.0deg);box-shadow:0 24px 55px #4a30300c}.board-top{display:flex;justify-content:space-between;letter-spacing:1.7px;font-size:10px;font-weight:700;margin:0 2px 21px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:130px;padding:20px;border:1px solid #ffffffb0;border-radius:10px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-4px);box-shadow:0 8px 18px #20302015}.tile img{height:42px;width:42px;object-fit:contain}.tile span{font-size:15px;line-height:1.4;font-weight:650}.tile small{font-size:10px;display:block;font-weight:400;margin-top:3px;color:#665b5c}.tile-file{background:#faf7e9}.tile-clip{background:#e5f0ef}.tile-web{background:#e5eaf2}.tile-backup{background:#edf2df}.tile-color{background:#f4e6db}.tile-art{background:#ede5f2}.board-bottom{font-size:10px;display:flex;align-items:center;gap:7px;margin:20px 2px 0;color:#756668}.collection{padding:48px 0 96px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:38px;line-height:1.2;letter-spacing:-1.2px;font-weight:550;margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid #ded2cc;border-radius:30px;color:#756669;padding:8px 17px;font-size:12px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filters span{margin-left:9px;opacity:.65}.products{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-margin-top:25px}.product[hidden]{display:none}.media{height:300px;position:relative;overflow:hidden;padding:48px 34px 0}.media-label{position:absolute;top:19px;left:25px;font-size:9px;letter-spacing:1.8px;font-weight:700;opacity:.7}.media>a{display:block}.media img{display:block;object-fit:contain;object-position:top;width:100%;height:252px;border-radius:7px 7px 0 0;filter:drop-shadow(0 8px 12px #172a281a)}.media-file{background:#e9eddb}.media-clip{background:#dfeeed}.media-web{background:#e2e9f3}.media-backup{background:#edf0dc}.media-color{background:#f3e4d9}.media-art{background:#eee4f1}.watch{position:absolute;bottom:18px;left:22px;background:#fffef8;border:1px solid #cdbeb7;border-radius:30px;padding:8px 15px;font-size:11px;box-shadow:0 4px 12px #152b2510}.watch:hover{background:var(--ink);color:white}.screenshot-note{position:absolute;bottom:16px;left:22px;background:#fffffff2;border-radius:20px;font-size:10px;padding:5px 12px;color:#716366}.product-body{padding:26px 29px 24px}.category{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:700;margin:0 0 10px}h3{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:600;letter-spacing:-.6px;margin:0 0 13px}h3 img{width:30px;height:30px;object-fit:contain}.product-body>p:not(.category){font-size:14px;line-height:1.8;color:var(--muted);margin:0;min-height:102px}.tags{display:flex;gap:7px;flex-wrap:wrap;padding:0;list-style:none;margin:19px 0 23px}.tags li{font-size:10px;background:#f5efea;border-radius:4px;padding:4px 8px;color:#766669}.product-links{border-top:1px solid #e9dfd8;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}.product-links a:last-child{color:var(--accent)}.product-links a:hover,.text-link:hover{text-decoration:underline}.color-samples{display:flex;position:absolute;inset:70px 32px auto;height:135px;border-radius:50%;overflow:hidden;transform:rotate(-14deg)}.color-samples i{flex:1;background:#c66c43}.color-samples i:nth-child(2){background:#e3ab68}.color-samples i:nth-child(3){background:#ebce89}.color-samples i:nth-child(4){background:#8c9e83}.color-samples i:nth-child(5){background:#416b64}.media-art .color-samples i{background:#6c5a91}.media-art .color-samples i:nth-child(2){background:#a291b8}.media-art .color-samples i:nth-child(3){background:#dba9ad}.media-art .color-samples i:nth-child(4){background:#efc8b6}.media-art .color-samples i:nth-child(5){background:#be745d}.media .picker-shot{position:relative;margin:auto;max-width:250px;height:210px;object-fit:contain;border-radius:6px}.about{background:#f1e9e3;padding:70px 0}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .eyebrow{margin-bottom:18px}.about-inner>div>p:not(.eyebrow){font-size:15px;color:#716468;margin:0 0 16px}.text-link{font-size:13px;font-weight:650;display:inline-block;margin-top:10px}.footer{padding:37px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer .brand img{width:135px;height:auto}.footer p{margin:0}.skip{position:absolute;left:15px;top:-70px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(1000px,94vw);max-height:92vh;padding:20px;border:1px solid #d5c4bc;border-radius:12px;background:#faf7f2}dialog::backdrop{background:#30262bce}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.dialog-head h2{font-size:20px;letter-spacing:0}.dialog-head button,#demo-options button{border:1px solid #d7c9c1;background:white;border-radius:5px;padding:6px 12px;font-size:12px}#demo-options{margin-bottom:12px;display:flex;gap:8px}#demo-options[hidden]{display:none}#demo-options button[aria-pressed=true]{background:var(--accent);color:white}dialog video{display:block;width:100%;max-height:65vh;background:#30292c}.video-fallback{font-size:12px;margin:10px 0 0}.video-fallback a{text-decoration:underline}
@media(min-width:1450px){.hero{gap:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;padding-top:55px;padding-bottom:65px}h1{font-size:64px}.tile{padding:14px;min-height:120px}.tool-board{padding:18px}.lead{font-size:15px}.media{padding:46px 22px 0;height:260px}.media img{height:215px}.product-body{padding:24px}.product-body>p:not(.category){min-height:126px}.tags{min-height:51px}.about-inner{gap:45px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{min-height:86px}.brand img{width:130px;height:auto}.header nav{gap:16px;font-size:12px}.header .contact{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:44px;padding-bottom:50px}h1{font-size:66px}.hero-copy{max-width:500px}.tool-board{transform:none}.tile{min-height:124px;padding:18px}.tile img{height:42px}.section-heading{display:block}.section-heading>p{margin-top:15px}h2{font-size:32px}.collection{padding:38px 0 55px}.products{grid-template-columns:1fr;gap:24px}.product-body>p:not(.category){min-height:0}.tags{min-height:0}.media{height:280px}.media img{height:235px}.filters{gap:7px}.filters button{font-size:11px;padding:7px 11px}.about{padding:45px 0}.about-inner{grid-template-columns:1fr;gap:24px}.footer{flex-wrap:wrap;padding:27px 0;gap:18px}.footer>*{flex-basis:43%}.footer span{flex-basis:auto}.dialog-head h2{font-size:16px}dialog{padding:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Larger product marks keep the collection recognizable at a glance. */
.tile img{width:62px;height:62px}
.tile-color img{width:66px;height:66px}
h3 img{width:42px;height:42px}
#colorpicke h3 img{width:44px;height:48px}
.upcoming-tile{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 15px;border:1px dashed #ccb9b1;border-radius:9px;background:#faf5ef}
.upcoming-tile img{width:56px;height:40px;object-fit:contain;border-radius:5px}
.upcoming-tile>span:first-of-type{font-size:14px;font-weight:650}
.upcoming-tile small{display:block;font-size:10px;color:var(--muted);font-weight:400}
.upcoming-badge{display:inline-block;border-radius:20px;background:#ead9dc;color:#763946;font-size:10px;font-weight:650;padding:5px 10px;white-space:nowrap}
.upcoming-tile .upcoming-badge{margin-left:auto}
.upcoming-product{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.upcoming-product[hidden]{display:none}
.media-underglass{background:#eee5df;height:100%;min-height:320px}
.media-underglass img{height:275px}
.upcoming-product h3 img{width:54px;height:40px}
.upcoming-product .product-body>p:not(.category){min-height:0}
.upcoming-status{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:start;gap:12px;font-size:11px;color:var(--muted)}
@media(max-width:700px){.tile img{width:58px;height:58px}.tile-color img{width:64px;height:64px}.upcoming-product{grid-template-columns:1fr}.media-underglass{height:280px;min-height:0}.media-underglass img{height:235px}.upcoming-tile{gap:8px;padding:10px}.upcoming-tile .upcoming-badge{font-size:9px}}
