/* D096: section bindings, with a different route for each composition. */
body.binding-edition .b-section{position:relative;isolation:isolate;overflow:hidden}
body.binding-edition :is(.b-thread,.b-incision,.b-grain,.b-frame-tab,.b-strip-stitch,.b-index-paper,.b-invitation-paper,.b-hero-weave,.b-hero-material){position:absolute!important;pointer-events:none!important;z-index:0!important;max-width:none}
body.binding-edition .b-thread{color:#876840;opacity:.46;overflow:visible}
body.binding-edition .b-thread :is(path,circle){vector-effect:non-scaling-stroke}
body.binding-edition :is(.b-margin,.b-folio,.b-process){top:-1px;left:calc(var(--gutter)/2);width:calc(var(--gutter)/2);height:calc(100% + 2px)}
body.binding-edition .b-entrance{left:calc(var(--gutter)/2 - 18px);bottom:-1px;width:calc(100% - var(--gutter)/2 + 18px);height:106px;opacity:.36}
body.binding-edition .b-end{left:calc(var(--gutter)/2);bottom:24px;width:calc(100% - var(--gutter));height:66px;opacity:.35}
body.binding-edition .b-grain{inset:0;background:url('assets/d095-paper.svg') repeat;background-size:192px;mix-blend-mode:multiply;opacity:.12;z-index:-1!important}
body.binding-edition .b-incision{width:245px;height:auto;opacity:.32;color:#876840;filter:drop-shadow(0 1px 0 #ffffff80)}
body.binding-edition .b-frame-tab{left:calc(var(--gutter)/2 + 4px);top:38px;width:calc(var(--gutter)/2 - 4px);height:60px;border-top:1px solid #87684070;border-right:1px solid #87684050;border-bottom:1px solid #87684050;border-radius:0 24px 24px 0}
body.binding-edition :is(.art-surface,.exhibition-stage){position:relative;isolation:isolate}
body.binding-edition :is(.art-surface,.exhibition-stage)>.b-pair{inset:-18px -3% -40px;width:106%;height:calc(100% + 58px);z-index:-1!important;opacity:.6}
body.binding-edition :is(.art-surface,.exhibition-stage)>:is(.b-pair-mobile,.b-pair-service-mobile){display:none}
body.binding-edition :is(.hero-desktop,.hero-mobile,.exhibition-desktop,.exhibition-phone){position:relative;z-index:1}
body.binding-edition .b-invitation-paper{inset:27px calc(var(--gutter)/2);border-top:3px double #bba68490;border-bottom:1px solid #bba68465;background:linear-gradient(125deg,#f9f2e47a,transparent 70%);box-shadow:7px 10px 0 #8a714d0d;z-index:-1!important}

/* Home: the drawing leaves the photograph and follows the studio samples. */
body.b-page-home .service-strip{position:relative;isolation:isolate}
body.b-page-home .b-strip-stitch{left:calc(var(--gutter)/2 + 5px);top:0;bottom:0;width:1px;background:#87684070}
body.b-page-home .path-teaser>.b-incision{left:-65px;bottom:-55px;transform:rotate(-10deg)}
body.b-page-home .path-teaser>.s-ornament{left:auto;right:-175px;bottom:-95px;width:270px;height:270px;opacity:.09}
body.b-page-home .craft .b-margin{color:#d1b18b}

/* Portfolio: a folio spine, changing ink as the exhibition opens onto paper. */
body.b-page-progetti .work>.b-folio{color:#cfb48f;opacity:.48}
body.b-page-progetti .direction-index>.b-incision{right:-60px;bottom:-70px;width:280px;opacity:.27}
body.b-page-progetti .b-index-paper{inset:24px calc(var(--gutter)/2) 27px;border-top:3px double #aa947965;border-bottom:1px solid #aa947965;background:linear-gradient(118deg,#fff9ec60,transparent 75%);box-shadow:8px 10px 0 #8a714d0d;z-index:-1!important}

/* Activity selection is a small ink folio, not an operating-system popup. */
body.b-page-progetti .b-filter{position:relative;z-index:10;gap:20px}
body.b-page-progetti .b-filter [hidden]{display:none!important}
body.b-page-progetti .b-filter-title{font-size:10px;letter-spacing:.09em;color:#d5cec2}
body.b-page-progetti .b-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:22px;width:213px;min-height:48px;padding:11px 15px;background:#292722;border:1px solid #c6af8970;color:#f3efe7;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
body.b-page-progetti .b-filter-trigger>svg{width:17px;height:17px;flex:none;transition:transform .2s}
body.b-page-progetti .b-filter-trigger[aria-expanded=true]{border-color:#dfa28a;background:#353028}
body.b-page-progetti .b-filter-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
body.b-page-progetti .b-filter-panel{position:absolute;top:calc(100% + 10px);right:0;width:290px;max-width:calc(100vw - 2 * var(--gutter));padding:12px 14px 14px;background:#292722;color:#f3efe7;border:1px solid #b49b7770;border-top:3px double #c6af8990;box-shadow:0 20px 45px #00000040;z-index:35}
body.b-page-progetti .b-filter-heading{display:flex;justify-content:space-between;gap:12px;padding:5px 9px 12px;margin:0;color:#d5cec2;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
body.b-page-progetti .b-filter-heading>span{color:#d5cec2;font-size:9px;letter-spacing:.09em}
body.b-page-progetti .b-filter-choice{display:grid;grid-template-columns:minmax(0,1fr) 33px 15px;align-items:center;gap:8px;width:100%;min-height:49px;padding:10px 9px;border:0;border-top:1px solid #c6af892a;background:transparent;color:#f3efe7;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .18s,color .18s}
body.b-page-progetti .b-filter-quantity{font:400 21px/1 BottegaDisplay;color:#c6af89;text-align:center}
body.b-page-progetti .b-filter-check{width:15px;height:15px;opacity:0}
body.b-page-progetti .b-filter-choice[aria-pressed=true]{color:#eda68e;background:#ffffff05}
body.b-page-progetti .b-filter-choice[aria-pressed=true] .b-filter-check{opacity:1}
body.b-page-progetti .b-filter-choice:is(:hover,:focus-visible){background:#f3efe710}
body.b-page-progetti :is(.b-filter-trigger,.b-filter-choice):focus-visible{outline:2px solid #eda68e;outline-offset:3px}

/* Service: one stroke binds the two screens, with an incision at the boundary. */
body.b-page-servizio :is(.service-exhibition,.scope-panel)>.b-margin{color:#cfb48f;opacity:.52}
body.b-page-servizio .exhibition-stage>.b-pair{color:#cfb48f}
body.b-page-servizio .service-boundary>.b-incision{right:-75px;bottom:-90px;width:255px;transform:rotate(17deg)}
body.b-page-servizio .service-boundary>.s-watermark{right:25%;bottom:-150px;opacity:.035}
body.b-page-servizio :is(.b-hero-weave,.b-hero-material){display:none}

/* Process: the measured route links a choice, its proof and the delivery stages. */
body.b-page-come-funziona .process>.b-process{color:#e2b18d;opacity:.48}
body.b-page-come-funziona .process-detail>.b-proof{left:0;top:0;width:100%;height:100%;z-index:0!important;opacity:.25}
body.b-page-come-funziona .process-detail>figure{position:relative;z-index:1;background:#f3efe7}
body.b-page-come-funziona .milestones>.b-incision{left:-75px;bottom:-90px;width:245px;opacity:.25;transform:rotate(-24deg)}

/* Questions: a quiet folded sheet and a line alongside the open answers. */
body.b-page-domande .questions>.b-margin{color:#e2b18d;opacity:.5}
body.b-page-domande .questions>.b-frame-tab{border-color:#e2b18d60}
body.b-page-domande .art-faq>.b-proof{inset:0;width:100%;height:100%;opacity:.38}
body.b-page-domande .art-faq .question-topics{position:relative;z-index:1}

/* The social overview uses the same binding; the nine exports remain their own artworks. */
body.gallery.binding-edition{--gutter:5%;overflow-x:clip}
body.gallery.binding-edition main{position:relative;isolation:isolate}
body.gallery.binding-edition main>.b-folio{left:2%;width:2%;opacity:.48}
body.gallery.binding-edition .profile{position:relative;isolation:isolate}
body.gallery.binding-edition .profile>.b-proof{inset:0;width:100%;height:100%;opacity:.28;z-index:-1!important}
body.gallery.binding-edition .social-grid{position:relative;z-index:1}

@media(max-width:1000px){
 body.binding-edition :is(.b-margin,.b-folio,.b-process){opacity:.38}
 body.binding-edition .b-incision{opacity:.25}
 body.binding-edition .b-entrance{height:70px}
 body.binding-edition .b-frame-tab{top:27px;height:45px;border-radius:0 16px 16px 0}
 body.binding-edition .b-invitation-paper{inset:19px calc(var(--gutter)/2)}
}
@media(max-width:550px){
 body.binding-edition :is(.art-surface,.exhibition-stage)>.b-pair{display:none}
 body.binding-edition :is(.art-surface,.exhibition-stage)>:is(.b-pair-mobile,.b-pair-service-mobile){display:block;inset:-5px -2% -35px;width:104%;height:calc(100% + 40px);z-index:-1!important;opacity:.46}
 body.b-page-servizio .exhibition-stage>.b-pair-service-mobile{color:#cfb48f}
 body.b-page-progetti .b-filter-enhanced{justify-content:space-between}
 body.b-page-progetti .b-filter-trigger{width:calc(100% - 65px);font-size:14px}
 body.b-page-progetti .b-filter-panel{left:0;right:0;width:100%;max-width:none}
 body.b-page-progetti .b-filter-choice{min-height:50px}
 body.b-page-servizio .signature-hero-copy{isolation:isolate}
 body.b-page-servizio .b-hero-weave{display:block;inset:-43px -6vw 0;width:calc(100% + 12vw);height:calc(100% + 43px);color:#876840;opacity:.42;z-index:-1!important}
 body.b-page-servizio .b-hero-weave path{vector-effect:non-scaling-stroke}
 body.b-page-servizio .b-hero-material{display:block;inset:-43px -6vw 0;background:radial-gradient(ellipse at 110% 5%,#d5bc975c,transparent 62%),url('assets/d095-paper.svg');background-size:auto,192px;z-index:-2!important;opacity:.55}
 body.b-page-servizio .signature-hero-copy:after{content:'';position:absolute;pointer-events:none;right:-6vw;top:-43px;width:35%;height:30%;border-left:1px solid #8768402e;border-bottom:1px solid #8768402e;border-radius:0 0 0 100%;opacity:.65}
 body.b-page-servizio .b-entrance,body.b-page-come-funziona .b-entrance{height:30px}
 body.b-page-progetti .direction-index>.b-incision{right:-100px;bottom:-70px;width:225px}
 body.b-page-home .path-teaser>.b-incision{left:-100px;width:220px}
 body.b-page-servizio .service-boundary>.b-incision{right:-115px;width:245px}
 body.b-page-come-funziona .process-detail>.b-proof{display:none}
 body.gallery.binding-edition{--gutter:6%}
 body.gallery.binding-edition main>.b-folio{left:2%;width:2.5%}
 body.binding-edition .b-end{height:45px;bottom:18px;opacity:.27}
}
@media(prefers-contrast:more){body.binding-edition .b-grain{display:none}}
@media(prefers-reduced-motion:reduce){body.b-page-progetti .b-filter :is(button,svg){transition:none}}
html[data-motion=reduced] body.b-page-progetti .b-filter :is(button,svg){transition:none}