@charset "UTF-8";
/* Panoramic home galleries: open artwork, navigation and final catalog collage. */
[data-variant=panoramica] .home-preview{padding-block:38px 64px;row-gap:38px}
[data-variant=panoramica] .home-preview .preview-heading h2{font-size:clamp(2rem,3.3vw,3.15rem)}
[data-variant=panoramica] .home-preview .preview-more{white-space:normal;max-width:none}
[data-variant=panoramica] .home-preview .preview-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:34px;overflow:visible;scroll-snap-type:none;align-items:start}
[data-variant=panoramica] .home-preview .preview-card{min-width:0;background:none;border:0;padding:0;box-shadow:none}
[data-variant=panoramica] .home-preview .preview-card.work-row{background:none}
[data-variant=panoramica] .home-preview .art-stage{background:none;aspect-ratio:auto;height:360px;overflow:visible;padding:0}
[data-variant=panoramica] .home-preview .preview-card .art-stage{background:none}
[data-variant=panoramica] .home-preview .art-stage>img{width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(0 7px 9px #34432f18)}
[data-variant=panoramica] .home-preview .preview-card .art-stage>img{transform:none}
[data-variant=panoramica] .home-preview .art-number,[data-variant=panoramica] .home-preview .view-pill{display:none}
[data-variant=panoramica] .home-preview .card-heading{margin:22px 0 12px}
[data-variant=panoramica] .home-preview .card-heading h3{font-size:1.8rem;margin-top:5px}
[data-variant=panoramica] .home-preview .card-meta{margin-top:0;padding-top:0;border:0;justify-content:flex-start;gap:18px;flex-wrap:wrap}
[data-variant=panoramica] .home-preview .work-row .art-open{margin-top:0}
[data-variant=panoramica] .home-preview .work-row .card-heading{margin:0 0 16px}
[data-variant=panoramica] .home-preview .work-row .card-heading h3{font-size:2.1rem;margin-top:8px}
[data-variant=panoramica] .home-preview .work-row .work-description{margin:0 0 16px;font-size:1rem;line-height:1.65}
[data-variant=panoramica] .home-preview .work-row .card-meta{margin-top:0;padding-top:0;border:0;gap:12px 20px}
[data-variant=panoramica] .home-preview .art-open:hover .card-heading h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
[data-variant=panoramica] .home-preview .preview-hint{display:none}

/* A continuous shelf, controlled by arrows, dots or a swipe. */
[data-variant=panoramica] .home-preview{grid-template-columns:1fr;row-gap:30px}
[data-variant=panoramica] .home-preview .preview-heading{grid-area:1/1;display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
[data-variant=panoramica] .home-preview .preview-heading .preview-more{grid-area:auto;min-width:0;width:auto;max-width:none;min-height:44px;margin:0;padding:5px 0;background:none;color:var(--ink);border:0;border-bottom:1px solid currentColor;gap:10px;font-size:.9375rem;white-space:nowrap;flex-shrink:0}
[data-variant=panoramica] .home-preview .preview-heading .preview-more:hover{color:color-mix(in srgb,var(--ink) 60%,#000)}
[data-variant=panoramica] .home-preview .preview-hint{display:none}
[data-variant=panoramica] .home-preview .preview-rail{grid-area:2/1;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:39%;align-items:center;column-gap:68px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14px;overscroll-behavior-x:contain;padding:14px 14px 24px;margin:-14px;scrollbar-width:none}
[data-variant=panoramica] .home-preview .preview-rail::-webkit-scrollbar{display:none}
[data-variant=panoramica] .home-preview .panorama-controls{grid-area:3/1;display:flex;align-items:center;justify-content:center;gap:12px;justify-self:center;margin-top:-8px}
[data-variant=panoramica] .home-preview .panorama-dots{display:flex;align-items:center}
[data-variant=panoramica] .home-preview .panorama-dot,[data-variant=panoramica] .home-preview .panorama-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%}
[data-variant=panoramica] .home-preview .panorama-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.25;transition:opacity .18s,transform .18s}
[data-variant=panoramica] .home-preview .panorama-dot[aria-current=true]::after{opacity:1;transform:scale(1.3)}
[data-variant=panoramica] .home-preview .panorama-arrow{border:1px solid var(--line)}
[data-variant=panoramica] .home-preview .panorama-arrow:disabled{opacity:.3;cursor:default}
[data-variant=panoramica] .home-preview .panorama-previous .icon{transform:rotate(-135deg)}
[data-variant=panoramica] .home-preview .panorama-next .icon{transform:rotate(45deg)}
@media(hover:hover){[data-variant=panoramica] .home-preview .panorama-arrow:not(:disabled):hover,[data-variant=panoramica] .home-preview .panorama-dot:hover{background:var(--eucalyptus)}}
[data-variant=panoramica] .home-preview .preview-card{scroll-snap-align:start;scroll-margin-inline:0}
[data-variant=panoramica] .home-preview .panorama-view-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:300px;padding:20px 0;text-align:center;scroll-snap-align:start;scroll-margin-inline:0;font:400 2.6rem/1.15 var(--serif)}
[data-variant=panoramica] .home-preview .panorama-collage{position:relative;display:block;isolation:isolate;width:100%;max-width:380px;aspect-ratio:1.2;margin-bottom:6px}
[data-variant=panoramica] .home-preview .panorama-collage img{position:absolute;left:var(--sheet-x);top:var(--sheet-y);width:48%;height:auto;max-height:82%;object-fit:contain;padding:6px;background:#fffdf7;box-shadow:0 3px 6px #24351b14,0 12px 24px #24351b15;transform:rotate(var(--sheet-angle));transition:transform .28s ease}
[data-variant=panoramica] .home-preview .panorama-collage-single::before,[data-variant=panoramica] .home-preview .panorama-collage-single::after{content:"";position:absolute;z-index:-1;width:48%;aspect-ratio:3/4;top:13%;left:38%;background:#f9f7ee;box-shadow:0 4px 16px #24351b12;transform:rotate(14deg)}
[data-variant=panoramica] .home-preview .panorama-collage-single::after{top:8%;left:13%;background:#f0ede1;transform:rotate(-21deg)}
[data-variant=panoramica] .home-preview .panorama-view-all-title{display:flex;align-items:center;gap:13px}
[data-variant=panoramica] .home-preview .panorama-view-all-title>.icon{width:31px;height:31px;transition:transform .2s ease}
[data-variant=panoramica] .home-preview .panorama-view-all-label{font:400 .875rem/1.5 var(--sans);color:var(--muted)}
@media(hover:hover){[data-variant=panoramica] .home-preview .panorama-view-all:hover .panorama-collage img{transform:translateY(-6px) rotate(var(--sheet-angle))}[data-variant=panoramica] .home-preview .panorama-view-all:hover .panorama-view-all-title>.icon{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){[data-variant=panoramica] .home-preview .panorama-collage img,[data-variant=panoramica] .home-preview .panorama-view-all-title>.icon{transition:none}}
[data-variant=panoramica] .home-preview .art-stage{height:420px}
[data-variant=panoramica] .home-preview .work-row{padding:20px 15px 20px 0}
[data-variant=panoramica] .home-preview .work-row .card-heading h3{font-size:2.8rem}

@media(max-width:1100px){
[data-variant=panoramica] .home-preview .preview-rail{column-gap:45px;grid-auto-columns:45%}
[data-variant=panoramica] .home-preview .art-stage{height:300px}
}
@media(max-width:700px){
[data-variant=panoramica] .home-preview{padding-block:28px 38px}
[data-variant=panoramica] .home-preview .preview-heading h2{font-size:2.15rem}
[data-variant=panoramica] .home-preview .card-heading h3{font-size:1.65rem}
[data-variant=panoramica] .home-preview .preview-rail{grid-template-columns:none;grid-auto-columns:87%;gap:32px;margin-inline:-14px}
[data-variant=panoramica] .home-preview .preview-heading{align-items:flex-start;gap:10px}
[data-variant=panoramica] .home-preview .preview-heading h2{flex-basis:100%}
[data-variant=panoramica] .home-preview .preview-heading .preview-more{justify-content:flex-start;font-size:.875rem}
[data-variant=panoramica] .home-preview .art-stage{height:355px}
[data-variant=panoramica] .home-preview .work-row .card-heading h3{font-size:2.15rem}
}
@media(max-width:360px){
[data-variant=panoramica] .home-preview .preview-rail{margin-inline:-6px;padding-inline:6px;scroll-padding-inline:6px}
}

[data-variant=panoramica] .home-preview .art-stage>img{width:auto;height:auto;max-width:100%;max-height:100%}