.workshop-entrances{padding:58px 0 32px;background:linear-gradient(140deg,#fff6fb,#f0fbff)}.workshop-heading{max-width:700px;margin-bottom:30px}.workshop-heading h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;margin:12px 0}.workshop-heading p{color:#506779;line-height:1.6}.workshop-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.workshop-entry{overflow:hidden;border:1px solid #d6e4ec;border-radius:26px;background:#fff;box-shadow:0 12px 30px #1435480a;scroll-margin-top:110px}.workshop-scene{height:260px;padding:24px 32px 0;position:relative;overflow:hidden;background:linear-gradient(160deg,#dfeef6,#f2f7fa)}.plexi-entry .workshop-scene{background:linear-gradient(130deg,#ffe5f3,#fff7eb)}.workshop-door{position:relative;height:100%;border:12px solid #213d50;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(150deg,#f9fcff,#d2e1e7);box-shadow:inset 0 12px 24px #16354818,14px 8px 0 #d0dce2}.workshop-door>span{position:absolute;left:-12px;right:-12px;top:-12px;padding:12px;text-align:center;border-radius:16px 16px 0 0;background:#173647;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;z-index:2}.workshop-door>img{position:absolute;width:75%;height:130px;object-fit:contain;bottom:0;left:0}.workshop-door>b{position:absolute;right:20px;bottom:18px;font-size:100px;line-height:1;color:#00a8e1;text-shadow:3px 4px #087d9c,8px 12px 15px #135b6a30;transform:rotate(-8deg)}.workshop-rack{display:flex;gap:8px;position:absolute;left:20px;top:60px}.workshop-rack i{width:26px;height:95px;background:#ec008c;border-radius:4px;transform:skewY(-8deg);box-shadow:3px 4px #a50060}.workshop-rack i:nth-child(2){background:#00a8e1;box-shadow:3px 4px #08769d}.workshop-rack i:nth-child(3){background:#ffe500;box-shadow:3px 4px #af9b00}.workshop-rack i:nth-child(4){background:#ff702b;box-shadow:3px 4px #aa4110}.workshop-rack i:nth-child(5){background:#39b478;box-shadow:3px 4px #147447}.workshop-facade{position:absolute;inset:52px 20px 18px;background:repeating-linear-gradient(90deg,transparent 0 32%,#202f3b 32% 33%),repeating-linear-gradient(0deg,#3b4d5c 0 48%,#192c3a 48% 50%);box-shadow:5px 8px 0 #1c3040;display:grid;place-items:center;border-radius:3px;transform:perspective(600px) rotateY(-12deg)}.workshop-facade b{font-size:clamp(34px,4vw,58px);color:#e2c681;letter-spacing:.04em;text-shadow:2px 2px #967124,4px 4px #4f3e1c,0 5px 18px #ffeacb88}.workshop-sheets{position:absolute;right:14px;bottom:-15px;display:flex;gap:7px;transform:rotate(-12deg)}.workshop-sheets i{height:75px;width:25px;background:linear-gradient(120deg,#fff6b9,#ae9258);box-shadow:3px 4px #172c39}.workshop-sheets i:nth-child(2){background:linear-gradient(120deg,#fcffff,#8397a6)}.workshop-sheets i:nth-child(3){background:linear-gradient(120deg,#c48053,#5a3124)}.workshop-sheets i:nth-child(4){background:linear-gradient(120deg,#ee332a,#7d130b)}.workshop-entry-copy{padding:25px 28px 28px}.workshop-entry h3{font-size:clamp(23px,2.2vw,29px);margin:10px 0}.workshop-entry p{color:#526879;line-height:1.6;min-height:52px;font-size:15px}.workshop-entry .btn{margin-top:18px;width:100%}.workshop-entry .btn-cyan{background:#00a8df;color:#fff}.workshop-dialog{padding:0;border:0;width:min(1580px,calc(100vw - 28px));height:calc(100dvh - 24px);max-width:none;max-height:none;border-radius:25px;background:#f4f8fa;color:#203749;box-shadow:0 24px 90px #102a4966;overflow:auto}.workshop-dialog::backdrop{background:#102d43bd}.workshop-dialog-header{position:sticky;top:0;z-index:10;background:#fffffffa;border-bottom:1px solid #d5e5ed;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.workshop-dialog-header span{color:#007da6;font-size:10px;font-weight:800;letter-spacing:.15em}.workshop-dialog-header h2{margin:6px 0 0;font-size:24px}.workshop-dialog-header button{width:46px;height:46px;border:1px solid #bdd3de;border-radius:14px;background:white;font-size:30px;cursor:pointer}.workshop-dialog .wrap{max-width:none;padding:0 26px}.workshop-dialog .plexi-studio,.workshop-dialog .composite-studio{padding:24px 0 38px;background:none}.workshop-dialog .plexi-heading,.workshop-dialog .composite-heading{display:none}.workshop-dialog .plexi-box{grid-template-columns:1fr 1.1fr}.workshop-dialog .composite-box{padding:26px}.workshop-loading{padding:30px;text-align:center;color:#4b6779}.workshop-host[hidden],.workshop-loading[hidden]{display:none!important}.workshop-is-open{overflow:hidden}.material-sample{display:flex;align-items:center;gap:22px;min-height:116px;border:1px solid #dce8ee;border-radius:18px;padding:18px 22px;margin:14px 0 18px;background:linear-gradient(130deg,#f5f9fc,#ffffff);--material-texture:none;--material-color:#f2f8ff}.material-sample-piece{width:96px;height:66px;flex:none;background-image:linear-gradient(120deg,#ffffff55,transparent 40%,#ffffff30 45%,transparent 52%,#0000000d),var(--material-texture);background-color:var(--material-color);background-size:cover;border:1px solid #0002;border-radius:4px;transform:perspective(350px) rotateY(-24deg) rotateX(13deg) rotateZ(-7deg);box-shadow:1px 1px color-mix(in srgb,var(--material-color),#333 25%),2px 2px color-mix(in srgb,var(--material-color),#333 25%),3px 3px color-mix(in srgb,var(--material-color),#333 25%),4px 4px #303b46,8px 12px 12px #152f4020}.plexi-material .material-sample-piece{box-shadow:1px 1px color-mix(in srgb,var(--material-color),white 15%),2px 2px var(--material-color),3px 3px color-mix(in srgb,var(--material-color),#222 25%),8px 12px 12px #152f4020}.material-sample small,.material-sample strong,.material-sample span{display:block}.material-sample small{font-size:9px;color:#627b8b;letter-spacing:.1em;font-weight:800}.material-sample strong{font-size:17px;margin:7px 0;color:#20394b}.material-sample span{font-size:12px;color:#61798a}.plexi-swatch>span,.composite-color>span{background-image:linear-gradient(130deg,#ffffff35,transparent 50%,#0000000a);box-shadow:inset 0 0 0 1px #fff3}.workshop-dialog :focus-visible{outline:3px solid #009ad0;outline-offset:3px}
/* One full-bleed visual surface: identical bounds for daytime and illuminated states. */
.catalog-picture{position:relative;display:block;aspect-ratio:1;padding:0;border-radius:23px 23px 0 0;overflow:hidden;background:#edf3f6}.catalog-picture>.catalog-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(100cqh * var(--catalog-ratio,1)))!important;height:auto!important;min-height:100%;aspect-ratio:var(--catalog-ratio,1)!important;max-width:none;border-radius:0}.catalog-picture{container-type:size}.catalog-picture>.lightbox-product-photo{inset:0;transform:none;width:100%!important;height:100%!important;min-height:0;border-radius:0}.service-card .showcase-pad.catalog-main-cover{position:relative;aspect-ratio:1;height:auto;padding:0;border-radius:22px;container-type:size;overflow:hidden;background:#edf3f6}.catalog-main-cover>.catalog-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(100cqh * var(--catalog-ratio,1)));min-height:100%;height:auto;aspect-ratio:var(--catalog-ratio,1);max-width:none}.catalog-main-cover>.lightbox-product-photo{inset:0;transform:none;width:100%;height:100%;min-height:0}.catalog-peek{border-radius:15px;overflow:hidden}.catalog-peek .catalog-photo{border-radius:0}.catalog-zoom .zoom-photo{border-radius:20px;overflow:hidden}.catalog-zoom .catalog-photo{border-radius:0}.catalog-photo img{image-rendering:auto;animation:none!important}.catalog-item{border-radius:24px}.catalog-item .catalog-info{background:#fff}
@media(max-width:900px){.workshop-dialog .plexi-box{grid-template-columns:1fr}.workshop-entry-grid{gap:18px}.workshop-scene{padding:22px 22px 0;height:230px}.workshop-entry-copy{padding:22px}.workshop-dialog .wrap{padding:0 18px}}
@media(max-width:620px){.workshop-entrances{padding:36px 0 22px}.workshop-entry-grid{grid-template-columns:1fr}.workshop-scene{height:235px}.workshop-entry p{min-height:0}.workshop-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:18px}.workshop-dialog-header{padding:14px 16px}.workshop-dialog-header h2{font-size:20px}.workshop-dialog .wrap{padding:0 10px}.workshop-dialog .composite-box{padding:14px}.material-sample{gap:18px;padding:16px}.material-sample strong{font-size:15px}}

.sector-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.sector-product{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;border-radius:16px;background:#f1f8fc;border:1px solid #dce8ef;text-align:left}.sector-product-visual{position:relative;width:100%;aspect-ratio:1;overflow:hidden;container-type:size;background:#edf3f6;border-radius:15px 15px 0 0}.sector-product-visual>.catalog-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(100cqh * var(--catalog-ratio,1)))!important;height:auto!important;min-height:100%;aspect-ratio:var(--catalog-ratio,1)!important;border-radius:0;max-width:none}.sector-product-visual>.lightbox-product-photo{inset:0;transform:none;width:100%!important;height:100%!important;min-height:0}.sector-product-visual .lightbox-crop{width:max(100%,calc(100cqh * var(--lightbox-ratio,1)));height:auto;aspect-ratio:var(--lightbox-ratio,1)}.sector-product>span{display:flex;align-items:center;padding:11px 10px;min-height:48px;margin:0;width:100%;font-size:12px;line-height:1.35;color:#294457;background:#f1f8fc}.sector-product:focus-visible{outline:3px solid #00a8e1;outline-offset:3px}

/* Photographic workshop doors: one continuous rounded surface, real entry controls. */
.workshop-heading{font-family:Segoe UI,Arial,sans-serif}.workshop-heading h2{font-weight:700;letter-spacing:-.04em}.workshop-entry-grid{gap:24px}.workshop-photo-entry{position:relative;aspect-ratio:4/3;border-radius:30px;border:0;isolation:isolate;box-shadow:0 14px 35px #23394f18;background:#1c252b}.workshop-photo-entry .workshop-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.workshop-entry-action{position:absolute;inset:auto 0 0;z-index:1;padding:45px 34px 27px;display:flex;justify-content:center;background:linear-gradient(transparent,#091a2835);border-radius:0 0 30px 30px}.workshop-enter{min-height:60px;width:100%;max-width:430px;padding:13px 20px;border:1px solid #ffffff94;border-radius:999px;font-family:Segoe UI,Arial,sans-serif;font-size:clamp(16px,1.55vw,23px);font-weight:700;letter-spacing:-.025em;color:white;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;background:linear-gradient(170deg,#ff39a6,#f00088 52%,#c60069);box-shadow:inset 0 2px 2px #ffffff70,0 4px 18px #e5008766;transition:transform .18s,box-shadow .18s}.composite-entry .workshop-enter{background:linear-gradient(170deg,#24d2fb,#00ace8 52%,#008fc9);box-shadow:inset 0 2px 2px #ffffff70,0 4px 18px #00b7ef66}.workshop-enter span{font-family:Arial,sans-serif;font-size:1.35em;line-height:1}.workshop-enter:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff70,0 7px 22px #e5008780}.composite-entry .workshop-enter:hover{box-shadow:inset 0 2px 2px #ffffff70,0 7px 22px #00b7ef80}.workshop-enter:active{transform:translateY(0)}.workshop-enter:focus-visible{outline:3px solid #fff;outline-offset:5px}.workshop-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}.workshop-photo-entry:has(.workshop-enter:hover) .workshop-cover{transform:scale(1.015)}
@media(max-width:620px){.workshop-entry-grid{gap:20px}.workshop-photo-entry{border-radius:24px}.workshop-entry-action{padding:32px 22px 20px;border-radius:0 0 24px 24px}.workshop-enter{min-height:50px;font-size:17px;padding:11px 14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.workshop-photo-entry .workshop-cover,.workshop-enter{transition:none}.workshop-photo-entry:has(.workshop-enter:hover) .workshop-cover{transform:none}}
/* Workshops use almost the whole screen and prioritise the product views. */
.workshop-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);margin:auto;border-radius:20px}.workshop-dialog .wrap{padding:0 14px}.workshop-dialog .composite-studio{padding:16px 0 30px}.workshop-dialog .composite-box{padding:18px}.workshop-dialog .composite-views{gap:18px}.workshop-dialog .composite-views canvas{height:auto;aspect-ratio:auto!important;cursor:default}.workshop-dialog-header{font-family:Segoe UI,Arial,sans-serif;padding:14px 22px}.workshop-dialog .composite-options{padding-top:8px}.composite-zoom{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;overflow:auto}.composite-zoom-views canvas{aspect-ratio:auto!important}
@media(min-width:1200px){.workshop-dialog .composite-views{grid-template-columns:1fr 1fr}.workshop-dialog .composite-summary{margin-bottom:20px}}
@media(max-width:700px){.workshop-dialog .wrap{padding:0 6px}.workshop-dialog .composite-box{padding:10px;border-radius:18px}.workshop-dialog .composite-views{grid-template-columns:1fr;gap:14px}.workshop-dialog-header{padding:12px 14px}.composite-zoom{padding:12px;width:calc(100vw - 8px);height:calc(100dvh - 8px)}}

.workshop-dialog{font-family:Segoe UI,Arial,sans-serif}.workshop-dialog button,.workshop-dialog input{font-family:inherit}
