@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink&family=IBM+Plex+Mono:wght@400;600&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap";:root{--ink:#000;--primary:#08376b;--secondary:#335b84;--paper:#f3f0e8;--surface:#fff;--card:#e8e5dc;--card-placeholder:#d6d8c9;--text:var(--ink);--text-muted:var(--secondary);--text-on-dark:var(--paper);--line:#0003;--border:#00000038;--border-soft:#00000029;--danger:#9b5d57;--scrim:#08376b1f;--font-display:"Aref Ruqaa Ink", serif;--font-body:"Ala Typoo Medium", "Noto Kufi Arabic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--page-width:1180px;--page-gutter:48px;--product-gap:var(--space-lg);--space-3xs:4px;--space-2xs:8px;--space-xs:10px;--space-sm:12px;--space-md:18px;--space-lg:20px;--radius-pill:999px;--radius-card:18px;--control-size:42px;--stepper-size:26px;--cart-thumb-size:70px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.7}body.cart-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3{color:var(--primary);font-family:var(--font-display);margin:0;font-weight:400;line-height:1.02}h1{letter-spacing:-.03em;font-size:clamp(4rem,7vw,6.8rem)}h1 em,h2 em{color:var(--primary);font-style:italic}.kicker{align-items:center;gap:var(--space-xs);margin:0 0 var(--space-lg);color:var(--primary);letter-spacing:.1em;font-size:.72rem;font-weight:700;display:flex}.kicker span{background:currentColor;width:30px;height:1px;display:inline-block}.primary-button,.checkout-button{align-items:center;gap:var(--space-lg);border:1px solid var(--ink);background:var(--ink);color:var(--text-on-dark);padding:13px 22px;font-size:.85rem;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.primary-button:hover,.checkout-button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);transform:translateY(-3px)}.primary-button span,.checkout-button span,.text-link span{font-size:1.3rem}.text-link{border-bottom:1px solid var(--ink);padding-bottom:2px;font-size:.85rem}.text-link:hover{color:var(--primary)}.site-header{z-index:5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#f3f0e8e6;position:sticky;top:0}.navbar{width:min(var(--page-width), calc(100% - var(--page-gutter)));justify-content:space-between;align-items:center;gap:40px;min-height:82px;margin:auto;display:flex}.logo{color:var(--primary);font-family:var(--font-display);font-size:1.7rem}.nav-links{color:var(--text-muted);gap:34px;font-size:.9rem;display:flex}.nav-links a:hover{color:var(--primary)}.cart-button{align-items:center;gap:var(--space-xs);color:var(--text);cursor:pointer;background:0 0;border:0;display:flex}.cart-button b{background:var(--primary);width:25px;height:25px;color:var(--surface);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.hero,.shop-section,.story-section,.notes-section{width:min(var(--page-width), calc(100% - var(--page-gutter)));margin:auto}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:690px;padding:78px 0 100px;display:grid}.hero-description{max-width:390px;color:var(--text-muted);margin:30px 0;font-size:1rem}.hero-actions{align-items:center;gap:28px;display:flex}.hero-note{align-items:center;gap:var(--space-sm);color:var(--text-muted);margin-top:68px;font-size:.72rem;line-height:1.5;display:flex}.note-mark{color:var(--primary);font-size:1.7rem}.hero-art{min-height:510px;position:relative;overflow:hidden}.hero-logo{object-fit:contain;mix-blend-mode:multiply;width:min(82%,420px);height:auto;margin:auto}.shop-section{padding:100px 0}.section-intro{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-intro h2,.notes-section h2{font-size:clamp(3rem,5vw,5rem)}.section-intro>p{max-width:280px;color:var(--text-muted);font-size:.9rem}.shop-toolbar{align-items:center;gap:var(--space-md);color:var(--text-muted);margin:70px 0 22px;font-size:.68rem;display:flex}.shop-toolbar b{color:var(--primary)}.toolbar-line{background:var(--line);flex:1;height:1px}.products-carousel{direction:ltr;align-items:center;gap:14px;display:flex;position:relative}.products-grid{gap:var(--product-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.products-grid::-webkit-scrollbar{display:none}.carousel-button{flex:0 0 var(--control-size);width:var(--control-size);height:var(--control-size);border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;transition:background .2s,color .2s}.carousel-button:hover{background:var(--primary);color:var(--paper)}.product-card{flex:0 0 calc((100% - 2 * var(--product-gap)) / 3);scroll-snap-align:start;background:var(--card);direction:rtl;transition:transform .3s}.product-card:hover{transform:translateY(-6px)}.product-image{aspect-ratio:1/1.06;background:var(--card-placeholder);position:relative;overflow:hidden}.product-photo{object-fit:cover;opacity:0;width:100%;height:100%;animation:product-photo-cycle var(--photo-cycle,12s) infinite;animation-delay:var(--photo-delay,0s);transition:transform .5s;position:absolute;inset:0;transform:scale(1.03)}.product-photo.is-first{opacity:1}.product-photo:only-child{opacity:1;animation:none;transform:none}.product-card:hover .product-photo{animation-play-state:paused;transform:scale(1.06)}.product-info{padding:var(--space-md) var(--space-lg) 22px}.product-info h3{margin:0 0 3px;font-size:1.45rem}.product-info p{min-height:44px;color:var(--text-muted);margin:0 0 15px;font-size:.78rem}.product-bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.product-price{font-size:.75rem;font-weight:700}.product-button{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--ink);color:var(--text);cursor:pointer;background:0 0;font-size:.75rem;display:flex}.product-button:hover{background:var(--ink);color:var(--paper)}.story-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:130px 0;display:grid}.story-image{position:relative;transform:rotate(-2deg)}.story-photo{aspect-ratio:1.1;object-fit:cover;filter:saturate(.7);opacity:0;width:100%;animation:story-photo-cycle var(--story-cycle,16s) infinite;animation-delay:var(--story-delay,0s);position:absolute;inset:0}.story-photo.is-first{opacity:1;position:relative}.story-image span{color:var(--text-on-dark);font-family:var(--font-mono);text-transform:uppercase;white-space:pre-line;font-size:.7rem;position:absolute;bottom:20px;left:20px}.story-copy h2{margin-bottom:25px;font-size:clamp(3rem,5vw,5rem)}.story-copy>p:not(.kicker){max-width:370px;color:var(--text-muted);margin:0 0 25px;font-size:.95rem}.notes-section{padding:90px 0 130px}.note-grid{gap:var(--product-gap);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.note-grid article{border-top:1px solid var(--line);padding:25px 0}.note-grid article>span{color:var(--primary);font-family:var(--font-mono);font-size:.7rem}.note-grid h3{margin:25px 0 6px;font-size:1.5rem}.note-grid p{color:var(--text-muted);margin:0;font-size:.85rem}.site-footer{padding:35px max(24px, calc((100% - var(--page-width)) / 2));border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.site-footer p,.site-footer small{margin:0;font-size:.7rem}.cart-drawer{z-index:20;background:var(--paper);flex-direction:column;width:min(420px,100%);height:100vh;padding:34px;transition:transform .35s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 35px #1f29221f}.cart-drawer.is-open{transform:translate(0)}.cart-backdrop{z-index:10;background:var(--scrim);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.cart-drawer.is-open+.cart-backdrop{opacity:1;visibility:visible;pointer-events:auto}.cart-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:22px;display:flex}.cart-head .kicker{margin-bottom:3px}.cart-head h2{font-size:2rem}.close-cart{cursor:pointer;background:0 0;border:0;font-size:2rem}.cart-items{flex:1;padding:25px 0;overflow-y:auto}.empty-cart{color:var(--text-muted);text-align:center;margin-top:80px}.cart-item{grid-template-columns:var(--cart-thumb-size) 1fr;gap:var(--space-sm);border-bottom:1px solid var(--border);padding:15px 0;display:grid}.cart-item-image{width:var(--cart-thumb-size);height:var(--cart-thumb-size);background:var(--card-placeholder);overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info h3{margin:0 0 var(--space-3xs);font-size:.95rem}.cart-item-info p{color:var(--text-muted);margin:0;font-size:.85rem}.cart-customizations{gap:var(--space-2xs);margin:var(--space-xs) 0;display:grid}.cart-item-option{gap:var(--space-3xs);color:var(--text-muted);margin:0;font-size:.72rem;display:grid}.cart-item-option select,.cart-item-option input[type=text]{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:0 0;padding:5px 7px;font-size:.72rem}.cart-item-option input[type=file]{font-size:.68rem}.uploaded-file{color:var(--text-muted);word-break:break-all;font-size:.68rem}.cart-item-controls{margin-top:var(--space-2xs);align-items:center;gap:7px;display:flex}.quantity-button{width:var(--stepper-size);height:var(--stepper-size);border:1px solid var(--border);cursor:pointer;background:0 0}.cart-item-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:.75rem}.cart-footer{max-height:62vh;padding-top:var(--space-lg);border-top:1px solid var(--line);overflow-y:auto}.cart-footer>div{margin-bottom:var(--space-md);justify-content:space-between;font-size:.8rem;display:flex}.cart-footer strong{font-size:.85rem;font-weight:700}.checkout-button{cursor:pointer;justify-content:space-between;width:100%}.checkout-button:disabled{opacity:.4;cursor:not-allowed}.customer-form{gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--line);display:grid}.customer-form h3{margin:0 0 2px;font-size:1.35rem}.customer-form label{gap:var(--space-3xs);color:var(--text);font-size:.72rem;display:grid}.customer-form input,.customer-form select,.customer-form textarea{width:100%;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);color:var(--text);font:inherit;background:#ffffff61;border-radius:0;font-size:.75rem}.customer-form textarea{resize:vertical}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus,.cart-item-option select:focus,.cart-item-option input:focus{outline:2px solid var(--secondary);outline-offset:1px}.order-extras{gap:var(--space-2xs);margin:var(--space-3xs) 0 0;padding:var(--space-xs);border:1px solid var(--border-soft);display:grid}.order-extras legend{color:var(--primary);padding:0 5px;font-size:.78rem}.extra-option{align-items:center;gap:7px;display:flex}.extra-option input{width:15px;height:15px;accent-color:var(--primary)}.privacy-note{margin:var(--space-3xs) 0 0;color:var(--text-muted);font-size:.66rem;line-height:1.5}.form-message{min-height:1.2em;color:var(--secondary);margin:0;font-size:.72rem}@keyframes product-photo-cycle{0%,8%{opacity:0;transform:scale(1.03)}12%,38%{opacity:1;transform:scale(1.08)}42%,to{opacity:0;transform:scale(1.13)}}@keyframes story-photo-cycle{0%,18%{opacity:1}25%,to{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-photo,.story-photo{opacity:0;animation:none;transform:none}.product-photo.is-first,.story-photo.is-first{opacity:1}.product-card,.primary-button,.checkout-button{transition:none}}@media (width<=760px){:root{--page-gutter:30px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:60px}.hero h1{font-size:4.5rem}.hero-art{min-height:380px}.section-intro,.story-section{display:block}.section-intro>p{margin-top:30px}.story-copy{padding-top:70px}.note-grid{grid-template-columns:repeat(2,1fr)}.products-carousel{gap:var(--space-2xs)}.product-card{flex-basis:calc((100% - var(--product-gap)) / 2)}.carousel-button{flex:0 0 36px;width:36px;height:36px}.site-footer{gap:var(--space-md);flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media (width<=480px){.note-grid{grid-template-columns:1fr}.product-card{flex-basis:100%}.hero h1{font-size:3.6rem}.hero-actions{flex-wrap:wrap}.product-info p{min-height:auto}.site-footer{padding-inline:15px}}