@font-face{font-family:Suisse;src:url('/assets/fonts/SuisseIntl-Regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:16px;background:#fff;color:#111;font-family:Suisse,Arial,sans-serif;font-size:12px;line-height:1.32}a{color:inherit;text-decoration:none}a:hover,button:hover{color:#0000ed}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid #0000ed;outline-offset:3px}header{height:60px;width:75%;font-weight:600}header span{margin-left:14px}main{width:calc(75% - 8px)}aside{position:fixed;top:15px;right:16px;width:calc(25% - 24px);bottom:16px}h1,h2,p{font-size:inherit;font-weight:400;margin:0}aside section{margin-bottom:32px}aside section p+p{margin-top:16px}aside section:last-of-type p{margin-top:16px}.preview-note{position:absolute;bottom:0;color:#666}.row{display:grid;grid-template-columns:5.6% 23% 23% 40% 8.4%;align-items:start;gap:0}.row>span{padding-right:12px}.row>span:last-child{padding-right:0;text-align:right}.head{border-bottom:1px solid #c9c9c9;padding-bottom:8px;margin-bottom:6px}.project summary{list-style:none;cursor:pointer;padding:3px 0}.project summary::-webkit-details-marker{display:none}.project summary:hover,.project[open] summary{color:#0000ed}.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:start;margin:30px 0 22px}.gallery button{width:100%;display:block}.gallery img{display:block;width:100%;height:auto}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 36px 5.6%;max-width:700px}.project-info a{text-decoration:none;text-underline-offset:2px}footer{display:flex;justify-content:space-between;margin-top:48px;padding-top:8px;border-top:1px solid #c9c9c9;margin-bottom:16px}dialog{border:0;padding:44px 24px 20px;max-width:96vw;width:96vw;max-height:96vh;background:white}dialog::backdrop{background:#ffffffed}dialog img{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain}dialog p{text-align:center;margin-top:12px}.close{position:absolute;top:12px;right:16px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){body{font-size:14px}}
@media(max-width:760px){body{margin:12px;font-size:12px}header{height:48px;width:100%}main{width:100%}aside{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}aside section{margin:0}.preview-note{position:static;color:#666}.row{grid-template-columns:10% 37% 37% 16%}.row>span:nth-child(3){display:none}.row>span{padding-right:8px}.row>span:last-child{text-align:right}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:22px}.project-info{margin-left:0;gap:16px}footer{gap:12px;font-size:11px}dialog{width:100vw;max-width:100vw;padding-left:12px;padding-right:12px}}
[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:flex-start}header nav{display:flex;gap:24px;font-weight:400;padding-right:12px}header nav button[aria-pressed=true]{text-decoration:none;text-underline-offset:3px}#shop-tab{color:#b00066}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center}.artwork{display:block;width:100%}.gallery .artwork>img{max-height:330px;object-fit:contain}.viewer-content>.artwork{width:min(100%,1000px);margin:auto}.viewer-content .material-object{width:min(100%,calc(76vh * var(--support-aspect)));margin:auto}.viewer-content .material-object img{max-height:none;margin:0}.gallery .material-object img{height:auto}.gallery .material-support{height:100%!important}.gallery .material-face>img{height:100%;object-fit:contain}.gallery .material-screen .material-face>img{height:auto}.gallery button{min-width:0}
.identity{display:flex;align-items:flex-start;gap:12px}
.identity-object{display:block;width:52px;height:40px;object-fit:contain;margin-top:-10px}
#shop-tab{color:#111;background:none;border:0;padding:0;font:inherit;text-decoration:none}
#shop-tab:hover,#shop-tab[aria-pressed=true]{text-decoration:none;text-underline-offset:3px}
#shop-tab:focus-visible{outline:2px solid #073889;outline-offset:4px}
#shop-panel{width:calc(75% - 8px)}
.shop-title{font:inherit;border-bottom:1px solid #c9c9c9;padding-bottom:8px}
.shop-product{display:grid;grid-template-columns:65% 35%;align-items:center;margin-top:30px;gap:12px}
.candle-stage img{display:block;width:100%;height:auto}
.shop-description{font:inherit}.shop-description h3{font:inherit;margin:0 0 16px}.shop-price{margin-top:16px}.shop-status{margin-top:32px}.shop-contact{display:inline-block;margin-top:16px;text-decoration:none;text-underline-offset:3px}
.row>span:last-child{white-space:nowrap}
.websites-made{color:#111}.websites-made h2{margin-bottom:8px}.websites-made a{display:block}
.gallery{align-items:end}
#\33 sqm .gallery{grid-template-columns:repeat(3,minmax(0,1fr));container-type:inline-size}
#\33 sqm [data-asset="mockup-3sqm"],#\33 sqm [data-asset="3sqm-island"]{grid-column:1/-1;width:min(100%,420px);justify-self:start}
#\33 sqm .physical-piece{display:flex;align-items:flex-end;justify-content:center;height:auto}
#\33 sqm .physical-piece .artwork{width:calc(var(--physical-width) * .19cqw);height:calc(var(--physical-height) * .19cqw)}
#\33 sqm .physical-piece .artwork>img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom}
@media(max-width:760px){header nav{gap:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#shop-panel{width:100%}.shop-product{grid-template-columns:1fr;gap:16px}.shop-description{padding-bottom:24px}footer{flex-wrap:wrap}}
.pronova-case{margin-top:28px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px}.case-intro h2{font-size:clamp(19px,2.1vw,28px);line-height:1.15;letter-spacing:-.6px}.case-intro p+p{margin-top:12px}.case-credit{color:#555}.case-heading{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 10px;gap:16px}.case-heading h3{font:inherit;margin:0}.case-heading a{text-decoration:none;text-underline-offset:3px}.web-demo,.clean-captures figure{margin:0}.demo-stage{background:#f7f7f7;padding:clamp(14px,3vw,40px)}.demo-viewport{position:relative;aspect-ratio:1265/712;overflow:hidden;background:#fff}.demo-viewport>img{width:100%;height:100%;object-fit:contain;display:block}.demo-viewport iframe{position:absolute;top:0;left:0;width:1536px;height:864px;border:0;transform-origin:0 0;opacity:0;pointer-events:none}.demo-viewport iframe.ready{opacity:1}.web-demo figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:10px}.demo-play{text-decoration:none;text-underline-offset:3px;min-height:28px}.demo-status{color:#555;text-align:right}.clean-captures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.clean-captures button{display:block;background:#f7f7f7;padding:20px;width:100%}.clean-captures img{display:block;width:100%;height:auto}.clean-captures figcaption{margin-top:8px}#pronova>.gallery{margin-top:10px;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}#pronova [data-asset="pronova-web"]{grid-column:1/-1;max-width:400px;justify-self:center}#pronova [data-asset="pronova-3d"],#pronova [data-asset="pronova-booth"]{background:#f7f7f7;overflow:hidden;aspect-ratio:1.3;display:flex;align-items:center;justify-content:center}#pronova [data-asset="pronova-3d"] .artwork{width:78%}#pronova [data-asset="pronova-3d"] img{mix-blend-mode:multiply}#pronova [data-asset="pronova-booth"] .artwork{flex-shrink:0;width:180%}#pronova [data-asset="pronova-booth"] img{max-height:none}
@media(max-width:760px){.case-intro{grid-template-columns:1fr;gap:16px}.clean-captures{grid-template-columns:1fr}.clean-captures button{padding:16px}.demo-status{max-width:50%}.case-heading{gap:12px}}
#pronova [data-asset="pronova-web"]{background:#f7f7f7;max-width:none;padding:24px}#pronova [data-asset="pronova-web"]>.artwork{max-width:400px;margin:auto}#pronova [data-asset="pronova-web"] .material-object{background:transparent}#pronova [data-asset="pronova-web"] .material-support{mix-blend-mode:multiply}
#pronova [data-asset="pronova-web"] .material-object{background:#f7f7f7}
#pronova .mac-demo [data-asset="pronova-web"]{padding:0;max-width:760px;margin:0 auto;background:transparent;display:block;width:100%}#pronova .mac-demo [data-asset="pronova-web"]>.artwork{max-width:none}.mac-demo .demo-viewport{position:absolute;aspect-ratio:auto}.mac-demo .demo-viewport>img{height:auto;object-fit:initial}.pronova-case .case-intro{margin-top:32px}.web-demo figcaption{flex-wrap:wrap;align-items:baseline}.web-demo figcaption a{text-decoration:none;text-underline-offset:3px}.switzerland{margin:28px 0}.switzerland-stage{background:#f7f7f7;padding:20px;overflow:hidden}.switzerland img{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:contain;mix-blend-mode:multiply}.switzerland figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.switzerland-play{text-decoration:none;text-underline-offset:3px;min-height:28px}
.web-demo figcaption{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.web-demo .demo-status{text-align:right}.web-demo .demo-play{justify-self:end;min-width:32px;min-height:32px;text-align:right;text-decoration:none;font-size:16px;letter-spacing:1px}@media(max-width:760px){.web-demo .demo-status{max-width:none;font-size:10px}}
#pronova .mac-demo [data-asset="pronova-web"]{width:84%;max-width:640px}.switzerland-stage{padding:28px 8%}#pronova [data-asset="pronova-3d"] .artwork{width:65%}#pronova [data-asset="pronova-booth"] .artwork{width:155%}#pronova [data-asset="pronova-booth"]{grid-column:1/-1}
#\33 sqm-halloween>.gallery{grid-template-columns:minmax(0,1fr);gap:16px}#\33 sqm-halloween .artwork>img{max-height:none;width:100%;height:auto}

#\33 sqm-halloween>.project-description{max-width:640px;margin:24px 0;line-height:1.5}
#\33 sqm>.gallery>.towel-selection{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:38px 7%;padding:6%;background:#f7f7f7}
.towel-trio{display:flex;align-items:flex-end;gap:5%;container-type:inline-size}
#\33 sqm .towel-piece{flex:none;width:calc(var(--towel-width) * .26%);height:auto;aspect-ratio:var(--towel-width) / var(--towel-height);display:flex;align-items:flex-end;justify-content:center}
#\33 sqm .towel-piece .artwork{width:100%;height:100%;display:flex;align-items:flex-end}
#\33 sqm .towel-piece img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}
#\33 sqm>.gallery>.island-stage{grid-column:1/-1;background:#f7f7f7;padding:7%}
.island-window{border:1px solid #d9d9d9;background:#fff;overflow:hidden;border-radius:5px;box-shadow:0 8px 20px #0000000a}
.island-titlebar{padding:9px 14px;border-bottom:1px solid #dedede;background:#eeeeee;text-align:center;font-size:11px}
#\33 sqm .island-window>button{display:block;width:100%}
#\33 sqm .island-window .artwork,#\33 sqm .island-window img{display:block;width:100%;height:auto;max-height:none}
@media(max-width:760px){#\33 sqm>.gallery>.towel-selection{gap:24px 6%;padding:5%}#\33 sqm>.gallery>.island-stage{padding:5%}.island-titlebar{font-size:10px;padding:7px}}
.gallery>.computer-demo{grid-column:1/-1;margin:0}
.computer-stage{background:#f7f7f7;padding:clamp(14px,3vw,40px)}
.computer-stage>button{display:block;width:84%;max-width:640px;margin:0 auto}
.computer-stage .artwork{display:block;width:100%}
.computer-stage .material-object{background:#f7f7f7}
.computer-stage .material-support{mix-blend-mode:multiply}
.computer-demo>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;color:#555}
.computer-demo>figcaption>button{min-width:32px;min-height:32px;text-align:right;color:#111;font-size:16px;letter-spacing:1px}
#mattia-candle>.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center}
#mattia-candle [data-asset="handle-loops-overview"] img{max-height:none;width:100%;height:auto}
#mattia-candle [data-asset="mattia-candle"]{background:#f7f7f7;aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;overflow:hidden}
#mattia-candle [data-asset="mattia-candle"]>.artwork{width:155%;flex-shrink:0}
#mattia-candle [data-asset="mattia-candle"] img{width:100%;height:auto;max-height:none;mix-blend-mode:multiply}
#voronoi-paddleboard>.gallery>button{background:#f7f7f7}
#voronoi-paddleboard>.gallery>button img{mix-blend-mode:multiply}
#voronoi-paddleboard>.gallery{grid-template-columns:minmax(0,1fr);gap:16px}
.paddle-gif{grid-column:1/-1;margin:0}
.paddle-gif>img,.paddle-gif>video{display:block;width:100%;height:auto;background:#f7f7f7}
.paddle-gif figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}
.paddle-gif figcaption button{width:auto;min-width:32px;min-height:32px;text-align:right;font-size:16px}

#ecal>.gallery>button,.gallery>.island-stage,.candle-stage{background:#f7f7f7}
#ecal>.gallery{grid-template-columns:1fr;gap:20px}
.ecal-study-row{display:flex;align-items:flex-end;justify-content:space-evenly;gap:4%;padding:5% 3%;background:#f7f7f7;container-type:inline-size}
#ecal .ecal-scaled{flex:none;width:calc(var(--study-width) * .032%);background:transparent}
#ecal .ecal-scaled .artwork>img{width:100%;height:auto;max-height:none;mix-blend-mode:multiply}
#ecal>.gallery>button{padding:5%}
#ecal>.gallery>button .artwork>img{width:100%;height:auto;max-height:none;object-fit:contain}

.gallery>button>.artwork>img{mix-blend-mode:multiply}
#ecal .ecal-scaled{margin-bottom:calc(var(--study-overhang) * -.032%)}

.towel-empty{display:block;flex:none;width:calc(var(--towel-width) * .26%)}
#\33 sqm .towel-piece .towel-crop{position:relative;overflow:hidden;display:block;width:100%;height:100%}
.clay-reveal{position:relative;overflow:hidden;isolation:isolate}
#\33 sqm-halloween .clay-reveal>img{mix-blend-mode:normal}
#\33 sqm-halloween .clay-reveal>.clay-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
#\33 sqm-halloween .reveal-ready>.clay-layer{animation:clay-dissolve 12s ease-in-out infinite;animation-play-state:var(--reveal-play,paused)}
#\33 sqm-halloween .gallery>button:nth-child(2) .clay-layer{animation-delay:4s}
#\33 sqm-halloween .gallery>button:nth-child(3) .clay-layer{animation-delay:8s}
@keyframes clay-dissolve{0%,50%,100%{opacity:0}66.666667%,83.333333%{opacity:1}}
@media(prefers-reduced-motion:reduce){#\33 sqm-halloween .reveal-ready>.clay-layer{animation:none}}
.vicart-contact{margin:30px 0}
.vicart-contact h3{font:inherit;margin:0 0 14px}
.vicart-contact-sheet{display:block;width:100%;background:transparent}
.vicart-contact-sheet img{display:block;width:100%;height:auto}


#ecal [data-asset="mattia-recycled-plastic"] .artwork>img{transform:translate(-2.083333%,6.051345%)}

#art-production>.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#art-production>.gallery>button,#sparx>.gallery>button{background:transparent}
#art-production .artwork>img,#sparx .artwork>img{width:100%;height:auto;max-height:none;mix-blend-mode:normal}
#sparx>.gallery{grid-template-columns:1fr}
@media(max-width:760px){#art-production>.gallery{grid-template-columns:1fr;gap:16px}}

#teaching>.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#teaching>.gallery>button{background:transparent}
#teaching .artwork>img{width:100%;height:auto;max-height:none;mix-blend-mode:normal}
#teaching [data-asset="teaching-08"],#teaching [data-asset="teaching-01"]{grid-column:1/-1}
@media(max-width:760px){#teaching>.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

#sparx [data-asset="sparx-selection-02"]{width:min(100%,560px);justify-self:center}

#how-lucy>.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:center}
#how-lucy>.gallery>button{background:transparent}
#how-lucy [data-asset="lucy-selection-13"]{grid-column:1/-1}
#how-lucy .artwork>img{width:100%;height:auto;max-height:none;mix-blend-mode:normal}
@media(max-width:760px){#how-lucy>.gallery{grid-template-columns:1fr;gap:12px}}

.web-demo .demo-play,.switzerland-play,.computer-demo>figcaption>button,.paddle-gif figcaption button,#motion{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;background:transparent;color:#111;font-family:inherit;font-size:16px;font-weight:400;line-height:1;letter-spacing:0;text-align:center;text-decoration:none}
.web-demo .demo-play:hover,.switzerland-play:hover,.computer-demo>figcaption>button:hover,.paddle-gif figcaption button:hover,#motion:hover{color:#0000ed}

.computer-demo>figcaption>button{margin-left:auto}.computer-demo>figcaption>a{text-decoration:none;text-underline-offset:3px}.computer-demo>figcaption>[role="status"]:empty{display:none}

#matmat>.gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
#matmat [data-asset="matmat-x1001"],#matmat [data-asset="matmat-xdrape"]{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:8%;background:#f7f7f7}
#matmat [data-asset="matmat-x1001"] .artwork,#matmat [data-asset="matmat-xdrape"] .artwork{width:100%;height:100%}
#matmat [data-asset="matmat-x1001"] img,#matmat [data-asset="matmat-xdrape"] img{width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:multiply}
.matmat-support{display:flex;justify-content:flex-start;margin:24px 0 32px}
.matmat-support img{display:block;width:150px;height:auto}

.playback-controls{display:inline-flex;align-items:center;gap:4px;flex:none;justify-self:end}
.playback-controls>button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font:16px/1 Suisse,Arial,sans-serif;letter-spacing:0;text-decoration:none;background:transparent;color:#111}
.playback-controls>button:hover{color:#0000ed}
.computer-demo>figcaption>.playback-controls,.switzerland figcaption>.playback-controls,.paddle-gif figcaption>.playback-controls{margin-left:auto}
footer{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:24px}
footer>span:last-child{justify-self:end;text-align:right}
@media(max-width:760px){footer{grid-template-columns:1fr auto;gap:12px}footer>.playback-controls{justify-self:start}}

#photographie-event>.project-description{max-width:680px;margin:28px 0 32px;line-height:1.55}
#gynecare>.gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}

.switzerland-stage video{display:block;width:100%;height:auto}
a, a:hover, .project-info a, .shop-contact, header nav button[aria-pressed=true], footer button{ text-decoration:none; }
a{color:inherit}
header nav button[aria-pressed=true],a:hover,a:active,a:focus-visible{color:#0000ed}

.switzerland-stage video{mix-blend-mode:multiply}

.revoedge-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;padding:7%;background:#f7f7f7;align-items:center;aspect-ratio:1.3}
.revoedge-pair button{display:flex;align-items:center;justify-content:center;min-width:0;height:100%}
.revoedge-pair img{width:100%;height:100%;object-fit:contain;max-height:none}

.revoedge-pair{position:relative;display:block;padding:0;overflow:hidden}
.revoedge-heading{position:absolute;top:8%;left:7%;z-index:1;font-size:clamp(12px,1.5vw,21px);line-height:1.25}
.revoedge-heading span{display:block;font-size:.7em;margin-top:8px;color:#555}
.revoedge-pair button:first-of-type{position:absolute;right:-1%;top:9%;width:49%;height:128%}
.revoedge-pair button:last-of-type{position:absolute;left:2%;top:33%;width:67%;height:62%}

header .language-switch{display:inline-flex;gap:6px;margin-left:8px;font-weight:400}header .language-switch button{color:inherit}header .language-switch button[aria-pressed=true],header .language-switch button:hover{color:#0000ed}header .language-switch span{margin:0;color:#777}

.revoedge-heading{top:10%;left:9%;font-size:clamp(12px,1.3vw,18px)}
.revoedge-pair button:first-of-type{right:4%;top:0;width:42%;height:100%}
.revoedge-pair button:first-of-type img{position:absolute;bottom:-14%;width:100%;height:auto}
.revoedge-pair button:last-of-type{left:4%;top:31%;width:60%;height:58%}

#gynecare>.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#gynecare>.gallery>button{grid-column:auto}

#contact-dialog{width:min(440px,calc(100vw - 32px));padding:48px 24px 24px}#contact-dialog h2{font-size:18px;margin-bottom:16px}#contact-dialog p{margin:16px 0}#contact-dialog [data-contact-close]{position:absolute;right:16px;top:14px}#contact-result{display:block;margin:20px 0;color:#0000ed}#contact-challenge{min-height:65px}body:has(#contact-dialog[open]){overflow:hidden}

.collaboration-credit{margin:24px 0;line-height:1.5}

#gynecare>.gallery>button{background:transparent;padding:0}
#gynecare .artwork>img{max-height:none}

aside .recent-focus p+p{margin-top:12px}aside .recent-focus .focus-detail{margin-top:3px;color:#666}

#vicartmed>.gallery>button{background:transparent}

@media(min-width:761px) and (max-height:760px){aside{overflow-y:auto;padding-bottom:12px}aside .preview-note{position:static;margin-top:32px}}

/* Draw playback symbols so mobile fonts cannot substitute emoji glyphs. */
.playback-controls>button[aria-pressed]{font-size:0!important}
.playback-controls>button[aria-pressed]::before{content:"";display:block;box-sizing:border-box;width:10px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.playback-controls>button[aria-pressed="false"]:not(#motion)::before,
.playback-controls>#motion[aria-pressed="true"]::before{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;border-right:0;margin-left:2px}

.projects-hint{color:#666;margin:0 0 16px}.project summary{padding-top:6px;padding-bottom:6px}
@media(min-width:761px){main,#shop-panel{width:calc(75% - 24px)}header{width:calc(75% - 24px)}header nav{padding-right:0}.row{grid-template-columns:5.6% 25% 23% 38% 8.4%}.gallery{margin-top:24px}aside{padding-left:8px}}

aside section p.positioning{margin-top:0}

body.modal-open{overflow:hidden}.dialog-fallback:not([open]){display:none}.dialog-fallback[open]{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;overflow:auto;box-shadow:0 0 0 100vmax #fffffff2}