/* The masthead and content have independent maximum widths. */
.mast {width:min(1200px,calc(100% - 60px));height:83.2px;min-height:0;align-items:flex-start;padding-top:15px}
.mast .brand{font:500 27px/1 Quicksand,sans-serif;letter-spacing:-.056em;gap:8px;min-height:44.4px}
.mast .brand img{width:36px;height:36px;border-radius:8px}
.mast nav{align-self:flex-start;padding-top:5px;font-size:16px;font-weight:400}
.wrap{width:min(1140px,calc(100% - 60px))}
body{background:#f9f9f9}
body::before{left:0;top:0;width:min(72vw,890px);height:1100px;background:linear-gradient(45deg, transparent 38%,#f2f3f2 38%,#f2f3f2 61%,transparent 61%);opacity:.86}
.studio-intro{margin:clamp(51.4px,calc(12vw - 56.4px),103.6px) 0 0}
.studio-copy{max-width:672px}
.studio-copy h1,.branch-heading h1,.catalog-intro h1{font:600 40px/1.3 Quicksand,sans-serif;letter-spacing:-.025em;text-wrap:initial;max-width:672px}
.studio-copy p,.branch-heading p,.catalog-intro p{font:400 18px/1.6 Quicksand,sans-serif;max-width:672px;margin:18px 0 0}
.studio-intro + .gallery{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:63px}
.studio-intro + .gallery .rack-head{grid-column:2;grid-row:3;align-self:center;min-height:0;margin-top:30px}
.studio-intro + .gallery .tools{grid-area:1/1/2/3}
.studio-intro + .gallery .track{grid-area:2/1/3/3}
.studio-intro + .gallery .dots{grid-row:3;grid-column:1;margin-top:32px}
.gallery .tools{gap:8px;margin:0 0 16px}
.gallery .tools button{font:600 22px/1 Arial,sans-serif;min-height:30px;height:30px;width:32px;min-width:32px;position:relative}
.gallery .tools button::after{content:"";position:absolute;inset:-7px 0}
.gallery .track{padding:0;gap:16px;cursor:grab}
.gallery .track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.gallery:not(.branch-gallery) .track .example{flex:0 0 clamp(280px,32vw,350px)}
.example .gallery-frame{border:0;border-radius:14px;outline:1px solid rgb(22 31 25/.12);outline-offset:-1px;background:#e9eae6}
.example img{width:100%;aspect-ratio:4/5;height:auto}
.itemtitle{font:600 19.2px/1.2 Quicksand,sans-serif;letter-spacing:-.015em;margin:12px 0 0}
.itemtitle span{color:#27362f}
.itemdesc{font:400 16px/1.5 Quicksand,sans-serif;margin:7px 0 0}
.gallery .dots{align-items:center;gap:8px}
.gallery .dots button{padding:8px 0;min-height:25px}
.gallery .dots button::before{height:8px;width:14px;border-radius:8px;background:#a9c9b8}
.gallery .dots button[aria-current]::before{width:29px;background:#286547}
.branch-heading h1{max-width:672px}
.branch-gallery .track .example{flex:0 0 calc((100% - 32px)/3)}
@media(max-width:900px){
 .mast{height:82px;width:calc(100% - 30px)}
 .studio-intro{margin-top:51.4px}
 .studio-copy h1,.branch-heading h1,.catalog-intro h1{font-size:32px}
 .studio-copy p,.branch-heading p,.catalog-intro p{font-size:16px;margin-top:16px}
 .studio-intro + .gallery{margin-top:61px}
 .branch-gallery .track .example{flex-basis:clamp(260px,42vw,350px)}
}
@media(max-width:650px){
 .wrap{width:calc(100% - 60px)}
 .mast{flex-wrap:nowrap;align-items:flex-start}
 .mast nav.open{position:absolute;inset:62px 0 auto;background:#f9f9f9;z-index:12;box-shadow:0 10px 20px #15281f14}
 .mast .menu{margin-top:4px}
 .studio-intro+.gallery .rack-head{grid-column:1/-1;grid-row:4;justify-content:flex-start;margin:12px 0 0}
 .studio-intro+.gallery .dots{grid-column:1/-1}
 .branch-gallery .track .example{flex-basis:280px}
 .gallery .track{gap:16px}
 .contact .invitation{min-width:0}
}
.branch-intro{--opening:clamp(127.9px,calc(12vw + 14.7px),174.7px);position:relative;padding-top:var(--opening)}
.branch-intro .back-catalog{position:absolute;top:calc(var(--opening) - 48px);margin:0}
.branch-heading p{font:400 17.6px/1.6 Quicksand,sans-serif;margin:16px 0 0}
.branch-gallery{margin-top:45px}
.branch-gallery .edition-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.branch-gallery .track{padding:0;gap:16px}
.branch-gallery .track .example{flex:0 0 clamp(280px,32vw,350px)}
.edition-gallery .edition-cards{grid-template-columns:repeat(3,minmax(0,clamp(280px,32vw,350px)));gap:16px}
@media(max-width:900px){.branch-intro{--opening:127.9px}}
@media(max-width:780px){.edition-gallery .edition-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.edition-gallery .edition-cards{grid-template-columns:1fr}}
.gallery .itemtitle span{font-size:19px;line-height:1}.studio-intro+.gallery .itemdesc{display:block;max-width:calc(100% - 52px);min-height:2.6em;font-size:15.2px;line-height:1.3;margin-top:8px}.studio-intro+.gallery .dots{margin-top:28px}
@media(max-width:650px){.seal{width:min(290px,100%);height:auto;aspect-ratio:1;min-width:0}.seal::before,.seal::after{width:72%;height:72%}.gallery-note{grid-template-columns:minmax(0,1fr)}.sealcopy strong{font-size:clamp(31px,10vw,42px)}}
@media(max-width:550px){footer h2,footer a{overflow-wrap:anywhere}}
.contact:has(.webbit-contact-card){align-items:start;padding-block:clamp(24px,4vw,48px);gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.webbit-contact-card{align-self:start;align-items:start;justify-content:start;text-align:left;width:100%;margin:0;padding:clamp(22px,3vw,38px);gap:12px}
.webbit-contact-card img{width:58px;height:58px;margin:0}.webbit-contact-card h3{margin:0}.webbit-contact-card p{font-size:16px;line-height:1.6}.webbit-contact-card address{font:400 15px/1.5 Quicksand,sans-serif;margin-top:7px;padding-top:14px;border-top:1px solid #d8e1db;width:100%}.webbit-contact-card>a{text-decoration:underline;text-underline-offset:3px}
.contact:has(.webbit-contact-card) .invitation{padding:0;min-width:0}
@media(min-width:850px){.contact-draft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-draft>label{margin:0}.contact-draft>label:has(select),.contact-draft>label:has(textarea),.contact-draft>output,.contact-draft>button{grid-column:1/-1}.contact-draft>button{justify-self:start}}
@media(max-width:720px){.contact:has(.webbit-contact-card){grid-template-columns:1fr;gap:26px;padding:20px 16px}.contact:has(.webbit-contact-card) .identity{margin:0}}