html,body{height:100%;overflow:hidden}body{display:grid;grid-template-rows:90px minmax(0,1fr) 76px;background:#171715;color:#f6f4ee}header{background:#f6f4ee;color:#171715}header nav{display:flex;align-items:center;gap:24px;padding:18px 4%}header .brand{margin-right:auto;width:240px}header .brand img{width:100%}.production-stage{min-height:0;padding:20px 4%}.production-pane{display:none;height:100%;min-height:0;gap:36px;grid-template-columns:1fr 1.15fr;align-items:center}.production-pane.active{display:grid}.production-pane>div,.production-pane>figure{min-height:0;margin:0}.production-pane h1{font-size:clamp(36px,4vw,68px);line-height:1.05}.production-pane h2{font-size:32px;margin:0 0 14px}.production-pane p{font-size:17px;line-height:1.5}.production-pane .small,figcaption{font-size:12px;line-height:1.5;color:#d6c9b0}.production-pane img{width:100%;max-height:calc(100dvh - 220px);object-fit:contain}.production-pane label{display:grid;gap:5px;margin-bottom:12px;font-size:14px}.production-pane input,.production-pane select{padding:10px;background:#f6f4ee;color:#171715;border:1px solid #bda678;max-width:100%;width:100%;box-sizing:border-box}.production-pane .button,.production-controls .button{min-height:48px;border:1px solid #bda678;background:#d6c49b;color:#171715}.production-pane .secondary,.production-controls .secondary{background:transparent;color:#f6f4ee}.production-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 4%;border-top:1px solid #ffffff30}.production-controls p{margin:0;font-size:14px}.production-controls .button{width:180px}.production-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-column:1/-1}.production-product{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:left;padding:20px;background:#242420;border:1px solid #ad9770;color:#f6f4ee;font:16px var(--font-reading);cursor:pointer}.production-product span{color:#d6c49b;font-size:15px}#production-request{height:100%;min-height:0}#production-photo{max-height:180px;margin-top:12px}.composition-room{height:90%;display:flex;align-items:center;background:#e9e2d7;padding:7%;box-shadow:inset 0 -50px #cfbfaa}#composition-panels{display:flex;gap:14px;width:100%;aspect-ratio:1.5}.composition-frame{flex:1;position:relative;overflow:hidden;border:7px solid #191919;box-shadow:3px 8px 15px #0004;background:#eee}.composition-frame img{position:absolute;max-width:none;height:100%;max-height:none;object-fit:fill;top:0}.panel-options{display:flex;gap:12px;margin-bottom:20px}.panel-options button[aria-pressed=false]{background:transparent;color:#f6f4ee}.production-pane:has(.production-products){grid-template-columns:1fr}@media(max-height:520px) and (orientation:landscape){body{grid-template-rows:52px minmax(0,1fr) 54px}header nav{padding:6px 3%;gap:14px}header .brand{width:170px}.production-stage{padding:12px 3%}.production-pane{gap:20px}.production-pane h1{font-size:32px;margin:8px 0}.production-pane h2{font-size:20px;margin-bottom:6px}.production-pane p{font-size:12px;margin:8px 0}.production-pane .small,figcaption{font-size:10px}.production-pane img{max-height:calc(100dvh - 140px)}.production-pane label{font-size:11px;margin-bottom:6px}.production-pane input,.production-pane select{padding:5px}.production-product{min-height:0;height:75px;padding:10px;font-size:12px;gap:6px}.production-product span{font-size:11px}.production-products{gap:8px}.production-controls .button,.production-pane .button{min-height:36px;padding:6px 12px;font-size:12px}#production-photo{max-height:110px}.panel-options{margin-bottom:8px}.composition-frame{border-width:4px}}@media(max-width:650px) and (orientation:portrait){body::after{content:'↻ Draai uw telefoon voor de galerie / Rotate your phone';position:fixed;inset:0;background:#171715;color:#f6f4ee;display:grid;place-content:center;text-align:center;padding:28px;font-size:24px;z-index:100}body>*{visibility:hidden}}
#town-request{height:100%}.production-pane textarea{width:100%;box-sizing:border-box;padding:8px;background:#f6f4ee;color:#171715}.production-controls a{text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}

.skyline-inscription-choice input{width:18px;margin-right:8px}#skyline-inscription{display:grid;grid-template-columns:1fr 1fr;gap:12px}#skyline-inscription[hidden]{display:none!important}.production-pane:has(#skyline-inscription:not([hidden])) label{font-size:12px;margin-bottom:6px}.production-pane:has(#skyline-inscription:not([hidden])) input,.production-pane:has(#skyline-inscription:not([hidden])) select{padding:6px}
.town-details{grid-template-columns:1fr;max-width:700px;margin:auto}.town-details>div{width:100%}@media(max-height:520px) and (orientation:landscape){.town-details{max-width:800px}.town-details>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.town-details h2,.town-details #skyline-inscription{grid-column:1/-1}.town-details p{margin:0}.town-details textarea{max-height:50px}}

header nav>.chat-launch{position:static;transform:none;min-width:0;width:auto;height:46px;min-height:46px;padding:4px 12px;flex:0 0 auto}header nav>.chat-launch img{width:36px;height:36px;object-fit:cover}header nav>.chat-launch strong{font-size:12px}header nav>.chat-launch small{font-size:9px}@media(max-width:1000px){header nav>.chat-launch span{display:none}header nav>.chat-launch{padding:2px;width:40px;height:40px;min-height:40px}header nav>a:not(.brand){font-size:12px}}

.production-product img{width:100%;height:130px;object-fit:contain;background:#f3eee5;margin-bottom:12px}
.composition-room{position:relative;background:#e8e1d6 url('/assets/gallery/gallery-ivory-wall-v1.png') center/cover no-repeat;box-shadow:none;padding:14% 10% 18%;height:100%;box-sizing:border-box}.composition-frame{box-shadow:2px 7px 9px #0005;border-width:5px}#composition-panels{aspect-ratio:2.1}
.production-products{height:100%;grid-auto-rows:minmax(0,1fr);align-content:stretch}.production-product{min-height:0;padding:12px;gap:7px}.production-product img{height:50px;max-height:50px;margin:0;object-fit:contain;flex-shrink:0}
.gallery-panels-link{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 18px;text-decoration:none;border:1px solid #bca776;color:inherit;min-height:42px}
.production-size-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 18px}
.production-size-choice{padding:14px 10px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #b6aa90;background:#f4eee1;color:#272820;font-family:inherit;cursor:pointer}
.production-size-choice strong{font-size:13px}.production-size-choice span{font-size:18px;font-variant-numeric:tabular-nums}
.production-size-choice[aria-pressed=true]{background:#e6d5a5;border:2px solid #827046}
.production-size-choice:focus-visible{outline:3px solid #827046;outline-offset:2px}
.production-live-total{padding:10px 14px;margin:4px 0 12px;background:#ede4cf;border:1px solid #c3b593;font-size:17px;font-weight:600}