/* Detail Dubai — site styles (generated from the design) */
/* motion v1 */
:root{--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:96px}
a,button,summary{transition:color .35s ease,background-color .35s ease,border-color .35s ease,opacity .35s ease,box-shadow .5s var(--ease)}
a svg,button svg{transition:translate .5s var(--ease)}
a:hover>svg[stroke],article:hover a>svg[stroke]{translate:5px 0}
header[style*="sticky"]{background:rgba(10,10,11,.76)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.nav-links a{padding-bottom:3px;background:linear-gradient(#E5152E,#E5152E) 0 100%/0 1px no-repeat;transition:color .35s ease,background-size .55s var(--ease)}
.nav-links a:hover{color:#FFFFFF!important;background-size:100% 1px}
a[style*="background: #E5152E"],button[style*="background: #E5152E"]{position:relative;overflow:hidden;isolation:isolate}
a[style*="background: #E5152E"]::after,button[style*="background: #E5152E"]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);translate:-120% 0;transition:translate 1s var(--ease);pointer-events:none}
a[style*="background: #E5152E"]:hover::after,button[style*="background: #E5152E"]:hover::after{translate:120% 0}
a[style*="background: #E5152E"]:hover,button[style*="background: #E5152E"]:hover{background-color:#F0263E!important;box-shadow:0 14px 34px -14px rgba(229,21,46,.75)}
a[style*="border: 1px solid #5A5A5A"]:hover,a[style*="border: 1px solid #E5152E"]:hover,a[style*="border: 1px solid #3A3A3A"]:hover{border-color:#FFFFFF!important;background-color:rgba(255,255,255,.05)}
a[style*="background: #0A0A0B"]:hover,.h-scroll>article:not(.pkg):hover{background-color:#121214!important}
.h-scroll>article{transition:background-color .6s var(--ease)}
.zoom{overflow:hidden;overflow:clip}
.zoom>img,.zoom>video{transition:scale 1.6s var(--ease)}
.zoom:hover>img,.zoom:hover>video,article:hover .zoom>img,figure:hover .zoom>video{scale:1.06}
.c-thumb{transition:opacity .5s ease,outline-color .5s ease}
.faq-q:hover{color:#FFFFFF!important}
.faq-q:focus-visible{outline:2px solid #E5152E;outline-offset:4px}
.faq-item{transition:border-color .5s ease}
.faq-item[data-open="true"]{border-bottom-color:#3A3A3A!important}
.faq-icon{position:relative;width:18px;height:18px;flex:none}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .65s var(--ease)}
.faq-icon::after{transform:rotate(90deg)}
[data-open="true"] .faq-icon::before,[data-open="true"] .faq-icon::after{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .6s var(--ease),visibility 0s linear .6s}
.faq-a>div{overflow:hidden;min-height:0}
.faq-a p{opacity:0;translate:0 -8px;transition:opacity .3s ease,translate .6s var(--ease)}
[data-open="true"] .faq-a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .65s var(--ease),visibility 0s}
[data-open="true"] .faq-a p{opacity:1;translate:0 0;transition:opacity .55s ease .12s,translate .75s var(--ease) .06s}
@keyframes dd-drop{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes dd-pop{from{opacity:0;translate:0 16px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes dd-ring{0%{box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.55)}70%,100%{box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 18px rgba(37,211,102,0)}}
.nav-burger[open]>:not(summary){animation:dd-drop .5s var(--ease) both}
.fab[open]>:not(summary){animation:dd-pop .55s var(--ease) both;transform-origin:100% 100%}
.fab>summary{transition:scale .5s var(--ease)}
.fab>summary:hover{scale:1.07}
.fab:not([open])>summary{animation:dd-ring 2.8s ease-out 3s infinite}
@keyframes dd-up{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@keyframes dd-up-blur{from{opacity:0;translate:0 30px;filter:blur(10px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes dd-unzoom{from{scale:1.14}to{scale:1}}
@keyframes dd-media{from{opacity:0;clip-path:inset(10% 10% 10% 10%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes dd-par{to{translate:0 14%}}
.hero-copy>*,.intro>*{animation:dd-up 1.15s var(--ease) both}
.hero-copy>h1,.intro>h1{animation-name:dd-up-blur}
.hero-copy>:nth-child(2),.intro>:nth-child(2){animation-delay:.09s}
.hero-copy>:nth-child(3),.intro>:nth-child(3){animation-delay:.18s}
.hero-copy>:nth-child(4),.intro>:nth-child(4){animation-delay:.27s}
.hero-copy>:nth-child(5),.intro>:nth-child(5){animation-delay:.36s}
.hero-copy>:nth-child(6),.intro>:nth-child(6){animation-delay:.45s}
.hero-media img{animation:dd-unzoom 2.8s var(--ease) both}
.hero-media video{animation:dd-media 1.5s var(--ease) .25s both}
@keyframes dd-rise{from{opacity:0;translate:0 52px}to{opacity:1;translate:0 0}}
@keyframes dd-clip{from{opacity:.3;clip-path:inset(16% 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@supports (animation-timeline: view()){
.hero-media img{animation:dd-unzoom 2.8s var(--ease) both,dd-par linear both;animation-timeline:auto,scroll(root);animation-range:normal,0px 900px}
section:not(:first-of-type) :is(h2,p:has(+ h2),h2 + p,.faq-item,.work-player,.work-list,.rv),
section:not(:first-of-type) [style*="display: grid"]:not([style*="background"]):not(.lounge-grid)>*,
section:not(:first-of-type) [style*="display: grid"][style*="background"]>*>*{animation:dd-rise linear both;animation-duration:auto;animation-timeline:view();animation-range:entry 0px entry 300px}
section:not(:first-of-type) [style*="display: grid"]>:nth-child(3n+2),section:not(:first-of-type) [style*="display: grid"]>:nth-child(3n+2)>*{animation-range:entry 40px entry 340px}
section:not(:first-of-type) [style*="display: grid"]>:nth-child(3n+3),section:not(:first-of-type) [style*="display: grid"]>:nth-child(3n+3)>*{animation-range:entry 80px entry 380px}
.lounge-grid>*{animation:dd-clip linear both;animation-duration:auto;animation-timeline:view();animation-range:entry 0% cover 45%}
}
@media (max-width: 700px){
.h-scroll *,.lounge-grid>*,.work-list,.work-list *{animation:none!important}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
html{scroll-behavior:auto}
}
.steps>li{position:relative}
.steps>li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#E5152E;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease)}
.steps>li:hover::before{transform:scaleX(1)}
.steps>li>div{transition:translate .6s var(--ease)}
.steps>li:hover>div{translate:6px 0}
@media (hover: none){@supports (animation-timeline: view()){.steps>li::before{animation:dd-line linear both;animation-timeline:view();animation-range:entry 60% cover 45%}}}
@keyframes dd-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dots{cursor:default}
.dots circle{fill:#FFFFFF;fill-opacity:.85;transform-box:fill-box;transform-origin:center;transition:fill .7s var(--ease) var(--d,0ms),fill-opacity .7s ease var(--d,0ms),scale .7s var(--ease) var(--d,0ms)}
.dots:hover circle{fill:var(--c);fill-opacity:1;scale:1.12}
.ig-tile .zoom>img,.ig-tile .zoom>video{transition:scale 1.6s var(--ease),filter .8s ease}
.ig-tile:hover .zoom>img,.ig-tile:hover .zoom>video{scale:1.06;filter:brightness(1.08)}
.ig-tile .ig-cta svg{transition:translate .5s var(--ease)}
.ig-tile:hover .ig-cta svg{translate:3px -3px}
.ig-tile::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,0);transition:border-color .6s ease;pointer-events:none}
.ig-tile:hover::after{border-color:rgba(255,255,255,.35)}
.cmp-wrap [role="row"],.cmp-wrap [role="row"]>*{animation:none!important}
.why-card{position:relative;transition:background-color .6s var(--ease)}
.why-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#E5152E;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease)}
.why-card:hover{background-color:#111113!important}
.why-card:hover::before{transform:scaleX(1)}
.why-card>span{transition:letter-spacing .6s var(--ease)}
.why-card:hover>span{letter-spacing:.32em!important}
.pkg{transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .5s ease}
.pkg:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.pkg[style*="background: #FFFFFF"]:hover{border-color:#0A0A0A!important}
.pkg a[style*="border: 1px solid #0A0A0A"]:hover{background-color:#0A0A0A;color:#FFFFFF!important}
.cap{position:relative;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .5s ease}
.cap::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:#E5152E;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease)}
.cap:hover{transform:translateY(-6px);border-color:#BDBDBD!important;box-shadow:0 24px 48px -28px rgba(0,0,0,.35)}
.cap:hover::before{transform:scaleX(1)}
.price-row,.addon,.factor{position:relative;isolation:isolate}
.price-row::after,.addon::after{content:"";position:absolute;inset:0 -14px;z-index:-1;background:rgba(10,10,11,.04);opacity:0;transition:opacity .5s ease}
.price-row:hover::after,.addon:hover::after{opacity:1}
.price-row>[role="cell"]:first-child,.addon>span:first-child,.factor>span{display:inline-block}
.price-row>[role="cell"],.addon>span{transition:translate .6s var(--ease),color .4s ease}
.price-row:hover>[role="cell"]:first-child,.addon:hover>span:first-child{translate:8px 0}
.price-row:hover>[role="cell"]:last-child,.addon:hover>span:last-child{color:#E5152E}
.factor{transition:color .4s ease}
.factor:hover{color:#FFFFFF!important}
.factor::before{content:"";position:absolute;left:-16px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#E5152E;scale:0;transition:scale .5s var(--ease)}
.factor:hover::before{scale:1}
.cmp-wrap [role="row"]{transition:background-color .4s ease}
.cmp-wrap [role="row"]+[role="row"]:hover{background-color:rgba(255,255,255,.035)}
.svc-row{position:relative}
.svc-row::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#E5152E;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease)}
.svc-row:hover::after{transform:scaleX(1)}
.svc-row>span:first-child{transition:translate .6s var(--ease)}
.svc-row:hover>span:first-child{translate:12px 0}
.svc-row .svc-arrow{transition:translate .6s var(--ease)}
.svc-row:hover .svc-arrow{translate:8px 0}
a[style*="background: #25D366"]:hover{filter:brightness(1.07);box-shadow:0 14px 34px -14px rgba(37,211,102,.7)}
nav[aria-label="Breadcrumb"] a:hover{color:#FFFFFF!important}
@supports (animation-timeline: view()){.price-row,.addon,.factor,.svc-row,.pkg,.cap{animation:dd-rise linear both;animation-duration:auto;animation-timeline:view();animation-range:entry 0px entry 240px}}
.wa-pop[open]>.wa-panel{animation:dd-drop .5s var(--ease) both}
.wa-pop>summary::-webkit-details-marker{display:none}
summary[style*="background: #25D366"]:hover{filter:brightness(1.07);box-shadow:0 14px 34px -14px rgba(37,211,102,.7)}
@media (max-width: 860px){.qr-desk{display:none!important}}
.facade .facade-cta svg,.facade .pin{transition:translate .5s var(--ease),scale .5s var(--ease)}
.facade:hover .facade-cta svg{translate:3px -3px}
.facade:hover .pin{scale:1.12}
.facade:hover .zoom>img{scale:1.05}
.work-media .work-vid{opacity:0;transition:opacity .6s ease}
.work-media.is-playing .work-vid{opacity:1}
.work-media .work-play{transition:opacity .4s ease,translate .5s var(--ease)}
.work-media.is-playing .work-play{opacity:0;translate:0 6px}
.work-media .zoom-dummy{display:none}
.work-media img,.work-media video{transition:scale 1.6s var(--ease),opacity .6s ease}
figure:hover .work-media img,figure:hover .work-media video{scale:1.05}
.good-new{animation:dd-up 1.1s var(--ease) .35s both}
.mk-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.mk-item{position:relative;padding:8px 0;font-size:clamp(13px,1.15vw,16px);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;white-space:nowrap;color:#6B6B6B;cursor:default;animation:dd-lit 16s linear infinite;animation-delay:calc(var(--i) * 2s - 16s)}
.mk-item::after{content:"";position:absolute;left:0;right:0.16em;bottom:0;height:1px;background:#E5152E;transform:scaleX(0);transform-origin:0 50%;animation:dd-lit-line 16s linear infinite;animation-delay:calc(var(--i) * 2s - 16s)}
.mk-item:hover{color:#FFFFFF!important}
.mk-item:hover::after{transform:scaleX(1)!important;transition:transform .5s var(--ease)}
@keyframes dd-lit{0%{color:#6B6B6B}3%,12.5%{color:#FFFFFF}15.5%,100%{color:#6B6B6B}}
@keyframes dd-lit-line{0%{transform:scaleX(0);transform-origin:0 50%}4%{transform:scaleX(1);transform-origin:0 50%}12.5%{transform:scaleX(1);transform-origin:100% 50%}15.5%{transform:scaleX(0);transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}
@media (max-width: 700px){section.mk>div[style]{padding-top:26px!important;padding-bottom:22px!important}.mk-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.mk-item{justify-self:start}}
.lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:rgba(5,5,6,0.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.lb[data-open="true"]{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
.lb-inner{position:relative;height:min(84vh,880px);aspect-ratio:9/16;max-width:100%;scale:.94;transition:scale .6s var(--ease)}
.lb[data-open="true"] .lb-inner{scale:1}
.lb-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.lb-cap{position:absolute;left:0;right:0;top:100%;margin-top:12px;display:flex;gap:12px;align-items:baseline;font-size:17px;font-weight:700;color:#FFFFFF}
.lb-cap span{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.lb-close{position:absolute;top:0;left:100%;margin-left:14px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#FFFFFF;border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;transition:background-color .3s ease,rotate .5s var(--ease)}
.lb-close:hover{background:rgba(255,255,255,.18);rotate:90deg}
@media (max-width: 700px){.lb{padding:0}.lb-inner{height:100%;width:100%;aspect-ratio:auto}.lb-close{left:auto;right:14px;top:14px;margin:0;background:rgba(10,10,11,.6)}.lb-cap{top:26px;bottom:auto;left:16px;right:76px;margin:0;flex-direction:column;gap:2px;text-shadow:0 1px 8px rgba(0,0,0,.8)}}
html:has(.lb[data-open="true"]){overflow:hidden}
.watch-btn{transition:background-color .35s ease,translate .5s var(--ease)}
.watch-btn:hover{background-color:#E5152E!important;color:#FFFFFF!important}
.watch-btn:hover span{color:#FFD7DC!important}
.c-eq{display:inline-flex;align-items:flex-end;gap:3px;width:18px;height:16px;flex:none;opacity:0;transition:opacity .4s ease}
.c-eq i{display:block;width:3px;height:30%;background:#E5152E;border-radius:1px}
.c-eq[data-on="true"]{opacity:1}
.c-eq[data-on="true"] i{animation:dd-eq 1s ease-in-out infinite}
.c-eq[data-on="true"] i:nth-child(2){animation-delay:-.35s}
.c-eq[data-on="true"] i:nth-child(3){animation-delay:-.7s}
@keyframes dd-eq{0%,100%{height:25%}50%{height:100%}}
.wa-direct{display:none!important}
@media (max-width: 860px),(hover: none){.fab{display:none!important}.fab-direct{display:flex!important}.wa-pop{display:none!important}.wa-direct{display:inline-flex!important}}
@media (max-width: 860px){.fab-direct{bottom:88px!important;right:16px!important}}
.fab-direct{transition:scale .5s var(--ease)}.fab-direct:active{scale:.94}
.fab-direct{animation:dd-ring 2.8s ease-out 3s infinite}
.hero-video-on .hero-vid{opacity:1!important}
@media (prefers-reduced-motion: reduce){.hero-vid{display:none}}
.gmap-card{transition:translate .5s var(--ease),box-shadow .5s var(--ease)}
.gmap-card:hover{translate:0 -3px;box-shadow:0 20px 44px rgba(0,0,0,.45)!important}
.gmap-card .gmap-go{transition:translate .5s var(--ease)}
.gmap-card:hover .gmap-go{translate:4px 0}
@media (max-width: 480px){.gmap-go{display:none}}
.lang-link{color:#9E9E9E!important;transition:color .3s ease}
.lang-link[aria-current="true"]{color:#FFFFFF!important}
.lang-link:hover{color:#FFFFFF!important}
@media (max-width: 860px){.lang-sw{display:none!important}}
[dir="rtl"],[dir="rtl"] *{font-family:'IBM Plex Sans Arabic','Source Sans 3',sans-serif!important;letter-spacing:0!important}
[dir="rtl"] h1,[dir="rtl"] h2{line-height:1.25!important}
[dir="rtl"] [style*="text-align: left"]{text-align:right!important}
[dir="rtl"] svg:has(> path[d^="M5 12h14"]),[dir="rtl"] svg:has(> path[d^="M7 17L17 7"]),[dir="rtl"] svg:has(> path[d^="M8 5v14"]){transform:scaleX(-1)}
[dir="rtl"] a:hover>svg[stroke],[dir="rtl"] article:hover a>svg[stroke]{translate:-5px 0}
[dir="rtl"] a[href^="tel:"],[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .steps>li::before,[dir="rtl"] .why-card::before,[dir="rtl"] .cap::before,[dir="rtl"] .svc-row::after,[dir="rtl"] .mk-item::after{transform-origin:100% 50%}
[dir="rtl"] .nav-links a{background-position:100% 100%}
[dir="rtl"] .svc-row:hover>span:first-child{translate:-12px 0}
[dir="rtl"] .svc-row:hover .svc-arrow{translate:-8px 0}
[dir="rtl"] .price-row:hover>[role="cell"]:first-child,[dir="rtl"] .addon:hover>span:first-child{translate:-8px 0}
[dir="rtl"] .steps>li:hover>div{translate:-6px 0}
[dir="rtl"] .factor::before{left:auto;right:-16px}
[dir="rtl"] .faq-a p{text-align:right}
[dir="rtl"] .grad,[dir="rtl"] .eyebrow{letter-spacing:0!important}
[dir="rtl"] svg{direction:ltr}
[dir="rtl"] .rev-text{text-align:left}
/* /motion v1 */

/* service-tinting */
body{margin:0;background:#0A0A0B}
summary::-webkit-details-marker{display:none}
summary{list-style:none}
@media (max-width: 860px){.nav-links,.nav-cta{display:none!important}.nav-burger{display:block!important}.m-hide{display:none!important}.tabbar{display:flex!important}body{padding-bottom:72px}.fab{bottom:88px!important;right:16px!important}}
@media (max-width: 700px){section[style*="max-width: 1240px"],section > div[style*="max-width: 1240px"],footer > div[style*="max-width: 1240px"]{padding-top:72px!important;padding-bottom:72px!important}[style*="min-height: 860px"]{min-height:640px!important}[style*="grid-column: span 2"]{grid-column:auto!important}[style*="minmax(200px, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[style*="padding: 44px 40px"],[style*="padding: 48px 44px"],[style*="padding: 36px 40px"]{padding:28px 22px!important}
.h-scroll,.lounge-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-24px!important;margin-right:-24px!important;padding:0 24px 6px!important;background:none!important;border:none!important;scrollbar-width:none}
.h-scroll::-webkit-scrollbar,.lounge-grid::-webkit-scrollbar,.work-list::-webkit-scrollbar{display:none}
.h-scroll>*{flex:0 0 80%!important;min-width:0;scroll-snap-align:start;border:1px solid #1E1E1E}
.h-scroll>a[style*="grid-row: span 2"]{min-height:0!important;aspect-ratio:4/5}
.lounge-grid>img{flex:0 0 80%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5;grid-row:auto!important;scroll-snap-align:start}
.work-player video{aspect-ratio:4/5!important}.work-player>div{padding:80px 20px 18px!important}
.work-list{flex-direction:row!important;overflow-x:auto;gap:10px;margin:16px -24px 0!important;padding:0 24px 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.work-list>button{flex:0 0 104px!important;width:104px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:0!important;border:none!important;background:none!important;scroll-snap-align:start}
.work-head,.c-num,.c-sub,.c-arrow{display:none!important}.c-thumb{width:104px!important;height:132px!important}.c-name{font-size:13px!important;line-height:1.25!important}
.marquee{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-top:24px!important;padding-bottom:24px!important}
.marquee-mask{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content;animation:dd-marquee 22s linear infinite}.marquee-track .dup{display:inline!important}}
@keyframes dd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Main */
body{margin:0;background:#0A0A0B}
a{color:#EDEDED}a:hover{color:#FFFFFF}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.eyebrow{display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:28px;height:2px;flex:none;background:#E5152E}
.grad{color:#E5152E}
@media (max-width: 860px){.nav-links,.nav-cta{display:none!important}.nav-burger{display:block!important}.m-hide{display:none!important}.tabbar{display:flex!important}body{padding-bottom:72px}.fab{bottom:88px!important;right:16px!important}}
@media (max-width: 700px){section[style*="max-width: 1240px"],section > div[style*="max-width: 1240px"],footer > div[style*="max-width: 1240px"]{padding-top:72px!important;padding-bottom:72px!important}[style*="min-height: 860px"]{min-height:640px!important}[style*="grid-column: span 2"]{grid-column:auto!important}[style*="minmax(200px, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[style*="padding: 44px 40px"],[style*="padding: 48px 44px"],[style*="padding: 36px 40px"]{padding:28px 22px!important}
.h-scroll,.lounge-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-24px!important;margin-right:-24px!important;padding:0 24px 6px!important;background:none!important;border:none!important;scrollbar-width:none}
.h-scroll::-webkit-scrollbar,.lounge-grid::-webkit-scrollbar,.work-list::-webkit-scrollbar{display:none}
.h-scroll>*{flex:0 0 80%!important;min-width:0;scroll-snap-align:start;border:1px solid #1E1E1E}
.h-scroll>a[style*="grid-row: span 2"]{min-height:0!important;aspect-ratio:4/5}
.lounge-grid>img{flex:0 0 80%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5;grid-row:auto!important;scroll-snap-align:start}
.work-player video{aspect-ratio:4/5!important}.work-player>div{padding:80px 20px 18px!important}
.work-list{flex-direction:row!important;overflow-x:auto;gap:10px;margin:16px -24px 0!important;padding:0 24px 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.work-list>button{flex:0 0 104px!important;width:104px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:0!important;border:none!important;background:none!important;scroll-snap-align:start}
.work-head,.c-num,.c-sub,.c-arrow{display:none!important}.c-thumb{width:104px!important;height:132px!important}.c-name{font-size:13px!important;line-height:1.25!important}
.marquee{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-top:24px!important;padding-bottom:24px!important}
.marquee-mask{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content;animation:dd-marquee 22s linear infinite}.marquee-track .dup{display:inline!important}}
@keyframes dd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SiteFooter */
body{margin:0}

/* NotFound-404 */
body{margin:0;background:#0A0A0B}
a{color:#EDEDED}a:hover{color:#FFFFFF}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.eyebrow{display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:28px;height:2px;flex:none;background:#E5152E}
.grad{color:#E5152E}
@media (max-width: 860px){.nav-links,.nav-cta{display:none!important}.nav-burger{display:block!important}.m-hide{display:none!important}.tabbar{display:flex!important}body{padding-bottom:72px}.fab{bottom:88px!important;right:16px!important}}
@media (max-width: 700px){section[style*="max-width: 1240px"],section > div[style*="max-width: 1240px"],footer > div[style*="max-width: 1240px"]{padding-top:72px!important;padding-bottom:72px!important}[style*="min-height: 860px"]{min-height:640px!important}[style*="grid-column: span 2"]{grid-column:auto!important}[style*="minmax(200px, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[style*="padding: 44px 40px"],[style*="padding: 48px 44px"],[style*="padding: 36px 40px"]{padding:28px 22px!important}
.h-scroll,.lounge-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-24px!important;margin-right:-24px!important;padding:0 24px 6px!important;background:none!important;border:none!important;scrollbar-width:none}
.h-scroll::-webkit-scrollbar,.lounge-grid::-webkit-scrollbar,.work-list::-webkit-scrollbar{display:none}
.h-scroll>*{flex:0 0 80%!important;min-width:0;scroll-snap-align:start;border:1px solid #1E1E1E}
.h-scroll>a[style*="grid-row: span 2"]{min-height:0!important;aspect-ratio:4/5}
.lounge-grid>img{flex:0 0 80%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5;grid-row:auto!important;scroll-snap-align:start}
.work-player video{aspect-ratio:4/5!important}.work-player>div{padding:80px 20px 18px!important}
.work-list{flex-direction:row!important;overflow-x:auto;gap:10px;margin:16px -24px 0!important;padding:0 24px 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.work-list>button{flex:0 0 104px!important;width:104px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:0!important;border:none!important;background:none!important;scroll-snap-align:start}
.work-head,.c-num,.c-sub,.c-arrow{display:none!important}.c-thumb{width:104px!important;height:132px!important}.c-name{font-size:13px!important;line-height:1.25!important}
.marquee{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding-top:24px!important;padding-bottom:24px!important}
.marquee-mask{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content;animation:dd-marquee 22s linear infinite}.marquee-track .dup{display:inline!important}}
@keyframes dd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dd-foam{0%{transform:scale(0);opacity:0}25%{opacity:1}70%{transform:scale(1);opacity:.95}100%{transform:scale(1.15);opacity:0}}
@keyframes dd-shine{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(220%) skewX(-20deg)}}
@keyframes dd-drip{0%{transform:translateY(-6px);opacity:0}20%{opacity:.9}100%{transform:translateY(40px);opacity:0}}
.dd-foam{animation:dd-foam 1.6s ease-out forwards}
.dd-shine{animation:dd-shine 1.4s ease-in-out 1.1s forwards}

/* VisitBlock */
body{margin:0;background:#050505}