/* Theatre and personal shelf: native UI, original pack photos, separate set photography. */
.theatre-scroll{height:240vh;min-height:1400px;position:relative;background:#f7f4eb;--theatre-drift:0px}
.theatre-frame{height:min(850px,100svh);min-height:640px;position:sticky;top:0;display:flex;flex-direction:column;overflow:hidden}
.theatre-layout{display:grid;grid-template-columns:58% 42%;direction:ltr;flex:1;min-height:0}
.theatre-canvas{position:relative;min-width:0;height:100%;isolation:isolate}
.theatre-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s;overflow:hidden;isolation:isolate}
.theatre-scene[aria-hidden=false]{opacity:1;visibility:visible}
.theatre-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none;z-index:-1}
.theatre-pack{position:absolute;left:var(--pack-x);top:var(--pack-y);height:var(--pack-height);width:27%;padding:0;border:0;background:transparent;transform:translate(-50%,-100%) translateY(var(--theatre-drift));cursor:pointer;transition:transform .15s}
.theatre-float{display:flex;justify-content:center;align-items:end;width:100%;height:100%;animation:theatre-float 6.5s ease-in-out infinite;animation-delay:var(--float-delay)}
.theatre-float>.studio-pack,.theatre-float>.stock-pack,.theatre-float>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;overflow:visible}
.theatre-pack:focus-visible{outline:2px solid #173c31;outline-offset:6px;border-radius:14px}
.theatre-copy{padding:clamp(25px,4vw,66px) 7% 30px 8%;align-self:center;min-width:0;direction:rtl}
.theatre-copy h1{font-family:Cairo,Arial,sans-serif;font-size:clamp(65px,7.45vw,120px);font-weight:800;line-height:1.25;letter-spacing:-3px;margin:0 0 26px}
.theatre-copy h1 span{display:block}.theatre-copy h1 span:last-child{color:#bc6346}
.theatre-copy>p{font-size:clamp(18px,1.8vw,26px);line-height:1.8;margin:0 0 27px;color:#173c31}
.theatre-copy .button{min-width:0;width:100%;justify-content:space-between;font-size:18px;gap:15px}
.theatre-copy .hero-read{display:block;width:fit-content;margin-top:12px;border-bottom:1px solid #173c31;padding-bottom:3px;font-size:17px}
.theatre-nav{display:flex;align-items:center;gap:25px;min-height:78px;padding:14px 4%;background:#f7f4eb}
.theatre-scenes{display:flex;justify-content:flex-end;align-items:center;gap:30px;flex:1;flex-wrap:wrap;direction:rtl}
.theatre-scenes button{padding:9px 0;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:15px;cursor:pointer;color:#173c31}
.theatre-scenes [aria-pressed=true]{border-color:#173c31;font-weight:600}
.theatre-pause{padding:8px 13px;border:1px solid #a8b2a0;border-radius:30px;background:transparent;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;color:#173c31}
.theatre-progress{height:2px;background:#d3d4c6;flex:1;max-width:35%;overflow:hidden}
.theatre-progress::before{content:"";height:100%;width:100%;display:block;background:#173c31;transform-origin:left;transform:scaleX(var(--theatre-progress,0))}
.theatre-current{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
[data-motion-paused] .theatre-float{animation-play-state:paused}
[dir=ltr] .theatre-copy{direction:ltr}[dir=ltr] .theatre-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(60px,6.8vw,108px);letter-spacing:-3px}
.shelf-section{padding-block:80px;scroll-margin-top:20px}
.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.shelf-heading h2{font-size:clamp(38px,4.4vw,66px);line-height:1.3;margin:0 0 10px}
.shelf-heading p{font-size:15px;line-height:1.9;margin:0;color:#5e7064}
.shelf-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);direction:ltr;align-items:start;border-block:1px solid #c8cebd}
.shelf-stage-column{min-width:0;direction:rtl}
.shelf-board{position:relative;aspect-ratio:1;background-color:#f8f2e7;isolation:isolate}
.shelf-board[data-theme=pink]{background-color:#f3d6d0}.shelf-board[data-theme=sage]{background-color:#dfe7d7}
.shelf-slot{position:absolute;left:var(--slot-x);top:calc(var(--slot-y) - 24%);width:25%;height:24%;transform:translateX(-50%);direction:ltr;display:flex;align-items:end;justify-content:center}
.shelf-slot.occupied::before{content:"";position:absolute;left:50%;bottom:-.8%;width:calc(var(--pack-ratio,.6)*88%);height:4%;transform:translateX(-50%);border-radius:50%;background:#463a2738;filter:blur(3px);pointer-events:none}
.shelf-pack{position:relative;height:100%;width:100%;max-width:100%;padding:0;border:0;background:transparent;display:flex;justify-content:center;align-items:end;cursor:grab;touch-action:pan-y}
.shelf-pack>.studio-pack,.shelf-pack>.stock-pack,.shelf-pack>img{height:100%;width:auto;max-width:100%;object-fit:contain;overflow:visible;pointer-events:none;user-select:none;transform:translate(var(--pack-shift-x,0%),var(--pack-shift-y,0%));filter:drop-shadow(1px 2px 1px #463a2712)}
.shelf-slot.is-selected .shelf-pack{touch-action:none}
.shelf-slot.is-selected .shelf-position-number{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#173c31;color:#f7f4eb;top:calc(100% + 6px);font-size:11px}
.shelf-slot-plus{display:grid;place-items:center;width:clamp(38px,5vw,70px);height:clamp(38px,5vw,70px);border:1px dashed #173c3166;border-radius:50%;font-size:29px;font-family:Arial,sans-serif;font-weight:300;color:#173c31;margin-bottom:5%}
.shelf-position-number{position:absolute;top:calc(100% + 8px);font-size:11px;color:#173c31;line-height:1}
.shelf-pack.is-drop-target{outline:3px dashed #173c31;outline-offset:3px;border-radius:12px;background:#d7ec8b55}
.shelf-drag-ghost{position:fixed!important;pointer-events:none!important;z-index:1000;opacity:.85;background:none;border:0;display:block;filter:drop-shadow(0 12px 8px #173c3133)}
.shelf-drag-ghost>svg,.shelf-drag-ghost>img{width:100%;height:100%;pointer-events:none}
.shelf-side{padding:25px 26px 28px;min-width:0;direction:rtl}
.shelf-side label,.shelf-side h3{display:block;font-size:14px;font-weight:600;line-height:1.7;margin:0 0 12px;letter-spacing:0}
.shelf-themes{display:flex;justify-content:space-between;gap:14px;margin-bottom:20px}
.shelf-theme{background:none;padding:0;border:0;display:grid;gap:5px;justify-items:center;font:inherit;font-size:12px;color:#173c31;cursor:pointer}
.shelf-theme>span{width:54px;height:54px;border-radius:50%;background:#e9e1cd;border:5px solid #f7f4eb;outline:1px solid transparent}
.shelf-theme-stone>span{background:linear-gradient(145deg,#f8f2e7,#e6d9c7)}
.shelf-theme-pink>span{background:#edc7c0}.shelf-theme-sage>span{background:#b9c4ae}
.shelf-theme[aria-pressed=true]>span{outline:2px solid #173c31}
.shelf-side>.button,.shelf-side>a.button{width:100%;min-width:0;justify-content:center;font-size:14px;padding-inline:14px;gap:12px;margin-bottom:14px}
.shelf-side .shelf-download{background:#d7ec8b;color:#173c31}
.shelf-search{width:100%;min-width:0;padding:12px 14px;background:transparent;border:1px solid #aeb9a6;border-radius:9px;font:inherit;font-size:14px;margin-bottom:16px;color:#173c31}
.shelf-library-list{max-height:410px;overflow:auto;overscroll-behavior:contain}
.shelf-library-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #c8cebd;min-width:0}
.shelf-thumb{width:42px;height:70px;flex-shrink:0;mix-blend-mode:multiply;display:flex;justify-content:center;align-items:center}
.shelf-thumb>svg,.shelf-thumb>img{width:100%;height:100%;object-fit:contain}
.shelf-library-copy{display:grid;gap:2px;min-width:0;flex:1;line-height:1.6}
.shelf-library-copy strong{font-family:Georgia,serif;font-size:16px;font-weight:400;overflow-wrap:anywhere}
.shelf-library-copy small,.shelf-library-copy>span{font-size:12px;line-height:1.6;color:#5e7064;overflow-wrap:anywhere}
.shelf-library-row>button{border:1px solid #173c31;border-radius:7px;background:#173c31;color:#fff;padding:6px 10px;min-height:36px;font:inherit;font-size:13px;flex-shrink:0;cursor:pointer}
.shelf-library-row>button[aria-pressed=true]{background:transparent;color:#173c31}
.shelf-library-empty{font-size:13px;line-height:1.9;padding:20px 0}
.shelf-selection{padding:16px 18px;background:#e7ebde;direction:rtl}
.shelf-selected-name{display:block;font-size:14px;line-height:1.7;margin-bottom:10px;overflow-wrap:anywhere}
.shelf-selection-buttons{display:flex;gap:8px;flex-wrap:wrap}
.shelf-selection-buttons button{min-width:42px;min-height:40px;border:1px solid #a9b59d;border-radius:7px;padding:6px 10px;background:transparent;color:#173c31;font:inherit;font-size:12px;cursor:pointer}
.shelf-selection-buttons button:disabled{opacity:.35;cursor:default}
.shelf-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-top:1px solid #c8cebd}
.shelf-actions button{font:inherit;font-size:13px;color:#173c31;background:none;border:0;min-height:40px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.shelf-actions button:disabled{opacity:.4;cursor:default}
.shelf-local{font-size:12px;color:#607168;margin-inline-start:auto}
.shelf-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:16px}
.shelf-bottom p{font-size:12px;line-height:1.9;margin:0;color:#586b5b;max-width:50em}
.shelf-status{min-height:24px;font-size:12px;color:#173c31;margin:8px 0 0}
[dir=ltr] .shelf-side,[dir=ltr] .shelf-stage-column,[dir=ltr] .shelf-selection{direction:ltr}
@keyframes theatre-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(max-width:1100px){.header nav{gap:18px;font-size:15px}.theatre-copy h1{font-size:clamp(58px,7vw,90px)}.shelf-side{padding-inline:18px}.shelf-workspace{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}}
@media(max-width:900px){.theatre-scroll{height:auto;min-height:0}.theatre-frame{height:auto;min-height:0;position:relative;overflow:visible}.theatre-layout{display:flex;flex-direction:column-reverse}.theatre-copy{width:100%;padding:32px 24px;direction:rtl}.theatre-copy h1{font-size:clamp(54px,9vw,84px);line-height:1.2;letter-spacing:-2px}.theatre-copy>p{font-size:18px;margin-bottom:18px}.theatre-copy .button{max-width:340px;min-height:56px;font-size:16px}.theatre-copy .hero-read{font-size:15px}.theatre-canvas{aspect-ratio:1.12;height:auto;width:100%}.theatre-nav{gap:14px;min-height:0;flex-wrap:wrap;padding:14px 24px}.theatre-scenes{gap:18px;justify-content:flex-start}.theatre-scenes button{font-size:13px}.theatre-progress{display:none}.shelf-workspace{grid-template-columns:1fr}.shelf-side{padding:24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}.shelf-side>label,.shelf-themes{grid-column:1}.shelf-side>#shelf-export,.shelf-side>#shelf-download{grid-column:2;grid-row:2}.shelf-side>#shelf-download{grid-row:3}.shelf-side>h3,.shelf-side>.shelf-search,.shelf-side>.shelf-library-list,.shelf-side>#shelf-more{grid-column:1/-1}.shelf-library-list{max-height:330px}.shelf-heading{display:block}.shelf-section{padding-block:50px}.shelf-position-number{font-size:10px}.shelf-slot-plus{width:50px;height:50px}}
@media(max-width:520px){.theatre-copy h1{font-size:58px}.theatre-copy{padding:28px 20px}.theatre-copy .button{width:100%;max-width:none}.theatre-pause{font-size:11px}.theatre-nav{padding-inline:20px;gap:10px}.theatre-scenes{gap:13px;flex-basis:100%;justify-content:space-between}.theatre-scenes button{font-size:12px}.theatre-canvas{aspect-ratio:1}.shelf-side{display:block}.shelf-themes{justify-content:flex-start;gap:26px}.shelf-local{margin-inline-start:0;flex-basis:100%}.shelf-actions{gap:14px;padding-inline:12px}.shelf-heading h2{font-size:38px}.shelf-library-list{max-height:300px}.shelf-hint{font-size:11px!important}.shelf-slot-plus{width:38px;height:38px;font-size:25px}.shelf-selection-buttons{gap:6px}.shelf-selection-buttons button{min-width:40px}.shelf-selection{padding:12px}}
@media(max-width:360px){.theatre-copy h1{font-size:45px}.theatre-copy>p{font-size:16px}.theatre-scenes{justify-content:flex-start;gap:14px}.shelf-heading h2{font-size:31px}.shelf-side{padding-inline:12px}.shelf-library-row{gap:7px}.shelf-library-row>button{padding-inline:7px}.shelf-thumb{width:32px}.shelf-slot-plus{width:30px;height:30px;font-size:21px}.shelf-position-number{top:calc(100% + 4px);font-size:8px}.shelf-theme>span{width:44px;height:44px}.shelf-themes{gap:20px}.theatre-copy .button{font-size:14px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.theatre-float{animation:none}.theatre-scene,.theatre-pack{transition:none}}

.theatre-scene[aria-hidden=true] .theatre-float{animation-play-state:paused}
@media(max-width:900px){[dir=ltr] .theatre-copy h1{font-size:clamp(40px,8vw,65px);letter-spacing:-1.5px}}
@media(max-width:360px){[dir=ltr] .theatre-copy h1{font-size:36px}}
@media(max-width:520px){.shelf-slot.is-selected .shelf-position-number{min-width:16px;height:16px;font-size:10px;top:calc(100% + 2px)}}
@media(max-width:360px){.shelf-slot.is-selected .shelf-position-number{min-width:12px;height:12px;font-size:8px;top:100%}}