:root{--bg:#0e0e0c;--panel:#171715;--panel2:#20201c;--cream:#edeae3;--muted:#a39f95;--line:#ffffff20;--line-strong:#ffffff38;--orange:#e4572e;--lime:#d7ef72;--max:1240px;--sans:'Manrope',Arial,sans-serif;--head:'Space Grotesk','Manrope',Arial,sans-serif;--mono:'DM Mono',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.mono,.eyebrow,.nav,.tag,.meta,.filter,.timeline-type,.metric span,.contact-links small,.contact-meta,.footer .mono{font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.skip-link{position:absolute;left:12px;top:-60px;z-index:20;padding:10px 14px;background:var(--lime);color:#111;transition:top .2s}.skip-link:focus{top:10px}.topbar{height:72px;position:sticky;top:0;z-index:10;background:#0e0e0ce9;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topinner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font:700 17px var(--head);letter-spacing:-.055em;display:flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{display:grid;place-items:center;width:31px;height:31px;background:var(--orange);color:#161512;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);font:700 12px var(--mono);letter-spacing:-.08em}.brandcopy{display:flex;flex-direction:column;line-height:1.12}.brandcopy small{font:8px var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:5px}.nav{display:flex;align-items:center;gap:27px;font-size:9px;color:#d3d0c5}.nav a{transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--lime)}.right{display:flex;align-items:center;gap:11px}.lang{border:1px solid var(--line-strong);border-radius:99px;background:none;color:var(--cream);padding:8px 12px;font:10px var(--mono);cursor:pointer;min-width:43px}.lang:hover{border-color:var(--lime);color:var(--lime)}.pill{display:inline-flex;align-items:center;gap:13px;border-radius:99px;padding:10px 16px;background:var(--cream);color:#171512;font-size:10px;font-weight:800;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:var(--lime)}.menu-toggle{display:none;border:1px solid var(--line-strong);background:none;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:16px}
.hero{min-height:calc(100svh - 72px);position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line)}.grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to right,transparent,#000 50%)}.hero:after{content:"";position:absolute;width:560px;height:560px;right:-4%;top:8%;border-radius:50%;background:radial-gradient(circle,#e4572e2c,transparent 69%);pointer-events:none}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:75px 0 100px}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:12px;margin:0}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor;flex:none}.hero h1{font:600 clamp(68px,9.8vw,137px)/.84 var(--head);letter-spacing:-.095em;margin:30px 0 25px;max-width:790px}.accent{color:var(--orange)}.deck{font-size:clamp(16px,1.5vw,20px);color:#c2beb1;max-width:560px;line-height:1.75;margin:0}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.button{display:inline-flex;align-items:center;gap:18px;border-radius:99px;padding:13px 18px;background:var(--orange);color:#171512;font-size:10px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--lime)}.button.alt{background:none;color:var(--cream);border:1px solid #ffffff48}.button.alt:hover{border-color:var(--lime);color:var(--lime)}.art{position:relative;aspect-ratio:1;max-width:465px;width:100%;justify-self:end;display:grid;place-items:center}.orbit{position:absolute;width:92%;height:92%;border:1px solid #ffffff30;border-radius:50%}.orbit-one{transform:rotate(-23deg)}.orbit-two{width:78%;height:104%;transform:rotate(57deg);border-color:#ffffff20}.orbit-three{width:68%;height:108%;transform:rotate(-37deg);border-color:#ffffff18}.emblem{position:relative;width:54%;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(140deg,#ed6840,#d64a25 67%,#92391e);clip-path:polygon(0 0,100% 0,100% 71%,71% 100%,0 100%);box-shadow:20px 20px 90px #e4572e30}.emblem span{font:700 clamp(66px,9vw,118px)/1 var(--head);letter-spacing:-.13em;color:#171512;margin-left:-.1em}.emblem i{position:absolute;width:68%;height:13%;right:-10%;bottom:22%;background:var(--bg);transform:rotate(-45deg)}.art-label{position:absolute;right:-1%;bottom:14%;padding:11px 14px;background:var(--lime);color:#171512;font:9px var(--mono);letter-spacing:.07em;transform:rotate(-4deg);box-shadow:0 8px 24px #0006}.art-note{position:absolute;left:0;top:17%;color:#8e8a7e;font-size:8px;letter-spacing:.12em;transform:rotate(-90deg);transform-origin:left}.hero-index{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;color:#79776c;font-size:9px}
.metrics{background:#151513;border-bottom:1px solid var(--line)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:21px 24px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font:600 25px var(--head);display:block;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:8px}
.section{padding:clamp(76px,9vw,120px) 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:48px}.section-head h2{font:600 clamp(39px,5.8vw,72px)/.99 var(--head);letter-spacing:-.075em;margin:16px 0 0;max-width:820px}.head-note{max-width:335px;color:var(--muted);font-size:13px;margin:0 0 3px}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:start}.stamp{border:1px solid var(--line);padding:24px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#292821,#171714)}.stamp strong{font:600 78px/.88 var(--head);color:var(--orange);letter-spacing:-.1em}.stamp small{font:9px var(--mono);color:var(--muted);letter-spacing:.09em;max-width:260px}.stamp-rule{height:1px;background:var(--line);width:100%}.intro h3{font:500 clamp(28px,4vw,49px)/1.1 var(--head);letter-spacing:-.06em;margin:0 0 18px;max-width:690px}.intro p{max-width:700px;color:#aaa79b;font-size:14px;line-height:1.9;margin:0}.proofline{display:flex;align-items:flex-start;gap:12px;max-width:700px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:#d5d1c6;font-size:12px}.proof-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);margin-top:7px;flex:none}.capabilities{background:#11110f}.caps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cap{background:var(--bg);min-height:190px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.cap:hover{background:var(--panel)}.cap .n{font:9px var(--mono);color:var(--orange);letter-spacing:.08em}.cap h3{font:500 18px/1.2 var(--head);letter-spacing:-.04em;margin:0}.cap p{color:var(--muted);font-size:11px;margin:8px 0 0;line-height:1.65}
.work{background:#151513}.work-head{margin-bottom:35px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid var(--line);border-radius:99px;color:#b8b5aa;background:none;padding:8px 11px;cursor:pointer;font-size:8px;transition:background .2s,color .2s,border-color .2s}.filter:hover{border-color:var(--lime);color:var(--lime)}.filter.active{background:var(--lime);border-color:var(--lime);color:#151512}.filter-count{opacity:.62;margin-inline-start:4px}.search-box{height:38px;border:1px solid var(--line-strong);border-radius:99px;display:flex;align-items:center;gap:9px;padding:0 12px;min-width:220px;color:var(--muted)}.search-box input{background:none;border:0;outline:0;color:var(--cream);width:100%;font-size:11px}.search-box input::placeholder{color:#89867c}.search-box kbd{font:9px var(--mono);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.results-line{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:9px var(--mono);letter-spacing:.09em;margin:0 0 13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{min-height:310px;aspect-ratio:1.2;position:relative;overflow:hidden;background:#23231e;border:1px solid #ffffff15;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#ffffff58}.project-card[hidden]{display:none}.project-card[data-format="portrait"]{aspect-ratio:.84}.project-card[data-format="landscape"]{aspect-ratio:1.32}.video-frame{position:absolute;inset:0;background:#22221e;z-index:0}.video-frame:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(180deg,transparent 0%,#0c0c0be8 100%);pointer-events:none;z-index:1}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;background:#121210;transition:transform .45s,opacity .25s}.poster.portrait,.poster.landscape-poster{object-fit:contain;background:#11110f}.project-card:hover .poster{transform:scale(1.025);opacity:1}.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#11110f;z-index:2}.video-frame video.portrait{object-fit:contain}.video-frame video.rotated{transform:rotate(-90deg)}.video-frame video[hidden]{display:none}.play-video{position:absolute;z-index:3;inset:0;margin:auto;width:56px;height:56px;border:1px solid #ffffffa8;border-radius:50%;background:#11110f9c;color:white;cursor:pointer;display:grid;place-items:center;font-size:17px;backdrop-filter:blur(7px);transition:background .2s,transform .2s}.play-video:hover{background:var(--orange);color:#111;transform:scale(1.06)}.play-video[hidden]{display:none}.project-top{position:absolute;z-index:4;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.project-top span{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #000}.project-category{color:var(--lime)}.project-code{color:#dedacf}.project-info{position:absolute;z-index:4;left:17px;right:17px;bottom:14px;text-shadow:0 2px 16px #000b}.project-info h3{font:500 19px/1.15 var(--head);letter-spacing:-.04em;margin:0 0 6px}.project-info p{font-size:10px;color:#d3d0c5;margin:0;max-width:92%;line-height:1.45}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.project-meta{display:flex;flex-wrap:wrap;gap:9px;color:#c0bdb2;font:8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.project-meta span+span:before{content:"·";margin-inline-end:9px;color:var(--orange)}.download-link{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lime);white-space:nowrap;pointer-events:auto}.download-link:hover{color:var(--cream)}.noscript{color:var(--muted);padding:20px;border:1px solid var(--line)}
.experience{background:#11110f}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:150px minmax(0,1fr) 125px;gap:22px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.timeline-date{font:10px var(--mono);letter-spacing:.08em;color:var(--orange);padding-top:3px}.timeline-row h3{font:500 18px/1.2 var(--head);letter-spacing:-.035em;margin:0 0 6px}.timeline-row p{font-size:12px;color:var(--muted);max-width:800px;line-height:1.65;margin:0}.timeline-type{text-align:right;color:#817e73;font-size:8px;padding-top:4px}.credentials{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;margin-top:84px;padding-top:36px;border-top:1px solid var(--line)}.credentials h3{font:500 clamp(29px,4vw,46px)/1.1 var(--head);letter-spacing:-.055em;margin:17px 0 0}.credential-list p{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:0;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.credential-list strong{font-weight:600}.credential-list span{color:var(--muted);text-align:right}.contact-section{position:relative;overflow:hidden;padding:105px 0 90px;background:radial-gradient(ellipse at 82% 15%,#e4572e13,transparent 35%),#0e0e0c}.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end}.contact-copy h2{font:600 clamp(58px,8.3vw,112px)/.9 var(--head);letter-spacing:-.09em;margin:24px 0 20px}.contact-copy p:last-child{max-width:520px;color:var(--muted);font-size:13px;margin:0}.contact-links{border-top:1px solid var(--line)}.contact-links>a{position:relative;display:grid;grid-template-columns:112px 1fr 20px;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);transition:color .2s}.contact-links>a:hover{color:var(--lime)}.contact-links small{color:var(--muted);font-size:8px}.contact-links strong{font-size:12px;font-weight:500}.contact-links>a>span{color:var(--orange);text-align:right}.contact-meta{display:flex;justify-content:space-between;gap:15px;color:#77746a;font-size:8px;padding-top:15px}.footer{border-top:1px solid var(--line);background:#0a0a09;padding:23px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:14px}.footer .mono{font-size:8px;color:#77746a}
html[dir="rtl"] body{font-family:'Noto Sans Arabic',var(--sans);line-height:1.85}html[dir="rtl"] .hero-content{direction:rtl}html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-head,html[dir="rtl"] .intro,html[dir="rtl"] .contact-copy{text-align:right}html[dir="rtl"] .hero .eyebrow,html[dir="rtl"] .section .eyebrow,html[dir="rtl"] .contact-copy .eyebrow{flex-direction:row-reverse}html[dir="rtl"] .art{justify-self:start}html[dir="rtl"] .art-label{right:auto;left:-1%;transform:rotate(4deg)}html[dir="rtl"] .art-note{left:auto;right:0;transform:rotate(90deg);transform-origin:right}html[dir="rtl"] .intro .proofline{flex-direction:row-reverse}html[dir="rtl"] .project-info{text-align:right}html[dir="rtl"] .project-top{direction:ltr}html[dir="rtl"] .timeline-row{direction:rtl}html[dir="rtl"] .timeline-type{text-align:left}html[dir="rtl"] .credential-list span{text-align:left}html[dir="rtl"] .contact-links>a{direction:ltr;text-align:left}html[dir="rtl"] .contact-meta{direction:rtl}html[dir="rtl"] .footer-inner{direction:ltr}html[dir="rtl"] .nav{direction:rtl}
@media(max-width:1000px){.nav{gap:15px;font-size:8px}.hero-content{grid-template-columns:1fr .7fr}.hero h1{font-size:clamp(62px,9vw,100px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:290px}.caps-grid{grid-template-columns:repeat(2,1fr)}.work-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:min(100%,360px)}}
@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 34px))}.topinner{gap:10px}.brand{font-size:14px}.brandmark{width:29px;height:29px}.nav{display:none;position:absolute;left:17px;right:17px;top:72px;padding:18px;background:#171715;border:1px solid var(--line-strong);border-radius:12px;flex-direction:column;align-items:stretch;gap:14px;box-shadow:0 20px 40px #0008}.nav.open{display:flex}.nav a{font-size:10px}.menu-toggle{display:block}.right{gap:7px}.pill{padding:9px 11px;font-size:9px}.hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding:72px 0 105px;gap:36px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(64px,14vw,100px);margin:24px 0 20px}.art{width:min(350px,80vw);justify-self:center;margin-inline:auto}.art-note{left:3%}.hero-index{font-size:7px}.metrics .metric{padding:16px 12px}.metric strong{font-size:22px}.metric span{font-size:7px}.section{padding:75px 0}.section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:32px}.section-head h2{font-size:clamp(39px,9vw,57px)}.head-note{max-width:560px}.split{grid-template-columns:1fr;gap:28px}.stamp{min-height:190px}.caps-grid{grid-template-columns:repeat(2,1fr)}.cap{min-height:165px;padding:16px}.cap h3{font-size:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-card{min-height:280px;aspect-ratio:.95}.project-info{left:12px;right:12px;bottom:11px}.project-info h3{font-size:16px}.project-info p{font-size:9px}.project-top{left:12px;right:12px;top:12px}.project-top span{font-size:7px}.project-bottom{align-items:flex-end}.project-meta{gap:5px;font-size:7px}.project-meta span+span:before{margin-inline-end:5px}.download-link{font-size:7px}.timeline-row{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:19px 0}.timeline-type{display:none}.timeline-row h3{font-size:16px}.timeline-row p{font-size:11px}.credentials{grid-template-columns:1fr;gap:24px;margin-top:62px;padding-top:30px}.credential-list p{grid-template-columns:1fr;gap:4px}.credential-list span{text-align:left!important}.contact-section{padding:76px 0}.contact-wrap{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:clamp(56px,13vw,90px)}.footer-inner{flex-wrap:wrap}.footer .mono{font-size:7px}}
@media(max-width:500px){.brandcopy small{font-size:6px}.lang{padding:7px 8px;min-width:38px}.pill{gap:7px}.hero-index{bottom:13px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.metric:nth-child(3){padding-left:0;border-bottom:0}.metric:nth-child(4){border:0;border-bottom:0}.caps-grid{grid-template-columns:1fr 1fr}.cap{min-height:160px}.work-toolbar{gap:12px}.filters{gap:6px}.filter{padding:7px 9px;font-size:7px}.cards{grid-template-columns:1fr}.project-card{aspect-ratio:1.04;min-height:330px}.project-card[data-format="landscape"]{min-height:250px}.search-box{min-width:0}.results-line{font-size:7px}.contact-links>a{grid-template-columns:86px 1fr 16px}.contact-links strong{font-size:10px}.contact-meta{font-size:7px}.footer-inner{align-items:flex-start}.footer-inner>.mono{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.bts{background:#11110f}.bts .results-line{padding-top:2px}
.reference-work{background:#11110f}.reference-credit{display:flex;align-items:center;gap:10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.reference-credit-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}.reference-credit>a{margin-inline-start:auto;color:var(--lime);font:8px var(--mono);letter-spacing:.08em;white-space:nowrap}.reference-groups{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-top:28px}.reference-group h3{font:500 20px/1.2 var(--head);letter-spacing:-.04em;margin:0 0 12px}.reference-list{border-top:1px solid var(--line)}.reference-link{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.reference-link:hover{color:var(--lime);border-color:var(--line-strong)}.reference-no{font:9px var(--mono);color:var(--orange)}.reference-link strong{font-size:12px;font-weight:500}.reference-action{font:8px var(--mono);letter-spacing:.07em;color:var(--lime)}html[dir="rtl"] .reference-credit{direction:rtl}html[dir="rtl"] .reference-credit>a{margin-inline-start:0;margin-inline-end:auto}html[dir="rtl"] .reference-group{text-align:right}html[dir="rtl"] .reference-link{direction:rtl;text-align:right}@media(max-width:760px){.reference-groups{grid-template-columns:1fr;gap:26px}.reference-link{grid-template-columns:30px 1fr auto;gap:8px}.reference-action{font-size:7px}.reference-credit{align-items:flex-start;flex-wrap:wrap}.reference-credit>a{margin-inline-start:17px!important}html[dir="rtl"] .reference-credit>a{margin-inline-start:0!important;margin-inline-end:17px!important}}
.reference-groups{grid-template-columns:1fr;gap:34px}.reference-video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px}.reference-video-card{min-width:0;align-self:start;overflow:hidden;border:1px solid #ffffff18;background:#151513;transition:transform .2s,border-color .2s}.reference-video-card:hover{transform:translateY(-3px);border-color:#ffffff58}.reference-video-frame{width:100%;aspect-ratio:9/16;background:#090908}.reference-video-card[data-format="landscape"] .reference-video-frame{aspect-ratio:16/9}.reference-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#090908}.reference-video-info{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 11px}.reference-video-info strong{overflow:hidden;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.recovery-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}@media(max-width:1000px){.reference-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.reference-groups{grid-template-columns:1fr}.reference-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.reference-video-info{padding:9px}.reference-video-info strong{font-size:10px}}@media(max-width:500px){.reference-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-video-grid{grid-template-columns:1fr;max-width:none}.reference-video-info{min-height:40px;padding:8px}.reference-video-info strong{font-size:10px}}
.reference-video-frame{position:relative}.reference-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;padding:10px 16px;border:1px solid #ffffffa8;border-radius:99px;background:#11110fbd;color:var(--cream);cursor:pointer;font:9px var(--mono);letter-spacing:.08em;backdrop-filter:blur(7px);transition:background .2s,color .2s,transform .2s}.reference-play:hover{background:var(--lime);color:#151512;transform:translate(-50%,-50%) scale(1.04)}.reference-play[hidden]{display:none}