:root{--mortar: #d8cbb0;--cream: #f6efe0;--ink: #1d1813;--muted: #6e5d4c;--paper: #fbf6ea;--accent: #b44a2a;--cobalt: #1d4e89;--saffron: #e0a020;--display: "Instrument Serif", "Fraunces", Georgia, serif;--serif: "Fraunces", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--arabic: "Aref Ruqaa", "Amiri", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;cursor:pointer}.hidden{display:none}.tile{display:block;width:100%;height:100%;border-radius:4px}img.tile{object-fit:cover;-webkit-user-select:none;user-select:none}.eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.big{margin:10px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(54px,9vw,150px);line-height:.92;letter-spacing:-.01em}[data-reveal]{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k, 0) * .12s)}[data-reveal].is-in{opacity:1;transform:none}.nav{position:fixed;z-index:20;top:44px;padding-top:12px!important;left:50%;transform:translate(-50%);width:min(1180px,calc(100vw - 28px));display:flex;align-items:center;gap:18px;padding:10px 14px 10px 18px;border-radius:999px;background:#fbf6eaf2;box-shadow:0 6px 24px #28190a1f;overflow:hidden}.nav__brand{display:flex;align-items:baseline;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;white-space:nowrap}.nav__n{position:relative;display:inline-block;font-weight:inherit}.nav__name{font-style:normal;white-space:nowrap}.nav .fez{left:-.22em;top:-.92em;width:1.35em;animation-delay:2.7s}.nav__brand:hover .fez{translate:0 -.15em}.nav__brand span{font-family:var(--arabic);color:var(--accent);font-size:20px}.nav__current{flex:1;text-align:center;font-family:var(--display);font-style:italic;font-size:20px;color:var(--muted);animation:swap .5s both}@keyframes swap{0%{opacity:0;transform:translateY(8px)}}.nav__links{display:flex;align-items:center;gap:6px}.nav__links a{padding:7px 12px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}.nav__links a:hover{background:#0000000d}.nav__cta{background:var(--ink);color:var(--paper)!important}.sound{display:inline-flex;align-items:flex-end;justify-content:center;gap:2.5px;width:36px;height:36px;padding:0 0 10px;border:1.5px solid rgba(29,24,19,.2);border-radius:50%;background:transparent}.sound i{width:3px;height:4px;border-radius:2px;background:var(--muted);transition:height .3s}.sound--on{border-color:var(--accent)}.sound--on i{background:var(--accent);animation:eq .9s ease-in-out infinite alternate}.sound--on i:nth-child(2){animation-delay:-.3s}.sound--on i:nth-child(3){animation-delay:-.6s}.sound--on i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:4px}to{height:15px}}.caravan{--cw: 46px;position:fixed;z-index:21;top:8px;left:50%;transform:translate(-50%);width:min(1180px,calc(100vw - 28px));height:36px;pointer-events:none;transition:opacity .6s}.caravan:not(.entered){opacity:0}.caravan__track{position:absolute;left:30px;right:30px;bottom:2px;height:2px;background:repeating-linear-gradient(90deg,rgba(110,93,76,.35) 0 4px,transparent 4px 10px)}.caravan__trail{position:absolute;left:30px;right:30px;bottom:1px;height:4px;border-radius:2px;transform-origin:left;transform:scaleX(var(--progress, 0));background:repeating-linear-gradient(90deg,#1d4e89 0,#1d4e89 12px,#e0a020 12px,#e0a020 24px,#12705c 24px,#12705c 36px,#b44a2a 36px,#b44a2a 48px,#5b2c6f 48px,#5b2c6f 60px);box-shadow:0 1px 4px #00000040}.caravan__camel{position:absolute;bottom:3px;left:calc(30px + var(--progress, 0) * (100% - 60px) - var(--cw) * .75);width:var(--cw);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.camel{display:block;width:100%;overflow:visible;transition:transform .35s}.caravan--back .camel{transform:scaleX(-1)}.camel__leg{transform-box:fill-box;transform-origin:50% 0}.camel__body,.camel__tail{transform-box:fill-box;transform-origin:50% 100%}.caravan--walk .camel__leg--a{animation:camel-step .5s ease-in-out infinite alternate}.caravan--walk .camel__leg--b{animation:camel-step .5s ease-in-out infinite alternate-reverse}.caravan--walk .camel__body{animation:camel-bob .25s ease-in-out infinite alternate}.caravan--walk .camel__tail{animation:camel-tail .5s ease-in-out infinite alternate}@keyframes camel-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes camel-bob{to{transform:translateY(-1.5px) rotate(-1.5deg)}}@keyframes camel-tail{to{transform:rotate(18deg)}}@media (max-width: 760px){.caravan{top:6px;--cw: 38px}.hero__clock{bottom:128px;font-size:12px}.hero__clock-more{display:none}}.scene{position:relative}.stage{position:sticky;top:0;height:100vh;overflow:hidden}.full-mosaic{position:absolute;left:50%;top:50%;display:grid;grid-auto-rows:var(--size);gap:4px;transform:translate(-50%,-50%)}.fly{will-change:transform,opacity}.lay{width:100%;height:100%;animation:lay .9s cubic-bezier(.2,.9,.25,1) both;box-shadow:0 3px 8px #3c281433;border-radius:4px}@keyframes lay{0%{opacity:0;transform:scale(.4) rotate(90deg)}60%{opacity:1}}.lay--rise{animation-name:rise;animation-duration:1s;transform-origin:50% 100%}@keyframes rise{0%{opacity:0;transform:perspective(900px) translateY(38vh) rotateX(80deg) scale(.8)}35%{opacity:1}}.hero{height:280vh;background:var(--cream)}.hero .full-mosaic{will-change:transform}.hero.entered .full-mosaic{animation:settle 1.8s cubic-bezier(.2,.8,.2,1) both}@keyframes settle{0%{transform:translate(-50%,-50%) scale(1.18)}to{transform:translate(-50%,-50%) scale(1)}}.hero .fly{--q: min(1, calc(var(--p) * 1.45));transform:translate(calc(var(--dx) * var(--q) * 1px),calc(var(--dy) * var(--q) * 1px)) rotate(calc(var(--r) * var(--q) * 1deg)) scale(calc(1 - var(--q) * .55));opacity:calc(1 - var(--q) * 1.25)}.hero__medallion{position:absolute;left:50%;top:52%;z-index:2;display:flex;flex-direction:column;align-items:center;padding:28px 7vw 34px;border-radius:28px;background:var(--paper);text-align:center;box-shadow:0 0 0 10px var(--paper),0 0 0 12px var(--accent),0 0 0 20px var(--paper),0 30px 80px #28140573;transform:translate(-50%,-50%) scale(calc(1 + var(--p) * .5));opacity:calc(1 - var(--p) * 3.2);animation:pop 1.1s .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}}.hero__ar{font-family:var(--arabic);font-size:clamp(48px,6.4vw,104px);line-height:1;color:var(--accent)}.hero__name{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(56px,9.5vw,160px);line-height:.85;letter-spacing:-.02em;white-space:nowrap}.hero__name em{color:var(--cobalt)}.hero__role{margin:14px 0 0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.statement{position:absolute;left:50%;top:50%;z-index:1;width:min(1100px,90vw);margin:0;transform:translate(-50%,-50%);text-align:center;font-family:var(--display);font-size:clamp(44px,7.2vw,118px);line-height:1;letter-spacing:-.01em}.statement em{color:var(--accent)}.word{--t: clamp(0, calc((var(--p) - var(--w0)) * 16), 1);display:inline-block;margin-right:.22em;opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 50px)) rotate(calc((1 - var(--t)) * 6deg))}.scroll-hint{position:absolute;z-index:3;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 6px rgba(0,0,0,.5);opacity:calc(1 - var(--p) * 8)}.scroll-hint i{width:2px;height:34px;background:currentColor;animation:hint 1.6s ease-in-out infinite;transform-origin:top}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.anatomy{height:420vh;background:var(--paper)}.anatomy__stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:0 7vw}.anatomy__tile{justify-self:center;width:min(32vw,54vh);margin-top:40px}.tile--big{aspect-ratio:1;height:auto;box-shadow:0 30px 60px #28140540;transform:rotate(calc(var(--p) * 45deg));will-change:transform}.assemble .piece{--t: clamp(0, calc(var(--p) * 1.25 * var(--total) - var(--i)), 1);opacity:var(--t);transform:scale(calc(.2 + .8 * var(--t))) rotate(calc((1 - var(--t)) * -70deg));transform-box:fill-box;transform-origin:center}.anatomy__label{position:absolute;left:7vw;bottom:28px;margin:0;font-size:13px;color:var(--muted)}.anatomy__label span{color:var(--ink);font-weight:500}.anatomy__text{position:relative;min-height:340px}.step{position:absolute;top:34px;left:0;right:0;opacity:0;transform:translateY(40px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.step--past{transform:translateY(-40px)}.step--on{opacity:1;transform:none}.step__n{font-family:var(--display);font-size:120px;line-height:.8;color:var(--saffron)}.step h2{margin:10px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(38px,4.4vw,72px);line-height:.98}.step p{margin:16px 0 0;max-width:460px;font-size:18px;line-height:1.55;color:var(--muted)}.rosace{height:260vh;background:var(--paper);--in: clamp(0, calc(var(--p) / .36), 1);--out: clamp(0, calc((var(--p) - .58) / .38), 1);--hold: clamp(0, calc((var(--p) - .3) / .3), 1)}.rosace__stage{background:var(--mortar)}.rosace__spin{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(calc(var(--p) * 110deg));will-change:transform}.petal{position:absolute;left:50%;top:50%;background-size:cover;background-position:center;will-change:transform,opacity;opacity:var(--in);clip-path:polygon(50% 0,100% 34%,50% 100%,0 34%);transform-origin:50% 100%}.petal--out{width:21vmax;height:52vmax;margin:-52vmax 0 0 -10.5vmax;transform:rotate(calc(var(--a) * 22.5deg + (1 - var(--in)) * 160deg)) translateY(calc((1 - var(--in)) * -80vmax - var(--out) * 95vmax)) rotate(calc(var(--out) * 140deg))}.petal--in{width:15vmax;height:26vmax;margin:-26vmax 0 0 -7.5vmax;filter:saturate(1.15);transform:rotate(calc(var(--a) * 45deg + 22.5deg - (1 - var(--in)) * 200deg - var(--hold) * 90deg)) translateY(calc((1 - var(--in)) * -60vmax - var(--out) * 70vmax)) rotate(calc(var(--out) * -160deg))}.tessera{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border:2px solid var(--cream);border-radius:2px;opacity:calc(var(--out) * 4 * (1 - var(--out)) * 1.6);transform:translate(calc(var(--dx) * var(--out) * 1px),calc(var(--dy) * var(--out) * 1px)) rotate(calc(45deg + var(--r) * var(--out) * 1deg)) scale(calc(.4 + var(--out) * 1.6))}.rosace__medal{position:absolute;left:50%;top:50%;width:22vmax;height:22vmax;border-radius:50%;display:grid;place-content:center;text-align:center;gap:.4vmax;background:var(--paper);box-shadow:0 0 0 .6vmax var(--paper),0 0 0 .8vmax var(--accent),0 0 0 1.4vmax var(--paper),0 20px 60px #28140559;opacity:calc(var(--hold) * 2 - var(--out) * 4);transform:translate(-50%,-50%) scale(calc(.6 + var(--hold) * .4 + var(--out) * .8))}.rosace__medal span{font-family:var(--arabic);font-size:4.2vmax;line-height:1;color:var(--accent)}.rosace__medal strong{font-family:var(--display);font-weight:400;font-size:3vmax;line-height:1}.iris{position:absolute;left:50%;top:50%;width:12vmax;height:12vmax;margin:-6vmax;background:#17120e;clip-path:polygon(50% 0%,61.5% 22.3%,85.4% 14.6%,77.7% 38.5%,100% 50%,77.7% 61.5%,85.4% 85.4%,61.5% 77.7%,50% 100%,38.5% 77.7%,14.6% 85.4%,22.3% 61.5%,0% 50%,22.3% 38.5%,14.6% 14.6%,38.5% 22.3%);transform:rotate(calc(var(--out) * -90deg)) scale(calc(.001 + var(--out) * var(--out) * 22));will-change:transform}.iris--gold{background:var(--saffron);transform:rotate(calc(var(--out) * -90deg)) scale(calc(.001 + var(--out) * var(--out) * 22 * 1.06 + var(--out) * .25))}.rideau{height:230vh;background:#17120e;--fade: clamp(0, calc((var(--p) - .86) / .12), 1)}.rideau__stage{background:#17120e}.rideau__grid{position:absolute;left:50%;top:50%;display:grid;transform:translate(-50%,-50%);perspective:1600px}.cell{--t: clamp(0, calc((var(--p) * 1.75 - var(--d)) * 3), 1);position:relative;width:var(--cs);height:var(--cs);transform-style:preserve-3d;transform:rotateY(calc(var(--t) * 180deg)) rotateX(calc(var(--t) * (1 - var(--t)) * 120deg)) scale(calc(1 + var(--t) * (1 - var(--t)) * 1.1))}.cell__f,.cell__b{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.cell__f{background:#1d1712;box-shadow:inset 0 0 0 1px #e0a0201f}.cell__f:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border:1px solid rgba(224,160,32,.22);transform:rotate(45deg)}.cell__b{transform:rotateY(180deg);background:var(--cream);box-shadow:inset 0 0 0 1px rgba(216,203,176,calc(1 - var(--fade)))}.cell__b:after{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;background:var(--g);border:2px solid #fff6;transform:rotate(45deg) scale(calc(1 - var(--fade)))}.rideau__title{position:absolute;left:50%;top:50%;z-index:2;margin:0;display:grid;justify-items:center;gap:6px;padding:22px 40px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--accent),0 20px 60px #2814054d;font-family:var(--display);font-size:clamp(34px,5vw,72px);line-height:1;white-space:nowrap;--o: clamp(0, calc((var(--p) - .42) * 6), 1);opacity:calc(var(--o) - var(--fade));transform:translate(-50%,-50%) scale(calc(.7 + var(--o) * .3 + var(--fade) * .3))}.rideau__title span{font-family:var(--arabic);color:var(--accent);font-size:.8em}.couloir{height:300vh;background:var(--paper);--light: clamp(0, calc((var(--p) - .8) / .18), 1)}.couloir__stage{background:radial-gradient(circle at 50% 62%,#fff8e8 0,#f5dcae 22%,#c98a52 55%,#4a2414)}.couloir__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--paper);opacity:var(--light);pointer-events:none}.couloir__title{position:absolute;left:50%;top:56%;z-index:0;margin:0;display:grid;justify-items:center;gap:4px;font-family:var(--display);font-size:clamp(36px,6vw,96px);line-height:1;color:var(--ink);white-space:nowrap;transform:translate(-50%,-50%) scale(calc(.35 + var(--p) * .75));opacity:calc(var(--p) * 1.6)}.couloir__title--front{z-index:21;opacity:var(--light)}.couloir__title span{font-family:var(--arabic);color:var(--accent);font-size:.75em}.arch{position:absolute;left:50%;top:50%;width:100vmax;height:100vmax;visibility:hidden}.arch__wall,.arch__trim{position:absolute;top:0;right:0;bottom:0;left:0}.arch__trim{background:linear-gradient(#f1c35a,#b8862e);clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,35.95% 84%,35.95% 64.81%,35.31% 63.03%,34.89% 61.19%,34.71% 59.32%,34.76% 57.43%,35.04% 55.57%,35.55% 53.75%,36.28% 52.01%,37.22% 50.38%,38.35% 48.87%,39.66% 47.51%,41.13% 46.32%,42.74% 45.33%,44.46% 44.54%,46.26% 43.96%,48.11% 43.62%,50% 43.5%,51.89% 43.62%,53.74% 43.96%,55.54% 44.54%,57.26% 45.33%,58.87% 46.32%,60.34% 47.51%,61.65% 48.87%,62.78% 50.38%,63.72% 52.01%,64.45% 53.75%,64.96% 55.57%,65.24% 57.43%,65.29% 59.32%,65.11% 61.19%,64.69% 63.03%,64.05% 64.81%,64.05% 84%,35.95% 84%,0% 0%)}.arch__wall{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,34.39% 84%,34.39% 62.68%,33.68% 60.7%,33.22% 58.66%,33.01% 56.58%,33.06% 54.48%,33.38% 52.41%,33.94% 50.39%,34.75% 48.46%,35.8% 46.64%,37.06% 44.96%,38.52% 43.46%,40.15% 42.14%,41.93% 41.03%,43.84% 40.15%,45.84% 39.52%,47.9% 39.13%,50% 39%,52.1% 39.13%,54.16% 39.52%,56.16% 40.15%,58.07% 41.03%,59.85% 42.14%,61.48% 43.46%,62.94% 44.96%,64.2% 46.64%,65.25% 48.46%,66.06% 50.39%,66.62% 52.41%,66.94% 54.48%,66.99% 56.58%,66.78% 58.66%,66.32% 60.7%,65.61% 62.68%,65.61% 84%,34.39% 84%,0% 0%);background:radial-gradient(ellipse at 50% 84%,rgba(255,200,120,.45),transparent 32%),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 3.2%),linear-gradient(transparent 76%,rgba(0,0,0,.25) 76% 77%,transparent 77%),var(--c)}.projects{background:#17120e;color:var(--paper)}.finale:before{content:"";position:absolute;z-index:3;left:0;right:0;top:-1px;height:26px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--edge, #efe5cf) 0 17px,transparent 18px) 0 0 / 44px 26px repeat-x}.finale:before{--edge: var(--paper)}.projects__stage{display:flex;align-items:center}.projects__eyebrow{position:absolute;top:122px;left:6vw;z-index:2;color:var(--saffron)}.track{display:flex;width:calc(var(--count) * 100vw);transform:translate(calc(var(--pe, 0) * -100vw));will-change:transform}.panel{--rel: calc(var(--pe, 0) - var(--k));--abs: max(var(--rel), calc(var(--rel) * -1));width:100vw;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:70px 7vw 40px}.panel__tile{justify-self:center;width:min(36vw,62vh);aspect-ratio:1;padding:0;border:0;background:none;border-radius:6px;transform:rotate(calc(var(--rel) * -60deg)) scale(calc(1 - (min(1,var(--abs))*.3)));transition:box-shadow .3s;box-shadow:0 30px 60px #0000008c;will-change:transform;overflow:hidden}.panel__tile:hover{box-shadow:0 30px 70px #e0a02073}.panel__text{max-width:540px;transform:translate(calc(var(--rel) * -160px));opacity:calc(1 - var(--abs) * 2)}.panel__n{font-family:var(--display);font-style:italic;font-size:22px;color:var(--saffron)}.panel h2{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(46px,5.6vw,96px);line-height:.92}.panel__sub{margin:12px 0 0;color:#bfae96}.panel__body{margin:20px 0 0;font-family:var(--serif);font-size:18px;line-height:1.55;color:#eadfc9}.panel .chips{margin-top:18px}.projects__bar{position:absolute;left:7vw;right:7vw;bottom:34px;height:2px;background:#ffffff26}.projects__bar i{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--saffron)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1.5px solid rgba(29,24,19,.2);background:#fff;font-size:13px;font-weight:500;color:var(--ink)}.chip i{width:11px;height:11px;border-radius:2px;background:var(--g);transform:rotate(45deg)}.chip--dark{background:#ffffff0f;border-color:#ffffff2e;color:var(--paper)}.chips--pick .chip{opacity:.55}.chips--pick .chip--on{opacity:1;border-color:var(--g);box-shadow:0 0 0 2px var(--g) inset}.skills{padding:18vh 7vw 14vh;background:var(--cream)}.flips{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}.flip{aspect-ratio:1;perspective:1200px;outline:none}.flip[data-reveal]{transform:translateY(60px) rotateX(35deg);transform-origin:bottom}.flip[data-reveal].is-in{transform:none}.flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,1.4,.4,1)}.flip:hover .flip__inner,.flip:focus-visible .flip__inner,.flip:focus .flip__inner{transform:rotateY(180deg)}.flip__face,.flip__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #28140533}.flip__title{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 14px;border-radius:999px;background:var(--paper);font-family:var(--serif);font-weight:600;white-space:nowrap;box-shadow:0 6px 14px #0003}.flip__back{transform:rotateY(180deg);display:flex;flex-direction:column;padding:28px;background:var(--ink);color:var(--paper)}.flip__back h3{margin:0;font-family:var(--display);font-weight:400;font-size:40px;line-height:1}.flip__back p{margin:12px 0 0;color:#cdbfa8;line-height:1.5}.flip__back ul{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.flip__back li{padding:5px 10px;border-radius:999px;background:var(--g);color:#fff;font-size:13px;font-weight:500}.journey{padding:16vh 7vw;background:#efe5cf}.road{position:relative;margin:70px 0 0;padding:0;list-style:none;display:grid;gap:54px}.road:before{content:"";position:absolute;left:44px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--ink) 0 8px,transparent 8px 16px);opacity:.25}.road li{position:relative;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:28px}.road li[data-reveal]{transform:translate(-60px)}.road li[data-reveal].is-in{transform:none}.road__tile{width:90px;height:90px;transform:rotate(45deg);border-radius:6px;overflow:hidden;box-shadow:0 10px 24px #28140540}.road__tile .tile{transform:rotate(-45deg) scale(1.42)}.road__when{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.road h3{margin:6px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,48px);line-height:1}.road p{margin:6px 0 0;color:var(--muted)}.marche{margin:60px -7vw 20px}.marche svg{display:block;width:100%;height:280px}.marche__front{transform:translate(calc(var(--p, 0) * 240px - 120px))}.marche__back{opacity:.78;transform:translate(calc(var(--p, 0) * 110px - 55px))}.marche figcaption{margin:14px 7vw 0;font-family:var(--display);font-style:italic;font-size:clamp(18px,1.8vw,24px);color:var(--muted)}.marche figcaption span{font-family:var(--arabic);font-style:normal;color:#12705c;margin-right:8px}.workshop{padding:12vh 0;background:var(--paper)}.atelier{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:0 7vw}.finale{height:230vh;background:var(--cream)}.finale .fly{--q: max(0, calc(1 - var(--p) * 1.8));transform:translate(calc(var(--dx) * var(--q) * 1px),calc(var(--dy) * var(--q) * 1px)) rotate(calc(var(--r) * var(--q) * 1deg)) scale(calc(1 - var(--q) * .55));opacity:calc(1 - var(--q) * 1.25)}.finale .fly>div{width:100%;height:100%;box-shadow:0 3px 8px #3c281433;border-radius:4px}.finale__stage{display:grid;place-items:center;padding:84px 16px 18px}.finale__card{position:relative;z-index:2;width:min(1040px,92vw);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:40px 44px;border-radius:26px;background:var(--paper);box-shadow:0 0 0 8px var(--paper),0 0 0 10px var(--accent),0 40px 90px #28140573;--c: clamp(0, calc((var(--p) - .5) * 5), 1);opacity:var(--c);transform:translateY(calc((1 - var(--c)) * 80px)) scale(calc(.9 + var(--c) * .1))}.finale__card h2{padding-right:64px;margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,70px);line-height:.95}.finale__card h2 em{color:var(--accent)}.finale__head{position:relative}.finale__lead{margin:12px 0 0;color:var(--muted)}.finale__sign{margin:18px 0 0;font-family:var(--display);font-style:italic;font-size:18px;color:var(--muted)}.tea{position:absolute;top:-6px;right:0;width:58px}.tea__steam path{stroke-dasharray:30 40;animation:steam 2.6s linear infinite}.tea__steam path:nth-child(2){animation-delay:-.9s}.tea__steam path:nth-child(3){animation-delay:-1.7s}@keyframes steam{0%{stroke-dashoffset:70;opacity:0}30%{opacity:.9}to{stroke-dashoffset:0;opacity:0}}.atay{position:absolute;right:-70px;bottom:-64px;width:170px;overflow:visible;filter:drop-shadow(0 10px 12px rgba(40,20,5,.3))}.berrad{transform-box:view-box;animation:berrad-in 1.2s 2.4s cubic-bezier(.3,1.3,.5,1) both}@keyframes berrad-in{0%{opacity:0;transform:translate(40px,-160px)}}.berrad__tilt{transform-box:view-box;transform-origin:80px 70px;animation:pour 5s 3.6s ease-in-out infinite both}@keyframes pour{0%{transform:rotate(-25deg)}15%,64%{transform:rotate(0)}80%,to{transform:rotate(-25deg)}}.atay__stream{stroke-dasharray:230;animation:stream 5s 3.6s linear infinite both}@keyframes stream{0%,12%{stroke-dashoffset:230}22%,60%{stroke-dashoffset:0}72%,to{stroke-dashoffset:-230}}.atay__fill{transform-box:fill-box;transform-origin:50% 100%;animation:fill 5s 3.6s ease-in-out infinite both}@keyframes fill{0%,18%{transform:scaleY(.3)}64%,80%{transform:scaleY(1)}to{transform:scaleY(.3)}}.atay__foam{animation:foam 5s 3.6s ease-in-out infinite both}@keyframes foam{0%,18%{transform:translateY(44px);opacity:0}40%{opacity:1}64%,80%{transform:none;opacity:1}to{transform:translateY(44px);opacity:0}}.atay__steam path{stroke-dasharray:26 40;animation:steam 2.8s 6.6s linear infinite both}.atay__steam path+path{animation-delay:7.8s}.hero__n{position:relative;display:inline-block}.fez{position:absolute;left:.03em;top:-.47em;width:.62em;transform:rotate(-16deg);transform-origin:50% 90%;overflow:visible;animation:fez-drop 1.1s 1.5s cubic-bezier(.3,1.6,.5,1) both;transition:translate .35s cubic-bezier(.3,1.6,.5,1)}.hero__name:hover .fez{translate:0 -.12em}.fez__tassel{transform-origin:50px 20px;animation:tassel 2.2s 2.4s ease-in-out infinite}@keyframes fez-drop{0%{opacity:0;transform:translateY(-120vh) rotate(-80deg)}10%{opacity:1}to{transform:rotate(-16deg)}}@keyframes tassel{0%,to{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}.hero:not(.entered) .hero__medallion,.hero:not(.entered) .fez,.hero:not(.entered) .fez__tassel,.hero:not(.entered) .atay *{animation-play-state:paused}.intro{--u: max( .025vw , calc(100vh / 3000));position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;cursor:pointer}.door-stage{position:absolute;left:50%;top:50%;height:100vh;aspect-ratio:2 / 3;transform:translate(-50%,-50%)}.door-photo{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/riad-door.jpg) center / 100% 100% no-repeat}.door-side{position:absolute;top:50%;height:100vh;transform:translateY(-50%);width:calc(50vw - 100vh / 3 + 1px);background:url(/riad-wall.jpg) repeat-x;background-size:auto 100%}.door-side--l{left:0;background-position:right top}.door-side--r{right:0;background-position:left top}.intro__world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .5s;background:radial-gradient(ellipse at 50% 48%,transparent 50%,rgba(20,10,4,.5)),linear-gradient(transparent 62%,#0e0804e0)}.s-knock .intro__world:after{opacity:0}.door-leaves{position:absolute;display:flex;perspective:1500px}.door-leaf{position:relative;flex:none;height:100%;will-change:transform;backface-visibility:hidden;background-image:url(/riad-door.jpg);background-repeat:no-repeat;transition:transform 2s cubic-bezier(.6,0,.25,1)}.door-leaf--l{width:49.808%;transform-origin:0 50%}.door-leaf--r{width:50.192%;transform-origin:100% 50%}.door-leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.01;will-change:opacity;transition:opacity 2s;background:linear-gradient(90deg,#000000a6,#00000040)}.door-leaf--r:after{background:linear-gradient(270deg,#000000a6,#00000040)}.s-open .door-leaf--l{transform:rotateY(98deg)}.s-open .door-leaf--r{transform:rotateY(-98deg)}.s-open .door-leaf:after{opacity:1}.door-light{position:absolute;pointer-events:none;will-change:opacity}.door-light__seam{position:absolute;left:var(--seam);top:0;bottom:0;width:3px;margin-left:-1.5px;background:#ffe6aa;box-shadow:0 0 24px 9px #ffc86ecc;transform:scaleY(0);transform-origin:50% 100%;transition:transform .65s ease-out,opacity .5s}.s-unlock .door-light__seam{transform:scaleY(1)}.s-open .door-light__seam{opacity:0;transition-delay:.3s}.door-light__flood{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.01;transition:opacity .9s .3s;will-change:opacity;background:radial-gradient(ellipse at 50% 62%,#fff6dee6,#ffd68c80 40%,#ffc87800 76%)}.s-open .door-light__flood{opacity:.8}.s-dive .door-light__flood{opacity:0;transition:opacity .6s}.door-knock{position:absolute;width:8%;aspect-ratio:1;margin:-4% 0 0 -4%;border-radius:50%;border:3px solid rgba(255,222,150,.95);box-shadow:0 0 18px #ffc86eb3;opacity:0;pointer-events:none}.s-knock:not(.s-unlock) .door-knock{animation:knockring .5s ease-out both}@keyframes knockring{0%{transform:scale(.4);opacity:1}to{transform:scale(2.6);opacity:0}}.intro__world{opacity:.999;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 60.6%;transition:transform 1.6s cubic-bezier(.6,0,.4,1),opacity .7s .7s;will-change:transform,opacity}.water{stroke-dasharray:18 14;animation:water .5s linear infinite}@keyframes water{to{stroke-dashoffset:-32}}.ripple{transform-box:fill-box;transform-origin:center;animation:ripple 1.8s ease-out infinite}@keyframes ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(2.6);opacity:0}}.lock{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.lock__p{position:absolute;left:50%;top:0;width:24%;height:50%;margin-left:-12%;transform-origin:50% 100%;clip-path:polygon(50% 0,100% 42%,50% 100%,0 42%);background-image:linear-gradient(90deg,rgba(0,0,0,.3),transparent 50%,rgba(255,255,255,.25))!important;transform:rotate(calc(var(--a) * 22.5deg));transition:transform 1s cubic-bezier(.6,-.35,.4,1),opacity .6s .35s}.lock__hub{position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff0b8,#c9963c 45%,#4a2e0a);box-shadow:0 0 0 4px #2a1408,0 0 0 8px #c99a45;transition:transform .9s cubic-bezier(.6,-.3,.4,1),opacity .5s .45s}.lock__glow{position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.95),rgba(255,190,90,.5) 28%,transparent 62%);opacity:0;transform:scale(.2);mix-blend-mode:screen;transition:transform 1s,opacity .4s}.s-unlock .lock__p{transform:rotate(calc(var(--a) * 22.5deg + 220deg)) translateY(-170%) scale(.3);opacity:0}.s-unlock .lock__hub{transform:rotate(540deg) scale(1.7);opacity:0}.s-unlock .lock__glow{opacity:1;transform:scale(1)}.s-open .lock__glow{opacity:0;transition:opacity .9s}.s-knock:not(.s-unlock) .leaf--l .knocker{animation:knocker .55s ease-in-out}@keyframes knocker{20%{transform:rotate(-28deg)}35%{transform:rotate(0)}60%{transform:rotate(-22deg)}75%{transform:rotate(0)}}.intro__skip{position:absolute;z-index:4;right:22px;top:18px;padding:8px 14px;border-radius:999px;border:1px solid rgba(246,231,200,.4);background:#0a061466;color:#f6e7c8;font-size:13px;letter-spacing:.06em}.s-rise .intro__skip{opacity:0}.intro__wall{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro .star{animation:twinkle 2.8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.glow-add{mix-blend-mode:screen}.lamp__glow,.lamp__cast,.door__spill{animation:flicker 3.2s ease-in-out infinite}.lamp__cast{animation-duration:4.1s}.lamp__flame{animation:flame .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}@keyframes flame{to{transform:scale(.9,1.06);opacity:.85}}@keyframes flicker{0%,to{opacity:.9}30%{opacity:.7}55%{opacity:1}70%{opacity:.78}}.cat__tail{transform-box:fill-box;transform-origin:0% 100%;animation:tail 3s ease-in-out infinite}@keyframes tail{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}.intro__doors{position:absolute;left:50%;top:50%;width:calc(var(--u) * 980);height:calc(var(--u) * 1300);transform:translate(-50%,-50%);clip-path:polygon(4.08% 100%,4.09% 52.61%,2.36% 49.12%,1.09% 45.52%,.3% 41.84%,0% 38.12%,.19% 34.4%,.87% 30.71%,2.02% 27.09%,3.64% 23.57%,5.72% 20.19%,8.23% 16.98%,11.15% 13.97%,14.44% 11.19%,18.09% 8.68%,22.04% 6.44%,26.27% 4.51%,30.73% 2.91%,35.38% 1.65%,40.18% .73%,45.06% .18%,50% 0%,54.94% .18%,59.82% .73%,64.62% 1.65%,69.27% 2.91%,73.73% 4.51%,77.96% 6.44%,81.91% 8.68%,85.56% 11.19%,88.85% 13.97%,91.77% 16.98%,94.28% 20.19%,96.36% 23.57%,97.98% 27.09%,99.13% 30.71%,99.81% 34.4%,100% 38.12%,99.7% 41.84%,98.91% 45.52%,97.64% 49.12%,95.91% 52.61%,95.92% 100%);display:flex;perspective:calc(var(--u) * 2600)}.intro__doors:after{content:"";position:absolute;left:50%;top:8%;bottom:0;width:2px;transform:translate(-50%);background:#ffd98a;box-shadow:0 0 14px 4px #ffbe5a99;animation:flicker 2s infinite;transition:opacity .3s}.leaf{position:relative;flex:1;transition:transform 1.9s cubic-bezier(.6,0,.25,1)}.leaf__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.leaf--l{transform-origin:0 50%}.leaf--r{transform-origin:100% 50%}.knocker{position:absolute;top:64%;width:15%;transform-origin:50% 12%;filter:drop-shadow(0 4px 3px rgba(0,0,0,.5))}.leaf--l .knocker{right:6%}.leaf--r .knocker{left:6%}.intro__rays{position:absolute;top:-10%;right:-30%;bottom:0;left:-30%;opacity:0;transition:opacity .8s .2s;background:radial-gradient(ellipse at 50% 70%,rgba(255,236,190,.95),rgba(255,196,110,.45) 35%,transparent 70%),repeating-conic-gradient(from -90deg at 50% 100%,rgba(255,220,150,.55) 0 3deg,transparent 3deg 9deg);mix-blend-mode:screen;animation:rays 6s linear infinite}@keyframes rays{to{transform:rotate(6deg) scale(1.05)}}.mote{position:absolute;border-radius:50%;background:#fff2c8;opacity:0;box-shadow:0 0 6px #ffd98a}.s-open .intro__rays{opacity:1}.s-dive .intro__rays{opacity:0;transition:opacity .7s .2s}.s-open .mote{animation:mote 3s ease-in-out infinite}@keyframes mote{0%{opacity:0;transform:translateY(10px)}30%{opacity:.9}to{opacity:0;transform:translate(14px,-50px)}}.warp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.warp i{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);opacity:0;border:2px solid rgba(255,245,220,.8);transform:rotate(45deg) scale(0)}.warp i.warp--star{border:0;clip-path:polygon(50% 0%,61.5% 22.3%,85.4% 14.6%,77.7% 38.5%,100% 50%,77.7% 61.5%,85.4% 85.4%,61.5% 77.7%,50% 100%,38.5% 77.7%,14.6% 85.4%,22.3% 61.5%,0% 50%,22.3% 38.5%,14.6% 14.6%,38.5% 22.3%)}.s-dive .warp i{animation:warp 1.15s cubic-bezier(.5,0,.9,.4) both}@keyframes warp{0%{opacity:0;transform:translate(0) rotate(45deg) scale(.1)}20%{opacity:1}to{opacity:.9;transform:translate(var(--x),var(--y)) rotate(400deg) scale(4)}}.intro__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#fffaf0,#ffd98a 45%,#ffc87800 80%)}@keyframes flash{0%,55%{opacity:0}78%{opacity:.9}to{opacity:0}}.intro__ui{position:absolute;left:50%;bottom:4.5vh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#f6e7c8;transition:opacity .4s}.intro__hello{margin:0;font-family:var(--display);font-size:clamp(20px,2.2vw,30px);text-shadow:0 2px 10px rgba(0,0,0,.6)}.intro__hello span{font-family:var(--arabic);color:#f1c35a;margin-right:6px}.intro__btn{white-space:nowrap;padding:12px 22px;border:0;border-radius:999px;background:#f1c35a;color:#2a1408;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 26px #0006;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.intro__hint{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.s-knock:not(.s-unlock) .intro__doors{animation:knock .55s}@keyframes knock{15%,55%{transform:translate(-50%,-50%) translate(-3px)}35%,75%{transform:translate(-50%,-50%) translate(3px)}}.s-dive .intro__wall *{animation-play-state:paused}.s-open .leaf--l{transform:rotateY(105deg)}.s-open .leaf--r{transform:rotateY(-105deg)}.s-unlock .intro__doors:after,.s-knock .intro__ui{opacity:0;animation:none}.s-dive .leaf{opacity:0;transition:transform 1.9s cubic-bezier(.6,0,.25,1),opacity .6s .5s}.s-dive .intro__world{transform:scale(3);opacity:0}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4vw;padding:4vh 5vw;background:#f6efe0f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;animation:fade .3s both}@keyframes fade{0%{opacity:0}}.page__close{position:fixed;top:18px;right:22px;z-index:2;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:18px}.page__hero{justify-self:center;width:min(40vw,78vh);aspect-ratio:1;border-radius:6px;box-shadow:0 30px 60px #3c281459}.tile--hero{border-radius:6px}.tile--live polygon,.tile--live circle{transition:all .4s ease}.page__body{max-width:560px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.page__body--in{opacity:1;transform:none}.page h1,.atelier h1{margin:6px 0 0;font-family:var(--display);font-size:clamp(44px,5vw,80px);line-height:.95;font-weight:400}.subtitle{margin:10px 0 0;color:var(--muted)}.lead{margin:22px 0 0;font-family:var(--serif);font-size:19px;line-height:1.5}.points{margin:16px 0 0;padding-left:20px;line-height:1.7}.recipe{margin-top:28px;padding:18px 20px;background:var(--paper);border-radius:14px;border:1.5px solid rgba(29,24,19,.15)}.recipe h2{margin:0 0 12px;font-family:var(--serif);font-size:18px}.recipe h2+.points,.recipe h2+p{margin-top:0}.recipe .points+h2{margin-top:16px}.recipe dl{margin:14px 0 0;display:grid;gap:8px}.recipe dl div{display:grid;grid-template-columns:44px 1fr;align-items:baseline}.recipe dt{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--accent)}.recipe dd{margin:0;color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:8px;margin-top:30px}.pager button{padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:500}.pager button:hover{background:var(--paper);color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:500;text-decoration:none;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--light{margin-top:26px;background:var(--paper);color:var(--ink);border-color:var(--paper)}.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.field{display:grid;gap:8px;margin-top:20px;font-weight:500}.field input[type=text],.field input:not([type]),.letter input,.letter textarea{font:15px var(--sans);padding:10px 12px;border-radius:10px;border:1.5px solid rgba(29,24,19,.25);background:#fff;color:var(--ink)}.field input[type=range]{accent-color:var(--accent)}.letter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.letter label:nth-of-type(3),.letter button,.letter .error{grid-column:1 / -1}.letter textarea{resize:none}.finale__card>*,.letter label{min-width:0}.letter input,.letter textarea{width:100%;min-width:0}.finale__card .sent{margin:0}.letter label{display:grid;gap:4px;font-size:13px;font-weight:500;color:var(--muted)}.error{color:#9b2c1f;font-size:14px}.sent{margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--cream);font-family:var(--serif);font-size:18px}@media (max-width: 760px){.nav{top:40px;padding:8px 10px 8px 14px;gap:8px}.nav__current,.nav__links a:not(.nav__cta){display:none}.nav__brand{font-size:14px}.hero__medallion{padding:20px 22px 24px;width:86vw}.hero__name{white-space:normal;font-size:64px;margin-top:22px}.hero__ar{font-size:44px}.nav__brand span{display:none}.atay{right:2px;bottom:-150px;width:96px}.finale__stage{padding:66px 10px 10px}.finale__card{grid-template-columns:minmax(0,1fr);gap:14px}.finale__card h2{font-size:34px;padding-right:48px}.tea{width:40px}.finale__lead,.finale__sign{display:none}.finale__card .links{margin-top:12px;gap:6px}.finale__card .links .btn{padding:6px 11px;font-size:13px}.letter{gap:8px}.letter textarea{height:84px}.marche svg{height:170px}.nav__links{margin-left:auto}.tea{width:44px;top:14px;right:16px}.statement{font-size:46px}.anatomy{height:380vh}.anatomy__stage{grid-template-columns:1fr;align-content:center;gap:10px;padding:70px 22px 20px}.anatomy__tile{width:min(62vw,34vh)}.anatomy__label{margin-top:10px;font-size:11px}.anatomy__text{min-height:230px}.step{top:0}.step__n{font-size:54px}.step h2{font-size:30px}.step p{font-size:15px;margin-top:8px}.panel{grid-template-columns:1fr;align-content:center;gap:22px;padding:80px 24px 60px}.panel__tile{width:min(64vw,36vh)}.panel h2{font-size:40px}.panel__body{font-size:15px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.projects__eyebrow{top:104px;left:24px}.flips{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}.flip__back{padding:14px}.flip__back h3{font-size:22px}.flip__back p{display:none}.flip__title{font-size:12px;padding:5px 10px;bottom:8px}.road li{grid-template-columns:60px 1fr;gap:18px}.road__tile{width:60px;height:60px}.road:before{left:29px}.atelier,.page{grid-template-columns:1fr;align-items:start;padding:0 20px;gap:22px}.page{padding:70px 18px 30px}.page__hero,.atelier .page__hero{width:min(70vw,320px)}.finale__card{padding:22px 18px}}@media (prefers-reduced-motion: reduce){.lay,.hero__medallion,.fez,.atay *{animation:none!important}[data-reveal]{transition:none;opacity:1;transform:none}}.tea-show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:grid;place-items:center;animation:tea-out .6s 5.7s ease-in both}@keyframes tea-out{to{opacity:0}}.tea-show:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 60%,rgba(20,12,6,.55),rgba(20,12,6,.25) 60%,transparent);animation:tea-dim .6s both}@keyframes tea-dim{0%{opacity:0}}.tea-show__svg{position:relative;width:min(94vw,82vh * .97,700px);height:auto;transform:translate(-8%);overflow:visible;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.ts-pot{transform-box:fill-box;transform-origin:41.6% 62%;animation:ts-pot 5.6s cubic-bezier(.4,0,.2,1) both}@keyframes ts-pot{0%{transform:translate(160px,-260px) rotate(-25deg);opacity:0}11%{transform:translate(0) rotate(-25deg);opacity:1}18%,58%{transform:rotate(0)}66%,78%{transform:rotate(-25deg);opacity:1}to{transform:translate(160px,-280px) rotate(-25deg);opacity:0}}.ts-stream{stroke-dasharray:420;animation:ts-stream 5.6s linear both}@keyframes ts-stream{0%,18%{stroke-dashoffset:420}23%,57%{stroke-dashoffset:0}63%,to{stroke-dashoffset:-420}}.ts-glass{animation:ts-glass .75s cubic-bezier(.2,1.2,.4,1) both}@keyframes ts-glass{0%{transform:translate(-560px)}}.ts-fill{transform-box:fill-box;transform-origin:50% 100%;animation:ts-fill 2.3s 1.1s ease-out both}@keyframes ts-fill{0%{transform:scaleY(0)}}.ts-foam{opacity:0;animation:ts-foam .6s 3.1s both}@keyframes ts-foam{to{opacity:1}}.ts-mint{transform-box:fill-box;transform-origin:center;opacity:0;animation:ts-mint .7s 3.6s cubic-bezier(.5,0,.7,1.4) both}@keyframes ts-mint{0%{opacity:0;transform:translateY(-320px) rotate(-120deg)}5%{opacity:1}to{opacity:1;transform:none}}.ts-splash circle{opacity:0;transform-box:fill-box;transform-origin:center;animation:ts-splash .6s 4.2s ease-out both}.ts-splash circle:nth-child(1){--sx: -40px}.ts-splash circle:nth-child(2){--sx: 36px}.ts-splash circle:nth-child(3){--sx: 4px}@keyframes ts-splash{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--sx),-60px)}}.ts-steam path{stroke-dasharray:40 60;opacity:0;animation:steam 2.4s 4.2s linear infinite}.ts-steam path:nth-child(2){animation-delay:4.6s}.ts-steam path:nth-child(3){animation-delay:5s}.tea-show__toast{position:absolute;left:50%;top:12vh;margin:0;display:grid;justify-items:center;gap:2px;padding:16px 30px;border-radius:22px;background:var(--paper);box-shadow:0 0 0 5px var(--paper),0 0 0 7px var(--accent),0 20px 50px #00000059;transform:translate(-50%);animation:ts-toast .7s 3.9s cubic-bezier(.2,1.4,.4,1) both}@keyframes ts-toast{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.8)}}.tea-show__toast span{font-family:var(--arabic);font-size:44px;line-height:1;color:var(--accent)}.tea-show__toast b{font-family:var(--display);font-weight:400;font-size:46px;line-height:1}.tea-show__toast small{color:var(--muted);font-size:14px}.tea-leaf{position:absolute;top:-40px;border-radius:0 100%;background:linear-gradient(135deg,#5cb46a,#2f8a4a);opacity:0;animation:tea-leaf 2.2s ease-in both}@keyframes tea-leaf{0%{opacity:1;transform:translateY(0) rotate(var(--r))}to{opacity:.9;transform:translateY(110vh) rotate(calc(var(--r) + 540deg))}}.atay{cursor:pointer;pointer-events:auto}@media (prefers-reduced-motion: reduce){.tea-leaf{display:none}}.full-mosaic .fly{cursor:crosshair}.lay.sing{animation:sing .9s cubic-bezier(.2,1.4,.4,1)!important;position:relative;z-index:2}@keyframes sing{0%{transform:none;box-shadow:0 3px 8px #3c281433;filter:none}25%{transform:scale(1.12) rotate(12deg);box-shadow:0 0 0 4px var(--glow),0 0 34px 8px var(--glow);filter:brightness(1.18) saturate(1.2)}to{transform:none;box-shadow:0 3px 8px #3c281433;filter:none}}.recruit{padding:16vh 7vw;background:#17120e;color:var(--paper)}.recruit .eyebrow{color:var(--saffron)}.recruit__lead{max-width:680px;margin:22px 0 0;font-family:var(--serif);font-size:19px;line-height:1.55;color:#e6d9c2}.recruit__form{display:grid;gap:12px;max-width:820px;margin-top:34px}.recruit__form input,.recruit__form textarea{font:16px var(--sans);padding:14px 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--paper);resize:vertical}.recruit__form input::placeholder,.recruit__form textarea::placeholder{color:#a8987f}.recruit__form input:focus,.recruit__form textarea:focus{outline:2px solid var(--saffron);outline-offset:1px}.recruit .btn:not(.btn--accent){background:transparent;color:var(--paper);border-color:#fff6}.recruit__result{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4vw;margin-top:70px}.recruit__tile{margin:0;display:grid;gap:14px;justify-items:center}.recruit__tile .tile{width:min(30vw,380px);height:auto;aspect-ratio:1;box-shadow:0 30px 60px #00000080;border-radius:6px}.recruit__tile figcaption{font-family:var(--display);font-size:26px;text-align:center}.recruit__tile--me{animation:slide-l 1s cubic-bezier(.2,1,.3,1) both}.recruit__tile--job{animation:slide-r 1s cubic-bezier(.2,1,.3,1) both}@keyframes slide-l{0%{opacity:0;transform:translate(-30vw) rotate(-90deg)}}@keyframes slide-r{0%{opacity:0;transform:translate(30vw) rotate(90deg)}}.recruit__score{position:relative;width:170px;aspect-ratio:1;display:grid;place-content:center;text-align:center;animation:score-pop .8s .7s cubic-bezier(.2,1.4,.4,1) both}@keyframes score-pop{0%{opacity:0;transform:scale(.4)}}.recruit__score svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.recruit__score .ring-bg{fill:none;stroke:#ffffff1f;stroke-width:9}.recruit__score .ring{fill:none;stroke:var(--saffron);stroke-width:9;stroke-linecap:round;stroke-dasharray:calc(var(--s) * 1) 100;animation:ring 1.4s .9s ease-out both}@keyframes ring{0%{stroke-dasharray:0 100}}.recruit__score b{font-family:var(--display);font-weight:400;font-size:56px;line-height:1}.recruit__score span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#bfae96}.recruit__details{grid-column:1 / -1;display:grid;justify-items:center;gap:16px;text-align:center;animation:fade .6s 1.3s both}.recruit__verdict{margin:0;font-family:var(--display);font-style:italic;font-size:30px}.recruit__details .chips{justify-content:center;max-width:760px}.chip--gap{background:transparent;border-style:dashed;border-color:#ffffff59;color:#cdbfa8}.chip--gap i{background:transparent;border:1.5px dashed #cdbfa8}@media (max-width: 760px){.recruit{padding:12vh 22px}.recruit__result{grid-template-columns:1fr 1fr;gap:18px}.recruit__score{grid-column:1 / -1;grid-row:2;justify-self:center;width:130px}.recruit__score b{font-size:42px}.recruit__tile .tile{width:40vw}.recruit__tile figcaption{font-size:18px}.recruit__verdict{font-size:22px}}.hero__clock{position:absolute;z-index:3;left:50%;bottom:118px;transform:translate(-50%);margin:0;padding:6px 14px;border-radius:999px;background:#fbf6eaeb;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;opacity:calc(1 - var(--p) * 6);box-shadow:0 6px 18px #28190a2e}.night .hero .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 14% 22%,rgba(255,190,90,.45),transparent 16%),radial-gradient(circle at 86% 26%,rgba(255,190,90,.42),transparent 15%),radial-gradient(circle at 18% 82%,rgba(255,190,90,.35),transparent 14%),radial-gradient(circle at 84% 80%,rgba(255,190,90,.38),transparent 15%),linear-gradient(#0a10309e,#120c28ad);mix-blend-mode:multiply;opacity:calc(1 - var(--p) * 1.4)}.night .hero .stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 14% 22%,rgba(255,200,110,.35),transparent 10%),radial-gradient(circle at 86% 26%,rgba(255,200,110,.32),transparent 10%),radial-gradient(circle at 18% 82%,rgba(255,200,110,.28),transparent 9%),radial-gradient(circle at 84% 80%,rgba(255,200,110,.3),transparent 10%);mix-blend-mode:screen;animation:flicker 3.4s ease-in-out infinite;opacity:calc(1 - var(--p) * 1.4)}.night .hero__clock{background:#1a1630;color:#f1d9a0}.hero .full-mosaic{translate:calc(var(--tiltx, 0) * -22px) calc(var(--tilty, 0) * -22px);transition:translate .25s ease-out}.hero__medallion{translate:calc(var(--tiltx, 0) * 10px) calc(var(--tilty, 0) * 10px)}.lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1.5px solid rgba(29,24,19,.2);background:transparent;font-size:12px;font-weight:700;letter-spacing:.06em}.lang span{padding:5px 8px;border-radius:999px;color:var(--muted);transition:background .25s,color .25s}.lang span.on{background:var(--ink);color:var(--paper)}.intro__lang{position:absolute;z-index:4;right:110px;top:18px;border-color:#f6e7c866;background:#0a061466}.intro__lang span{color:#f6e7c8}.intro__lang span.on{background:#f1c35a;color:#2a1408}.s-knock .intro__lang{opacity:0;pointer-events:none;transition:opacity .4s}#root{position:relative;z-index:1}.peel-corner{position:fixed;z-index:3;right:0;bottom:0;width:46px;height:46px;padding:0;border:0;cursor:grab;touch-action:none;background:linear-gradient(to bottom right,#fffaf0,#efe5cf 38%,#c9b994 49.5%,#0a0604eb 50.5%,#1a0f08);box-shadow:-3px -3px 8px #00000040;border-top-left-radius:2px;animation:corner-tease 9s 4s ease-in-out infinite;transform-origin:100% 100%}.peel-corner:hover{animation:none;transform:scale(1.5);transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.peel-corner.is-peeling{opacity:0;cursor:grabbing;width:100vw;height:100vh}@keyframes corner-tease{0%,88%,to{transform:scale(1)}92%{transform:scale(1.6)}96%{transform:scale(1.2)}}@media (max-width: 760px){.peel-corner{width:40px;height:40px}}.peel-flap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.secret{--mx: 50vw;--my: 50vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;color:#f3e6cc;background:#140c07}.secret--open,.secret--djinn,.secret--wishes,.secret--carpet,.secret--hire{z-index:2}.secret__wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 18%,rgba(255,190,100,.32),transparent 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 64px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 128px),linear-gradient(#2b1a10,#1a0f08 70%)}.secret__light{position:absolute;left:50%;top:-40px;width:2px;height:120px;background:#3a2618}.secret__light:before{content:"";position:absolute;left:50%;top:110px;width:34px;height:46px;margin-left:-17px;border-radius:40% 40% 50% 50%;background:radial-gradient(circle at 50% 60%,#fff4cf,#ffb44d 60%,#8a5020);box-shadow:0 0 60px 30px #ffb45059;animation:flicker 3s ease-in-out infinite}.secret__title{position:absolute;left:7vw;top:9vh;max-width:460px}.secret__title .eyebrow{color:#f1c35a}.secret__title h2{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,76px);line-height:.95}.secret__title p:last-child{margin:12px 0 0;font-family:var(--serif);font-style:italic;color:#cdb995;font-size:18px}.bench{position:absolute;left:0;right:0;bottom:0;height:42vh}.bench__top{position:absolute;left:-2%;right:-2%;bottom:0;height:22vh;background:linear-gradient(#6e3f22,#4a2814 30%,#2e170b);box-shadow:0 -10px 30px #00000080;border-top:6px solid #8a5430}.bench__top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(178deg,rgba(0,0,0,.12) 0 2px,transparent 2px 22px)}.bench__work{position:absolute;z-index:1;left:50%;bottom:13vh;display:grid;grid-template-columns:repeat(6,min(9vw,92px));gap:3px;transform:translate(-50%) perspective(900px) rotateX(58deg);transform-origin:50% 100%}.bench__tile{aspect-ratio:1;animation:lay-down .6s calc(var(--i) * .08s + .4s) cubic-bezier(.2,1.2,.4,1) both;box-shadow:0 6px 10px #00000073}@keyframes lay-down{0%{opacity:0;transform:translateY(-40px) scale(1.2)}}.bench__loose{position:absolute;z-index:1;left:9vw;bottom:7vh;width:22vw;height:10vh}.bench__loose img{position:absolute;width:min(5vw,54px);left:calc(var(--i) * 19%);bottom:calc(var(--i) * 7%);transform:rotate(calc(var(--i) * 37deg - 40deg)) perspective(400px) rotateX(50deg);box-shadow:0 6px 8px #00000080;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.bench__berrad{position:absolute;z-index:2;right:12vw;bottom:12vh;width:min(15vw,170px);cursor:grab;touch-action:none;transform:rotate(calc(sin(var(--rub) * 1rad)*4deg));transition:transform .1s}.bench__berrad svg{display:block;width:100%;filter:drop-shadow(0 12px 10px rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--rub) * 4px) rgba(143,243,230,.8))}.bench__berrad .steam{position:absolute;left:82%;top:-8%;width:10px;height:46px;border-radius:50%;background:radial-gradient(rgba(220,255,250,calc(.15 + var(--rub) * .08)),transparent 70%);animation:steam-rise 2.2s ease-in infinite}.bench__berrad .steam+.steam{left:70%;animation-delay:1.1s}@keyframes steam-rise{0%{transform:translateY(10px) scaleY(.6);opacity:0}40%{opacity:1}to{transform:translateY(-50px) scaleY(1.4) scaleX(2);opacity:0}}.bench__hint{position:absolute;left:50%;top:104%;transform:translate(-50%);white-space:nowrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f1c35a;animation:hint-glow 1.6s ease-in-out infinite}@keyframes hint-glow{50%{opacity:.45}}@keyframes bob{0%{translate:0 -6px}to{translate:0 6px}}.secret__back{position:absolute;z-index:9;right:22px;top:18px;padding:9px 16px;border-radius:999px;border:1px solid rgba(243,230,204,.4);background:#0a06048c;color:#f3e6cc;font-size:14px}.secret__dark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(circle 190px at var(--mx) var(--my),rgba(0,0,0,0),rgba(4,2,10,.86) 100%);animation:fade 1.2s both}.secret--djinn,.secret--wishes{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='40' viewBox='0 0 28 40'%3E%3Cpath d='M14 0v6' stroke='%23c99a45' stroke-width='2'/%3E%3Cpath d='M6 10h16l3 14-11 10L3 24z' fill='%23ffcf6b' stroke='%238a6020' stroke-width='2'/%3E%3C/svg%3E") 14 0,auto}.djinn-wrap{position:absolute;z-index:4;right:calc(12vw + min(15vw,170px)*.62);bottom:calc(12vh + min(15vw,170px)*.55);width:min(36vw,400px);transform-origin:50% 100%;animation:djinn-rise 2.2s cubic-bezier(.2,.9,.3,1) both;pointer-events:none}.djinn{display:block;width:100%;height:auto;overflow:visible}@keyframes djinn-rise{0%{transform:translate(50%) scale(.05,.02);opacity:0}30%{opacity:1}to{transform:translate(50%) scale(1)}}.djinn__body{transform-box:fill-box;transform-origin:50% 100%;animation:sway 4s ease-in-out infinite}@keyframes sway{0%,to{transform:skew(-4deg)}50%{transform:skew(5deg)}}.djinn__puff{transform-box:fill-box;transform-origin:center;animation:puff 3s ease-in-out infinite alternate}.djinn__puff--b{animation-delay:-1s}.djinn__puff--c{animation-delay:-2s}@keyframes puff{to{transform:scale(1.12) translateY(-10px)}}.djinn__eyes{animation:eyes 5s 2.2s infinite;transform-box:fill-box;transform-origin:center}@keyframes eyes{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.djinn-talk{position:absolute;z-index:5;left:7vw;top:34vh;max-width:min(540px,86vw);font-family:var(--display);font-size:clamp(22px,2.4vw,32px);line-height:1.25;color:#f3e6cc;text-shadow:0 2px 20px rgba(31,154,150,.6)}.djinn-talk p{margin:0 0 10px}.wishes{display:grid;gap:10px;margin-top:22px}.wishes button{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:16px;border:1px solid rgba(143,243,230,.4);background:#1f9a9624;color:#f3e6cc;font:500 17px var(--sans);text-align:left;cursor:pointer;animation:wish-in .6s cubic-bezier(.2,1.3,.4,1) both;transition:background .2s,transform .2s}.wishes button:nth-child(2){animation-delay:.15s}.wishes button:nth-child(3){animation-delay:.3s}.wishes button:hover{background:#1f9a9652;transform:translate(6px)}.wishes b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1c35a;color:#2a1408;font-family:var(--display);font-size:20px}.wishes__hire{border-color:#f1c35a!important;box-shadow:0 0 24px #f1c35a59}@keyframes wish-in{0%{opacity:0;transform:translate(-30px)}}.carpet{position:absolute;z-index:6;left:50%;top:48%;width:min(520px,90vw);transform:translate(-50%,-50%);animation:carpet-in 2.2s cubic-bezier(.2,.8,.2,1) both}@keyframes carpet-in{0%{transform:translate(-170%,-120%) rotate(-12deg)}60%{transform:translate(-46%,-46%) rotate(3deg)}to{transform:translate(-50%,-50%)}}.carpet__card{position:relative;z-index:1;margin:0 auto -18px;width:78%;padding:22px 24px;border-radius:6px;background:#fbf6ea;color:var(--ink);box-shadow:0 20px 40px #00000080;text-align:center;transform:rotate(-2deg);animation:bob 2.4s ease-in-out infinite alternate}.carpet__card h3{margin:6px 0 0;font-family:var(--display);font-weight:400;font-size:36px}.carpet__card p{margin:4px 0 14px;color:var(--muted)}.carpet__rug{display:block;width:100%;filter:drop-shadow(0 30px 20px rgba(0,0,0,.6));animation:bob 2.4s ease-in-out infinite alternate}.carpet__wave{animation:wave-rug 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes wave-rug{to{transform:skew(6deg) scaleY(.92)}}.mabrouk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:grid;place-items:center}.mabrouk__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,220,140,.9),rgba(224,160,32,.4) 40%,transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40,8 L49,31 L72,40 L49,49 L40,72 L31,49 L8,40 L31,31 Z' fill='%23f1c35a' fill-opacity='0.35'/%3E%3C/svg%3E");animation:mab-flash 3.6s ease-out both}@keyframes mab-flash{0%{opacity:0;transform:scale(1.3)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:.6}}.mabrouk__text{position:relative;margin:0;display:grid;justify-items:center;color:#2a1408;text-shadow:0 0 30px rgba(255,255,255,.8);animation:mab-text .9s .2s cubic-bezier(.2,1.5,.4,1) both}.mabrouk__text span{font-family:var(--arabic);font-size:clamp(70px,12vw,170px);line-height:1;color:#b44a2a}.mabrouk__text b{font-family:var(--display);font-weight:400;font-size:clamp(56px,9vw,130px);line-height:1}@keyframes mab-text{0%{opacity:0;transform:scale(.3) rotate(-10deg)}}.petal-fall{position:absolute;top:-30px;border-radius:0 100%;opacity:0;animation:tea-leaf 2.6s ease-in both}.secret--hire .djinn-talk,.secret--carpet .djinn-talk{opacity:0;transition:opacity .4s}.secret--carpet .djinn-wrap{opacity:.35;transition:opacity .6s}@media (max-width: 760px){.secret__title{left:22px;top:7vh;right:22px}.djinn-talk{left:22px;top:27vh;font-size:20px}.djinn-wrap{width:56vw;right:36vw}.bench__berrad{width:26vw;right:8vw}.bench__work{grid-template-columns:repeat(6,13vw)}.bench__loose{display:none}.wishes button{font-size:15px;padding:10px 14px}}.djinn-talk{top:max(22vh,150px);bottom:3vh;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overscroll-behavior:contain;font-size:clamp(16px,min(2.3vw,3.3vh),30px);scrollbar-width:none}.djinn-talk p{margin:0 0 .45em}.wishes{gap:min(10px,1.3vh);margin-top:min(18px,2.2vh);flex-shrink:0}.wishes button{padding:min(12px,1.5vh) 16px;font-size:clamp(14px,2vh,17px)}.wishes b{width:min(34px,4.4vh);height:min(34px,4.4vh);font-size:min(20px,2.6vh)}@media (min-width: 1100px) and (max-height: 760px){.wishes{grid-template-columns:repeat(3,auto);justify-content:start}}@media (max-height: 700px){.secret__title p:last-child{display:none}.secret__title h2{font-size:clamp(30px,6vh,56px)}.secret__title{top:5vh}}@media (max-width: 760px){.djinn-talk{top:max(20vh,120px);bottom:2vh;font-size:clamp(15px,2.5vh,19px)}}.secret,.peel-corner{user-select:none;-webkit-user-select:none}.djinn-wrap{width:min(36vw,400px,52vh)}@media (max-width: 760px){.djinn-wrap{width:min(56vw,46vh)}}.page--cv{display:block;padding:28px 16px 60px;background:#281c12b8}.cv-actions{position:sticky;top:0;z-index:2;display:flex;justify-content:center;gap:10px;margin-bottom:18px}.cv-sheet{position:relative;max-width:860px;margin:0 auto;padding:0 0 26px;background:#fffdf7;color:var(--ink);box-shadow:0 30px 80px #00000073;border-radius:4px;overflow:hidden;animation:cv-in .6s cubic-bezier(.2,1,.3,1) both}@keyframes cv-in{0%{opacity:0;transform:translateY(40px) rotate(-1deg)}}.cv-band{display:flex;height:58px;overflow:hidden}.cv-band img{height:58px;width:58px;flex:none}.cv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 40px 0;flex-wrap:wrap}.cv-ar{font-family:var(--arabic);color:var(--accent);font-size:30px;line-height:1}.cv-head h1{margin:2px 0 0;font-family:var(--display);font-weight:400;font-size:54px;line-height:.95}.cv-head h1 em{color:var(--cobalt)}.cv-role{margin:8px 0 0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.cv-contact{margin:0;padding:0;list-style:none;text-align:right;font-size:13px;line-height:1.7}.cv-contact a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(180,74,42,.35)}.cv-bio{margin:18px 40px 0;padding:14px 18px;border-left:3px solid var(--saffron);background:#f8f1e1;font-family:var(--serif);font-size:15px;line-height:1.55}.cv-cols{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;padding:6px 40px 0}.cv-sheet h2{margin:22px 0 10px;padding-bottom:6px;font-family:var(--display);font-weight:400;font-size:26px;border-bottom:2px solid transparent;border-image:repeating-linear-gradient(90deg,#1d4e89 0,#1d4e89 10px,#e0a020 10px,#e0a020 20px,#12705c 20px,#12705c 30px,#b44a2a 30px,#b44a2a 40px) 1}.cv-item{display:grid;grid-template-columns:54px 1fr;gap:14px;margin-bottom:14px;break-inside:avoid}.cv-item--small{grid-template-columns:40px 1fr}.cv-tile{width:100%;aspect-ratio:1;border-radius:3px;box-shadow:0 3px 8px #3c281433}.cv-item h3{margin:0;font-family:var(--serif);font-size:16px;font-weight:600}.cv-sub{margin:2px 0 0;font-size:12.5px;color:var(--accent);font-weight:500}.cv-item h3 .cv-sub{font-family:var(--sans)}.cv-item p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#3d3329}.cv-item ul{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.5;color:#3d3329}.cv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cv-chips i{font-style:normal;font-size:11px;font-weight:500;padding:2px 7px;border-radius:999px;border:1px solid var(--g);color:var(--ink);background:color-mix(in srgb,var(--g) 12%,white)}.cv-edu{margin-bottom:10px;font-size:13px;line-height:1.4}.cv-edu b{display:block;font-family:var(--serif);font-weight:600}.cv-edu span{color:var(--muted)}.cv-skill{margin-bottom:8px;font-size:13px}.cv-skill b{font-family:var(--serif);font-weight:600}.cv-langs{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.8}.cv-langs span{color:var(--muted)}.cv-foot{margin:20px 40px 0;padding-top:10px;border-top:1px solid #e8dcc2;font-size:11px;color:var(--muted);text-align:center}@media (max-width: 760px){.cv-head,.cv-cols{padding-left:20px;padding-right:20px}.cv-bio,.cv-foot{margin-left:20px;margin-right:20px}.cv-cols{grid-template-columns:1fr;gap:0}.cv-contact{text-align:left}.cv-head h1{font-size:42px}}@media print{@page{size:A4;margin:8mm}html.print-cv,html.print-cv body{overflow:visible!important;height:auto!important;background:#fff!important}html.print-cv body>*:not(#root),html.print-cv #root>*:not(.page--cv){display:none!important}html.print-cv #root{clip-path:none!important;visibility:visible!important}html.print-cv .page--cv{position:static!important;overflow:visible!important;padding:0!important;background:none!important;animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.print-cv .cv-actions{display:none!important}html.print-cv .cv-sheet{max-width:none;box-shadow:none;animation:none;border-radius:0}html.print-cv *{-webkit-print-color-adjust:exact;print-color-adjust:exact}html.print-cv .cv-cols{grid-template-columns:1.7fr 1fr!important;gap:20px!important;padding:0 22px!important}html.print-cv .cv-head{padding:12px 22px 0!important}html.print-cv .cv-head h1{font-size:38px!important}html.print-cv .cv-ar{font-size:22px}html.print-cv .cv-contact{text-align:right!important;font-size:11px;line-height:1.55}html.print-cv .cv-band,html.print-cv .cv-band img{height:34px}html.print-cv .cv-band img{width:34px}html.print-cv .cv-bio{margin:10px 22px 0!important;padding:8px 12px;font-size:11.5px;line-height:1.45}html.print-cv .cv-sheet h2{margin:12px 0 6px;font-size:19px}html.print-cv .cv-item{grid-template-columns:34px 1fr;gap:10px;margin-bottom:8px}html.print-cv .cv-item--small{grid-template-columns:28px 1fr}html.print-cv .cv-item h3{font-size:13px}html.print-cv .cv-item p,html.print-cv .cv-item ul,html.print-cv .cv-edu,html.print-cv .cv-skill,html.print-cv .cv-langs{font-size:10.5px;line-height:1.4}html.print-cv .cv-sub{font-size:10.5px}html.print-cv .cv-chips{gap:3px;margin-top:4px}html.print-cv .cv-chips i{font-size:9px;padding:1px 6px}html.print-cv .cv-skill{margin-bottom:5px}html.print-cv .cv-foot{margin:10px 22px 0!important;font-size:9px}}.obj{position:absolute;z-index:2;padding:0;border:0;background:none;cursor:pointer;transition:filter .25s,transform .25s}.obj svg{display:block;width:100%;height:auto;overflow:visible}.obj:hover,.obj:focus-visible{filter:drop-shadow(0 0 10px rgba(241,195,90,.75));outline:none}.obj[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,6px);padding:6px 12px;border-radius:999px;background:#0a0604d9;color:#f6e7c8;font:500 13px var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border:1px solid rgba(241,195,90,.4)}.obj:hover:after,.obj:focus-visible:after{opacity:1;transform:translate(-50%)}@media (hover: none){.obj[data-tip]:after{opacity:.85;transform:translate(-50%);font-size:10px;padding:3px 8px}}.secret__light.obj{width:46px;height:170px;top:-40px;margin-left:-23px;background:linear-gradient(#3a2618,#3a2618) center top / 2px 120px no-repeat}.secret__light.obj[data-tip]:after{bottom:auto;top:calc(100% + 12px)}.secret__light.is-off:before{animation:none;background:radial-gradient(circle at 50% 60%,#6b5a40,#3a2a18 70%);box-shadow:none}.secret__night{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#020410c7;opacity:0;transition:opacity .6s}.secret__night.is-on{opacity:1}.secret__night.is-on~.obj--window{z-index:2;filter:drop-shadow(0 0 30px rgba(120,150,255,.35))}.obj--window{right:8vw;top:9vh;width:min(11vw,150px);aspect-ratio:140 / 220}.obj--window svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shutter{position:absolute;top:12%;bottom:0;width:41%;background:radial-gradient(circle,#7a4a26 2.4px,transparent 3px) 0 0 / 9px 9px,linear-gradient(#5a2c14,#3a1a0a);border:2px solid #2a1206;transition:transform .9s cubic-bezier(.4,0,.2,1)}.shutter--l{left:9%;transform-origin:0 50%;border-top-left-radius:60% 18%}.shutter--r{right:9%;transform-origin:100% 50%;border-top-right-radius:60% 18%}.obj--window.is-open .shutter--l{transform:perspective(500px) rotateY(-110deg)}.obj--window.is-open .shutter--r{transform:perspective(500px) rotateY(110deg)}.obj--oud{left:38vw;top:14vh;width:min(6.4vw,92px);transform:rotate(-14deg);transform-origin:50% 0}.obj--oud:hover{transform:rotate(-10deg)}.obj--oud[data-tip]:after{rotate:14deg}.obj--oud.is-playing{animation:oud-sway .35s ease-in-out infinite alternate}.obj--oud.is-playing .oud-strings{animation:strings .06s linear infinite alternate}@keyframes oud-sway{0%{transform:rotate(-16deg)}to{transform:rotate(-11deg)}}@keyframes strings{to{transform:translate(.8px)}}.shelf{position:absolute;z-index:1;right:22vw;top:44vh;width:min(16vw,220px);height:12px;background:linear-gradient(#8a5430,#5a3018);box-shadow:0 8px 14px #00000080;border-radius:2px}.shelf:before,.shelf:after{content:"";position:absolute;top:12px;width:8px;height:26px;background:#4a2814;clip-path:polygon(0 0,100% 0,0 100%)}.shelf:before{left:14px}.shelf:after{right:14px;transform:scaleX(-1)}.obj--scroll{right:calc(22vw + min(16vw,220px)*.15);top:calc(44vh - (min(9vw,120px)/2));width:min(9vw,120px)}.obj--scroll:hover{transform:translateY(-4px) rotate(-3deg)}.obj--book{left:7vw;bottom:3vh;width:min(15vw,210px);transform:perspective(600px) rotateX(48deg) rotate(-6deg);transform-origin:50% 100%}.obj--book:hover{transform:perspective(600px) rotateX(38deg) rotate(-6deg) translateY(-6px)}.obj--hammer{right:30vw;bottom:5vh;width:min(10vw,140px);transform:rotate(-12deg);transform-origin:10% 60%;animation:hammer-hit .35s ease-out}@keyframes hammer-hit{0%{transform:rotate(-12deg)}30%{transform:rotate(-58deg)}60%{transform:rotate(4deg)}to{transform:rotate(-12deg)}}.chip-fly{position:absolute;right:8%;top:40%;width:7px;height:7px;background:#e0a020;transform:rotate(45deg);animation:chip .6s ease-out both}.chip-fly:nth-child(odd){background:#1d4e89}.chip-fly:nth-child(3n){background:#f3ead6}@keyframes chip{to{transform:translate(calc((var(--k) - 2.5) * 22px),calc(-40px - var(--k) * 9px)) rotate(400deg);opacity:0}}.bench__tile.is-missing{cursor:pointer;opacity:1!important;filter:none!important}.bench__tile.is-missing img{opacity:0}.bench__tile.is-missing{background:repeating-linear-gradient(45deg,rgba(241,195,90,.22) 0 4px,transparent 4px 9px);outline:2px dashed rgba(241,195,90,.7);outline-offset:-3px;box-shadow:none;animation:lay-down .6s calc(var(--i) * .08s + .4s) both,slot-pulse 1.6s ease-in-out infinite}@keyframes slot-pulse{50%{outline-color:#f1c35a40}}.bench__tile.is-new{animation:tile-drop .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes tile-drop{0%{transform:translateY(-80px) rotate(90deg) scale(1.4);opacity:0}}.bench__glow{position:absolute;z-index:1;left:50%;bottom:11vh;width:min(60vw,600px);height:26vh;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(241,195,90,.45),transparent 65%);mix-blend-mode:screen;animation:flicker 2.6s ease-in-out infinite}.secret__toast{position:absolute;z-index:7;left:50%;top:14vh;margin:0;padding:10px 18px;border-radius:999px;transform:translate(-50%);background:#0a0604d9;border:1px solid #f1c35a;color:#f6e7c8;font-family:var(--display);font-size:20px;white-space:nowrap;animation:score-pop .5s cubic-bezier(.2,1.4,.4,1) both}@media (max-width: 760px){.secret__title h2{font-size:34px}.secret__title p:last-child{font-size:15px}.obj--window{width:22vw;right:8vw;top:25vh}.obj--oud{left:10vw;top:26vh;width:12vw}.shelf{right:auto;left:36vw;top:52vh;width:30vw}.obj--scroll{right:auto;left:41vw;top:calc(52vh - 10vw);width:20vw}.bench__work{left:40%;grid-template-columns:repeat(6,10vw)}.obj--book{left:4vw;width:26vw;bottom:2vh}.obj--hammer{right:42vw;width:18vw;bottom:3vh}.secret__toast{font-size:15px;white-space:normal;text-align:center;width:86vw;border-radius:16px}}.djinn__float{animation:djinn-float 3.4s ease-in-out infinite alternate}@keyframes djinn-float{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}.djinn__tail{transform-box:fill-box;transform-origin:50% 0;animation:sway 4s ease-in-out infinite}.djinn__plume{transform-box:fill-box;transform-origin:0 100%;animation:plume 2.2s ease-in-out infinite alternate}@keyframes plume{to{transform:rotate(-12deg)}}.djinn__fez{animation:fez-land .7s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:50% 100%}@keyframes fez-land{0%{transform:translateY(-160px) rotate(-60deg);opacity:0}}.obj--callig{left:56vw;top:26vh;width:min(7vw,100px)}.wo-ink.is-drawing{fill-opacity:0;stroke-dasharray:300;stroke-dashoffset:300;animation:ink 1.8s ease-out forwards}@keyframes ink{80%{stroke-dashoffset:0;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}.hook{position:absolute;z-index:1;left:27vw;top:44vh;width:18px;height:22px;border:4px solid #2a1c14;border-top:0;border-radius:0 0 12px 12px}.hook:before{content:"";position:absolute;left:50%;top:-8px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#c99a45}.obj--fez{left:calc(27vw - min(2.4vw,32px) + 9px);top:calc(44vh + 6px);width:min(4.8vw,64px);transform:rotate(-8deg);animation:fez-spin .8s ease-out}@keyframes fez-spin{0%{transform:rotate(-8deg)}40%{transform:translateY(-30px) rotate(200deg)}to{transform:rotate(352deg)}}.obj--tea{right:calc(13vw + min(15vw,170px));bottom:13vh;width:min(3.4vw,46px);z-index:3}.wo-fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform 1.2s ease-out}.wo-fill.is-full{transform:scaleY(1)}.wo-steam path{opacity:0;stroke-dasharray:26 40}.wo-steam.is-on path{animation:steam 2.6s 1s linear infinite}.wo-steam.is-on path+path{animation-delay:2.2s}.obj--drum{left:23vw;bottom:3vh;width:min(5.6vw,76px);transform-origin:50% 100%}.obj--drum.is-playing{animation:drum-shake 2.7s ease-out}@keyframes drum-shake{0%,to{transform:none}3%,21%,39%,57%,75%{transform:scale(1.04,.97)}9%,27%,45%,63%,81%{transform:none}}.obj--incense{right:3vw;bottom:4vh;width:min(4.6vw,64px)}.wo-incense path{opacity:0;stroke-dasharray:40 80}.wo-incense.is-on path{animation:incense 3s linear infinite}.wo-incense.is-on path+path{animation-delay:1.5s}@keyframes incense{0%{stroke-dashoffset:120;opacity:0}25%{opacity:.8}to{stroke-dashoffset:0;opacity:0}}.wo-ember{animation:flicker 1.2s ease-in-out infinite}@media (max-width: 760px){.obj--callig{display:none}.hook{left:12vw;top:46vh}.obj--fez{left:calc(8vw + 9px);top:calc(46vh + 6px);width:9vw}.obj--tea{right:36vw;width:6vw;bottom:15vh}.obj--drum{left:32vw;width:9vw;bottom:3vh}.obj--incense{right:4vw;width:8vw;bottom:3vh}.obj--hammer{right:48vw}}.bench__loose{display:none}.secret__dark--warm{background:radial-gradient(ellipse at 50% 70%,#28140659,#060301e0 75%)}.bench__berrad{padding:0;border:0;background:none;cursor:pointer;transition:transform .6s,opacity .6s}.bench__berrad:hover{transform:translateY(-6px) rotate(-4deg);filter:drop-shadow(0 0 12px rgba(241,195,90,.6))}.bench__berrad.is-away{opacity:0;transform:translateY(-120px);pointer-events:none}.ceremony{--pw: min(170px, 30vw);position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px min(8vh,60px)}.ceremony__steam{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:720px;padding-top:70px;text-align:center;font-family:var(--display);font-size:clamp(17px,min(2.4vw,3.2vh),30px);line-height:1.25;color:#fbf1dc;text-shadow:0 0 18px rgba(255,240,210,.55),0 0 2px rgba(255,255,255,.6)}.ceremony__steam p{margin:0 0 .4em;animation:steam-in 1.2s ease-out both}@keyframes steam-in{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.ceremony__table{position:relative;width:min(600px,92vw);margin-top:calc(var(--pw) * 1.5)}.ceremony__tray{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.6))}.ceremony__glass{position:absolute;left:calc(20% + var(--i) * 30%);bottom:42%;width:min(70px,14vw);padding:0;border:0;background:none;color:#f6e7c8;transform:translate(-50%);cursor:default}.ceremony__glass svg{display:block;width:100%}.ceremony__glass span{position:absolute;left:50%;top:calc(100% + 34px);width:max-content;max-width:30vw;transform:translate(-50%);display:grid;gap:2px;text-align:center;font-size:clamp(12px,1.8vh,15px);opacity:0;transition:opacity .5s calc(var(--i) * .15s)}.ceremony__glass span b{font-family:var(--display);font-weight:400;font-size:clamp(15px,2.4vh,20px);color:#f1c35a}.ceremony__glass.is-ready{cursor:pointer}.ceremony__glass.is-ready span{opacity:1}.ceremony__glass.is-ready svg{animation:glass-wait 1.8s calc(var(--i) * .3s) ease-in-out infinite}@keyframes glass-wait{50%{transform:translateY(-6px);filter:drop-shadow(0 0 14px rgba(241,195,90,.7))}}.ceremony__glass.is-ready:hover svg{animation:none;transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 0 22px rgba(241,195,90,.95))}.ceremony__glass.is-sweet.is-ready span b:after{content:" ✦"}.ceremony__pot{position:absolute;z-index:2;width:var(--pw);left:calc(20% + var(--g) * 30% - var(--pw) * .93);bottom:calc(42% + min(70px,14vw) * 1.4 + var(--pw) * .75);transform-origin:93% 40%;transition:left .7s cubic-bezier(.4,0,.2,1),transform .45s ease-in-out,opacity .6s;animation:pot-rise .9s cubic-bezier(.2,1,.3,1) both;filter:drop-shadow(0 12px 14px rgba(0,0,0,.6))}@keyframes pot-rise{0%{transform:translateY(160px);opacity:0}}.ceremony__pot.is-pouring{transform:rotate(14deg)}.ceremony__pot.is-done{opacity:0;transform:translateY(-60px)}.ceremony__pot svg{display:block;width:100%}.ceremony__stream{position:absolute;z-index:1;left:calc(20% + var(--g) * 30% - 2px);width:4px;bottom:calc(42% + min(70px,14vw)*.9);height:calc(var(--pw) * .75 + min(70px,14vw) * .45);background:linear-gradient(#e9b44c,#c98a2d);border-radius:2px;transform-origin:50% 0;animation:stream-in .35s ease-out both;box-shadow:0 0 6px #e9b44c99}@keyframes stream-in{0%{transform:scaleY(0)}}.secret--hire .ceremony__steam{opacity:0;transition:opacity .4s}@media (pointer: coarse){.fly,.track,.tile--big,.panel__tile,.petal,.iris,.arch,.intro__patio,.door-leaf,.door-light,.door-light__flood,.hero .full-mosaic{will-change:auto!important}.intro__world{opacity:1;will-change:auto}.lay{box-shadow:none}.door-side{display:none}}@media (max-width: 760px){.secret__title{top:6vh}.secret__title h2{font-size:30px}.obj--oud{left:6vw;top:24vh;width:11vw}.hook{left:26vw;top:27vh}.obj--fez{left:calc(22.4vw + 9px);top:calc(27vh + 6px);width:9vw}.obj--window{right:6vw;top:23vh;width:20vw}.shelf{left:34vw;right:auto;top:46vh;width:32vw}.obj--scroll{left:40vw;right:auto;top:calc(46vh - 9vw);width:20vw}.obj--callig{display:none}.bench__work{left:38%;bottom:14vh;grid-template-columns:repeat(6,9.5vw)}.bench__berrad{right:3vw;bottom:12vh;width:22vw}.obj--book{left:3vw;bottom:2vh;width:22vw}.obj--drum{left:28vw;bottom:2vh;width:9vw}.obj--hammer{left:40vw;right:auto;bottom:3vh;width:16vw}.obj--tea{left:60vw;right:auto;bottom:3vh;width:6vw}.obj--incense{right:4vw;bottom:2vh;width:8vw}.obj[data-tip]:after{display:none}.ceremony__glass span{max-width:28vw;font-size:12px}}@media (max-width: 760px){.secret__light.obj{left:80%}.bench__hint{left:auto;right:0;transform:none;font-size:10px}.ceremony{padding-bottom:15vh}.ceremony__glass span{top:calc(100% + 22px);max-width:27vw;font-size:11px;line-height:1.2}.ceremony__glass span b{font-size:13px}}.loom{position:fixed;z-index:15;left:16px;bottom:16px;display:grid;justify-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;animation:fade .8s 1s both}.loom__frame{position:relative;display:block;width:58px;height:84px}.loom__beam{position:absolute;left:-6px;right:-6px;top:0;height:7px;border-radius:4px;background:linear-gradient(#8a5430,#5a3018);box-shadow:0 2px 4px #00000059;z-index:2}.loom__beam--b{top:auto;bottom:0}.loom__rug{position:absolute;left:4px;right:4px;top:6px;bottom:6px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(110,93,76,.45) 0 1px,transparent 1px 5px)}.loom__rug .rug{display:block;width:100%;height:100%}.loom__shuttle{position:absolute;z-index:3;left:-10px;bottom:9px;width:22px;height:6px;border-radius:3px;background:#c99a45;box-shadow:0 1px 3px #0006;animation:shuttle 1.2s ease-in-out both}@keyframes shuttle{0%{transform:translate(0)}50%{transform:translate(56px)}to{transform:translate(0)}}.loom__label{padding:3px 9px;border-radius:999px;background:#fbf6eaf2;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 12px #28190a2e}.loom:hover .loom__frame{transform:translateY(-3px) rotate(-2deg);transition:transform .2s}.rug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#1e140cb3;animation:fade .3s both}.rug-modal__card{display:grid;grid-template-columns:auto minmax(0,420px);align-items:center;gap:36px;max-width:900px;max-height:calc(100vh - 32px);padding:30px;border-radius:20px;background:var(--paper);box-shadow:0 30px 80px #00000080;overflow:auto;animation:score-pop .5s cubic-bezier(.2,1.3,.4,1) both}.rug-modal__rug{height:min(76vh,640px)}.rug-modal__rug .rug{display:block;height:100%;width:auto;filter:drop-shadow(0 18px 24px rgba(60,40,20,.35))}.rug-modal__rug .rug__band{animation:weave-in .5s calc(var(--n, 0) * .05s) both}@keyframes weave-in{0%{opacity:0}}.rug-modal__text h2{margin:6px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1}.rug-modal__text .lead{font-size:16px}.rug-modal__legend{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;font-size:13px}.rug-modal__legend li{padding:4px 10px;border-radius:999px;background:var(--cream)}.rug-modal__legend span{color:var(--muted)}.rug-modal__stats{margin:12px 0 0;color:var(--muted);font-size:14px}@media (max-width: 760px){.loom{left:10px;bottom:10px}.loom__frame{width:42px;height:60px}.loom__label{font-size:10px}@keyframes shuttle{50%{transform:translate(40px)}}.rug-modal__card{grid-template-columns:1fr;gap:18px;padding:20px;justify-items:center}.rug-modal__rug{height:46vh}.rug-modal__text{text-align:center}.rug-modal__legend,.rug-modal__text .links{justify-content:center}}.page--game{display:flex;flex-direction:column;gap:14px;padding:22px 4vw;background:#17120e;color:var(--paper)}.game__hud{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-right:56px}.game__hud .eyebrow{color:var(--saffron)}.game__hud h1{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(30px,4vw,52px);line-height:1;color:var(--paper)}.game__stats{display:flex;gap:10px;flex-wrap:wrap}.game__stats span{padding:7px 14px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);font-size:14px}.game__stats b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--saffron)}.game__time.is-low{border-color:#e0383a;animation:pulse .6s ease-in-out infinite}.game__time.is-low b{color:#ff6b5e}.game__board{position:relative;flex:1;min-height:0;display:grid;place-items:center}.game__svg{width:100%;height:100%;max-height:calc(100vh - 150px);touch-action:none;-webkit-user-select:none;user-select:none}.game__piece{cursor:grab;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));transition:filter .15s}.game__piece:hover{filter:drop-shadow(0 0 6px rgba(241,195,90,.9)) drop-shadow(0 4px 4px rgba(0,0,0,.45))}.game__piece:active{cursor:grabbing}.game__set{animation:set-in .35s cubic-bezier(.2,1.6,.4,1);transform-box:fill-box;transform-origin:center}@keyframes set-in{0%{transform:scale(1.25)}}.game__tile.is-done{animation:tile-win .9s ease-out;transform-box:fill-box}@keyframes tile-win{30%{filter:drop-shadow(0 0 30px #f1c35a) brightness(1.25)}}.game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#17120ed1;border-radius:14px;animation:fade .4s both}.game__overlay h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(36px,6vw,72px);color:var(--saffron);line-height:1}.game__overlay p{max-width:480px;margin:0;color:#e6d9c2;font-size:17px;line-height:1.5}.game__overlay small{color:#bfae96}.page--game .btn:not(.btn--accent){background:transparent;color:var(--paper);border-color:#fff6}@media (max-width: 760px){.page--game{padding:64px 10px 12px}.game__hud{padding-right:0}.game__svg{max-height:calc(100vh - 190px)}}.page--game{background:radial-gradient(ellipse at 50% 0%,rgba(255,190,100,.18),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30,6 L36,24 L54,30 L36,36 L30,54 L24,36 L6,30 L24,24 Z' fill='%23ffffff' fill-opacity='0.035'/%3E%3C/svg%3E"),#140e0a}.game__hud h1{background:linear-gradient(90deg,#f6dc8a,#f1c35a 50%,#e0a020);-webkit-background-clip:text;background-clip:text;color:transparent}.game__stats{align-items:center}.game__time{position:relative;display:grid;place-items:center;width:54px;height:54px;padding:0!important;border-radius:50%!important}.game__time svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.game__time .ring-bg{fill:none;stroke:#ffffff1f;stroke-width:4}.game__time .ring{fill:none;stroke:var(--saffron);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .1s linear}.game__time.is-low .ring{stroke:#ff6b5e}.game__time b{position:relative;font-size:20px!important}.game__level{display:flex;gap:6px;align-items:center}.game__level i{width:12px;height:12px;transform:rotate(45deg);border:1.5px solid rgba(241,195,90,.5)}.game__level i.is-done{background:var(--saffron);border-color:var(--saffron);box-shadow:0 0 8px #f1c35ab3}.game__level i.is-now{border-color:var(--saffron);animation:pulse 1.2s ease-in-out infinite}.game__board{border-radius:18px}.game__svg{filter:drop-shadow(0 24px 40px rgba(0,0,0,.55))}.game__piece{filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.game__piece:active{filter:drop-shadow(0 14px 10px rgba(0,0,0,.6))}.game__overlay{background:radial-gradient(ellipse at 50% 40%,#28180ce0,#0e0906f0);border:1px solid rgba(241,195,90,.35)}.game__overlay h2{text-shadow:0 0 30px rgba(241,195,90,.45)}.rug-modal__card{width:min(900px,100%);box-sizing:border-box}.rug-modal__text{min-width:0}.rug-modal__rug{display:grid;place-items:center;min-width:0}.rug-modal__rug .rug{max-width:100%;max-height:100%}@media (max-width: 760px){.rug-modal{padding:10px;align-items:start;overflow-y:auto}.rug-modal__card{padding:18px 16px;gap:14px;max-height:none}.rug-modal__rug{height:38vh;width:100%}.rug-modal__text h2{font-size:30px}.rug-modal__text .lead{font-size:14px}.rug-modal__text .links{flex-wrap:wrap}}