:root{--paper:#f5f1f4;--ink:#534250;--line:#53425025;--accent:#89718c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Alexandria,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #806187;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Noto Naskh Arabic',serif;font-weight:400;line-height:1.35}p{line-height:1.9}img,video{display:block;width:100%;height:100%;object-fit:cover}.gallery-header{height:125px;display:flex;justify-content:space-between;align-items:center;margin:0 3vw;border-bottom:1px solid var(--line);position:relative}.logo{position:absolute;left:50%;top:0;transform:translateX(-50%);height:124px;width:124px}.logo img{mix-blend-mode:multiply}.header-link{font-size:11px;padding:8px 0;border-bottom:1px solid var(--line)}.gallery-header>.header-link:last-child{margin-right:auto}.gallery-shell{max-width:1800px;margin:auto}.room-nav{display:flex;justify-content:center;gap:45px;padding:22px 15px}.room-nav button{font-size:12px;padding:0 0 10px;border-bottom:1px solid transparent}.room-nav button[aria-pressed=true]{border-color:var(--ink)}.room-nav span{font:14px 'Cormorant Garamond';margin-left:8px;opacity:.6}.room{animation:room-in .6s ease both}@keyframes room-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.room-intro{text-align:center;padding:18px 20px 25px}.english{font:11px/1.5 'Cormorant Garamond',serif;letter-spacing:2px;direction:ltr}.room-intro h1{font-size:55px;margin:10px 0}.room-intro>p:last-child{font-size:12px}.room-intro br{display:none}.showcase{display:grid;grid-template-columns:105px minmax(0,1fr) 240px;gap:35px;padding:0 4vw 50px;align-items:center;direction:ltr}.piece-index{display:flex;flex-direction:column;gap:20px}.piece-index button{display:grid;grid-template-columns:20px 1fr;text-align:left;gap:8px;opacity:.5;padding:0 0 10px;border-bottom:1px solid transparent}.piece-index button[aria-pressed=true]{opacity:1;border-color:var(--ink)}.piece-index img{height:80px;grid-column:2;object-position:25%}.piece-index span{font:16px 'Cormorant Garamond';padding-top:5px}.piece-index b{font-size:10px;font-weight:300;grid-column:2;direction:rtl;text-align:center}.object-stage{position:relative;background:#ede7ee;border-radius:48% 48% 0 0;padding:25px 20px 20px}.stage-label{display:block;text-align:center;padding:10px 0 20px;font-size:9px}.object-media{position:relative;height:450px;overflow:hidden}.object-media video,.object-media>img{object-fit:cover;object-position:25% center}.object-stage[data-piece="1"] .object-media>img,.object-stage[data-piece="2"] .object-media video{object-fit:contain;object-position:center}.object-stage[data-piece="1"],.object-stage[data-piece="2"]{background:#f2e9ed}.object-media #enlarge{position:absolute;bottom:10px;right:10px;background:#faf8f4e8;width:40px;height:40px;border-radius:50%;font-size:24px}.object-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 5px 0;direction:rtl}.object-caption h2{font-size:28px;margin-top:7px}.object-caption .english{font-size:9px}.object-arrows{display:flex;direction:rtl;gap:7px}.object-arrows button{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;font-size:20px}.piece-details{direction:rtl;align-self:center}.spark{font:75px/1 'Cormorant Garamond';display:block;margin-bottom:20px}.piece-details>p{font-size:14px}.material-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0}.material-note>span{font-size:10px;opacity:.65}.material-note p{font-size:11px;margin-top:7px}.custom-button{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:17px 20px;font-size:12px;width:100%;gap:15px;border-radius:2px}.piece-details>a{display:block;font-size:11px;margin:20px 0}.piece-details small{font-size:9px;line-height:1.9;display:block;opacity:.65}.atelier{display:grid;grid-template-columns:1fr 1fr;gap:8vw;direction:ltr;padding:35px 10vw 60px}.atelier-film{height:640px;position:relative}.atelier-film video{border-radius:50% 50% 0 0;object-position:center}.atelier-film>span{display:block;text-align:center;margin-top:15px;font-size:9px}.atelier-text{direction:rtl;padding-top:30px}.atelier-text h2{font-size:72px;margin:18px 0 25px}.atelier-text h2 em{color:#a188a0;font-style:normal}.atelier-text>p:not(.english){font-size:13px}.atelier-text dl{margin:25px 0}.atelier-text dl>div{display:flex;border-top:1px solid var(--line);padding:15px 0;font-size:11px;justify-content:space-between}.atelier-text dd{margin:0}.instagram{padding:35px 5vw 65px;min-height:620px}.album-heading{text-align:center}.album-heading h2{font-size:54px;margin:12px 0}.album-heading p:last-child{font-size:12px}.album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;direction:ltr;margin:50px 0 40px}.album a{background:#fcfbf8;padding:12px 12px 25px;box-shadow:0 10px 30px #53425010;transform:rotate(-3deg);transition:transform .3s}.album a:nth-child(even){transform:rotate(3deg);margin-top:30px}.album a:hover{transform:rotate(0) translateY(-5px)}.album img{height:300px}.album span{display:block;text-align:center;font:18px 'Noto Naskh Arabic';margin-top:18px;direction:rtl}.album-follow{display:block;text-align:center;font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin:0 3vw;padding:22px 0;font-size:10px}footer button{font-size:10px}.close{position:absolute;top:20px;left:20px;font-size:12px;z-index:2}dialog{color:var(--ink);background:var(--paper);border:0;padding:0;max-width:calc(100vw - 30px);max-height:92svh;overscroll-behavior:contain}dialog::backdrop{background:#53425077;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}#zoom{width:1100px;padding:50px 25px 25px}#zoom img{height:75svh;object-fit:contain}#custom{width:1050px}.custom-layout{display:grid;grid-template-columns:1fr 1.1fr;direction:ltr;min-height:660px}.gift-preview{background:#e9e1e9;position:relative;padding:45px 30px}.gift-preview>img{height:390px;object-position:25% center}.dedication{background:#fcfaf5;margin:-60px 15px 0;padding:25px 15px;text-align:center;position:relative;transform:rotate(-4deg);box-shadow:0 10px 30px #53425015;direction:rtl;border-top:4px solid var(--card-color,#b69959)}.dedication>span{font-size:25px}.dedication .english{font-size:8px;margin:10px 0}.dedication>p:not(.english){font:32px/1.5 'Noto Naskh Arabic';overflow-wrap:anywhere}.dedication small{font-size:10px;display:block;margin-top:10px}.wizard{direction:rtl;padding:60px 40px 35px}.wizard h2{font-size:44px;margin:10px 0 30px}.wizard h3{font-size:16px;font-weight:400;margin-bottom:20px}.piece-options{display:grid;gap:10px;margin-bottom:25px}.piece-options label{display:block;position:relative;cursor:pointer}.piece-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.piece-options span{display:block;border:1px solid var(--line);padding:16px;font-size:12px}.piece-options input:checked+span{border-color:var(--accent);background:#e9e0ea}.piece-options input:focus-visible+span{outline:2px solid var(--accent)}.input-label{display:grid;gap:10px;font-size:12px}input:not([type=radio]),textarea{background:transparent;border:0;border-bottom:1px solid #53425060;border-radius:0;padding:12px 0;width:100%;font-size:12px;resize:vertical}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:12px;margin-bottom:15px}.swatches{display:flex;justify-content:space-between;gap:10px}.swatches label{display:block;position:relative;cursor:pointer;text-align:center;flex:1}.swatches input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.swatches span{display:block;font-size:10px}.swatches span:before{content:'';display:block;background:var(--swatch);width:28px;height:28px;border-radius:50%;margin:5px auto 12px;outline:1px solid transparent;outline-offset:4px}.swatches input:checked+span:before{outline-color:var(--ink)}.swatches input:focus-visible+span{outline:2px solid}.step-actions{display:flex;gap:20px;margin-top:20px;align-items:center}.step-actions>button:first-child{font-size:11px;white-space:nowrap}.step-actions>.custom-button{flex:1}.fine{font-size:10px;line-height:1.9;margin-top:20px}.back-link{font-size:11px;margin-top:20px}pre{white-space:pre-wrap;font:12px/1.9 Alexandria;background:#eee7ed;padding:18px;max-height:260px;overflow:auto}[hidden]{display:none!important}
@media(min-width:1650px){.object-media{height:530px}.room-intro{padding-top:30px}.showcase{grid-template-columns:130px minmax(0,1fr) 290px;gap:60px}}@media(max-width:1000px){.showcase{grid-template-columns:85px minmax(0,1fr) 190px;gap:20px}.object-media{height:400px}.piece-details>p{font-size:12px}.album{gap:18px}.album img{height:220px}.album span{font-size:15px}.atelier{padding:30px 5vw 60px;gap:5vw}.atelier-text h2{font-size:58px}.custom-layout{grid-template-columns:.85fr 1fr}.wizard{padding:60px 25px 30px}}
@media(max-width:700px){.gallery-header{height:100px;margin:0 5vw}.logo{height:99px;width:99px}.header-link{font-size:9px}.room-nav{gap:20px;padding:20px 10px 10px}.room-nav button{font-size:10px}.room-nav span{font-size:12px;margin-left:5px}.room-intro{padding:20px 15px}.room-intro h1{font-size:40px;margin:8px 0}.room-intro .english{font-size:9px}.room-intro>p:last-child{font-size:10px}.room-intro br{display:block}.showcase{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:0 5vw 35px}.piece-index{flex-direction:row;justify-content:center;gap:22px;grid-row:2}.piece-index button{display:grid;grid-template-columns:20px 1fr;gap:5px;padding-bottom:8px}.piece-index img{display:none}.piece-index b{font-size:10px;align-self:center;grid-column:2;grid-row:1}.piece-index span{font-size:13px;padding:0}.object-stage{padding:20px 12px 15px;border-radius:45% 45% 0 0}.stage-label{font-size:8px;padding:5px 0 15px}.object-media{height:370px}.object-media video{object-position:23%}.object-caption h2{font-size:25px}.object-caption .english{font-size:8px;letter-spacing:1px}.object-caption{padding:15px 5px 0}.object-arrows button{height:30px;width:30px;font-size:18px}.piece-details{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;align-items:center}.spark{display:none}.piece-details>p{grid-column:1/-1;font-size:12px}.material-note{margin:0;padding:10px 0;grid-column:1/-1}.material-note p{font-size:10px}.piece-details .custom-button{grid-column:1/-1;font-size:12px}.piece-details>a{margin:0;font-size:10px}.piece-details small{font-size:8px}.atelier{grid-template-columns:1fr;padding:20px 6vw 40px;gap:30px}.atelier-film{height:450px}.atelier-text{padding:15px 0}.atelier-text h2{font-size:56px}.atelier-text h2 br{display:none}.atelier-text>p:not(.english){font-size:12px}.album-heading h2{font-size:39px}.album-heading p:last-child{font-size:10px}.instagram{padding:25px 6vw 40px}.album{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px;margin:35px 0}.album a{padding:7px 7px 15px}.album a:nth-child(even){margin-top:15px}.album img{height:200px}.album span{font-size:14px;margin-top:12px}.album-follow{font-size:11px}footer{margin:0 5vw;gap:15px;flex-wrap:wrap;justify-content:center;font-size:8px}footer button{font-size:8px}.custom-layout{display:flex;flex-direction:column;min-height:0}.gift-preview{padding:25px 20px 20px;display:flex;align-items:center;gap:20px;margin-top:45px}.gift-preview>img{width:100px;height:135px;flex-shrink:0}.dedication{margin:0;flex:1;padding:10px;min-width:0}.dedication>span{font-size:15px}.dedication .english{font-size:6px;letter-spacing:1px;margin:5px 0}.dedication>p:not(.english){font-size:23px}.dedication small{font-size:8px}.wizard{padding:25px 25px 30px}.wizard h2{font-size:35px;margin:8px 0 25px}.wizard .english{font-size:9px}.close{top:15px;left:15px;font-size:11px}.wizard h3{font-size:14px}.piece-options span{padding:12px}.custom-button{padding:15px}.object-stage[data-piece="1"] .object-media>img,.object-stage[data-piece="2"] .object-media video{object-fit:cover}#zoom{padding:50px 15px 15px}#zoom img{height:65svh}pre{font-size:11px}.step-actions{gap:12px}}@media(max-width:360px){.object-media{height:320px}.album img{height:170px}.album span{font-size:12px}.gift-preview{gap:12px}.gift-preview>img{width:80px;height:110px}.room-nav{gap:15px}.room-nav button{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
