@font-face{font-family:Plex;src:url('/assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{background:#100d1b;color:#fff;font-family:Plex,sans-serif}body{margin:0;min-height:100svh}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#100d1b}.camera{position:absolute;inset:-2%;animation:camera-out 3.8s cubic-bezier(.16,1,.3,1) both;transform-origin:67% 43%}.scene-image{width:100%;height:100%;object-fit:cover;object-position:64% 44%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,27,.96) 0%,rgba(9,10,27,.83) 29%,rgba(9,10,27,.12) 63%,rgba(9,10,27,.08)),linear-gradient(0deg,rgba(9,10,27,.8),transparent 35%,transparent 80%,rgba(9,10,27,.35))}.curtain{position:absolute;inset-block:0;width:51%;background:repeating-linear-gradient(90deg,#160b17 0%,#360e23 12%,#1b0919 22%);box-shadow:0 0 70px #100612;animation:open-curtain 2.4s cubic-bezier(.65,0,.2,1) both}.curtain-left{left:0;--exit:-103%}.curtain-right{right:0;--exit:103%}.stage{position:relative;min-height:100svh;max-width:1600px;margin:auto;display:flex;flex-direction:column;padding:38px 6vw 24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;animation:arrive 1s .5s both}.brand{width:180px;height:auto;max-height:70px;object-fit:contain}.status{font-size:12px;display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:#ffffff0a;border:1px solid #ffffff25;border-radius:40px;backdrop-filter:blur(16px)}.status i{width:6px;height:6px;border-radius:50%;background:#edc286;box-shadow:0 0 12px #edc286}main{margin-block:auto;align-self:flex-end;width:47%;padding:70px 0 60px;text-align:right;animation:arrive 1.2s 1.1s both}.eyebrow{font-size:13px;letter-spacing:.03em;color:#e9c5a0}h1{font-size:clamp(42px,5.2vw,78px);line-height:1.3;letter-spacing:-.04em;margin:20px 0 24px;font-weight:700}h1 em{font-style:normal;color:#f3d5ad}p{font-size:clamp(14px,1.3vw,18px);line-height:1.95;color:#dfdae3;max-width:490px;margin:0 0 30px}.contact{color:white;text-decoration:none;display:inline-flex;align-items:center;gap:15px;padding:15px 23px;background:linear-gradient(130deg,#ffffff21,#ffffff08);border:1px solid #ffffff40;border-radius:18px;box-shadow:inset 0 1px #ffffff23,0 10px 35px #0002;backdrop-filter:blur(18px);transition:transform .25s,background .25s;font-size:15px}.contact:hover{transform:translateY(-3px);background:#ffffff25}.contact:active{transform:scale(.97)}.contact:focus-visible{outline:3px solid #f3d5ad;outline-offset:5px}.contact svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.note{display:block;font-size:11px;color:#bcb5c5;margin-top:15px}footer{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;color:#d4c7cc;animation:arrive 1.2s 1.5s both}footer b{color:#e7b782;padding:0 9px}footer small{font-size:10px;letter-spacing:.07em;color:#b7adb8}
@keyframes open-curtain{to{transform:translateX(var(--exit));visibility:hidden}}@keyframes camera-out{from{transform:scale(1.2)}to{transform:scale(1)}}@keyframes arrive{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@media(min-width:900px){.scene-image{object-fit:contain;object-position:85% center;background:#100d1b}.camera:before{content:'';position:absolute;inset:0;background:url('/assets/dragon-curtain116.jpg') center 45%/cover;filter:blur(40px);opacity:.3}.scene-image{position:relative;width:75%;margin-left:25%}.shade{background:linear-gradient(90deg,#100d1b 0%,#100d1bea 26%,#100d1b99 40%,transparent 70%),linear-gradient(0deg,#100d1ba8,transparent 25%,transparent 80%,#100d1b66)}}
@media(max-width:899px){.stage{padding:24px 26px 18px;min-height:100svh}header{gap:15px}.brand{width:133px}.status{padding:7px 10px;font-size:10px}.scene-image{object-position:60% 38%}.shade{background:linear-gradient(0deg,#0e0d1df5 0%,#0e0d1dd9 18%,#0e0d1b77 39%,transparent 64%,#0e0d1b66 100%)}main{width:100%;padding:0;margin-top:max(300px,43svh);margin-bottom:32px;align-self:stretch}h1{font-size:clamp(38px,10vw,62px);line-height:1.24;margin:12px 0 16px}h1 br{display:block}p{font-size:14px;line-height:1.85;max-width:420px;margin-bottom:22px}.eyebrow{font-size:11px}.contact{padding:12px 18px;border-radius:16px;font-size:14px}.note{font-size:10px;margin-top:12px}footer{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}.desktop-break{display:none}}
@media(max-width:360px){.stage{padding-inline:20px}.brand{width:115px}.status{font-size:9px}h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.curtain{display:none}}

/* Golden launch identity; subject-centered camera motion. */
@font-face{font-family:Alexandria;src:url('/assets/fonts/Alexandria-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
h1{font-family:Alexandria,Plex,sans-serif;font-weight:850;font-size:clamp(38px,4.5vw,68px);line-height:1.45;letter-spacing:-.055em;color:#ffdf8e;text-shadow:0 2px 25px #0009}h1 em{color:#ffeab2;background:linear-gradient(110deg,#fff2c6 5%,#efb849 35%,#ffeac0 58%,#e6ae40 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 15px #ad752c33)}.eyebrow{color:#ffdb8d;font-weight:700;font-size:14px}p{color:#fff5e7;text-shadow:0 2px 10px #000}.contact{border-color:#eed09288;background:linear-gradient(130deg,#f5cb6f32,#c28e3312);color:#fff2d1;box-shadow:inset 0 1px #ffe6ae44,0 10px 35px #0003}.note{color:#e5d8c6}.camera{animation:camera-out 4s cubic-bezier(.16,1,.3,1) both,subject-drift 11s 4s ease-in-out 2;transform-origin:70% 43%}@keyframes subject-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.055) translateY(-.5%)}}
@media(max-width:899px){h1{font-size:clamp(32px,8.7vw,48px);line-height:1.5;margin:10px 0 14px}.camera{transform-origin:65% 40%}.eyebrow{font-size:12px}main{margin-top:max(300px,43svh)}.shade{background:linear-gradient(0deg,#0e0d1d 0%,#0e0d1ded 19%,#0e0d1ba8 36%,transparent 62%,#0e0d1b66 100%)}}

.brand{filter:brightness(0) invert(1);width:210px;max-height:55px}h1{font-size:clamp(42px,5.5vw,82px)}main p{color:#eadbbd;font-size:16px}.note:empty{display:none}@media(max-width:899px){.brand{width:160px}h1{font-size:clamp(36px,11vw,52px);line-height:1.5}main{margin-top:max(340px,49svh)}}
.touch-glow{position:absolute;top:0;left:0;width:100px;height:100px;border:1px solid #ffe5a580;border-radius:50%;background:radial-gradient(circle,#ffde9738,transparent 65%);box-shadow:0 0 30px #eeb75220;pointer-events:none}.contact{touch-action:manipulation}

/* Reference identity: lime lettering, original white horizontal logo, floating glass. */
.brand{filter:none}h1{color:#fff;text-shadow:0 3px 14px #000b}h1 em{display:inline-block;background:linear-gradient(90deg,#92c83e,#49f000);color:#64ed08;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #0008);font-weight:900;letter-spacing:-.055em;font-size:1.25em;line-height:1.25}main p{color:#fff}.status i{background:#79ee39;box-shadow:0 0 12px #7aec3966}.contact{color:white;border-color:#ffffff65;background:linear-gradient(130deg,#ffffff30,#ffffff09);box-shadow:inset 0 1px #ffffff66,0 12px 35px #0005;backdrop-filter:blur(22px) saturate(140%)}.contact:focus-visible{outline-color:#85ee35}.touch-glow{border-color:#cdffbf70;background:radial-gradient(circle,#dcffe730,transparent 65%);box-shadow:0 0 30px #afffb220}.glass-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}.glass-field i{position:absolute;left:calc(3% + var(--i)*13%);top:calc(15% + mod(var(--i),3)*24%);width:clamp(22px,4vw,64px);height:clamp(38px,6vw,100px);background:linear-gradient(125deg,#ffffff45,#e8ffe706 42%,#ffffff25);clip-path:polygon(12% 0,100% 24%,64% 100%,0 70%);backdrop-filter:blur(3px);filter:drop-shadow(0 0 2px #fff6);opacity:.6;animation:glass-float 9s calc(var(--i)*-.9s) ease-in-out infinite alternate;transform:rotate(calc(var(--i)*37deg))}.glass-field i:nth-child(3n){top:73%}.glass-field i:nth-child(3n + 1){top:27%}.glass-field i:nth-child(3n + 2){top:53%}@keyframes glass-float{from{transform:translate3d(0,12px,0) rotate(calc(var(--i)*37deg))}to{transform:translate3d(16px,-24px,0) rotate(calc(var(--i)*37deg + 20deg))}}.tap-shard{position:absolute;top:0;left:0;width:18px;height:28px;background:linear-gradient(130deg,#fff9,#baffcc15);clip-path:polygon(0 0,100% 30%,35% 100%);pointer-events:none}@media(max-width:899px){.glass-field i{opacity:.38}.glass-field i:nth-child(n+6){display:none}h1{line-height:1.5}}

.key-glow{position:absolute;width:70px;height:70px;margin:-35px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fffcebdd 0%,#ffe7a9aa 5%,#ffcf6355 17%,#ffc14a18 40%,transparent 70%);mix-blend-mode:screen;animation:key-breathe 4.8s ease-in-out infinite}.key-glow:after{content:'';position:absolute;inset:33px 7px;background:linear-gradient(90deg,transparent,#fff7cd,transparent);filter:blur(1px);transform:rotate(-25deg)}@keyframes key-breathe{0%,100%{opacity:.12;transform:scale(.65)}35%{opacity:1;transform:scale(1.6)}70%{opacity:.25;transform:scale(.9)}}.shade{animation:light-breathe 8s ease-in-out infinite}@keyframes light-breathe{0%,100%{opacity:1}50%{opacity:.86}}

h1 em{text-shadow:none;filter:drop-shadow(0 4px 0 #0008)}

.hush-art{width:min(100%,490px);aspect-ratio:3.5;overflow:hidden;vertical-align:bottom;background:none!important;filter:drop-shadow(0 4px 0 #0008)}.hush-art img{display:block;width:100%;height:auto}@media(max-width:899px){.hush-art{width:min(100%,340px)}}

/* Preserve supplied artwork; animate only its scale. */
h1 .hush-art{filter:none;animation:title-breathe 6s ease-in-out infinite;transform-origin:right center}.brand{animation:title-breathe 6s ease-in-out infinite;transform-origin:right center}@keyframes title-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}h1{margin-bottom:20px}.contact{min-height:52px}header{position:relative;z-index:2}@media(max-width:899px){h1 .hush-art{width:min(96%,340px)}main{margin-top:max(320px,47svh)}main p{margin-bottom:22px}footer{padding-bottom:env(safe-area-inset-bottom)}}

.touch-treasure{position:absolute;top:0;left:0;display:grid;place-items:center;width:28px;height:28px;font:bold 20px Georgia,serif;color:#fff7d1;pointer-events:none;box-shadow:0 0 14px #ffd66866}.touch-treasure.gold{border-radius:50%;border:1px solid #ffedac;background:linear-gradient(135deg,#fff0a2,#c38318 70%);color:#694500}.touch-treasure.cash{width:39px;height:24px;border:1px solid #ceffc9;border-radius:4px;color:#edffe7;background:linear-gradient(140deg,#619044,#164d33)}

/* Deliberate cinematic reveal, with touch-ready controls after the entrance. */
.curtain{z-index:5;animation-duration:7s;animation-timing-function:cubic-bezier(.45,0,.15,1)}.camera{animation:camera-out 8s cubic-bezier(.16,1,.3,1) both,subject-drift 11s 8s ease-in-out infinite}header{animation-delay:2s;animation-duration:1.8s}main{animation-delay:4s;animation-duration:2s}footer{animation-delay:5.5s;animation-duration:1.5s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.curtain{display:none}}

h1 .hush-art{aspect-ratio:auto;overflow:visible;line-height:0;font-size:inherit}h1 .hush-art img{width:100%;height:auto;object-fit:contain}
.glass-field i:nth-child(1){--i:0;}.glass-field i:nth-child(2){--i:1;}.glass-field i:nth-child(3){--i:2;}.glass-field i:nth-child(4){--i:3;}.glass-field i:nth-child(5){--i:4;}.glass-field i:nth-child(6){--i:5;}.glass-field i:nth-child(7){--i:6;}.glass-field i:nth-child(8){--i:7;}
.camera:after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 11% 33% at 84% 48%,transparent 43%,#ffd58638 64%,transparent 88%);animation:rim-breathe 5.8s ease-in-out infinite}.scene-image{animation:exposure-breathe 5.8s ease-in-out infinite}@keyframes rim-breathe{0%,100%{opacity:.18}42%{opacity:.95}70%{opacity:.5}}@keyframes exposure-breathe{0%,100%{filter:brightness(1)}42%{filter:brightness(1.12) saturate(1.06)}}@media(max-width:899px){.camera:after{background:radial-gradient(ellipse 24% 35% at 64% 48%,transparent 45%,#ffd58640 63%,transparent 87%)}}

.curtain{width:52%;background:linear-gradient(180deg,#09020b70,transparent 35%,#08020a90),repeating-linear-gradient(92deg,#160410 0%,#4c0c23 8%,#68112d 12%,#240618 19%,#0d030c 24%);box-shadow:inset -12px 0 24px #0008,0 0 55px #000a;transform-origin:0 0}.curtain-right{transform-origin:100% 0;box-shadow:inset 12px 0 24px #0008,0 0 55px #000a}.curtain:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#ffa26b16 50%,transparent 64%);animation:cloth-light 7s ease-in-out both}@keyframes open-curtain{0%,8%{transform:translateX(0) scaleX(1);visibility:visible}28%{transform:translateX(calc(var(--exit)*.09)) scaleX(.98)}60%{transform:translateX(calc(var(--exit)*.55)) scaleX(.93)}100%{transform:translateX(var(--exit)) scaleX(.86);visibility:hidden}}@keyframes cloth-light{0%{opacity:.1}50%{opacity:1}100%{opacity:.2}}

header{display:grid;grid-template-columns:1fr auto auto}.sound-toggle{width:42px;height:42px;border:1px solid #ffffff45;border-radius:50%;background:linear-gradient(135deg,#ffffff28,#ffffff08);color:#fff;font-size:24px;backdrop-filter:blur(16px);cursor:pointer;box-shadow:inset 0 1px #fff4}.sound-toggle[aria-pressed=true]{color:#bcff91;border-color:#caff9e88;box-shadow:0 0 18px #b0ff7722}.sound-toggle:focus-visible{outline:2px solid #c5ff9d;outline-offset:4px}@media(max-width:899px){header{gap:10px}.brand{width:140px}.sound-toggle{width:36px;height:36px;font-size:21px}.status{font-size:9px;padding:7px 8px}}

header{grid-template-columns:1fr auto}@media(max-width:899px){.brand{width:160px}.status{font-size:10px}}

main{text-align:center;padding-block:48px}h1{margin:0}h1 .hush-art{transform-origin:center center;width:min(100%,460px)}@media(max-width:899px){main{padding:0;margin-top:max(350px,51svh);margin-bottom:40px}h1 .hush-art{width:min(100%,340px)}footer{align-items:center;text-align:center;gap:7px}.stage{padding-inline:24px}}

main p{margin:22px auto 0;text-align:center;font-size:15px;letter-spacing:0}

@media(max-width:899px){h1 .hush-art{width:min(88%,290px)}main p{margin-top:20px}}@media(max-width:360px){.brand{width:140px}.status{font-size:9px}main{margin-top:max(310px,47svh)}}

/* Decorative cover artwork must not capture long-press or drag gestures. */
body{-webkit-touch-callout:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}main,header,footer{-webkit-user-select:none;user-select:none}

/* Balanced spacing and restrained camera movement. */
@keyframes camera-out{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes subject-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.025) translateY(-.25%)}}.stage{padding:44px 7vw 28px}.brand{width:230px;max-height:60px}.music-active .shade{animation:music-light var(--beat-time,.75s) ease-in-out infinite}.music-active .hush-art{animation:music-title var(--beat-time,.75s) ease-in-out infinite}@keyframes music-title{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}}@keyframes music-light{0%,100%{opacity:1}30%{opacity:.84}}@media(max-width:899px){.stage{padding:30px 28px 24px}.brand{width:170px}.status{font-size:9px;padding:7px 8px}header{gap:14px}main{margin-bottom:46px}footer{gap:10px}}@media(max-width:360px){.stage{padding-inline:24px}.brand{width:148px}header{gap:10px}.status{font-size:8px;padding-inline:6px}}
.brand{width:190px}@media(max-width:899px){.brand{width:145px}}@media(max-width:360px){.brand{width:130px}}

.glass-field i{opacity:.72;background:linear-gradient(125deg,#ffffff80,#d6f4ff10 40%,#ffffff55);filter:drop-shadow(0 0 3px #dff5ff88);backdrop-filter:blur(5px) saturate(130%)}@media(max-width:899px){.glass-field i{opacity:.62;width:28px;height:48px}.glass-field i:nth-child(6){display:block}}

/* Hopeful ambient lighting: broad rim, slow breathing, quiet glass glints. */
.camera:after{background:radial-gradient(ellipse 13% 37% at 84% 47%,transparent 38%,#ffd58666 62%,transparent 89%);animation-duration:7.5s}.key-glow{animation-duration:6s;filter:drop-shadow(0 0 8px #ffdd8688)}.glass-field i{background:linear-gradient(125deg,#ffffff99,#e4f8ff12 40%,#fff2c775);animation-duration:12s}.music-active .shade{animation-duration:4.8s}.music-active .hush-art{animation-duration:4.8s}@keyframes music-light{0%,100%{opacity:1}50%{opacity:.8}}@keyframes music-title{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:899px){.camera:after{background:radial-gradient(ellipse 27% 38% at 64% 47%,transparent 38%,#ffd58660 62%,transparent 89%)}}

/* A deliberate, gesture-led curtain entrance. */
body:not(.scene-open) .scene *,body:not(.scene-open) .stage,body:not(.scene-open) .stage *{animation-play-state:paused!important}body:not(.scene-open) .curtain{transform:none!important;visibility:visible!important;display:block!important}body:not(.scene-open) .stage{opacity:0;pointer-events:none}body:not(.scene-open) .glass-field{opacity:0}.entry-gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(ellipse at center,#ffc78612,transparent 60%)}.entry-gate[hidden]{display:none}.curtain-unlock{border:0;background:transparent;color:white;padding:36px 24px;min-width:240px;font-family:Plex,sans-serif;cursor:pointer;display:grid;justify-items:center;gap:14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.curtain-unlock strong{font-size:clamp(22px,5.5vw,30px);text-shadow:0 2px 14px #000;font-weight:700}.curtain-unlock small{font-size:14px;color:#f8e0ba}.curtain-unlock:focus-visible{outline:2px solid #ffe0a2;outline-offset:8px;border-radius:28px}.silk-knot{width:132px;height:98px;position:relative;filter:drop-shadow(0 0 16px #ffcb6866);animation:knot-breathe 2.6s ease-in-out infinite}.silk-knot i{position:absolute;width:65px;height:44px;top:26px;left:4px;border:4px solid #f1cd8d;border-radius:80% 35% 65% 25%;transform:rotate(25deg);box-shadow:inset 0 1px #fff7d4,0 2px 10px #0009}.silk-knot i:nth-child(2){left:auto;right:4px;transform:rotate(-25deg) scaleX(-1)}.silk-knot b{position:absolute;left:58px;top:31px;width:17px;height:34px;border-radius:9px;background:linear-gradient(90deg,#a7722f,#ffecb7,#bd883f);box-shadow:0 0 18px #ffc86780}.touch-hint{font-size:28px;color:#ffdf9b;animation:knot-breathe 2.6s ease-in-out infinite}@keyframes knot-breathe{0%,100%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-5px) scale(1.04);opacity:1}}

.silk-knot:after{content:'';position:absolute;inset:-14px;border:1px solid #ffdda675;border-radius:50%;animation:touch-ring 2.6s ease-out infinite}.touch-hint{margin-top:-5px;filter:drop-shadow(0 2px 10px #0008)}@keyframes touch-ring{0%{transform:scale(.8);opacity:.8}80%,100%{transform:scale(1.3);opacity:0}}

.entry-gate.unlocking{pointer-events:none;animation:gate-away .7s ease both}.unlocking .silk-knot i{animation:untie-left .65s ease-in both}.unlocking .silk-knot i:nth-child(2){animation-name:untie-right}.unlocking .silk-knot b{opacity:0;transition:opacity .3s}.unlocking .touch-hint{opacity:0!important}@keyframes gate-away{0%,50%{opacity:1}100%{opacity:0}}@keyframes untie-left{to{transform:translateX(-80px) rotate(-40deg) scale(.7);opacity:0}}@keyframes untie-right{to{transform:translateX(80px) rotate(40deg) scale(.7);opacity:0}}

/* Keep the decorative scene bounded; preserve normal vertical scrolling. */
body{touch-action:pan-y pinch-zoom}.scene{transform:scale(calc(1 + var(--pinch-depth,0)));transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-origin:center}.touch-hint{animation:hint-whisper 4.5s ease-in-out infinite}.silk-knot{filter:drop-shadow(0 3px 5px #0008) drop-shadow(0 0 22px #ffd07855)}.silk-knot i{border-color:#edcc95;box-shadow:inset 0 2px 2px #fff7d4,0 2px 4px #43270b,0 0 16px #f1c78530}@keyframes hint-whisper{0%,15%,100%{opacity:0;transform:translateY(8px) scale(.95)}40%,60%{opacity:.45;transform:translateY(0) scale(1)}}

/* Palace-style gold tieback, with a fleeting hand rather than a visible button. */
.silk-knot{width:190px;height:138px;filter:drop-shadow(0 5px 6px #0009) drop-shadow(0 0 28px #ffc96855)}.silk-knot i{width:92px;height:62px;top:30px;left:2px;border:7px ridge #edca83;background:linear-gradient(145deg,#ffe2a312,transparent 55%,#ac772922);box-shadow:inset 0 1px 5px #fff1b9aa,0 4px 9px #140906,0 0 2px #ffe1a9}.silk-knot i:nth-child(2){right:2px}.silk-knot b{left:79px;top:34px;width:32px;height:49px;border:2px solid #e9c47b;border-radius:45%;background:radial-gradient(ellipse at 35% 28%,#fff5cc,#e3b35e 35%,#906124 70%,#efcf8f);box-shadow:inset 0 0 0 3px #c99643,0 0 20px #eabd6d88}.silk-knot b:after{content:'';position:absolute;left:9px;top:13px;width:9px;height:14px;border-radius:50%;background:#fff0b2;box-shadow:0 0 9px #ffe5a1}.silk-knot:before{content:'';position:absolute;left:67px;top:76px;width:56px;height:51px;clip-path:polygon(10% 0,43% 0,42% 90%,18% 100%,0 89%,25% 12%,75% 12%,100% 89%,82% 100%,58% 90%,57% 0,90% 0);background:repeating-linear-gradient(90deg,#926026 0,#f8d58e 3px,#b58036 5px);filter:drop-shadow(0 3px 3px #0008)}.silk-knot:after{inset:-18px}.touch-hint{width:42px;height:51px;color:white;animation:hand-approach 4.6s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffffff55)}.touch-hint path{fill:#ffffff15;stroke:#fff;stroke-width:1.8}@keyframes hand-approach{0%,12%,100%{opacity:0;transform:translate(28px,24px) rotate(-12deg)}35%{opacity:.52;transform:translate(10px,-4px) rotate(-5deg)}52%{opacity:.72;transform:translate(0,-21px) scale(.94)}64%{opacity:.25;transform:translate(0,-14px)}80%{opacity:0;transform:translate(-15px,-2px)}}.unlocking .silk-knot:before{opacity:0;transition:opacity .25s}

/* This cover has no editable content: long presses must not select its artwork. */
html,body,.entry-gate,.entry-gate *,.stage,.stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.curtain-unlock{-webkit-user-drag:none}

/* Responsive cover repair: retain phone composition and let short screens scroll. */
header{grid-template-columns:minmax(0,1fr) auto}.brand{max-width:100%}
@media(min-width:600px) and (max-width:899px){
 h1 .hush-art{width:clamp(340px,48vw,430px);max-width:100%}
 main{margin-top:clamp(300px,46svh,620px);margin-bottom:auto}
 footer{margin-top:32px}
}
@media(min-width:900px){
 .camera{left:50%;right:auto;width:104%;max-width:1664px;translate:-50% 0}
 .scene-image{position:absolute;right:0;left:auto;width:55%;margin-left:0;object-fit:contain;object-position:50% center}
 main{width:48%;max-width:640px}
 h1 .hush-art{width:min(100%,500px)}
}
@media(max-height:500px){
 .entry-gate{overflow-y:auto;align-items:safe center;padding:12px}
 .curtain-unlock{min-width:0;max-width:100%;padding:12px 20px;gap:8px}
 .silk-knot{scale:.8; margin-block:-14px}
 .touch-hint{height:38px}
 .stage{min-height:100svh}
}