:root{
  --page-gutter: clamp(1.125rem, 3.2vw, 7rem);
  --content-max: clamp(82.5rem, calc(60rem + 34vw), 150rem);
  --content-width: min(var(--content-max), calc(100% - 2 * var(--page-gutter)));
  --reading-width: 66ch;
  --font-body:var(--kuci-font-body);
  --font-small: clamp(.875rem, calc(.81rem + .12vw), 1.0625rem);
  --font-caption: clamp(.8125rem, calc(.76rem + .1vw), 1rem);
  --font-nav: clamp(.875rem, calc(.72rem + .25vw), 1.125rem);
  --font-h1: clamp(2.5rem, calc(2rem + 2.65vw), 7.5rem);
  --font-h2: clamp(2rem, calc(1.5rem + 1.5vw), 4.75rem);
  --font-h3: clamp(1.4rem, calc(1.15rem + .7vw), 2.4rem);
  --space-xs: clamp(.5rem, .45rem + .2vw, 1rem);
  --space-sm: clamp(1rem, .8rem + .4vw, 1.75rem);
  --space-md: clamp(1.5rem, 1rem + 1vw, 3rem);
  --space-lg: clamp(2rem, 1rem + 2vw, 5rem);
  --space-xl: clamp(3rem, 1.5rem + 3vw, 8rem);
  --section-space: clamp(3.25rem, 1.75rem + 3.2vw, 9rem);
  --grid-gap: clamp(1.25rem, .75rem + 1.1vw, 3.5rem);
  --header-block: clamp(6.5rem, 4.5rem + 2.3vw, 9rem);
  --header-height: var(--header-block);
  --brand-space: clamp(11.5rem, 14vw, 18rem);
  --touch-target: 2.75rem;
}
html{  scroll-padding-top:calc(var(--header-height) + 1rem); }
body{ min-inline-size:0;  }
*,*::before,*::after{ box-sizing:border-box; }
main,section,article,aside,figure,form,fieldset,nav{ min-inline-size:0; }
h1,h2,h3,p,li,a,label,summary,th,td{ overflow-wrap:break-word; }
main h1,main h2,main h3{ text-wrap:balance; }
main p{ text-wrap:pretty; }
img,video,iframe,svg{ max-inline-size:100%; }
img{ block-size:auto; }
video{ inline-size:100%; block-size:auto; }
input,textarea,select,button{ max-inline-size:100%; }
button,a,input,select,textarea,summary{ touch-action:manipulation; }
input,textarea,select{ min-inline-size:0; }
[hidden]{ display:none !important; }
.shell{
  inline-size:var(--content-width);
  width:var(--content-width);
  max-width:none;
  margin-inline:auto;
}
main > section,.solution-brief{
  padding-block:var(--section-space);
}
.v3-opening{
  padding-block:var(--space-xl) var(--space-lg);
}
main h1,.editorial h1,.v3-opening h1{
   
}
main h2,.editorial h2{
   
}
main h3,.v3-style-card h3,.v3-related h3{
   
}
.v3-opening h1{ max-inline-size:20ch; }
.overline{  margin-block-end:var(--space-sm); }
main :is(.v3-opening,.v3-style-detail,.brief-layout) p{
   
}
main :is(.v3-style-card) p{
   
}
.v3-opening > p,.v3-style-detail p,.brief-layout > div > p,.v3-style-card p{
  max-inline-size:var(--reading-width); max-width:var(--reading-width);
}
figcaption,#style-count{
   
}
@media (max-width:75rem){:root{ --header-block:clamp(5rem, 4.5rem + 1vw, 6rem); }
}
.button{
  min-height:var(--touch-target); max-width:100%; white-space:normal;
   
  padding:clamp(.8rem, .7rem + .2vw, 1.1rem) clamp(1rem, .8rem + .5vw, 2rem);
}
.button{ gap:var(--space-sm); }
.button > span{ flex-shrink:0; }
.inline-link{  min-height:var(--touch-target); padding-block:.5rem; }
.v3-filters{ gap:var(--space-xs); }
.v3-filters button{
  min-height:var(--touch-target);  white-space:normal;
  padding:.65rem 1rem;
}
summary{ min-height:var(--touch-target);  }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{ outline:2px solid var(--accent,var(--kuci-brand)); outline-offset:4px; }
.v3-style-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(16.5rem,22vw,23rem)),1fr));
  gap:var(--space-lg) var(--grid-gap);
}
.v3-style-grid > *,.v3-related > *{ min-width:0; }
.v3-related{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--grid-gap);
}
.v3-related{ width:100%; max-width:none; }
.v3-style-detail + .v3-related{ width:var(--content-width); max-width:none; }
.v3-style-card .inline-link{  }
.v3-related .overline{  }
.v3-related > a{ padding:var(--space-md); }
.v3-style-card .overline{  }
.v3-style-card figure{ height:auto; min-height:0; aspect-ratio:4 / 5; overflow:hidden; }
.style-library .v3-style-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.style-library .v3-style-card > a{ display:flex; flex-direction:column; height:100%; }
.style-library .v3-style-card h3{ margin-bottom:.7rem; }
.style-library .v3-style-card p{ margin:0; min-height:5.55em; }
.style-library .v3-palette{ margin:1.2rem 0 1.5rem; }
.style-library .v3-style-card .inline-link{ align-self:flex-start; margin-top:auto; padding-top:.5rem; }
.style-library .v3-style-card a:focus-visible{ outline-offset:6px; }
.style-library-detail figure img{ object-fit:cover; }
.style-related{ padding-top:2rem; }
@media (min-width:640px) and (max-width:992px){.style-library .v3-style-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:639px){.style-library .v3-style-grid{ grid-template-columns:1fr; }
.style-library .v3-style-card p{ min-height:0; }
}
.v3-style-detail figure{ height:auto; aspect-ratio:4 / 5; overflow:hidden; }
.v3-style-card figure img,.v3-style-detail figure img{
  width:100%; height:100%; object-fit:cover;
}
.v3-style-card figure figcaption,.v3-style-detail figcaption{
  max-width:calc(100% - 1.5rem); padding:.3rem .5rem;
}
.v3-style-detail,.brief-layout{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--space-lg); min-width:0;
}
.v3-style-detail{ align-items:center; }
table{ width:100%; min-width:0; table-layout:fixed;  }
th,td{ overflow-wrap:anywhere; padding:var(--space-sm); }
@media (max-width:62rem){.v3-style-detail{
    grid-template-columns:minmax(0,1fr);
  }
.v3-style-detail figure{ width:100%; max-width:none; aspect-ratio:16 / 10; }
}
@media (max-width:48rem){.brief-layout{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:30rem){.v3-filters button{ flex:1 1 auto; }
}
.case-viewer-open{ overflow-y:hidden; }
@media (prefers-reduced-motion:reduce){html{ scroll-behavior:auto; }
*,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}