/* Webbit's gallery comes first. Shared only by marketing and industry pages. */
:root{--studio-paper:#f9faf8;--studio-ink:#18342d;--studio-line:#d6dfd8}
body{background:var(--studio-paper)}
body::before{content:"";pointer-events:none;position:absolute;top:0;left:0;width:min(65vw,910px);height:clamp(600px,85vw,1120px);border-radius:0;transform:none;background:linear-gradient(45deg,transparent 44%,rgb(32 82 62 / .027) 44%,rgb(32 82 62 / .027) 63%,transparent 63%);z-index:-1}
body>header{border-bottom:0;background:transparent}
.mast,.wrap{width:min(85vw,1220px);max-width:none}
.studio-intro,.catalog-intro,.branch-intro,.rack-head,.example,.catalog-filters{font-family:Quicksand,"Webbit Sans",sans-serif}
.studio-intro{display:block;margin:clamp(60px,7vw,102px) 0 clamp(43px,5vw,78px)}
.studio-copy{padding:0;display:block}
.studio-copy h1,.branch-heading h1,.catalog-intro h1{font-family:inherit;font-weight:600;line-height:1.18;letter-spacing:-.035em;font-size:clamp(32px,3vw,46px)}
.studio-copy p,.branch-heading p,.catalog-intro p{font:500 clamp(16px,1.23vw,19px)/1.65 Quicksand,sans-serif;max-width:64ch;margin:18px 0 0}
.gallery .rack-head{border:0;padding:0;display:flex;justify-content:flex-end;min-height:25px}
.rack-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rack-head .quiet-link,.back-catalog{font-size:14px;font-weight:550;color:#365c4e;border-color:#b6c7b9}
.gallery .tools{justify-content:flex-start;margin:0 0 11px;gap:4px}
.gallery .tools button{border:0;background:none;color:#284239;padding:0;width:38px;height:34px;min-width:38px;min-height:34px;font-size:24px;border-radius:4px}
.gallery .tools button:hover{background:#e7eee6}
.gallery .track{gap:clamp(12px,1.3vw,21px);padding-block:2px}
.gallery:not(.branch-gallery) .track .example{flex-basis:30.7%}
.gallery-frame{padding:0!important;border:1px solid #28433322;border-radius:13px;overflow:hidden;background:#f0f3ee}
.gallery-frame img{border-radius:0;box-shadow:none}
.branch-heading{display:block;border:0;padding:0}
.branch-heading h1{max-width:30ch}
.branch-intro,.catalog-intro{padding-top:clamp(40px,5.2vw,84px)}
.branch-gallery{margin-top:clamp(27px,3.4vw,54px)}
.branch-gallery .track{padding:2px}
.itemtitle{font-size:clamp(18px,1.35vw,23px);font-weight:650;letter-spacing:-.025em;margin-top:12px}
.itemdesc{font-size:15px;line-height:1.5}
@media(max-width:850px){.mast,.wrap{width:calc(100% - 52px)}.gallery:not(.branch-gallery) .track .example{flex-basis:43%}}
@media(max-width:650px){.mast,.wrap{width:calc(100% - 36px)}.studio-intro{margin:42px 0 30px}.studio-copy h1,.branch-heading h1,.catalog-intro h1{font-size:clamp(31px,7.5vw,42px)}.studio-copy p,.branch-heading p{margin-top:14px}.gallery:not(.branch-gallery) .track .example{flex-basis:83%}.gallery-frame{border-radius:10px}.branch-intro,.catalog-intro{padding-top:32px}.gallery .tools button{width:44px;height:44px}.branch-gallery{margin-top:22px}}
