/* Layout follows the visible 2026 Singulart homepage reference. */
:root{--at-ink:#171717;--at-muted:#5c5c5c;--at-line:#ddd;--at-paper:#fff;--at-soft:#f6f6f6;--at-focus:#000099;--sg-blue:#000099}
body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45;color:#171717}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.035em}
button,input,select,textarea{font-family:inherit}button{border-radius:0}
.at-wrap{max-width:1800px;padding-inline:32px}
.at-announcement{background:#ffb28f;color:#222;font-size:12px;letter-spacing:0;line-height:24px;padding:0 16px;min-height:24px}
.sg-header{position:relative;z-index:35;background:white}
.sg-masthead{display:flex;align-items:center;gap:26px;padding:10px 16px;min-height:66px}
.sg-wordmark{font-size:27px;letter-spacing:-1.15px;font-weight:500;color:var(--sg-blue);line-height:1;white-space:nowrap;text-transform:none}
a.sg-wordmark:hover{color:var(--sg-blue)}
.sg-search{display:flex;align-items:center;flex:1;border-bottom:1px solid #d4d4d4;height:40px;min-width:100px;margin:0 10px 0 6px}
.sg-search button{background:none;border:0;color:#686868;padding:8px 12px;line-height:0}
.sg-search svg{height:17px;width:17px}
.sg-search input[type=search]{border:0;background:transparent;box-shadow:none!important;border-radius:0;font-size:14px;width:100%;height:38px;padding:8px 5px;color:#171717}
.sg-search input::placeholder{color:#888}
.sg-header-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}
.sg-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#171717;padding:3px;line-height:1;min-height:30px;font-size:13px}
.sg-icon-button svg{width:20px;height:20px}
.sg-icon-button:hover,.sg-icon-button:focus{background:none;color:var(--sg-blue)}
.sg-outline{color:var(--sg-blue);border:1px solid var(--sg-blue);border-radius:30px;padding:7px 13px;background:white;font-size:12px;line-height:1.2}
.sg-outline:hover,.sg-outline:focus{color:white;background:var(--sg-blue)}
.sg-category-nav{display:flex;gap:42px;align-items:center;min-height:48px;padding:0 16px 6px}
.sg-category-nav>a,.sg-category-nav summary{font-size:14px;line-height:25px;white-space:nowrap;color:#222;padding:4px 0}
.sg-category-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.sg-category-nav a.sg-nav-feature{border-radius:30px;background:var(--sg-blue);color:white;padding:4px 13px;font-size:13px;line-height:20px}
.sg-mega summary{list-style:none;cursor:pointer}.sg-mega summary::-webkit-details-marker{display:none}
.sg-mega-content{position:absolute;left:0;right:0;top:100%;background:white;padding:35px 32px 40px;border-top:1px solid #e5e5e5;border-bottom:1px solid #ddd;display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:45px;box-shadow:0 12px 15px #00000009}
.sg-mega-content h3{font-size:15px;font-weight:600;letter-spacing:0;margin:0 0 17px}
.sg-mega-content a{display:block;font-size:14px;margin:12px 0}.sg-mega-highlight{padding:24px;background:#eeeaf8;border-radius:12px}
.sg-mega-highlight p{font-size:27px;letter-spacing:-1px;margin:0 0 12px}.sg-mega-highlight span{font-size:14px;line-height:1.6}
.at-menu-toggle.sg-icon-button{display:none}
.sg-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 16px 0;height:clamp(440px,35.5vw,560px)}
.sg-hero-main{display:block;position:relative;border-radius:15px;overflow:hidden;min-width:0;background:#bcb5a7;color:white}
.sg-hero-main>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .6s}
.sg-hero-main:hover>img{transform:scale(1.015)}
.sg-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,#0000000a 30%,#0009 100%)}
.sg-hero-copy{position:absolute;bottom:24px;left:22px;right:24px;max-width:680px}
.sg-hero-copy h1{font-size:clamp(35px,3.6vw,56px);line-height:1.04;font-weight:400;color:white;margin:0 0 14px;letter-spacing:-.04em}
.sg-hero-copy p{font-size:17px;line-height:1.38;max-width:640px;margin:0 0 16px;color:white}
.sg-hero-link{display:inline-block;font-size:15px;border-bottom:1px solid #fff;padding-bottom:2px;color:white}
.sg-hero-main:hover{color:white}
.sg-hero-stories{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-height:0}
.sg-hero-story{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;min-height:0;min-width:0}
.sg-story-image{display:block;height:100%;overflow:hidden;border-radius:15px;background:#f2f1ed}
.sg-story-image img{width:100%;height:100%;object-fit:cover}
.sg-hero-story>div{padding-top:1px;padding-right:12px;align-self:start}
.sg-kicker{font-size:11px;letter-spacing:0;text-transform:uppercase;display:block;margin-bottom:16px;line-height:1.3}
.sg-hero-story h2{font-size:clamp(25px,2.35vw,36px);line-height:1.1;letter-spacing:-.03em;margin:0 0 17px}
.sg-hero-story p{font-size:15px;line-height:1.4;margin:0 0 12px;max-width:320px}
.sg-text-link{font-size:15px;border-bottom:1px solid currentColor;line-height:1.4;display:inline-block;padding-bottom:1px}
.sg-text-link:hover{color:var(--sg-blue)}
.sg-section{margin:62px 32px;max-width:1800px}
.sg-section h2,.sg-confidence>h2{font-size:36px;line-height:1.15;margin:0 0 24px;font-weight:400}
.sg-section-title{text-align:center;margin:0 auto 32px;max-width:850px}
.sg-section-title h2{font-size:36px;margin-bottom:14px}
.sg-section-title p{font-size:16px;color:#555;margin:0;line-height:1.6}
.sg-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.sg-category-grid>a{display:block;font-size:18px}
.sg-category-grid>a>div{aspect-ratio:1.6;border-radius:12px;overflow:hidden;background:#f2f2f0;margin-bottom:12px}
.sg-category-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sg-category-grid a:hover img{transform:scale(1.025)}
.sg-category-grid a:hover span{text-decoration:underline;text-underline-offset:4px}
.sg-price-section{margin-top:65px;margin-bottom:65px}
.sg-price-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sg-price-links a{display:flex;align-items:center;justify-content:center;min-height:68px;font-size:18px;border:1px solid #d7d7d7;border-radius:8px;padding:15px}
.sg-price-links a:hover{color:var(--sg-blue);border-color:var(--sg-blue)}
.sg-row-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.sg-row-title h2{margin:0}
.at-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.at-card{position:relative}.at-card-image{height:320px;aspect-ratio:auto;border-radius:0;background:#f7f7f7}
.at-card-image img{object-fit:contain;width:100%;height:100%;padding:8px}
.sg-card-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:14px}
.at-card-title{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.25;margin:0 0 5px}
.at-card-sub,.sg-card-dimensions{font-size:13px;line-height:1.4;color:#666;margin:0 0 4px}
.at-card-price{font-size:16px;font-weight:400;margin:8px 0 0}
button.at-save{position:static;background:transparent;color:#171717;border-radius:0;padding:0;width:25px;height:28px;min-width:25px;line-height:1;display:flex;align-items:center;justify-content:center}
.at-save svg{width:21px;height:21px}.at-save[aria-pressed=true] svg{fill:var(--sg-blue);stroke:var(--sg-blue)}
button.at-save[aria-pressed=true],button.at-save:hover,button.at-save:focus{background:none;color:var(--sg-blue)}
.sg-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sg-size-grid a>div{height:260px;background:#f5f4f2;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:25px;margin-bottom:18px}
.sg-size-grid img{height:100%;width:100%;object-fit:contain}.sg-size-grid a:first-child img{height:60%;width:65%}.sg-size-grid a:nth-child(2) img{height:80%;width:80%}
.sg-size-grid strong{display:block;font-size:21px;font-weight:400;margin-bottom:6px}.sg-size-grid span{font-size:14px;color:#666}
.sg-confidence{background:#f6f5f2;margin:70px 0;padding:45px 32px;text-align:center}
.sg-confidence>div{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.sg-confidence article>span{font-size:13px;color:#777;display:block;margin:12px 0}
.sg-confidence h3{font-size:20px;letter-spacing:-.02em;margin:0 0 10px}.sg-confidence p{font-size:14px;color:#555;max-width:300px;margin:0 auto;line-height:1.6}
.sg-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sg-editorial-grid img{width:100%;height:350px;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:23px}
.sg-editorial-grid h3{font-size:27px;line-height:1.2;margin:0 0 13px}.sg-editorial-grid p{font-size:15px;max-width:550px;line-height:1.6;margin:0 0 14px;color:#555}
.sg-brand-story{border-top:1px solid #ddd;padding-top:45px}.sg-brand-story .at-story{max-width:none;columns:3;column-gap:45px}.sg-brand-story .at-story h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px;break-after:avoid}.sg-brand-story .at-story p{font-size:14px;line-height:1.75;margin:0 0 24px;color:#555}
.sg-footer{background:#f6f6f6;padding:46px 32px 22px;color:#222}
.sg-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px;border-bottom:1px solid #ddd;margin-bottom:35px}.sg-footer-top h2{font-size:34px;margin:0 0 10px}.sg-footer-top p{font-size:15px;color:#555;margin:0}
.sg-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.sg-footer-grid h3{font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:20px}.sg-footer-grid a{display:block;font-size:14px;margin:12px 0}.sg-footer-grid a:hover{text-decoration:underline}.sg-footer-grid p{font-size:14px;line-height:1.7;color:#666}
.sg-footer-bottom{border-top:1px solid #ddd;margin-top:40px;padding-top:23px;display:flex;align-items:center;gap:30px;font-size:12px;color:#666}.sg-footer-bottom span:last-child{margin-left:auto}
.at-button{border-radius:5px;font-size:14px;background:var(--sg-blue);border-color:var(--sg-blue);min-height:46px;font-weight:400}.at-button:hover,.at-button:focus{background:#15157b;border-color:#15157b}.at-button.secondary{color:var(--sg-blue);border-color:var(--sg-blue)}
.sg-catalogue-heading{padding:16px 32px 22px}.sg-catalogue-crumb{font-size:12px;color:#777;margin:0 0 24px}.sg-catalogue-heading h1{font-size:38px;line-height:1.15;margin:0 0 15px}.sg-catalogue-heading>p{font-size:15px;color:#555;max-width:850px;margin:0;line-height:1.6}
.sg-catalogue{padding:0 32px 65px}.sg-filter-bar.at-filter{padding:18px 0;margin:0;gap:14px;align-items:flex-end;border-top:0}.sg-filter-bar label{font-size:11px;gap:7px;flex:1;min-width:110px}.sg-filter-bar label.sg-filter-search{flex:1.3}.sg-filter-bar select,.sg-filter-bar input{border:1px solid #ccc;border-radius:5px;min-height:42px;padding:8px 12px;font-size:13px}.sg-filter-bar button{white-space:nowrap;height:42px;min-height:42px}
.sg-applied-filters{display:flex;justify-content:space-between;align-items:center;margin:22px 0 30px;gap:20px;font-size:13px}.sg-applied-filters>div{display:flex;gap:12px;align-items:center}.sg-applied-filters span{border:1px solid #ddd;border-radius:20px;padding:6px 12px}.sg-applied-filters a{text-decoration:underline;font-size:12px}.sg-applied-filters .at-result-count{margin:0;font-size:13px;color:#777}.sg-catalogue-note{font-size:12px;color:#666;border-top:1px solid #eee;padding-top:25px;margin-top:45px}
.at-product{grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);gap:70px}.at-product-image{background:#f6f6f6;padding:30px;min-height:580px;display:flex;align-items:center;justify-content:center}.at-product-image img{max-height:700px}.at-product-side h1{font-size:37px;letter-spacing:-1px;font-weight:400}.at-meaning{font-size:17px!important;color:#555!important}.at-product-price{font-size:25px;margin-top:24px}.at-product-side .at-button{border-radius:5px;margin-top:16px}.at-breadcrumb{padding-top:20px;padding-bottom:24px;color:#777}.at-size-select{border-radius:5px;border-color:#ccc}.at-unit{border-radius:4px}.at-product-notes{padding-top:20px}.at-product-notes li{font-size:13px}.at-product-side{top:20px}.at-description p{font-size:14px}
.sg-favorites{border:0;border-radius:10px;width:min(600px,calc(100vw - 30px));max-height:85dvh;padding:26px;color:#171717}.sg-favorites::backdrop{background:#0007}.sg-favorites-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sg-favorites-heading h2{font-size:28px;margin:0}.sg-favorites-heading button{font-size:28px}.sg-favorites>p{font-size:13px;color:#666;margin:15px 0 25px}.sg-favorites [data-favorites-list]{display:grid;gap:18px;margin-bottom:25px}.sg-favorites article{display:flex;gap:18px;align-items:center}.sg-favorites article img{width:80px;height:95px;object-fit:contain;background:#f6f6f6}.sg-favorites article a{font-size:15px}.sg-favorites article button{background:none;color:#666;border:0;text-decoration:underline;font-size:12px;padding:0;margin-top:7px}
.at-dialog{border-radius:12px}.at-dialog-close{color:#171717}.at-page-title h1{font-size:42px;font-weight:400}.at-section{padding-top:50px;padding-bottom:50px}
@media(min-width:1900px){.sg-section{margin-left:auto;margin-right:auto}.sg-hero-layout{max-width:1832px;margin-inline:auto}}
@media(max-width:1100px){.sg-header-actions{gap:10px}.sg-masthead{gap:18px}.sg-wordmark{font-size:24px}.sg-category-nav{gap:30px}.sg-hero-layout{height:455px}.sg-hero-story{grid-template-columns:1.05fr 1fr;gap:14px}.sg-hero-story p{font-size:13px}.sg-hero-story h2{font-size:27px}.sg-kicker{font-size:10px;margin-bottom:12px}.sg-hero-copy h1{font-size:40px}.sg-hero-copy p{font-size:15px}.sg-text-link{font-size:13px}.sg-section{margin:50px 24px}.at-card-image{height:270px}.sg-filter-bar.at-filter{flex-wrap:wrap}.sg-filter-bar label.sg-filter-search{flex-basis:100%}.sg-size-grid a>div{height:220px}.at-product{gap:38px}}
@media(max-width:800px){.at-announcement{font-size:10px;line-height:24px;white-space:nowrap;overflow:hidden}.at-announcement span{display:none}.sg-masthead{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px}.at-menu-toggle.sg-icon-button{display:flex;padding:0;width:24px;min-height:26px}.sg-wordmark{font-size:23px;letter-spacing:-1px}.sg-header-actions{margin-left:auto;gap:14px}.sg-header-actions .sg-outline,.sg-studio-link{display:none}.sg-search{order:5;flex-basis:100%;margin:0;height:37px}.sg-search input[type=search]{font-size:13px}.sg-search button{padding-left:0}.sg-category-nav{display:none;min-height:0;padding:12px 18px 20px;gap:3px;flex-direction:column;align-items:stretch;border-top:1px solid #eee}.sg-category-nav.open{display:flex}.sg-category-nav>a,.sg-category-nav summary{font-size:15px;padding:10px 0}.sg-category-nav .sg-nav-feature{align-self:start;margin-top:10px;padding:6px 14px!important}.sg-mega-content{position:static;display:grid;grid-template-columns:1fr 1fr;padding:10px 0 25px;gap:20px;box-shadow:none}.sg-mega-highlight{display:none}.sg-mega-content h3{font-size:13px;margin:10px 0}.sg-mega-content a{font-size:12px}.sg-hero-layout{display:block;height:auto;margin:12px 12px 0}.sg-hero-main{height:450px;border-radius:12px}.sg-hero-copy{left:18px;right:18px;bottom:22px}.sg-hero-copy h1{font-size:42px;max-width:550px}.sg-hero-copy p{font-size:15px;line-height:1.45;max-width:480px}.sg-hero-stories{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:16px;margin-top:20px}.sg-hero-story{display:block;min-width:0}.sg-story-image{height:220px;border-radius:10px}.sg-hero-story>div{padding:16px 0 0}.sg-kicker{font-size:10px;margin-bottom:10px}.sg-hero-story h2{font-size:27px;margin-bottom:12px;line-height:1.1}.sg-hero-story p{font-size:14px}.sg-section{margin:44px 18px}.sg-section h2,.sg-confidence>h2,.sg-section-title h2{font-size:30px}.sg-section-title{text-align:left;margin-bottom:25px}.sg-section-title p{font-size:14px}.sg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.sg-category-grid>a{font-size:16px}.sg-category-grid>a>div{aspect-ratio:1.3;border-radius:8px}.sg-price-links{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px}.sg-price-links a{flex:0 0 160px;font-size:16px;min-height:62px}.sg-row-title{align-items:flex-start;margin-bottom:24px;gap:16px}.sg-row-title .sg-text-link{font-size:12px;white-space:nowrap;margin-top:7px}.at-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.at-card-image{height:270px}.at-card-title{font-size:14px}.at-card-sub,.sg-card-dimensions{font-size:11px}.at-card-price{font-size:14px;margin-top:6px}.sg-card-caption{margin-top:12px;gap:5px}.at-save svg{width:19px;height:19px}.sg-size-grid{grid-template-columns:1fr 1fr;gap:26px 16px}.sg-size-grid a>div{height:230px;padding:20px;border-radius:8px;margin-bottom:12px}.sg-size-grid strong{font-size:20px}.sg-size-grid span{font-size:12px}.sg-confidence{padding:35px 18px;margin:45px 0;text-align:left}.sg-confidence>div{grid-template-columns:1fr;gap:20px}.sg-confidence>h2{margin-bottom:20px}.sg-confidence article{padding-bottom:18px;border-bottom:1px solid #ddd}.sg-confidence article:last-child{border:0;padding-bottom:0}.sg-confidence article>span{margin:0 0 7px}.sg-confidence h3{font-size:20px}.sg-confidence p{margin:0;max-width:none;font-size:14px}.sg-editorial-grid{gap:30px;grid-template-columns:1fr}.sg-editorial-grid img{height:340px;border-radius:8px}.sg-editorial-grid h3{font-size:26px}.sg-editorial-grid p{font-size:14px}.sg-brand-story .at-story{columns:auto}.sg-brand-story .at-story h2{font-size:25px;margin-top:30px}.sg-brand-story .at-story h2:first-child{margin-top:0}.sg-footer{padding:35px 18px 22px}.sg-footer-top{display:block}.sg-footer-top h2{font-size:30px}.sg-footer-top .at-button{margin-top:22px}.sg-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.sg-footer-grid h3{margin-bottom:18px;font-size:14px}.sg-footer-grid a,.sg-footer-grid p{font-size:13px}.sg-footer-bottom{flex-wrap:wrap;gap:15px}.sg-footer-bottom .sg-wordmark{flex-basis:100%;margin-bottom:8px}.sg-footer-bottom span:last-child{margin-left:auto}.sg-catalogue-heading{padding:16px 18px 20px}.sg-catalogue-heading h1{font-size:34px}.sg-catalogue-heading p{font-size:14px}.sg-catalogue{padding:0 18px 45px}.sg-filter-bar.at-filter{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sg-filter-bar label{min-width:0}.sg-filter-bar label.sg-filter-search{grid-column:1/-1}.sg-filter-bar button{grid-column:1/-1}.sg-applied-filters{align-items:flex-start;gap:10px;font-size:11px}.sg-applied-filters>div{flex-wrap:wrap;gap:7px}.sg-applied-filters span{padding:5px 9px}.sg-applied-filters .at-result-count{font-size:11px;white-space:nowrap;margin-top:7px}.at-wrap{padding-inline:18px}.at-product{display:block}.at-product-image{min-height:0;padding:18px}.at-product-image img{max-height:520px}.at-product-side{margin-top:25px}.at-product-side h1{font-size:35px}.at-page-title h1{font-size:36px}}
@media(max-width:440px){.sg-masthead{gap:10px}.sg-header-actions{gap:11px}.sg-wordmark{font-size:23px}.sg-header-actions .sg-icon-button{font-size:12px}.sg-header-actions svg{width:19px;height:19px}.sg-hero-main{height:430px}.sg-hero-copy h1{font-size:38px;line-height:1.03}.sg-hero-copy p{font-size:14px}.sg-hero-stories{gap:14px}.sg-story-image{height:170px}.sg-hero-story h2{font-size:24px}.sg-hero-story p{font-size:13px}.sg-hero-story .sg-text-link{font-size:12px}.sg-hero-story .sg-kicker{font-size:9px}.at-card-image{height:210px}.at-card-image img{padding:4px}.sg-size-grid a>div{height:180px}.sg-section h2,.sg-section-title h2{font-size:28px}.sg-row-title h2{max-width:230px}.sg-card-caption{gap:4px}.at-card-title{font-size:13px}.at-save{min-width:20px!important;width:20px!important}.sg-editorial-grid img{height:280px}}
@media(prefers-reduced-motion:reduce){.sg-hero-main>img,.sg-category-grid img{transition:none}}
