/* Architectural workshop: the scene leads, controls stay legible. */
::selection{background:#ec935e;color:#191e32}input{caret-color:#9b4a1d}html{scrollbar-color:#90929a #f4f3f0;scroll-padding-top:24px}a{text-underline-offset:5px}.site-header{height:94px}.site-header nav{gap:28px}.workshop-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;padding:42px 0 24px;align-items:center}.workshop-scene{margin:0;min-width:0}.workshop-scene>img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;background:var(--paper)}.workshop-scene figcaption{font-size:11px;color:var(--muted);margin-top:10px;max-width:60ch}.workshop-story h1{font-size:clamp(40px,4.7vw,72px);line-height:1.05;letter-spacing:-.035em;font-weight:400;margin:0 0 22px;text-wrap:balance}.workshop-story>p{font-size:17px;line-height:1.6;max-width:36ch;color:var(--muted);margin:0 0 28px}.workshop-direct{display:block;margin:18px 0;text-decoration:underline;font-size:13px}.workshop-scene-copy{margin-top:38px;border-top:1px solid var(--line);padding-top:20px}.workshop-scene-copy h2{font-size:20px;font-weight:500;margin:0 0 7px}.workshop-scene-copy p{font-size:13px;color:var(--muted);margin:0;max-width:38ch}.scene-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:12px 0 30px}.scene-selector button{border:0;border-bottom:2px solid var(--line);background:white;color:var(--ink);display:flex;align-items:center;text-align:left;gap:15px;padding:14px 0;font-size:14px}.scene-selector button[aria-pressed=true]{border-color:var(--ink)}.scene-selector img{width:66px;height:66px;object-fit:cover}.scene-selector span{flex:1}.scene-selector svg{flex-shrink:0}.workshop-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:56px 0 40px;border-top:1px solid var(--line);align-items:center}.workshop-intro h2,.workshop-service h2{font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-.03em;line-height:1.15;margin:0;text-wrap:balance}.workshop-intro p,.workshop-service p{max-width:55ch;color:var(--muted);line-height:1.7}.collection-toolbar{border-top:0}.product-card .card-image{background:#f5f5f3}.product-card .card-image img,.product-stage>img,.glass-preview img{mix-blend-mode:normal}.product-card .card-arrow{border:0}.card-meta h3,.model-head h1{letter-spacing:-.03em}.workshop-service{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:70px 0 20px;padding:50px 0;border-top:1px solid var(--line)}.workshop-service ol{padding:0;list-style:none;margin:0}.workshop-service li{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.workshop-service li:first-child{padding-top:0}.workshop-service strong{font-weight:500}.workshop-service li span{color:var(--muted);font-size:14px}.product-context{font-size:13px;color:var(--muted)}.product-stage{background:#f4f4f2;border-radius:0}.product-stage .stage-number{display:none}.model-mark{display:none}.workshop-technical{border-bottom:1px solid var(--line);padding:22px 0}.workshop-technical summary{cursor:pointer;min-height:44px;display:list-item;font-size:16px;font-weight:500}.workshop-technical .field-section{border:0;padding-bottom:0}.workshop-compare-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.workshop-compare-actions .secondary{min-height:44px;font-size:12px;padding:10px 15px}.workshop-compare-actions .text-button{margin:0}.workshop-comparison{border-top:1px solid var(--line);margin-top:50px;padding:30px 0}.comparison-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.comparison-heading h2{font-size:28px;font-weight:400}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.comparison-grid article{min-width:0}.comparison-grid img{width:100%;height:360px;object-fit:contain;background:var(--paper);padding:20px}.comparison-grid h3{font-size:22px;font-weight:500}.comparison-grid p{font-size:13px;overflow-wrap:anywhere}.project-room{display:grid;gap:5px;font-size:12px;margin-top:12px}.project-room input{width:100%;max-width:300px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:4px}.project-export{margin-top:20px}.kit-result{border-left:0;border-top:1px solid var(--line)}.primary:hover:not(:disabled){background:#30384e}.primary.orange:hover:not(:disabled){background:#df8045}.secondary:hover:not(:disabled){background:var(--paper)}.text-button:hover{text-decoration:underline}.product-actions .primary:disabled{opacity:1;background:#e5e5e5;color:#585b62;border-color:#e5e5e5}.breadcrumbs{font-size:13px}.visual-note,.choice-note{font-size:12px}.steps li{font-size:12px}.glass-tile{font-size:12px}.product-stage{min-height:480px;height:64vh}.site-header button,.text-button,.icon-button{min-height:44px}
@media(max-width:900px){.workshop-hero{gap:5%}.workshop-story h1{font-size:42px}.workshop-story>p{font-size:15px}.workshop-scene-copy{margin-top:24px}.scene-selector{gap:14px}.scene-selector button{font-size:12px;gap:10px}.scene-selector img{width:48px;height:60px}.workshop-service li{grid-template-columns:100px 1fr}}
@media(max-width:760px){.site-header{height:80px}.workshop-hero{display:flex;flex-direction:column;padding-top:24px;gap:25px}.workshop-scene{width:100%}.workshop-scene>img{aspect-ratio:1.35;object-position:center 55%}.workshop-story{width:100%}.workshop-story h1{font-size:42px;margin-bottom:16px}.workshop-story>p{max-width:42ch}.workshop-story .primary{width:100%}.workshop-direct{text-align:center}.workshop-scene-copy{margin-top:24px}.scene-selector{gap:8px;padding-bottom:22px}.scene-selector button{flex-direction:column;align-items:start;gap:10px;line-height:1.35}.scene-selector img{width:100%;height:78px}.scene-selector svg{display:none}.workshop-intro{display:block;padding:32px 0 20px}.workshop-intro h2{font-size:32px}.workshop-service{display:block;margin-top:35px;padding-top:32px}.workshop-service ol{margin-top:30px}.workshop-service h2{font-size:32px}.workshop-service li{grid-template-columns:95px 1fr}.comparison-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid img{height:250px;padding:10px}.comparison-grid h3{font-size:18px}.comparison-heading{align-items:start}.comparison-heading h2{font-size:24px}.product-stage{height:52vh;min-height:350px}.workshop-compare-actions{gap:10px}.selection-row{align-items:start}.selection-row>img{width:35px}.selection-row>div{min-width:0}.region{white-space:nowrap}.site-header nav{gap:12px}.site-header nav button{font-size:12px}.brand img{width:120px}}
@media(prefers-reduced-motion:no-preference){.workshop-scene>img{animation:workshop-reveal .65s cubic-bezier(.16,1,.3,1)}@keyframes workshop-reveal{from{clip-path:inset(0 3% 0 0)}to{clip-path:inset(0)}}}

.workshop-image-window{aspect-ratio:1.15;overflow:hidden;background:var(--paper)}.workshop-image-window>img{display:block;width:100%;height:100%;object-fit:cover}.scene-selector{grid-template-columns:repeat(4,minmax(0,1fr))}#scene-motion{margin-top:4px;min-height:44px}.workshop-image-window>img.scene-in-motion{animation:concept-camera 8s ease-in-out;transform-origin:50% 50%}@keyframes concept-camera{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@media(max-width:760px){.workshop-image-window{aspect-ratio:1.35}.workshop-image-window>img{object-position:center 55%}.scene-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.workshop-image-window>img.scene-in-motion{animation:none;transform:none}}
