:root{--sand-gold:#c4956a;--sand-gold-2:#b8824e;--sand-gold-soft:#e9d4b8;--warm-cream:#f5f0eb;--warm-cream-2:#ede4d8;--warm-cream-3:#e2d5c3;--dark-charcoal:#4a4a4a;--ink:#2b2722;--ink-soft:#6b6560;--oasis-green:#5b6b4a;--oasis-green-2:#475638;--oasis-green-soft:#c7ceb5;--paper:#fbf8f3;--hair:#4a4a4a1a;--hair-strong:#4a4a4a2e;--accent:var(--sand-gold);--accent-2:var(--sand-gold-2);--serif:Georgia, "Noto Serif", "Times New Roman", serif;--sans:Arial, "Helvetica Neue", system-ui, sans-serif;--ar:"Noto Sans Arabic", "Tajawal", "Geeza Pro", sans-serif;--shadow-card:0 1px 2px #4a32140f, 0 12px 32px -8px #4a32142e;--shadow-pop:0 1px 2px #4a321414, 0 24px 60px -12px #4a321447}[data-accent=green]{--accent:var(--oasis-green);--accent-2:var(--oasis-green-2)}html,body{background:var(--paper);color:var(--ink)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}[dir=rtl]{font-family:var(--ar)}[dir=rtl] .serif{font-family:var(--ar);font-weight:600}.serif{font-family:var(--serif);font-weight:400}.paper-grain{position:relative}.paper-grain:before{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(#785a320a 1px,#0000 1px),radial-gradient(#503c1e08 1px,#0000 1px);background-position:0 0,1px 2px;background-size:3px 3px,7px 7px;position:absolute;inset:0}.hair{border-top:1px solid var(--hair)}.hair-b{border-bottom:1px solid var(--hair)}*{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.ex10-tile{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.ex10-tile-photo{display:block;position:absolute;inset:0}.ex10-tile-glyph{color:#fff9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}[data-tiles=glyph] .ex10-tile-photo{display:none}[data-tiles=glyph] .ex10-tile-glyph{display:flex}.ex10-photo-hatch{mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff1f 0 1.5px,#0000 1.5px 8px);position:absolute;inset:0}.ex10-photo-frame{text-align:center;color:#ffffffd1;text-shadow:0 1px 4px #140e0859;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;inset:0}.ex10-photo-ico{opacity:.9;width:clamp(22px,26cqw,48px);height:auto}.ex10-photo-label{flex-direction:column;align-items:center;gap:3px;max-width:92%;display:none}.ex10-photo-name{letter-spacing:1px;text-transform:uppercase;color:#fffffff0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.ex10-photo-tag{letter-spacing:2.2px;text-transform:uppercase;color:#fff9;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:7.5px}@container (min-width:120px){.ex10-photo-label{display:flex}}[data-type=editorial]{--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Hanken Grotesk", Arial, "Helvetica Neue", system-ui, sans-serif}[data-type=editorial] .serif{font-weight:400}
html{scroll-behavior:smooth}body{background:var(--warm-cream-2);min-height:100dvh}.site-col{background:var(--paper);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}@media (min-width:521px){.site-col{border-inline:1px solid var(--hair);box-shadow:0 0 60px #4a321417}}.nosb{scrollbar-width:none}.nosb::-webkit-scrollbar{display:none}input::placeholder{color:var(--ink-soft);opacity:.7}.reveal{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}[data-motion=calm] .reveal{opacity:1;transition:none;transform:none}[data-motion=calm] img[src*=camel]{animation:none!important}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes ex10-camel-bob{0%,to{transform:translate(-50%)scaleX(-1)translateY(0)}50%{transform:translate(-50%)scaleX(-1)translateY(-3px)}}@keyframes ex10-toast-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes ex10-pop{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes ex10-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes ex10-stamp-drop{0%{opacity:0;transform:scale(1.7)rotate(-16deg)}55%{opacity:1;transform:scale(.95)rotate(-6deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes ex10-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}