:root{color-scheme:dark;--ex-bg:#0c1014;--ex-panel:#141a20;--ex-line:#ffffff20;--ex-text:#f3f1eb;--ex-muted:#aeb6ba;--ex-accent:#e8ddc8;--ex-radius:4px}
*{box-sizing:border-box}body.ex-body{margin:0;background:var(--ex-bg);color:var(--ex-text);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.ex-body.bim{--ex-accent:#c7ff3d}
.ex-body a{color:inherit;text-decoration:none}.ex-body button,.ex-body input,.ex-body select{font:inherit}.ex-body button{cursor:pointer;color:inherit}.ex-body button:disabled{opacity:.45;cursor:not-allowed}.ex-body svg{width:22px;height:22px;flex-shrink:0}.ex-body img{display:block;max-width:100%}.ex-body h1,.ex-body h2,.ex-body h3,.ex-body p,.ex-body figure{margin:0}.ex-body h1,.ex-body h2{font-weight:400}.ex-body h1{font:400 clamp(2.35rem,4.5vw,4.4rem)/1.04 Georgia,serif;letter-spacing:-.045em}.ex-body h1 em,.ex-body h2 em{font-family:Georgia,serif;font-weight:400}.ex-body.bim h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.06em}.ex-body h2{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.035em}.ex-body h3{font-size:1rem;line-height:1.35}.ex-body [hidden]{display:none!important}.ex-body :focus-visible{outline:2px solid var(--ex-accent);outline-offset:5px}.ex-body button,.ex-body a,.ex-body input{touch-action:manipulation}.ex-body summary{cursor:pointer;min-height:44px;padding:12px 0}.ex-body details p{padding-bottom:16px}
.ex-skip{position:fixed;top:-100px;left:16px;padding:12px 16px;background:var(--ex-accent);color:#111!important;z-index:300}.ex-skip:focus{top:12px}
.ex-header{min-height:98px;display:flex;align-items:center;gap:24px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid var(--ex-line);background:var(--ex-bg);position:relative;z-index:5}.ex-brand{display:block;margin-right:auto;width:160px;flex-shrink:0}.ex-brand img{width:160px;height:64px;object-fit:contain}.ex-header nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ex-header nav a,.ex-home{font-size:.9rem;line-height:1.3;min-height:44px;display:flex;gap:12px;align-items:center;padding:12px}.ex-header nav a{color:var(--ex-muted)}.ex-header nav a:hover,.ex-header nav a[aria-current]{color:var(--ex-text);background:#ffffff09}.ex-header nav a[aria-current]{box-shadow:inset 0 -1px var(--ex-accent)}
#experience{padding:38px clamp(20px,4vw,64px) 70px;max-width:1640px;margin:auto}.ex-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:32px}.ex-heading>div>p:last-child{max-width:630px;margin-top:16px;color:var(--ex-muted)}.ex-kicker{font-size:.75rem!important;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:var(--ex-muted);margin-bottom:12px!important}.ex-small{font-size:.875rem;line-height:1.6;color:var(--ex-muted)}.ex-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid var(--ex-accent);background:var(--ex-accent);color:#111!important;line-height:1.4;font-size:.9rem;border-radius:var(--ex-radius);text-align:center}.ex-button.secondary{background:transparent;color:var(--ex-text)!important;border-color:var(--ex-line)}.ex-button:hover{filter:brightness(1.1)}.ex-text-button{display:inline-flex;gap:10px;align-items:center;min-height:44px;background:none;border:0;padding:10px 0;text-align:left;font-size:.9rem;text-decoration:underline;text-underline-offset:5px}.ex-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.ex-stage-column{min-width:0}.ex-detail-panel{background:var(--ex-panel);padding:24px;border:1px solid var(--ex-line);display:flex;flex-direction:column;gap:18px}.ex-detail-panel>p{color:var(--ex-muted)}.ex-detail-callout{padding:20px 0;border-top:1px solid var(--ex-line);border-bottom:1px solid var(--ex-line)}.ex-detail-callout h2,.ex-detail-callout h3{margin-bottom:12px}.ex-detail-callout p{color:var(--ex-muted);font-size:.9375rem;line-height:1.7}
.ex-controlbar,.ex-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ex-controlbar button,.ex-filters button{min-height:44px;border:1px solid var(--ex-line);background:transparent;border-radius:var(--ex-radius);padding:10px 15px;font-size:.875rem;line-height:1.3}.ex-controlbar button[aria-pressed=true],.ex-filters button[aria-pressed=true]{background:var(--ex-accent);border-color:var(--ex-accent);color:#111}.ex-stage-label{position:absolute;inset:auto auto 18px 20px;z-index:2;display:flex;gap:18px;font-size:.75rem;color:white;background:#0c1014da;padding:7px 12px;border:1px solid #ffffff24;pointer-events:none}.ex-zoom-tools{position:absolute;right:12px;bottom:14px;display:flex;gap:3px;z-index:4;background:#141a20ed;border:1px solid #ffffff36;padding:4px}.ex-zoom-tools button{min-width:42px;min-height:42px;padding:8px;border:0;background:transparent;color:#fff;line-height:1.1}.ex-zoom-tools button:hover{background:#ffffff20}.ex-stage-column>.ex-small{margin:12px 0 20px}
.ex-footer{border-top:1px solid var(--ex-line);display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:24px clamp(20px,4vw,64px);font-size:.875rem;color:var(--ex-muted)}.ex-footer>span{margin-right:auto}.ex-footer a{min-height:44px;display:flex;align-items:center;gap:10px}.ex-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ex-accent);color:#111;padding:12px 20px;max-width:calc(100vw - 32px);width:max-content;border:1px solid #333;font-size:.875rem;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.ex-toast.visible{opacity:1;transform:translate(-50%,0)}.ex-noscript{padding:24px}
.ex-inspiration-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.ex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ex-search{font-size:.75rem;color:var(--ex-muted);min-width:240px}.ex-search input{display:block;width:100%;margin-top:4px;background:var(--ex-panel);border:1px solid var(--ex-line);color:var(--ex-text);padding:12px;min-height:46px;font-size:1rem;border-radius:3px}.ex-inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;margin:20px 0 24px}.ex-image-card{min-width:0;position:relative}.ex-image-card>a{display:block}.ex-image-card img{width:100%;height:245px;object-fit:cover;background:#1a1e23;transition:filter .2s}.ex-image-card a:hover img{filter:brightness(1.08)}.ex-image-card h3{font-size:.9375rem;padding-top:12px}.ex-image-card p{font-size:.75rem;color:var(--ex-muted);margin-top:4px}.ex-save{position:absolute;top:10px;right:10px;width:42px;height:42px;border:1px solid #ffffff80;background:#10151be8;display:grid;place-items:center;border-radius:50%;color:#fff}.ex-save[aria-pressed=true]{background:var(--ex-accent);color:#111;border-color:var(--ex-accent)}.ex-save[aria-pressed=true] svg{fill:currentColor}.ex-board{padding:24px;background:var(--ex-panel);border:1px solid var(--ex-line);scroll-margin-top:18px}.ex-board h2{font-family:Georgia,serif;font-size:2rem}.ex-board-heading>p:last-child{font-size:.875rem;color:var(--ex-muted);margin:14px 0 20px}.ex-board-empty{border:1px dashed #ffffff40;padding:30px 20px;font-size:.9375rem;color:var(--ex-muted);margin:20px 0}.ex-board-actions{display:grid;gap:10px;margin:20px 0}.ex-board-actions .ex-text-button{justify-content:center;font-size:.8125rem}.ex-board-item{display:grid;grid-template-columns:60px minmax(0,1fr) 32px;gap:12px;margin:16px 0;align-items:center}.ex-board-item img{width:60px;height:70px;object-fit:cover}.ex-board-item h3{font-size:.875rem}.ex-board-item p{font-size:.75rem;color:var(--ex-muted)}.ex-board-item button{min-width:32px;min-height:44px;border:0;background:none}.ex-board-item a{min-width:0}.ex-board-item button:hover{color:var(--ex-accent)}
.ex-room-stage,.ex-atmosphere-stage,.ex-model-stage,.ex-drawing-stage{position:relative;overflow:hidden;border:1px solid var(--ex-line);background:#171d23}.ex-room-stage{height:min(600px,67vh);min-height:340px;display:grid;place-items:center}.ex-room-stage>img{width:100%;height:100%;object-fit:contain;user-select:none;will-change:transform;transition:opacity .25s;transform-origin:center}.ex-room-stage.zoomed{touch-action:none;cursor:grab}.ex-room-stage.zoomed img{cursor:grab}.ex-viewpoints{display:flex;gap:10px;overflow:auto;margin:14px 0;padding-bottom:6px}.ex-viewpoints button{flex:0 0 100px;background:transparent;border:1px solid var(--ex-line);padding:4px}.ex-viewpoints button[aria-pressed=true]{border-color:var(--ex-accent)}.ex-viewpoints img{height:75px;width:100%;object-fit:cover}.ex-viewpoints span{display:block;font-size:.75rem;padding:6px 2px}.ex-hotspot{position:absolute;z-index:3;width:36px;height:36px;border:1px solid white;border-radius:50%;background:#0c1014d9;color:white;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff18}.ex-hotspot[aria-pressed=true]{background:var(--ex-accent);color:#111}.ex-atmosphere-stage{aspect-ratio:16/10;display:grid;place-items:center}.ex-atmosphere-stage img{width:100%;height:100%;object-fit:contain;transition:opacity .25s}.ex-atmosphere-stage.loading img{opacity:.45}.ex-choice-field{padding:0;border:0;margin:0;min-width:0}.ex-choice-field legend{font-size:.8125rem;margin-bottom:12px;color:var(--ex-muted)}.ex-swatches{display:flex;gap:12px}.ex-swatches button{background:transparent;border:1px solid var(--ex-line);padding:10px;min-width:0;flex:1;font-size:.8125rem}.ex-swatches button[aria-pressed=true]{border-color:var(--ex-accent);background:#ffffff08}.swatch{height:36px;width:100%;display:block;margin-bottom:9px}.swatch.oak{background:#b08452}.swatch.stone{background:#d8cfbc}.ex-story-stage{background:#050608;border:1px solid var(--ex-line);display:grid;place-items:center}.ex-story-stage video{display:block;width:100%;max-height:650px;aspect-ratio:16/10;object-fit:contain}.ex-story-stage video::cue{font:16px Arial;color:#fff;background:#10151be8}.ex-story-layout .ex-controlbar{margin-top:16px}.ex-story-transcript{border-top:1px solid var(--ex-line);padding-top:20px}.ex-story-transcript p{font-size:.9375rem;color:var(--ex-muted);margin-top:10px}
.ex-model-stage{height:510px;min-height:320px;background:radial-gradient(ellipse at 50% 45%,#243039,#11171d 75%)}#model-canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab;display:block}#model-canvas.active{touch-action:none}.ex-model-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;border:1px solid var(--ex-accent);background:#111a20e8;color:var(--ex-accent)!important;min-height:56px;padding:16px 24px;box-shadow:0 10px 60px #0009}.ex-model-stage>.ex-stage-label{top:15px;bottom:auto}.ex-issue-list{display:grid;gap:8px}.ex-issue-list button{display:flex;gap:16px;text-align:left;border:1px solid var(--ex-line);background:transparent;padding:14px;font-size:.9rem;min-height:50px}.ex-issue-list button span{color:var(--ex-muted);font-size:.75rem}.ex-issue-list button[aria-pressed=true]{border-color:var(--ex-accent);background:#c7ff3d0b}.ex-issue-list button[aria-pressed=true] span{color:var(--ex-accent)}.ex-inline-range{display:flex;align-items:center;gap:12px;font-size:.8125rem;margin-left:auto;min-height:44px}.ex-inline-range input{accent-color:var(--ex-accent);max-width:130px;min-height:30px}.ex-model-stage+.ex-controlbar{margin-top:16px}
.ex-drawing-stage{height:540px;background:#d6dbde;display:grid;place-items:center;touch-action:pan-y}.ex-drawing-stage.zoomed{touch-action:none;cursor:grab}.ex-drawing-stage>img{width:100%;height:100%;object-fit:contain;user-select:none;transform-origin:center}.ex-drawing-stage>.ex-zoom-tools{color:#fff}.ex-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);border:1px solid var(--ex-line);background:var(--ex-panel);color:var(--ex-text);padding:24px}.ex-dialog::backdrop{background:#000b}
@media(min-width:1500px){.ex-inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ex-image-card img{height:260px}}
@media(max-width:1100px){.ex-inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.ex-detail-panel{padding:20px}.ex-header{gap:10px}.ex-header nav a{font-size:.8125rem;padding:10px}.ex-brand,.ex-brand img{width:130px}.ex-inspiration-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.ex-search{min-width:0;max-width:210px}.ex-room-stage{height:500px}}
@media(max-width:780px){.ex-header{flex-wrap:wrap;padding:8px 20px 0;gap:4px}.ex-brand,.ex-brand img{width:128px}.ex-brand img{height:56px}.ex-header nav{order:3;width:100%;gap:4px;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;padding-bottom:6px}.ex-header nav a{white-space:nowrap;padding:12px;flex-shrink:0;font-size:.875rem}.ex-home{margin-left:auto;font-size:.875rem}.ex-heading{align-items:flex-start;margin-bottom:24px;flex-wrap:wrap}.ex-heading h1{font-size:2.7rem}.ex-heading>div>p:last-child{font-size:.9375rem}.ex-heading>.ex-button{padding:10px 14px}.ex-inspiration-layout,.ex-workspace{grid-template-columns:minmax(0,1fr)}.ex-workspace{gap:22px}.ex-board{margin-top:10px}.ex-board-actions{grid-template-columns:1fr 1fr}.ex-board-actions>.ex-button{font-size:.875rem}.ex-room-stage{height:520px;max-height:70vh;min-height:320px}.ex-model-stage{height:420px}.ex-drawing-stage{height:420px}.ex-inline-range{margin-left:0;width:100%;justify-content:space-between}.ex-inline-range input{max-width:200px;flex:1}.ex-detail-panel{gap:16px}.ex-image-card img{height:260px}.ex-atmosphere-stage{aspect-ratio:4/3}.ex-stage-label{font-size:.6875rem;left:10px;bottom:12px;max-width:60%;gap:8px}.ex-zoom-tools{bottom:10px;right:10px}.ex-zoom-tools button{min-width:38px;min-height:42px}.ex-story-stage video{aspect-ratio:4/3;max-height:65vh}.ex-footer{gap:12px 20px}.ex-footer>span{width:100%}.ex-footer a{font-size:.8125rem}}
@media(max-width:420px){#experience{padding:26px 16px 44px}.ex-header{padding-left:16px;padding-right:16px}.ex-heading h1{font-size:2.35rem}.ex-toolbar{display:block}.ex-search{display:block;max-width:none;margin-top:15px}.ex-inspiration-grid{gap:18px 10px}.ex-image-card img{height:215px}.ex-image-card h3{font-size:.875rem}.ex-save{top:7px;right:7px;width:40px;height:40px}.ex-controlbar button{padding:10px 12px;font-size:.8125rem}.ex-model-stage{height:360px}.ex-room-stage{height:440px}.ex-board{padding:20px}.ex-board-actions{grid-template-columns:1fr}.ex-stage-label{max-width:45%;font-size:.6875rem}.ex-model-stage .ex-stage-label{max-width:90%}.ex-drawing-stage{height:360px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.ex-header,.ex-footer,.ex-library,.ex-heading,.ex-board-actions,.ex-toast,.ex-board>.ex-small,.sketch-trail{display:none!important}.ex-body{background:#fff!important;color:#111!important}.ex-inspiration-layout{display:block}.ex-board{border:0;color:#111;background:white}.ex-board-item{break-inside:avoid;grid-template-columns:170px 1fr;margin:20px 0}.ex-board-item img{width:170px;height:160px}.ex-board-item button{display:none}.ex-board-item p,.ex-board-heading>p:last-child{color:#444}.ex-board-item a:after{content:" " attr(href);font-size:10px;word-break:break-all}}