:root{--bg:#0b0806;--fg:#f6ead6;--muted:#a8977f;--gold:#f2c46d;--amber:#d98a3a;--line:#f2c46d26;--serif:"Instrument Serif", Georgia, serif;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ar:"Reem Kufi", "Noto Kufi Arabic", sans-serif;--pad:clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}em{color:var(--gold);font-style:italic}.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.kicker{color:var(--gold);margin:0 0 1.2rem}.nav{z-index:20;padding:20px var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--serif);font-size:24px}.nav nav{align-items:center;gap:clamp(12px,2.5vw,32px);font-size:14px;display:flex}.nav nav a:not(.pill){opacity:.75;transition:opacity .2s}.nav nav a:hover{opacity:1}.pill{border:1px solid var(--gold);color:var(--gold);white-space:nowrap;border-radius:99px;padding:9px 16px;transition:background .3s,color .3s}.pill:hover{background:var(--gold);color:var(--bg)}@media (width<=640px){.nav nav a:not(.pill){display:none}}.stage-wrap{height:320vh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}#gl{width:100%;height:100%;position:absolute;inset:0}.sun{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f2a64a55 0%,#d9773a22 35%,#0000 65%);width:min(70vw,760px);position:absolute;top:58%;left:50%;translate:-50% -50%}.copy{left:var(--pad);right:var(--pad);z-index:2;pointer-events:none;position:absolute;bottom:clamp(56px,12vh,120px)}.copy h1,.copy h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(40px,7.4vw,124px);font-weight:400;line-height:.95}.ar{font-family:var(--ar);color:var(--gold);margin:1.4rem 0 0;font-size:clamp(20px,2.4vw,34px);font-weight:500}.copy-b{opacity:0;text-align:right;max-width:900px;left:auto}.copy-b .sub{max-width:42ch;color:var(--muted);margin:1.2rem 0 0 auto;font-size:clamp(15px,1.3vw,19px);line-height:1.5}.hint{color:var(--muted);z-index:2;white-space:nowrap;position:absolute;bottom:22px;left:50%;translate:-50%}.hint span{color:var(--gold);animation:1.6s infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(5px)}}.meter{right:var(--pad);background:var(--line);z-index:2;width:2px;height:120px;position:absolute;top:50%;translate:0 -50%}.meter i{background:var(--gold);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}section:not(.stage-wrap){padding:clamp(80px, 14vh, 160px) var(--pad)}.sec-title{font-family:var(--serif);margin:0 0 3rem;font-size:clamp(44px,7vw,110px);font-weight:400;line-height:1}.svc-list{border-top:1px solid var(--line)}.svc{border-bottom:1px solid var(--line);grid-template-columns:70px 1.2fr 1fr;align-items:start;gap:1.5rem;padding:2.2rem 0;display:grid;position:relative}.svc .n{font-family:var(--mono);color:var(--gold);padding-top:.6rem;font-size:13px}.svc h3{font-family:var(--serif);margin:0;font-size:clamp(28px,3.4vw,52px);font-weight:400;line-height:1;transition:color .3s,transform .5s cubic-bezier(.2,.8,.2,1)}.svc:hover h3{color:var(--gold);transform:translate(10px)}.svc p{color:var(--muted);margin:0 0 .8rem;line-height:1.5}.svc .tags{flex-wrap:wrap;gap:6px;display:flex}.svc .tags span{font-family:var(--mono);border:1px solid var(--line);color:var(--fg);opacity:.8;border-radius:99px;padding:4px 9px;font-size:11px}@media (width<=760px){.svc{grid-template-columns:40px 1fr}.svc>div:last-child{grid-column:2}}.work-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.wcard{aspect-ratio:4/3;border:1px solid var(--line);background:#140e09;border-radius:4px;align-items:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.wcard:before{content:"";background:radial-gradient(110% 80% at 50% 120%, var(--amber), transparent 60%);opacity:.35;transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.wcard:hover:before{opacity:.7;transform:scale(1.1)}.wcard .dunes{opacity:.5;height:55%;position:absolute;bottom:0;left:0;right:0}.wcard div{position:relative}.wcard small{color:var(--gold);margin-bottom:.3rem;display:block}.wcard h3{font-family:var(--serif);margin:0;font-size:32px;font-weight:400}.contact{text-align:center;background:radial-gradient(60% 60% at 50% 100%,#d9773a33,#0000);flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.contact h2{font-family:var(--serif);max-width:14ch;margin:0 0 2.5rem;font-size:clamp(42px,7vw,110px);font-weight:400;line-height:1}.big-ar{margin:0 0 1rem}.pill.big{cursor:pointer;padding:16px 28px;font-size:18px}footer{padding:24px var(--pad);color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:14px 28px;display:flex}footer a{color:var(--fg);transition:color .2s}footer a:hover{color:var(--gold)}footer .socials{gap:22px;display:flex}footer b{color:var(--gold);font-weight:400}.reveal{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hint span{animation:none}}.band{background:var(--gold);color:var(--bg);z-index:3;margin:8vh 0 2vh;padding:18px 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.04);box-shadow:0 20px 60px #0008}.band-track{will-change:transform;width:max-content;display:flex}.band-track span{font-family:var(--serif);white-space:nowrap;align-items:center;gap:.4em;padding:0 .4em;font-size:clamp(36px,5.2vw,84px);line-height:1;display:flex}.band-track span:nth-child(2n){font-style:italic}.band-track span.ar{font-family:var(--ar);color:var(--bg);margin:0;font-size:clamp(30px,4.2vw,68px);font-style:normal;font-weight:700}.band-track span:after{content:"✦";font-size:.45em;font-style:normal}@media (width<=640px){.band{transform:rotate(-3deg)scale(1.1)}}.caption{color:var(--gold);z-index:2;opacity:0;text-align:center;white-space:nowrap;font-size:13px;transition:opacity .4s;position:absolute;top:70%;left:50%;translate:-50%}.wcard p{color:var(--muted);max-width:38ch;margin:.6rem 0 0;font-size:15px;line-height:1.45}.wcard .arr{font-family:var(--sans);color:var(--gold);vertical-align:super;font-size:.6em}a.wcard{cursor:pointer}a.wcard:hover h3{color:var(--gold)}.wcard h3{transition:color .3s}.about{flex-direction:column;justify-content:center;min-height:70vh;display:flex}.statement{font-family:var(--serif);max-width:24ch;margin:0;font-size:clamp(30px,4.4vw,68px);line-height:1.12}.mail-text{color:var(--muted);text-transform:none;letter-spacing:.04em;margin:1.4rem 0 0;font-size:14px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}