.experience-page{height:auto;min-height:100dvh;overflow-x:clip;overflow-y:auto;background:#e8e9df;display:block}.experience-page .shop-header{position:relative;flex-shrink:0;background:#f8f8f3;min-height:72px;padding-block:12px}.experience-page #app{height:calc(100dvh - var(--atelier-header-height,96px));min-height:560px;min-width:0}.living-catalogue{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.experience-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px var(--gutter) 10px}.experience-head>div:first-child{display:flex;align-items:center;gap:22px}.experience-instruction{font:400 22px/1 var(--serif);letter-spacing:-.01em}.experience-tools{display:flex;gap:20px;align-items:center}.experience-tools select{border:0;border-bottom:1px solid #c5cabc;background:transparent;padding:7px 0;font-size:11px;max-width:180px}.experience-tools button{border:0;background:transparent;font-size:11px;display:flex;gap:13px;align-items:center;min-height:35px}.experience-tools button span{font-size:18px}.spread-stage{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,.85fr);gap:4.2vw;min-height:0;padding:0 var(--gutter) 10px;animation:turn-spread .4s both}.scene-column{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0}.scene-viewport{min-height:0;display:flex;align-items:center;justify-content:flex-start}.scene-frame{position:relative;display:block;padding:0;border:0;overflow:hidden;flex-shrink:0;background:transparent;cursor:zoom-in;touch-action:pan-y}.scene-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s}.scene-studio{padding:3%}.scene-room{opacity:0}.scene-frame.show-room .scene-room{opacity:1}.scene-frame.show-room .scene-studio{opacity:0}.scene-enlarge{position:absolute;bottom:15px;right:15px;background:#f8f8f3e8;padding:7px 12px;font-size:9px;opacity:0;transition:opacity .2s;pointer-events:none}.scene-frame:hover .scene-enlarge,.scene-frame:focus-visible .scene-enlarge{opacity:1}
.scene-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0 0;color:#66705c;font-size:9px;min-height:45px}.scene-switches{display:flex;align-items:center;gap:12px;flex-shrink:0}.scene-switches button{border:0;border-bottom:1px solid transparent;padding:5px 0;background:transparent;font-size:10px;color:#737b6c}.scene-switches button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.scene-switches #another-setting{font-size:20px;padding:0 7px}.spread-copy{position:relative;align-self:center;max-height:100%;overflow:auto;padding:12px 1px 14px;scrollbar-width:thin;max-width:420px;justify-self:center;width:100%}.piece-number{font:300 92px/.8 var(--serif);letter-spacing:-.035em;color:#c3cab9;position:absolute;top:0;right:0;pointer-events:none;z-index:-1}.spread-copy>.eyebrow{font-size:9px}.spread-copy>.eyebrow span{font-size:8px}.spread-copy h1{font:300 clamp(34px,3.5vw,58px)/1.03 var(--serif);letter-spacing:-.025em;margin:29px 0 22px;max-width:440px}.spread-material{font-size:11px;color:#64705d;max-width:340px;margin:0 0 17px;line-height:1.7}.spread-dimensions{font-size:11px;color:#64705d;line-height:1.6;margin:0 0 22px}.spread-finishes{padding:0 0 24px;display:grid;gap:9px}.spread-finishes>span{font-size:10px;color:#64705d}.spread-finishes .finish-miniature{background:transparent;border-color:#bdc5b5}.spread-finishes .finish-miniature.active{border-color:var(--ink)}.spread-finishes .miniature-image{width:45px;height:43px;padding:3px}.spread-information{display:flex;flex-direction:column;gap:12px;font-size:11px}.spread-information>button{align-self:start;border:0;border-bottom:1px solid #a8b49a;background:transparent;padding:0 0 5px;font-size:11px}.experience-bottom{display:flex;align-items:center;gap:20px;padding:14px var(--gutter) 12px;border-top:1px solid #ccd3c3;margin-top:10px}.piece-navigation{display:flex;align-items:center;gap:15px;min-width:190px}.piece-navigation>button{width:34px;height:34px;border:1px solid #bdc6b3;border-radius:50%;background:transparent;font-size:17px}.piece-navigation>button:hover{background:#dce2d4}.piece-navigation>span{font:400 20px var(--serif);min-width:65px;text-align:center}.piece-navigation i{font:10px var(--sans);font-style:normal;color:#77836c;margin-left:5px}.turn-hint{font-size:9px;color:#77836c;margin:auto}.turn-hint>span{margin-inline:10px}.gather-piece{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:11px 18px;min-height:44px;font-size:11px;border-radius:3px;min-width:180px}.gather-piece b{font-size:20px;font-weight:400;line-height:1}.gather-piece.saved{background:transparent;color:var(--ink)}.gather-piece:hover{background:#42533d;color:white}.piece-filmstrip{display:flex;gap:8px;justify-content:center;align-items:center;padding:3px var(--gutter) 12px;overflow:auto;scrollbar-width:none}.piece-filmstrip>button{position:relative;flex:0 0 60px;height:38px;border:1px solid transparent;background:transparent;padding:0;opacity:.68;transition:opacity .2s,border-color .2s}.piece-filmstrip>button:hover,.piece-filmstrip>button[aria-current=true]{opacity:1;border-color:var(--ink)}.piece-filmstrip img{width:100%;height:100%;object-fit:contain}.piece-filmstrip>button>span{position:absolute;left:3px;bottom:2px;font-size:8px;background:#f8f8f3dc;line-height:1;padding:2px;color:#506247}.piece-filmstrip>button.filmstrip-index{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;opacity:1;flex-basis:78px;margin-left:5px}.filmstrip-index>span{position:static!important;padding:0!important;background:transparent!important;font-size:17px!important}.experience-page #shop-toast{bottom:155px}.experience-page #collection-dialog{height:100dvh}
#piece-details{width:min(610px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;margin:0 0 0 auto;overflow:auto;border-left:1px solid var(--line)}.drawer-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 25px;background:#f8f8f3f5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.drawer-head h2{font:400 31px/1.08 var(--serif);letter-spacing:-.02em;margin:12px 0 0}.drawer-head .close-dialog{flex-shrink:0}.specification-body{padding:20px 25px 35px}.specification-body p{font-size:12px;color:var(--muted);line-height:1.8}.specification-body h3{font-size:12px;font-weight:500;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.compact-drawing,.compact-detail{padding:0;border:0;background:white;width:100%;display:block;margin-top:20px;cursor:zoom-in}.compact-drawing img,.compact-detail img{width:100%;height:auto;object-fit:contain}.compact-detail img{max-height:220px}.compact-drawing span,.compact-detail span{display:block;padding:11px;font-size:10px;color:var(--muted);background:#e9ede3;text-align:left}.specification-body textarea{width:100%;font-size:16px;padding:12px;border:1px solid var(--line);background:white;min-height:95px}.specification-quantity{display:flex;gap:14px;margin-top:15px}.specification-quantity>label{display:flex;gap:10px;align-items:center;font-size:11px;border:1px solid var(--line);padding:8px 12px}.specification-quantity input{width:45px;border:0;background:transparent;padding:5px;font-size:16px}.reference-link{display:inline-block;border-bottom:1px solid var(--line);margin-top:20px;padding-bottom:4px;font-size:11px}
#piece-index{width:min(1160px,calc(100vw - 36px));height:calc(100dvh - 36px);max-width:100vw;max-height:100dvh;overflow:auto;border:1px solid var(--line);border-radius:3px}.index-search{position:sticky;top:106px;z-index:2;padding:10px 25px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.index-search input{width:100%;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;font-size:16px}.index-count{padding:8px 25px 0;font-size:10px;color:var(--muted)}.index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;padding:8px 25px 30px}.index-grid article{position:relative;min-width:0}.index-grid article>button:first-child{display:block;width:100%;border:0;background:transparent;text-align:left;padding:0}.index-photo{display:block;aspect-ratio:1.25;background:#e7e9df}.index-photo img{width:100%;height:100%;object-fit:contain;padding:6px}.index-name{display:block;font:400 17px/1.15 var(--serif);padding:11px 0 0;letter-spacing:-.01em}.index-save{position:absolute;right:7px;top:7px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #cbd3c1;border-radius:50%;background:#f8f8f3ed;font-size:19px}.index-save.saved{background:var(--ink);color:white}.index-empty{grid-column:1/-1;padding:40px 0}
@keyframes turn-spread{from{opacity:0;transform:translateX(calc(var(--turn)*18px))}to{opacity:1;transform:none}}
@media(max-width:1050px){.spread-stage{gap:30px;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr)}.experience-instruction{font-size:20px}.experience-head>div:first-child{gap:14px}.spread-copy h1{font-size:37px}.piece-number{font-size:82px}.turn-hint{font-size:8px}.scene-foot{align-items:start;gap:10px;flex-direction:column;min-height:70px}.scene-switches{gap:17px}.index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.piece-filmstrip>button{flex-basis:56px;height:38px}}
@media(max-width:760px){.experience-page .shop-header{min-height:65px}.experience-page .shop-header nav a:not(.active){display:block}.experience-page .shop-header nav a[href='/pages/story']{display:none}.experience-page .shop-header nav{gap:14px}.experience-page .shop-header nav a{font-size:9px}.experience-page .shop-logo{width:145px}.experience-page .collection-trigger{font-size:9px;padding:7px 9px}.experience-head{padding:14px 20px 12px;gap:14px}.experience-instruction{display:none}.experience-tools{gap:14px}.experience-tools select{max-width:150px;font-size:10px}.experience-tools button{font-size:10px}.spread-stage{padding:0 20px 4px;grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto;gap:17px}.scene-column{min-height:0}.scene-foot{flex-direction:row;align-items:center;min-height:38px;padding-top:8px;font-size:8px}.scene-switches{gap:12px}.scene-switches button{font-size:9px;min-height:34px}.scene-switches #another-setting{font-size:18px;padding-inline:3px}.scene-enlarge{display:none}.spread-copy{align-self:stretch;max-height:235px;padding:0;overflow:auto}.piece-number{font-size:55px}.spread-copy>.eyebrow{font-size:8px}.spread-copy>.eyebrow span{font-size:7px}.spread-copy h1{font-size:31px;line-height:1.04;margin:14px 0 12px;max-width:500px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spread-material{display:none}.spread-dimensions{font-size:10px;margin:0 0 14px;line-height:1.5}.spread-finishes{padding-bottom:15px;gap:7px}.spread-finishes .miniature-image{width:45px;height:42px}.spread-information{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.spread-information>button{font-size:10px}.experience-bottom{padding:11px 20px;gap:12px;margin-top:14px}.piece-navigation{gap:10px;min-width:0}.piece-navigation>button{width:36px;height:36px;flex-shrink:0}.piece-navigation>span{font-size:18px;min-width:58px}.turn-hint{display:none}.gather-piece{margin-left:auto;min-width:155px;gap:20px;font-size:10px;padding:11px 14px}.piece-filmstrip{justify-content:start;padding:0 20px calc(10px + env(safe-area-inset-bottom));gap:6px}.piece-filmstrip>button{flex-basis:47px;height:31px}.piece-filmstrip>button.filmstrip-index{flex-basis:70px;font-size:8px}.index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;padding-inline:20px}.index-name{font-size:16px}.index-save{width:36px;height:36px;right:5px;top:5px}.drawer-head{padding-inline:20px}.drawer-head h2{font-size:28px}.specification-body{padding-inline:20px}.index-search{padding-inline:20px;top:101px}.experience-page #shop-toast{bottom:128px}}
@media(max-width:430px){.experience-page .shop-header{padding:11px 16px;gap:8px}.experience-page .shop-logo{width:125px}.experience-page .shop-header nav{gap:9px}.experience-page .shop-header nav a[href='/shop']{display:none}.experience-page .shop-header nav a{font-size:10px}.experience-page .collection-trigger{font-size:9px}.experience-head>.experience-tools select{max-width:135px}.experience-head .eyebrow{font-size:8px}.experience-tools{gap:12px}.scene-foot{gap:10px}.scene-foot>span{max-width:50%;line-height:1.4}.scene-switches{gap:8px}.spread-copy{max-height:210px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.index-search{top:101px}.specification-quantity{gap:10px}.specification-quantity>label{padding-inline:8px}.specification-quantity .primary-action{font-size:10px;min-width:0}.gather-piece{min-width:156px}.piece-navigation{gap:8px}.piece-navigation>button{width:34px;height:34px}.piece-navigation>span{min-width:51px}}
@media(prefers-reduced-motion:reduce){.spread-stage{animation:none}}

.scene-foot #scene-caption{border:0;background:transparent;text-align:left;color:inherit;font:inherit;padding:0;cursor:zoom-in}.scene-foot #scene-caption:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px) and (max-height:700px){.experience-head{padding-block:8px}.spread-stage{gap:10px}.spread-copy{max-height:170px}.spread-copy h1{font-size:26px;margin-block:8px;-webkit-line-clamp:2}.spread-dimensions{margin-bottom:8px}.spread-finishes{padding-bottom:8px}.experience-bottom{margin-top:6px;padding-block:8px}}


/* Photographed details use the same square crop as the reference product page. */
.compact-detail{position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper)}
.compact-detail img{width:100%;height:100%;max-height:none;object-fit:cover}
.compact-detail span{position:absolute;inset:auto 14px 14px;background:#252c27cd;color:white;border-radius:3px;font-size:10px}
.compact-drawing{border:1px solid var(--line);padding:14px}

/* The shared footer follows the viewport-sized catalogue instead of shrinking it. */
.experience-page .atelier-site-header{flex-shrink:0}
.experience-page .atelier-site-footer{margin-top:0}
.scene-frame{width:100%;aspect-ratio:1.5;max-height:100%;cursor:default}
.scene-foot #scene-caption{cursor:default}
@media(max-width:760px){.experience-page #app{min-height:720px}.scene-viewport{justify-content:center}}

/* Keep image sizing inside the grid, including after a desktop-to-phone resize. */
.experience-page #app{scroll-margin-top:var(--atelier-header-height,96px)}
.scene-viewport{min-width:0;width:100%;overflow:hidden}
.scene-frame{max-width:100%}
@media(max-width:760px){
 .experience-page #app{height:auto;min-height:0}
 .living-catalogue{height:auto;grid-template-rows:auto auto auto auto}
 .spread-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:20px}
 .scene-viewport{height:clamp(230px,40svh,360px)}
 .spread-copy{max-height:none;overflow:visible;padding:0 0 6px;align-self:start}
 .spread-copy h1{display:block;overflow:visible;-webkit-line-clamp:unset}
 .spread-finishes .card-swatches{flex-wrap:wrap}
 .piece-number{z-index:0;opacity:.45}
 .spread-copy>.eyebrow,.spread-copy h1{position:relative}
}

/* The narrowest phones must not inherit the toolbar’s intrinsic grid width. */
.living-catalogue{min-width:0;grid-template-columns:minmax(0,1fr)}
@media(max-width:360px){
 .experience-head{flex-direction:column;align-items:stretch;gap:3px}
 .experience-head>div:first-child{min-width:0}
 .experience-tools{justify-content:space-between;width:100%}
 .experience-tools button{white-space:nowrap}
 .experience-bottom{flex-wrap:wrap;justify-content:space-between}
 .gather-piece{margin-left:0;flex:1 1 150px}
}