/* the Composite design: one portrait sheet, like an agency composite card */
body.composite{--sheet:#fff}
.k-wrap{max-width:1120px;margin:0 auto;padding:10px max(20px,4vw) 70px;display:grid;gap:30px}
.k-sheet{background:var(--sheet);box-shadow:0 18px 38px -22px #0006;padding:clamp(22px,5vw,52px) clamp(18px,5vw,56px) clamp(16px,3vw,28px);display:flex;flex-direction:column;align-items:center;min-width:0}
.k-brand{font-size:clamp(14px,2.4vw,20px);letter-spacing:.34em;text-transform:uppercase;font-weight:300;text-align:center;margin-bottom:clamp(18px,3.6vw,36px);min-height:20px}.k-brand img{height:28px;width:auto;margin:0 auto}
.k-one{aspect-ratio:210/297} /* a sheet of paper; it grows if the content is taller */
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:min(92%,720px)}
.k-grid.g1{grid-template-columns:1fr;width:min(62%,460px)}.k-grid.g3>div:nth-child(3){grid-column:1/-1;width:50%;justify-self:center}
.k-grid>div{aspect-ratio:7/10;overflow:hidden;background:#e8e7e5}.k-grid img{width:100%;height:100%;object-fit:cover}
.k-name{margin:clamp(20px,4vw,40px) 0 10px;font-size:clamp(15px,2.6vw,22px);font-weight:300;letter-spacing:.3em;text-transform:uppercase;text-align:center;line-height:1.3}
.k-ver{margin:0 0 6px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.k-meas{margin:0 0 clamp(18px,4vw,40px);text-align:center;font-size:clamp(8.5px,1.25vw,11px);letter-spacing:.04em;line-height:1.9;max-width:62ch}.k-meas i{font-style:normal;margin:0 3px}
.k-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.k-foot p{margin:0;flex:1;text-align:center;font-size:clamp(6.5px,1vw,9px);letter-spacing:.14em;text-transform:uppercase;color:#4a4946;line-height:1.7}.k-foot p span+span::before{content:" • ";margin:0 4px}.k-foot a{text-decoration:none}.k-foot a:hover{text-decoration:underline}
.k-qr{margin:0;flex:none}.k-qr svg{display:block;width:clamp(34px,5vw,48px);height:clamp(34px,5vw,48px)}
.k-two .k-grid{margin-bottom:clamp(18px,3vw,30px)}
.k-text{width:min(86%,560px);display:grid;gap:clamp(14px,2.4vw,24px);text-align:center;font-size:clamp(10.5px,1.5vw,13px);color:#3d3c3a}
.k-text h2{margin:0 0 6px;font-size:8px;letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--ink)}.k-text p{margin:0 0 3px}.k-text ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.k-text a{border-bottom:1px solid var(--ink);text-decoration:none}.k-text small{color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase;margin-left:6px}
.k-end{display:flex;justify-content:space-between;gap:24px;padding:4px 0 0}.k-end p{margin:0 0 16px;color:#4a4946}
@media print{
  @page{size:A4 portrait;margin:8mm}
  body.composite{background:#fff}
  .k-wrap{max-width:none;padding:0;display:block}
  .k-sheet{box-shadow:none;height:281mm;padding:12mm 14mm 8mm;break-inside:avoid;overflow:hidden}
  .k-sheet+.k-sheet{break-before:page}
  .k-grid{width:78%}.k-grid.g1{width:56%}
  .k-brand{margin-bottom:6mm}.k-name{margin:6mm 0 3mm}.k-meas{margin-bottom:4mm}
  .k-end,.c-example,.c-print,.c-nav{display:none!important}
}

/* no blue, anywhere: the browser paints autofilled fields light blue, selections and focus rings blue, taps blue-grey. Keep the field as designed. */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:focus{-webkit-text-fill-color:currentColor!important;caret-color:currentColor;transition:background-color 600000s ease-in-out 0s!important;background-clip:text!important}
input:autofill,textarea:autofill,select:autofill{background:transparent!important;color:inherit!important;filter:none!important}
::selection{background:#2b2a28;color:#fbfbfa}
*{-webkit-tap-highlight-color:transparent}
input,textarea,select,progress,meter{accent-color:#2b2a28}
:focus-visible{outline-color:currentColor}