:root{--ink:#202120;--muted:#70716f;--line:#dfdfdb;--pale:#f5f5f2;--head:'Sora',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 'IBM Plex Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--head);font-weight:600;letter-spacing:-.05em}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #202120;outline-offset:5px}.wrap{max-width:1300px;width:calc(100% - 80px);margin-inline:auto}.topline{border-bottom:1px solid var(--line);padding:9px 40px;display:flex;justify-content:space-between;font:8px/1.5 var(--mono);letter-spacing:.06em}.topline a{display:flex;gap:16px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.logo{width:160px;height:auto}.site-header nav{display:flex;gap:35px;font:11px var(--mono)}.site-header nav a{padding:12px 0}.site-header nav [aria-current]{border-bottom:1px solid var(--ink)}.site-header nav a:hover,.text-link:hover,.socials a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:16px 21px;min-height:48px;font:11px/1.5 var(--mono);transition:background .2s,color .2s,border-color .2s}.button:hover{background:#ecece7;border-color:#aaa}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#41433f;color:white;border-color:#41433f}.header-button{padding:12px 17px;min-height:44px;font-size:10px}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.dot{width:5px;height:5px;display:inline-block;background:var(--ink);border-radius:100%;margin-right:10px;vertical-align:middle}.page-intro{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.page-intro .eyebrow{color:var(--muted)}.text-link{font:11px/1.5 var(--mono);display:inline-flex;align-items:center;gap:20px}.featured{display:grid;grid-template-columns:.82fr 1.18fr;background:var(--pale);border:1px solid var(--line);min-height:395px}.feature-copy{padding:34px 38px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.feature-copy>.eyebrow{font-size:8px;color:var(--muted);margin-bottom:23px}h1{font-size:clamp(40px,4.3vw,62px);line-height:1.08}h1 span{color:#83857f}.feature-description{max-width:320px;font-size:16px;line-height:1.65;color:#656761;margin:20px 0 24px}.feature-status{font-size:11px;color:#73756f;margin-top:17px}.feature-status .dot{width:4px;height:4px;margin-right:5px;background:#81847a}.feature-image{position:relative;overflow:hidden;min-width:0}.feature-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:58% 50%;transition:transform .65s}.feature-image:hover>img{transform:scale(1.025)}.feature-caption{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:#fff;font:8px/1.5 var(--mono);letter-spacing:.05em;text-shadow:0 1px 4px #000}.collection{padding-top:54px}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.collection-heading .eyebrow{color:var(--muted);margin-bottom:13px}h2{font-size:36px;line-height:1.15}.collection-heading>p{font-size:14px;color:var(--muted);line-height:1.6}.browse-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin:28px 0 28px;padding-top:18px;min-height:55px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{border:1px solid transparent;background:transparent;color:#696b65;padding:11px 14px;font:10px/1.5 var(--mono);min-height:40px;transition:background .2s,color .2s}.filters button:hover{background:var(--pale);color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:#fff}.result-count{font:9px/1.5 var(--mono);color:var(--muted);white-space:nowrap}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.model-card{min-width:0}.card-link{display:flex;height:100%;flex-direction:column}.card-image{aspect-ratio:4/3;background:var(--pale);position:relative;overflow:hidden}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.card-link:hover .card-image img{transform:scale(1.035)}.image-index{position:absolute;bottom:12px;left:12px;font:9px var(--mono);padding:7px 9px;background:#fffffff2}.card-copy{padding-top:20px;display:flex;flex-direction:column;flex:1}.card-copy .eyebrow{color:var(--muted);font-size:8px;margin-bottom:9px}h3{font-size:23px;line-height:1.22;letter-spacing:-.04em}.card-description{font-size:14px;line-height:1.65;color:var(--muted);margin:11px 0 16px}.availability{font:8px/1.5 var(--mono);margin-top:auto;padding-bottom:18px;color:#77796f}.availability>span{width:4px;height:4px;background:#85877f;border-radius:100%;display:inline-block;margin-right:7px;vertical-align:middle}.card-cta{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font:10px/1.5 var(--mono);min-height:40px;transition:border-color .2s}.card-link:hover .card-cta{border-color:var(--ink)}.card-cta>span:last-child{transition:transform .2s}.card-link:hover .card-cta>span:last-child{transform:translate(2px,-2px)}.archive{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--pale);padding:34px 38px;margin:62px 0 38px}.archive .eyebrow{color:var(--muted);margin-bottom:12px}.archive h2{font-size:28px}.archive p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:12px}.archive .button{flex-shrink:0;background:white}.archive .button:hover{background:var(--ink);color:white}.socials{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 35px}.socials>p{font-size:14px;color:var(--muted)}.socials>div{display:flex;gap:24px;font:11px var(--mono)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:20px 25px}footer img{width:110px;height:auto}footer p,footer>a:last-child{font:8px/1.8 var(--mono);color:var(--muted)}footer p span{margin-left:20px}.skip-link{position:fixed;z-index:20;top:-100px;left:15px;background:var(--ink);color:#fff;padding:12px 20px}.skip-link:focus{top:12px}[hidden]{display:none!important}
.search-bar{margin-top:28px}.search-bar label{display:block;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;color:var(--muted)}.search-field{display:flex;align-items:center;gap:14px;max-width:560px;border:1px solid var(--line);padding:0 16px;background:var(--pale)}.search-field:focus-within{outline:2px solid var(--ink);outline-offset:3px}.search-field svg{flex-shrink:0;color:var(--muted)}.search-field input{width:100%;min-width:0;height:48px;background:transparent;border:0;color:var(--ink);font:16px 'IBM Plex Sans',sans-serif;outline:0}.search-field input::placeholder{color:#77796f}.more-designs{text-align:center;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.more-designs p{margin-top:14px;font-size:13px;color:var(--muted)}.empty-state{padding:45px 20px;text-align:center;background:var(--pale)}.empty-state>p{font-family:var(--head);font-size:23px;letter-spacing:-.03em}.empty-state>span{display:block;color:var(--muted);margin:10px 0 20px;font-size:14px}.empty-state .button{background:white}.browse-bar{margin-top:20px}
@media(min-width:1500px){.featured{min-height:440px}.feature-copy{padding:40px 46px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.topline{padding-inline:24px}.site-header nav{gap:22px}.feature-copy{padding:28px}.featured{grid-template-columns:.9fr 1.1fr}.feature-copy>.eyebrow{font-size:7px}h1{font-size:43px}.feature-description{font-size:14px}.feature-status{font-size:10px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading h2{font-size:32px}.archive{padding:28px}.archive .button{gap:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topline{padding:8px 18px;font-size:7px}.topline a{gap:6px}.site-header{height:80px;gap:15px}.logo{width:128px}.site-header nav{margin-left:auto;font-size:10px}.site-header nav a:not([aria-current]){display:none}.header-button{display:none}.page-intro{padding:21px 0;gap:15px}.page-intro .eyebrow{font-size:7px;letter-spacing:.02em}.page-intro .text-link{font-size:8px;gap:8px}.page-intro .dot{margin-right:6px;width:4px;height:4px}.featured{grid-template-columns:1fr}.feature-copy{padding:28px}.feature-copy>.eyebrow{font-size:8px;margin-bottom:19px}h1{font-size:40px}.feature-description{font-size:15px;max-width:330px;margin:18px 0 21px}.feature-status{font-size:10px;margin-top:15px}.feature-image{aspect-ratio:3/2}.feature-image>img{object-position:center}.feature-caption{font-size:7px}.collection{padding-top:36px}.collection-heading{display:block}.collection-heading h2{font-size:30px}.collection-heading>p{margin-top:15px;font-size:14px}.collection-heading>p br{display:none}.collection-heading>p br:after{content:' '}.browse-bar{align-items:flex-start;gap:10px;margin:22px 0;padding-top:14px}.filters{gap:4px;max-width:285px}.filters button{padding:10px;font-size:9px;min-height:40px}.result-count{font-size:8px;padding-top:12px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.image-index{bottom:8px;left:8px;font-size:8px;padding:5px 7px}.card-copy{padding-top:13px}.card-copy .eyebrow{font-size:7px;letter-spacing:.04em;margin-bottom:7px}h3{font-size:18px;line-height:1.25;overflow-wrap:anywhere}.card-description{font-size:13px;line-height:1.5;margin:9px 0 13px}.card-cta{font-size:9px;gap:8px;min-height:44px;padding-top:11px}.card-cta>span:last-child{flex-shrink:0}.availability{font-size:8px;padding-bottom:13px}.archive{display:block;margin:40px 0 28px;padding:27px 24px}.archive .button{margin-top:23px}.archive h2{font-size:29px}.socials{display:block;padding-bottom:27px}.socials>div{margin-top:17px;gap:24px;font-size:10px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;font-size:7px}footer p span{margin-left:12px}footer img{width:100px}}
@media(max-width:600px){.search-bar{margin-top:24px}.search-field{padding-inline:12px;gap:10px}.search-field input{height:46px}.browse-bar{flex-direction:column;gap:10px;margin-top:18px}.filters{max-width:none}.result-count{padding-top:0}.more-designs{margin-top:30px;padding-top:24px}.more-designs p{font-size:12px}.empty-state{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}