.brand {
  display: grid;
  grid-template-columns: 32px auto;
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
}

.brand::before {
  content: "";
  display: block;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 32px;
  aspect-ratio: 128 / 104;
  background: url("/assets/sbs-layered-mark-v37.svg") center / contain no-repeat;
}

.brand > span,
.brand > small {
  grid-column: 2;
}

.brand > span {
  grid-row: 1;
}

.brand > small {
  grid-row: 2;
}

.footer-intro > .micro-label {
  display: block;
  padding-top: 75px;
  background: url("/assets/sbs-layered-mark-v37.svg") left top / 72px auto no-repeat;
}

@media (max-width: 820px) {
  .footer-intro > .micro-label {
    padding-top: 66px;
    background-size: 62px auto;
  }
}

@media (max-width: 760px) {
  .brand {
    grid-template-columns: 25px auto;
    column-gap: 8px;
  }

  .brand::before {
    width: 25px;
  }

}

@media (max-width: 390px) {
  .brand {
    grid-template-columns: 22px auto;
    column-gap: 7px;
  }

  .brand::before {
    width: 22px;
  }
}


/* V43: calmer reading, faster selection, real work first. */
:root{--sbs-focus:#9a693f}
html{scroll-padding-top:100px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sbs-focus);outline-offset:5px}
.home-hero-copy h1{font-size:clamp(2.5rem,5.2vw,5.5rem);line-height:1.18;letter-spacing:-.025em;max-width:15ch}
.home-hero-copy .hero-deck{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.85;max-width:48ch}
.home-hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.16) 75%)}
.v43-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px;margin:auto;padding:28px 6vw;gap:20px;border-bottom:1px solid #ddd7cf}
.v43-paths a{display:flex;flex-direction:column;gap:7px;color:#282620;text-decoration:none;padding:16px 0}
.v43-paths strong{font-size:1.125rem;font-weight:500}.v43-paths span{font-size:.9375rem;line-height:1.6;color:#635e55}
.v43-latest,.v43-quote{max-width:1440px;margin:0 auto;padding:64px 6vw}
.v43-eyebrow{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#756653;margin:0 0 14px}
.v43-latest h2,.v43-quote h2{font-size:clamp(1.8rem,3vw,2.75rem);font-weight:400;line-height:1.35;margin:0 0 24px}
.v43-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.v43-work{display:block;color:inherit;text-decoration:none;min-width:0}.v43-work figure{margin:0;background:#efede8;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}
.v43-work img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.v43-work strong{display:block;font-weight:500;font-size:1.0625rem;line-height:1.6;margin-top:13px}
.v43-work span{display:block;font-size:.875rem;color:#686158;margin-top:5px}
.v43-quote{background:#efede7;margin-top:40px;margin-bottom:40px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px}
.v43-quote p,.v43-quote li{font-size:1rem;line-height:1.85}.v43-quote ol{padding-left:22px;margin:0 0 24px}.v43-quote li{padding:4px 0}
.v43-quote .button{min-height:48px;display:inline-flex;align-items:center;padding:13px 22px}.v43-quote .text-link{display:inline-block;margin:14px 18px 0 0}
.portfolio-detail-title strong{white-space:nowrap}.portfolio-album-primary button,.portfolio-album-primary a{min-height:44px}
.progressive-album-grid .album-image-stage{background:#efede8}.progressive-album-grid img{object-fit:contain!important;object-position:center!important}
@media(max-width:760px){
 .home-hero-copy h1{font-size:clamp(2.3rem,9vw,3.6rem);line-height:1.22;max-width:15ch}
 .home-hero-copy{padding-left:6vw;padding-right:6vw}.home-hero-copy .hero-deck{line-height:1.75}
 .hero-actions{gap:18px;flex-wrap:wrap}.hero-actions a{min-height:46px;display:inline-flex;align-items:center}
 .v43-paths{gap:0;padding:12px 6vw;grid-template-columns:1fr}.v43-paths a{border-bottom:1px solid #ded9d0;padding:14px 0}.v43-paths a:last-child{border:0}
 .v43-latest,.v43-quote{padding:36px 6vw}.v43-latest-grid{grid-template-columns:1fr;gap:28px}.v43-work figure{aspect-ratio:4/3}
 .v43-quote{grid-template-columns:1fr;gap:12px;margin-top:20px}.v43-quote h2{margin-bottom:12px}
 .portfolio-editorial-head{padding-top:32px}.portfolio-editorial-copy h1{font-size:clamp(2rem,8vw,3rem);line-height:1.3}
 .context-links{max-width:100%;overflow-x:auto}.portfolio-detail-title{gap:18px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#delivery-archive details{margin:20px 0}#delivery-archive summary{cursor:pointer;padding:16px 0;font-size:1rem;border-top:1px solid #ccc}#delivery-archive .album-image-button{display:block;width:100%}

/* Footer typography: keep Thai lines together and contact links easy to read. */
.footer-intro{display:block;max-width:900px}.footer-intro h2{font-size:clamp(2rem,4vw,4rem);line-height:1.35;letter-spacing:-.015em;max-width:22ch;margin:22px 0 30px}.footer-intro .text-link{font-size:1rem;min-height:44px;display:inline-flex;align-items:center}.footer-grid a{font-size:.9375rem;line-height:1.7;min-height:36px;overflow-wrap:anywhere}
@media(max-width:760px){.footer-intro h2{font-size:clamp(1.8rem,7.5vw,2.7rem);line-height:1.4}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}

/* Contemporary Furniture Atelier — V44 */
:root{--paper:#f7f6f2;--ink:#252824;--muted:#62655f;--gold:#81674d;--line:#d8dbd3}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{font-weight:500;line-height:1.35;letter-spacing:-.02em}
.section{padding-top:clamp(44px,6vw,88px);padding-bottom:clamp(44px,6vw,88px)}
.micro-label,.footer-title{font-size:.8125rem;line-height:1.6;letter-spacing:.1em}
.button{border-radius:2px;min-height:48px;font-size:.9375rem;line-height:1.5;transition:background-color .2s,color .2s}
.button-dark{background:#2c332e;color:#fff}.button-dark:hover{background:#455247}
.text-link{font-size:.9375rem;line-height:1.65}.desktop-nav a{font-size:.9375rem}
.site-header{background:#f7f6f2f5;border-bottom:1px solid #25282422;box-shadow:none}
.home-hero{display:grid;grid-template-columns:44% 56%;grid-template-rows:1fr auto;min-height:0;height:auto;padding-top:var(--header-h);color:var(--ink);background:var(--paper);overflow:hidden}
.home-hero-image{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:620px;height:100%;width:100%;object-fit:cover;object-position:55% center;transform:none;animation:none}
.home-hero-overlay,.home-hero-grid,.hero-side-note{display:none}
.home-hero-copy{position:relative;grid-column:1;grid-row:1;width:auto;margin:0;padding:72px 4.5vw;align-self:center;z-index:1}
.home-hero-copy h1{font-size:clamp(2.5rem,3.65vw,4.7rem);line-height:1.3;letter-spacing:-.025em;max-width:15ch;color:var(--ink)}
.home-hero-copy .micro-label{color:#6b705f;font-size:.8125rem}
.home-hero-copy .hero-deck{color:var(--muted);font-size:1.0625rem;line-height:1.85;margin-top:26px;max-width:39ch}
.home-hero .hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}
.home-hero .button-light{background:#2c332e;color:#fff;border-color:#2c332e}
.home-hero .hero-link{color:var(--ink);border-color:#a6aa9e}
.hero-stats{position:relative;inset:auto;width:auto;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#eaece5;color:var(--ink);backdrop-filter:none;border-top:1px solid var(--line)}
.hero-stats>div{padding:22px 4vw;border-right:1px solid #25282418}.hero-stats b{font-size:1.5rem;font-weight:500;color:var(--ink)}.hero-stats span{font-size:.875rem;line-height:1.5;color:var(--muted)}
.v43-paths{max-width:none;padding:12px 5vw;gap:32px}.v43-paths strong{font-size:1rem}
.collection-panels{height:540px;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr;gap:12px;background:var(--paper);padding:0 3vw;margin:32px 0}
.collection-panel{min-height:0;grid-area:auto!important}.collection-panel img{transform:none!important;filter:none}.collection-panel>div{padding:28px}.collection-panel h2{font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.35}
.collection-panel p,.collection-panel>div>span{font-size:.875rem}.collection-panel:hover img{transform:none!important}
.opening-statement{border-top:1px solid var(--line);margin-top:40px}.opening-copy{font-size:1rem;line-height:1.9}
.v43-latest-grid{grid-template-columns:1.3fr 1fr 1fr;gap:22px}.v43-work figure{aspect-ratio:4/3;background:#ebece6;border:1px solid #2528240c}.v43-work:hover strong{text-decoration:underline;text-underline-offset:5px}
.v43-quote{background:#e8ebe3;border-top:1px solid #cdd2c7;border-bottom:1px solid #cdd2c7;max-width:none;padding:64px max(5vw,calc((100vw - 1250px)/2));gap:6vw}
.product-hero{grid-template-columns:56% 44%;min-height:0}.product-hero-media{min-height:600px}.product-hero-copy{padding:56px 4.5vw;background:var(--paper)}
.product-hero-copy h1{font-size:clamp(2.2rem,3.3vw,4rem);line-height:1.35;max-width:18ch}.product-hero-copy>p:not(.micro-label){font-size:1.0625rem;line-height:1.9;margin-top:24px}.product-hero-media>span{font-size:.8125rem;letter-spacing:.08em}
.product-stat-strip{background:#eaece5}.product-stat-strip span{font-size:.9375rem;line-height:1.6}
.feature-ledger{border-top:1px solid var(--line);box-shadow:none}.feature-ledger p{font-size:1rem;line-height:1.85}
.context-rail{border-color:var(--line)}.context-rail a,.context-rail strong{font-size:.875rem}
.portfolio-editorial-head{min-height:0;grid-template-columns:1fr 1fr;gap:5vw;padding-top:calc(var(--header-h) + 42px);padding-bottom:42px;align-items:center}
.portfolio-editorial-copy h1{font-size:clamp(2.25rem,3.6vw,4.25rem);line-height:1.35}.portfolio-editorial-copy>p{font-size:1rem;line-height:1.8}.portfolio-editorial-image{margin:0}.portfolio-editorial-image img{aspect-ratio:4/3;object-fit:cover}.portfolio-editorial-image figcaption{font-size:.8125rem;line-height:1.6}
.portfolio-all{background:transparent;box-shadow:none;border:0;margin-top:0;padding:40px 3vw}
.portfolio-explorer{background:transparent;border:0;box-shadow:none;padding:0;margin-top:24px}
.portfolio-category-grid{background:transparent;gap:28px 20px;padding:16px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-category-card{padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none;transition:none}
.portfolio-category-card:hover{transform:none;box-shadow:none;border-color:#7e8975}
.portfolio-category-image{aspect-ratio:4/3;background:#ebece6}.portfolio-category-image img{object-fit:contain;transform:none!important;filter:none}.portfolio-category-image:after{display:none}
.portfolio-category-copy{padding:16px 0!important}.portfolio-category-copy strong{font-size:1.0625rem;line-height:1.6}.portfolio-category-copy small{font-size:.8125rem;line-height:1.6}
.portfolio-detail-head h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.3}.portfolio-detail-head p{font-size:1rem;line-height:1.8}
.portfolio-album-primary button,.portfolio-album-primary a,.portfolio-album-picker summary{font-size:.9375rem;min-height:46px}
.progressive-album-grid{gap:24px}.album-image-stage{border-radius:0}.progressive-album-more button{min-height:48px;font-size:1rem}
.site-footer{background:#252e28;color:#f1f2ec}.footer-intro{max-width:900px}.footer-grid a{color:#e3e6dc}.footer-legal{color:#c3cbbb;font-size:.8125rem}
@media(max-width:1050px){.home-hero{grid-template-columns:48% 52%}.home-hero-image{min-height:570px}.home-hero-copy{padding:48px 4vw}.desktop-nav{gap:16px}.product-hero-media{min-height:540px}}
@media(max-width:760px){
 .home-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:var(--header-h)}
 .home-hero-copy{grid-column:1;grid-row:1;padding:32px 6vw 30px;width:auto}.home-hero-copy h1{font-size:clamp(2.25rem,8.5vw,3.3rem);line-height:1.3;max-width:17ch}
 .home-hero-copy .hero-deck{font-size:1rem;margin-top:18px;max-width:42ch}.home-hero .hero-actions{margin-top:22px;gap:20px}
 .home-hero-image{grid-column:1;grid-row:2;min-height:0;height:auto;aspect-ratio:4/3;object-position:center}
 .hero-stats{grid-column:1;grid-row:3;position:relative;grid-template-columns:1fr 1fr;width:auto;inset:auto}.hero-stats>div{padding:18px 6vw}.hero-stats b{font-size:1.25rem}
 .v43-paths{gap:0;padding:8px 6vw}.collection-panels{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,350px);height:auto;padding:0 6vw;gap:16px;margin:26px 0}.collection-panel{min-height:350px}
 .v43-latest-grid{grid-template-columns:1fr}.v43-quote{padding:36px 6vw;gap:12px}.product-hero{grid-template-columns:1fr;display:flex;flex-direction:column}.product-hero-copy{order:0;padding:34px 6vw}.product-hero-media{order:1;min-height:0;aspect-ratio:4/3}.product-hero-copy h1{font-size:clamp(2rem,8vw,3rem);max-width:20ch}
 .portfolio-editorial-head{padding:calc(var(--header-h) + 28px) 6vw 28px;grid-template-columns:1fr;gap:28px}.portfolio-editorial-copy h1{font-size:clamp(2rem,8vw,3rem)}
 .portfolio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.portfolio-all{padding:30px 6vw;width:100%}.portfolio-category-copy strong{font-size:.9375rem}.portfolio-category-copy small{font-size:.8125rem}.portfolio-category-copy em{font-size:.875rem}
 .progressive-album-grid{gap:14px}.section{padding-top:40px;padding-bottom:40px}.footer-intro h2{line-height:1.4}
}
@media(max-width:360px){.portfolio-category-grid{grid-template-columns:1fr}.hero-actions{align-items:flex-start}.home-hero-copy h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Equal-width columns give equal-height frames at every breakpoint. */
.v43-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.v43-work{min-width:0}.v43-work figure{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/3;margin:0;padding:0;overflow:hidden;background:#eeeee8}
.v43-work figure img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;margin:0}
.v43-work strong{margin-top:16px;line-height:1.6}.v43-work span{margin-top:8px}
.v43-quote>div{min-width:0}.v43-quote>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.v43-quote>div:nth-child(2)>*{margin:0}.v43-quote ol{display:grid;gap:10px;padding-left:24px}
.v43-quote .button{position:static;float:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;height:auto;max-width:100%;padding:14px 22px;white-space:normal;text-align:center;line-height:1.65;transform:none}
.v43-quote .text-link{position:static;display:inline-flex;min-height:44px;align-items:center;line-height:1.6}
#delivery-archive .progressive-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#delivery-archive figure{margin:0;padding:0;border:0;min-width:0}
#delivery-archive .album-image-button{display:block;width:100%;border:0;padding:0}
#delivery-archive .album-image-stage{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/3;background:#eeeee8;overflow:hidden}
#delivery-archive img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.sticky-line{max-width:calc(100vw - 32px);bottom:calc(16px + env(safe-area-inset-bottom));right:16px}
.album-floating-back{bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(50vw - 24px)}
@media(max-width:760px){
 .v43-latest-grid{grid-template-columns:1fr;gap:28px}.v43-work figure{aspect-ratio:4/3}
 .v43-quote{grid-template-columns:1fr;gap:28px}.v43-quote>div:nth-child(2){gap:20px}.v43-quote .button{width:100%;box-sizing:border-box;font-size:.9375rem}
 #delivery-archive .progressive-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .sticky-line>span{display:none}.sticky-line{padding:12px 16px;min-height:44px;font-size:.875rem}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .album-floating-back{font-size:.875rem;min-height:44px}
}
@media(max-width:360px){#delivery-archive .progressive-album-grid{grid-template-columns:1fr}}

/* V47: consistent edge-to-edge covers; full images remain in viewer */
.portfolio-category-image,.v43-work figure{position:relative!important;display:block!important;aspect-ratio:4/3!important;height:auto!important;overflow:hidden!important;padding:0!important}
.portfolio-category-image img,.v43-work figure img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important;display:block!important;margin:0!important;transform:none!important}
.portfolio-category-card{min-width:0}
@media(prefers-reduced-motion:reduce){.portfolio-category-image img,.v43-work{transition:none!important}}

/* V48: every category occupies one grid cell, including incomplete rows. */
.portfolio-category-grid > .portfolio-category-card{grid-column:auto / span 1!important;grid-row:auto!important;display:block!important;min-width:0;}

/* V49 — restrained editorial refinement */
.home-hero{grid-template-columns:40% 60%}
.home-hero-copy{padding:56px 4vw}
.home-hero-copy h1{font-size:clamp(2.25rem,3.3vw,4.1rem);line-height:1.4;letter-spacing:-.015em}
.home-hero-copy .hero-deck{max-width:36ch;font-size:1rem}
.home-hero-image{min-height:580px;object-position:55% 58%}
.portfolio-category-grid{gap:32px 22px}
.portfolio-category-copy{min-height:100px;gap:12px;padding:18px 0 14px;align-items:start}
.portfolio-category-copy strong{font-size:1rem;font-weight:500;line-height:1.65}
.portfolio-category-copy small{font-size:.8125rem;line-height:1.6}
.portfolio-category-copy em{font-size:.875rem;white-space:nowrap}
.portfolio-category-image b{display:none}
.portfolio-category-card,.v43-work{transition:color .2s ease}
.portfolio-category-card:hover,.v43-work:hover{color:#596343}
.portfolio-category-card:focus-visible,.v43-work:focus-visible,.button:focus-visible,.text-link:focus-visible,.portfolio-group-tabs button:focus-visible{outline:2px solid #596343;outline-offset:5px}
.portfolio-category-image img[src$="b-spanel.webp"]{object-position:50% 58%!important}
.portfolio-category-image img[src$="b-platform.webp"]{object-position:50% 64%!important}
.portfolio-category-image img[src$="b-wing.webp"]{object-position:50% 62%!important}
.portfolio-category-image img[src$="s-bread.webp"]{object-position:50% 65%!important}
.portfolio-category-image img[src$="s-2side.webp"]{object-position:50% 60%!important}
.portfolio-group-tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 0 14px}
.portfolio-group-tabs button{flex:0 0 auto;min-height:48px;padding:12px 20px;white-space:nowrap;border:1px solid #c9cdc2;border-radius:2px;font-size:1rem;transition:background-color .2s,color .2s}
.portfolio-group-tabs button[aria-selected="true"]{background:#30382f;color:#fff;border-color:#30382f}
.portfolio-group-tabs button[aria-selected="true"] small{color:#e5e8dd}
.portfolio-group-tabs small{font-size:.8125rem}
.v43-work strong{font-weight:500;line-height:1.65;margin-top:16px}
.v43-work>span{display:block;margin-top:5px;font-size:.875rem}
.v43-quote h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.5}
.v43-quote .button{min-height:48px;white-space:normal;text-align:center}
@media(max-width:1050px){.home-hero{grid-template-columns:46% 54%}.home-hero-image{min-height:520px}}
@media(max-width:760px){
.home-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto}
.home-hero-copy{grid-column:1;grid-row:1;padding:28px 6vw}
.home-hero-copy h1{font-size:clamp(2rem,7.4vw,3rem);line-height:1.4}
.home-hero-copy .hero-deck{line-height:1.8;margin-top:14px}
.home-hero-image{grid-column:1;grid-row:2;min-height:0;height:auto;aspect-ratio:4/3;object-position:50% 58%}
.hero-actions .button{min-height:48px}
.portfolio-group-tabs{gap:8px;scroll-snap-type:x proximity}
.portfolio-group-tabs button{scroll-snap-align:start;padding:11px 15px}
.portfolio-category-grid{gap:24px 14px}
.portfolio-category-copy{grid-template-columns:1fr;gap:6px;min-height:0;padding:12px 0 16px}
.portfolio-category-copy strong{font-size:.9375rem;line-height:1.65}
.portfolio-category-copy em{font-size:.8125rem}
.v43-quote{gap:24px}.v43-quote .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.portfolio-category-card,.v43-work,.portfolio-group-tabs button{transition:none}}