.sdr{--max: 1200px;--pad: clamp(16px, 2.8vw, 32px);--muted: #6f6f6f;--ink: #0f0f0f;--line: #e8e8e8;--hi: #ffe600}.sdr .container{width:100%;max-width:100vw;margin-inline:auto;padding-inline:var(--pad);overflow:hidden;box-sizing:border-box}.sdr img{display:block;width:100%;height:auto}.sdr img.image-loaded{opacity:1;transition:opacity .3s ease-in-out}.sdr img:not(.image-loaded){opacity:.7;transition:opacity .3s ease-in-out}.sdr-hero{position:relative}.salon-header{text-align:center;margin-bottom:var(--spacing-2xl)}.salon-header-button{margin-bottom:var(--spacing-xl)}.salon-header-title{max-width:1100px;margin:0 auto}.salon-header-title span{--reveal-color: var(--color-text-primary)}.sdr-hero__media{height:clamp(720px,calc(100vh - 120px),1200px)}@media (min-width: 751px) and (max-width: 1199px){.sdr-hero__media{height:clamp(624px,calc(100vh - 96px),1100px)}}@media (max-width: 750px){.sdr-hero__media{height:clamp(648px,calc(100vh - 72px),900px);border-radius:0!important}}@media (max-width: 480px){.sdr-hero__media{height:clamp(588px,calc(100vh - 72px),800px);border-radius:0!important}.sdr-hero__title{margin-bottom:50px}.sdr-hero{margin-top:0;padding-top:0}}@media (max-width: 600px){.sdr-hero__media{height:clamp(420px,90vh,700px);min-height:420px;border-radius:0!important}.sdr-hero__title{margin-bottom:50px}}.sdr-hero__media img{height:100%;object-fit:cover;object-position:var(--object-position, 50% 5%)}.sdr-hero__content{position:absolute;inset:0;display:grid;align-content:end;padding-block:clamp(18px,3vw,28px)}@media (max-width: 820px){.sdr-hero__content{padding-bottom:clamp(40px,8vw,60px);align-content:end}}@media (max-width: 600px){.sdr-hero__content{padding-bottom:clamp(50px,10vw,80px)}}.sdr-hero__title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(22px,4.2vw,44px);line-height:1.05;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.35)}.sdr-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,3vw,40px);padding-block:clamp(20px,5vw,60px);padding-top:clamp(30px,6vw,50px);margin-top:0;position:relative}@media (max-width: 900px){.sdr-intro{grid-template-columns:1fr}}.sdr-intro__mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:clamp(8px,1.4vw,14px)}.mosaic__item{border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.mosaic__lg{grid-column:1 / span 4;aspect-ratio:5/3}.mosaic__wide{grid-column:1 / span 5;aspect-ratio:7/3}.mosaic__sm{grid-column:6 / span 1;aspect-ratio:1/1}.mosaic__item:not(.mosaic__lg):not(.mosaic__wide):not(.mosaic__sm){grid-column:5 / span 2;aspect-ratio:5/4}.mosaic__item img{height:100%;object-fit:cover}.sdr-intro__copy{align-self:center}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted);margin-bottom:10px}.intro__title{font-size:clamp(20px,2.4vw,28px);line-height:1.2;margin:6px 0 10px;color:var(--color-text)}.intro__lead{color:var(--color-text-secondary);margin:0 0 8px}.intro__body{color:var(--color-text-secondary);margin:0 0 12px}.intro__fine{color:var(--color-text-quaternary);font-size:12px;line-height:1.5}.sdr-feature{padding-block:clamp(8px,3.5vw,40px)}.sdr-feature__card{border-radius:8px;overflow:hidden;box-shadow:0 16px 40px #0000001f}.sdr-feature__card img{object-fit:cover}.sdr-oursust{position:relative;overflow:hidden}.sdr-oursust__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sdr-oursust__bg:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000008c,#0000008c);pointer-events:none}.sdr-oursust__inner{position:relative;display:grid;gap:clamp(16px,3vw,40px);grid-template-columns:.9fr 1.1fr;align-items:center;padding-block:clamp(26px,6vw,70px)}@media (max-width: 900px){.sdr-oursust__inner{grid-template-columns:1fr}}.sdr-oursust__text{color:var(--color-highlight);max-width:52ch;backdrop-filter:contrast(.5)}.sdr-oursust__text h2{margin:0 0 8px;font-size:clamp(18px,2.2vw,26px)}.sdr-oursust__text p{margin:0;color:var(--color-highlight)}.sdr-oursust__image{border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #00000047}.sdr-oursust__image img{aspect-ratio:4/3;object-fit:cover}.sdr-statement{padding-block:clamp(28px,6vw,80px)}.sdr-statement__copy{text-align:center;color:var(--color-text-secondary);font-size:clamp(18px,2.8vw,28px);line-height:1.35;max-width:38ch;margin:0 auto}.sdr-gallery{display:grid;gap:clamp(12px,2vw,22px);grid-template-columns:1fr 1fr}@media (max-width: 820px){.sdr-gallery{grid-template-columns:1fr}}.sdr-gallery__item{border-radius:8px;overflow:hidden}.sdr-gallery__item img{aspect-ratio:16/10;object-fit:cover}.sdr-fineprint{padding-block:clamp(14px,3.5vw,28px)}.sdr-fineprint p{margin:0;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.06em;line-height:1.4}.sdr-cta{background:var(--hi);margin-block:clamp(26px,6vw,60px)}.sdr-cta__button{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--color-text-primary);text-decoration:none;font-weight:700;padding-block:clamp(16px,4vw,38px);font-size:clamp(18px,3.2vw,34px)}.sdr-cta__button:hover span:first-child{text-decoration:underline;text-underline-offset:6px}#card-3 .card-inner{position:relative}#card-3 .card-header{text-align:center;margin-bottom:2rem}#card-4{position:relative}#card-3 .card-header .card-info{margin-bottom:1rem}#card-3 .card-header .card-title{margin-bottom:.5rem}#card-3 .card-description-full p{line-height:1.8;font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:1.5rem;text-align:justify;position:relative}#card-3 .floating-carousel{float:none;margin:2rem auto;text-align:center;clear:both;display:block}@media (min-width: 1024px){#card-3 .text-grid-wrapper{display:grid;grid-template-columns:1fr minmax(400px,600px) 1fr;gap:2rem;align-items:start}#card-3 .text-left,#card-3 .text-right{display:flex;align-items:center}#card-3 .text-left p,#card-3 .text-right p{margin:0;text-align:justify;line-height:1.8;font-size:clamp(1rem,2.5vw,1.2rem)}#card-3 .floating-carousel{margin:1rem 0;width:100%;display:block}#card-3 .floating-carousel .carousel-container{width:100%;height:400px;margin:0}#card-3 .floating-carousel .carousel-nav{width:50px;height:50px;font-size:1.5rem}#card-3 .floating-carousel .carousel-prev{left:-25px}#card-3 .floating-carousel .carousel-next{right:-25px}}#card-3 .carousel-container{position:relative;width:80svw;height:600px;display:flex;align-items:center;justify-content:center}#card-3 .card-carousel{display:flex;flex-direction:column;align-items:center}#card-3 .carousel-container{margin:0 auto;max-width:100%}#card-3 .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:3px solid var(--hi);border-radius:50%;width:70px;height:70px;display:flex!important;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--ink);cursor:pointer;transition:all .3s ease;z-index:999!important;backdrop-filter:blur(10px);pointer-events:auto!important}#card-3 .carousel-nav:hover{background:var(--hi);color:var(--ink);transform:translateY(-50%) scale(1.1)}#card-3 .carousel-prev{left:-35px}#card-3 .carousel-next{right:-35px}#card-3 .carousel-track{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;box-shadow:0 8px 32px #0003}#card-3 .carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;background:var(--line)}#card-3 .carousel-slide.active{opacity:1}#card-3 .carousel-slide img{width:100%;height:100%;object-fit:contain;border-radius:12px}#card-3 .carousel-indicators{display:flex;gap:.75rem;margin-top:1rem}#card-3 .indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--hi);background:transparent;cursor:pointer;transition:all .3s ease}#card-3 .indicator.active{background:var(--hi)}#card-3 .indicator:hover{background:var(--hi);transform:scale(1.2)}@media (max-width: 768px){#card-1 .collection-mosaic{grid-template-columns:repeat(2,1fr)!important;height:auto}#card-1 .mosaic-detail-1,#card-1 .mosaic-detail-2,#card-1 .mosaic-detail-3,#card-1 .mosaic-detail-4,#card-1 .mosaic-detail-5,#card-1 .mosaic-detail-6,#card-1 .mosaic-detail-7,#card-1 .mosaic-tiny-1,#card-1 .mosaic-tiny-2,#card-1 .mosaic-tiny-3,#card-1 .mosaic-tiny-4{display:none!important}#card-1 .collection-mosaic>div{aspect-ratio:4/3}#card-2 .gallery-container{flex-direction:row;position:relative;width:100%;overflow:hidden}#card-2 .gallery-item{min-height:220px;min-width:0;flex:1 1 0;transition:all .3s ease}#card-2 .gallery-item.expanded{position:absolute;left:0;right:0;z-index:2;min-width:100%;flex:0 0 100%}#card-2 .gallery-item:not(.expanded){pointer-events:none}#card-2 .gallery-item img{object-fit:cover;width:100%;height:100%}#card-3 .text-grid-wrapper{display:block}#card-3 .text-left,#card-3 .text-right{display:block;margin-bottom:1.5rem}#card-3 .text-left p,#card-3 .text-right p{margin-bottom:1.5rem}#card-3 .floating-carousel{margin:2rem auto 1.5rem;width:auto;clear:both}#card-3 .floating-carousel .carousel-container{width:100%;max-width:100%;height:400px}#card-3 .carousel-nav{width:44px;height:44px;font-size:1.2rem}#card-3 .carousel-prev{left:6px}#card-3 .carousel-next{right:6px}#card-3 .carousel-indicators{gap:.5rem;margin-top:.75rem}#card-3 .indicator{width:10px;height:10px}}@media (max-width: 480px){#card-3 .text-grid-wrapper{display:block}#card-3 .text-left,#card-3 .text-right{display:block;margin-bottom:1rem}#card-3 .text-left p,#card-3 .text-right p{margin-bottom:1rem;font-size:1rem;line-height:1.6}#card-3 .floating-carousel{margin:1.5rem auto 1rem;width:auto;clear:both}#card-3 .floating-carousel .carousel-container{width:100%;height:300px}#card-3 .carousel-nav{width:40px;height:40px;font-size:1rem}#card-3 .carousel-prev{left:4px}#card-3 .carousel-next{right:4px}}#card-2 .card-gallery{margin-top:1rem;width:100%;flex:1;display:flex;flex-direction:column;min-height:300px}#card-2 .gallery-container{display:flex;gap:.75rem;width:100%;flex:1;min-height:250px;align-items:stretch;transition:all .5s ease}#card-2 .card-inner{min-height:600px;display:flex;flex-direction:column}#card-2 .gallery-item{flex:1;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);min-width:100px;min-height:220px;pointer-events:auto!important;z-index:1}#card-2 .gallery-item:hover{transform:translateY(-4px)}#card-2 .gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;border-radius:12px}#card-2 .gallery-item.expanded{flex:20 1 0;z-index:10;box-shadow:0 0 0 2px var(--hi)}#card-2 .gallery-item:not(.expanded){flex:1 1 0}#card-2 .gallery-item:not(.expanded):hover{opacity:.9}#card-2 .gallery-item.expanded img{filter:brightness(1.1) contrast(1.05)}#card-2 .gallery-container,#card-2 .gallery-item,#card-2 .gallery-item img{transition:all .5s cubic-bezier(.4,0,.2,1)}#card-2 .gallery-item:focus{outline:3px solid var(--hi);outline-offset:2px}#card-2 .gallery-item:not(.expanded):before{content:"";position:absolute;inset:0;background:#0003;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}#card-2 .gallery-item:not(.expanded):hover:before{opacity:.1}#card-2 .gallery-item img{transition:filter .3s ease}#card-2 .gallery-item img:hover{filter:brightness(1.1) saturate(1.1)}@media (max-width: 1024px){#card-2 .card-inner{min-height:300px}#card-2 .gallery-container{gap:.25rem;min-height:200px}#card-2 .gallery-item{min-height:200px;min-width:80px;flex:1 1 0}#card-2 .gallery-item.expanded{flex:20 1 0}}@media (max-width: 768px){#card-2 .card-inner{min-height:250px}#card-2 .gallery-container{gap:.2rem;min-height:200px}#card-2 .gallery-item{min-height:200px;min-width:60px;flex:1 1 0}#card-2 .gallery-item.expanded{flex:20 1 0}}@media (max-width: 640px){#card-2 .card-inner{min-height:200px}#card-2 .gallery-container{gap:.15rem;min-height:200px}#card-2 .gallery-item{min-height:200px;min-width:50px;flex:1 1 0}#card-2 .gallery-item.expanded{flex:20 1 0}}@media (max-width: 480px){#card-2 .card-inner{min-height:180px}#card-2 .gallery-container{gap:.1rem;min-height:180px}#card-2 .gallery-item{min-height:180px;min-width:40px;flex:1 1 0}#card-2 .gallery-item.expanded{flex:20 1 0}#card-2 .gallery-item img,#card-2 .gallery-item.expanded img{object-fit:cover}}.jokes-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;width:100%;margin-top:1.5rem;align-items:start;max-width:100%;overflow:hidden;box-sizing:border-box}.card-inner{overflow:hidden;max-width:100%;box-sizing:border-box}.card{max-width:100%;overflow:hidden;box-sizing:border-box}.joke-container.joke-left,.joke-container.joke-right{display:flex;flex-direction:column;gap:1rem}.joke-text{min-height:120px}.joke-container.joke-left .joke-image-container,.joke-container.joke-right .joke-image-container{inline-size:100%}.joke-left .joke-text{order:-1;text-align:center}.joke-left .joke-premise,.joke-left .joke-punchline{font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.4;margin-bottom:.5rem}.joke-left .joke-premise{font-weight:600;color:var(--hi)}.joke-left .joke-punchline{font-weight:500;color:var(--ink)}.joke-right .joke-text{order:-1;text-align:center}.joke-right .joke-premise,.joke-right .joke-punchline{font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.4;margin-bottom:.5rem}.joke-right .joke-premise{font-weight:600;color:var(--hi)}.joke-right .joke-punchline{font-weight:500;color:var(--ink)}.joke-container.joke-middle{display:flex;flex-direction:column;gap:1rem;grid-column:2;width:100%}.joke-middle .joke-text{order:-1;text-align:center;margin-bottom:1rem}.joke-middle .joke-premise,.joke-middle .joke-punchline{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.3;margin-bottom:.75rem}.joke-middle .joke-premise{font-weight:600;color:var(--hi)}.joke-middle .joke-punchline{font-weight:500;color:var(--ink)}.joke-image-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;max-width:100%;box-sizing:border-box}.joke-image-full{aspect-ratio:16/9;width:100%;max-width:100%;position:static;transform:none}.joke-flip-card{width:100%;height:100%;perspective:1000px;cursor:pointer}.joke-flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.joke-flip-card.flipped .joke-flip-card-inner{transform:rotateY(180deg)}.joke-flip-card-front,.joke-flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden}.joke-flip-card-front{background-color:var(--line)}.joke-flip-card-front img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.joke-flip-card-front:hover img{transform:scale(1.05)}.joke-flip-card-back{background-color:var(--hi);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.joke-tagline{font-size:clamp(1rem,4vw,1.5rem);font-weight:700;color:var(--ink);text-align:center;line-height:1.4;padding:1rem}@media (max-width: 768px){.jokes-grid{grid-template-columns:1fr;gap:1.5rem}.joke-container.joke-middle{grid-column:1;order:2}.joke-container.joke-left{order:1}.joke-container.joke-right{order:3}.joke-image-full{aspect-ratio:4/3;width:100%;position:static;transform:none;max-width:100%}.joke-middle .joke-text{margin-bottom:.5rem}.joke-middle .joke-premise,.joke-middle .joke-punchline{font-size:clamp(1rem,4vw,1.2rem)}}@media (max-width: 820px){#card-4{position:relative;height:auto}#card-4 .card-inner{height:auto;overflow:visible}#card-4 .jokes-grid{margin-bottom:1.25rem}}@media (max-width: 768px){#card-4.jokes-compact-3col .jokes-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}#card-4.jokes-compact-3col .joke-left .joke-premise,#card-4.jokes-compact-3col .joke-left .joke-punchline,#card-4.jokes-compact-3col .joke-middle .joke-premise,#card-4.jokes-compact-3col .joke-middle .joke-punchline,#card-4.jokes-compact-3col .joke-right .joke-premise,#card-4.jokes-compact-3col .joke-right .joke-punchline{font-size:clamp(.85rem,3.2vw,1rem);line-height:1.3}#card-4.jokes-compact-3col .joke-image-container{aspect-ratio:1 / 1}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.joke-flip-card-inner,.joke-flip-card-front img{transition:none}}#card-1 .collection-mosaic{margin-top:2rem;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,minmax(80px,auto));gap:clamp(4px,.8vw,8px);height:min(600px,80vh)}#card-1 .collection-mosaic>div{border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in}#card-1 .collection-mosaic>div:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #00000026}#card-1 .collection-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:900}.collection-lightbox-overlay.open{display:flex}.western-panorama-lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.western-panorama-lightbox-overlay.open{display:flex}.western-panorama-lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.western-panorama-lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.western-panorama-lightbox-close{position:absolute;top:-40px;right:0;background:#000c;color:#fff;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.western-panorama-lightbox-close:hover{background:#fff3}.western-panorama img:hover{cursor:pointer;transform:scale(1.02);transition:transform .3s ease}.western-panorama img{pointer-events:auto!important;position:relative;z-index:20}.western-panorama{position:relative;z-index:1;pointer-events:auto}.collection-lightbox-content{max-width:95vw;max-height:90vh}.collection-lightbox-content img{width:100%;height:100%;object-fit:contain}#card-1 .collection-mosaic img:hover{transform:scale(1.05)}#card-1 .mosaic-hero{grid-column:1 / 8;grid-row:1 / 5}#card-1 .mosaic-medium-1{grid-column:8 / 12;grid-row:1 / 4}#card-1 .mosaic-medium-2{grid-column:1 / 5;grid-row:5 / 8}#card-1 .mosaic-small-1{grid-column:5 / 7;grid-row:5 / 7}#card-1 .mosaic-small-2{grid-column:7 / 9;grid-row:5 / 7}#card-1 .mosaic-small-3{grid-column:9 / 11;grid-row:5 / 7}#card-1 .mosaic-small-4{grid-column:11 / 12;grid-row:4 / 6}#card-1 .mosaic-tiny-1{grid-column:5 / 6;grid-row:7 / 8}#card-1 .mosaic-tiny-2{grid-column:6 / 7;grid-row:7 / 8}#card-1 .mosaic-tiny-3{grid-column:7 / 8;grid-row:7 / 8}#card-1 .mosaic-tiny-4{grid-column:11 / 12;grid-row:6 / 8}#card-1 .mosaic-wide-1{grid-column:8 / 12;grid-row:4 / 6}#card-1 .mosaic-wide-2{grid-column:9 / 12;grid-row:6 / 8}#card-1 .mosaic-detail-1{grid-column:1 / 3;grid-row:1 / 2;border-radius:50%}#card-1 .mosaic-detail-2{grid-column:12 / 13;grid-row:1 / 2;border-radius:50%}#card-1 .mosaic-detail-3{grid-column:5 / 6;grid-row:1 / 2;border-radius:50%}#card-1 .mosaic-detail-4{grid-column:1 / 2;grid-row:3 / 4;border-radius:50%}#card-1 .mosaic-detail-5{grid-column:12 / 13;grid-row:3 / 4;border-radius:50%}#card-1 .mosaic-detail-6{grid-column:1 / 2;grid-row:8 / 9;border-radius:50%}#card-1 .mosaic-detail-7{grid-column:12 / 13;grid-row:8 / 9;border-radius:50%}@media (max-width: 768px){#card-1 .collection-mosaic{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(10,minmax(60px,auto));height:min(500px,70vh);gap:clamp(3px,.6vw,6px)}#card-1 .mosaic-hero{grid-column:1 / 6;grid-row:1 / 5}#card-1 .mosaic-medium-1{grid-column:6 / 9;grid-row:1 / 4}#card-1 .mosaic-medium-2{grid-column:1 / 5;grid-row:5 / 8}#card-1 .mosaic-small-1{grid-column:5 / 7;grid-row:5 / 7}#card-1 .mosaic-small-2{grid-column:7 / 9;grid-row:5 / 7}#card-1 .mosaic-small-3{grid-column:5 / 7;grid-row:7 / 9}#card-1 .mosaic-small-4{grid-column:7 / 9;grid-row:7 / 9}#card-1 .mosaic-tiny-1,#card-1 .mosaic-tiny-2,#card-1 .mosaic-tiny-3,#card-1 .mosaic-tiny-4{grid-column:span 2;grid-row:9 / 10}#card-1 .mosaic-wide-1,#card-1 .mosaic-wide-2{grid-column:1 / 9;grid-row:span 1}}@media (max-width: 480px){#card-1 .collection-mosaic{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,minmax(50px,auto));height:min(400px,60vh);gap:clamp(2px,.4vw,4px)}#card-1 .mosaic-hero{grid-column:1 / 5;grid-row:1 / 5}#card-1 .mosaic-medium-1,#card-1 .mosaic-medium-2{grid-column:span 3;grid-row:span 3}#card-1 .mosaic-detail-1,#card-1 .mosaic-detail-2,#card-1 .mosaic-detail-3,#card-1 .mosaic-detail-4,#card-1 .mosaic-detail-5,#card-1 .mosaic-detail-6,#card-1 .mosaic-detail-7{display:none}}.sticky-card-4 details{display:flex;flex-direction:row;background:transparent;color:var(--color-text-primary, white);height:35rem;border-radius:1.5rem;overflow:hidden;position:relative;z-index:1;--open-size: min(25vw, 220px);flex:1;min-width:120px;border:2px solid transparent;transition:border-color .3s ease}.sticky-card-4 details::marker{content:""}.sticky-card-4 details summary img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:filter .5s ease,transform .5s ease}.sticky-card-4 details[open] summary img{filter:brightness(.6) saturate(1.2);transform:scale(1.02)}.sticky-card-4 #porte-voix summary img{object-position:50% 30%}.sticky-card-4 #couvertures summary img{object-position:40% 50%}.sticky-card-4 #rassemblements summary img{object-position:60% 50%}.sticky-card-4 #solidarite summary img{object-position:50% 40%}.sticky-card-4 #resistance summary img{object-position:45% 55%}.sticky-card-4 details[open] #porte-voix summary img{object-position:50% 50%}.sticky-card-4 details[open] #couvertures summary img{object-position:50% 50%}.sticky-card-4 details[open] #rassemblements summary img{object-position:50% 50%}.sticky-card-4 details[open] #solidarite summary img{object-position:50% 50%}.sticky-card-4 details[open] #resistance summary img{object-position:50% 50%}.sticky-card-4 details summary{padding:.75rem .5rem;width:4rem;flex-shrink:0;text-align:center;cursor:pointer;transition:all .3s ease}.sticky-card-4 details summary:focus{outline:none}.sticky-card-4 details summary span{display:grid;place-content:center;width:100%;aspect-ratio:1;border-radius:50%;background:#0000004d;backdrop-filter:blur(4px);font-size:1.2rem;transition:all .3s ease}.sticky-card-4 details[open] summary span{background:var(--color-accent-1, #ffe600);color:var(--color-bg-primary, #000);transform:scale(1.1)}.sticky-card-4 details .details-content-wrapper{padding:1rem .75rem;width:var(--open-size);opacity:0;transform:translate(-10px);transition:all .5s ease}.sticky-card-4 details[open] .details-content-wrapper{opacity:1;transform:translate(0)}.sticky-card-4 .details-content-wrapper h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--color-accent-1, #ffe600)}.sticky-card-4 .details-content-wrapper p{margin:0;font-size:.9rem;line-height:1.4;opacity:.9;transform:translateY(10px);transition:all .5s ease .2s}.sticky-card-4 details[open] .details-content-wrapper p{transform:translateY(0)}.sticky-card-4 details:hover,.sticky-card-4 details:has(summary:focus){border-color:var(--color-accent-1, #ffe600);box-shadow:0 0 20px #ffe60033}.sticky-card-4 .details-content-wrapper{width:0;overflow:hidden;transition:width .5s ease}.sticky-card-4 details[open] .details-content-wrapper{width:var(--open-size)}@media (max-width: 768px){.dans-la-rue-accordion-wrapper{gap:.5rem;flex-wrap:wrap}.sticky-card-4 details{height:25rem;--open-size: min(35vw, 160px);min-width:120px}.sticky-card-4 details summary{width:3rem;padding:.5rem .25rem}.sticky-card-4 details summary span{font-size:1rem}.sticky-card-4 .details-content-wrapper{padding:.75rem .5rem;width:var(--open-size)}.sticky-card-4 .details-content-wrapper h3{font-size:1rem;margin-bottom:.25rem}.sticky-card-4 .details-content-wrapper p{font-size:.8rem;line-height:1.3}}@media (max-width: 480px){.dans-la-rue-accordion-wrapper{gap:.25rem}.sticky-card-4 details{height:12rem;--open-size: min(40vw, 140px);min-width:100px}.sticky-card-4 details summary{width:2.5rem;padding:.25rem}.sticky-card-4 details summary span{font-size:.9rem}.sticky-card-4 .details-content-wrapper{padding:.5rem .25rem}.sticky-card-4 .details-content-wrapper h3{font-size:.9rem}.sticky-card-4 .details-content-wrapper p{font-size:.75rem}}.dans-la-rue-accordion-wrapper{display:flex;flex-direction:row;gap:.75rem;width:100%;margin:.75rem 0;overflow-x:auto}.sticky-card-4 .sticky-card-header{margin-bottom:.5rem}@media (max-width: 600px){.sticky-card-2 .sticky-card-header{margin-bottom:8rem}.sticky-card-2 .soul-king-gallery{margin-top:1rem}#card-2 .card-description-first,#card-3 .card-title{display:none}}@media (max-width: 768px){.dans-la-rue-accordion-wrapper{gap:.5rem}}@media (max-width: 480px){.dans-la-rue-accordion-wrapper{gap:.25rem}}.sticky-card-4 details:not([open]){flex:1;min-width:0}.sticky-card-4:has(details[open]) details:not([open]){flex:0 0 60px;min-width:60px}@media (max-width: 768px){.sticky-card-4:has(details[open]) details:not([open]){flex:0 0 50px;min-width:50px}}@media (max-width: 480px){.sticky-card-4:has(details[open]) details:not([open]){flex:0 0 45px;min-width:45px}}.sticky-card-4:has(details[open]) details[open]{flex:1;min-width:0}.western-text-overlay{background:linear-gradient(135deg,#8b45131a,#d2691e33,#ffa5001a);border-radius:1rem;padding:2rem;margin:1.5rem 0;backdrop-filter:blur(8px);border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d}@media (min-width: 769px){.sticky-card-3 .sticky-card-content-wrapper{display:flex;gap:1.5rem;align-items:flex-start}.sticky-card-3 .western-text-overlay{flex:0 0 400px;margin:0;align-self:stretch;align-items:center}.sticky-card-3 .western-panorama-container{flex:1;margin:0}}@media (max-width: 768px){.sticky-card-3 .sticky-card-content-wrapper{display:block}.sticky-card-3 .western-text-overlay{display:none}.western-text-mobile{display:block}.sticky-card-3 .western-panorama-container{margin:0 0 1.5rem}}.western-panorama-container{position:relative;width:100%;height:25rem;border-radius:1rem;overflow-x:hidden;overflow-y:hidden;margin:1.5rem 0;box-shadow:0 8px 32px #0000004d}.western-panorama-container.debug{overflow:visible!important;border:2px solid red}.western-panorama.debug{border:2px solid blue}.western-panorama{position:relative;width:6900px;min-width:2000px;height:100%;flex-shrink:0;background-image:url(/assets/img/SDGDR/background/optimized/istockphoto-968272302-612x612-612.webp);background-size:contain;background-position:center;display:flex;align-items:flex-end;overflow:visible;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;cursor:default;z-index:1;pointer-events:none}.western-panorama:active{cursor:grabbing}.western-panorama::-webkit-scrollbar{display:none}.western-panorama img{height:80%;width:auto;max-width:200px;object-fit:contain;margin:0 10px;border-radius:.5rem;box-shadow:0 4px 12px #0003;transition:transform .3s ease,box-shadow .3s ease;filter:sepia(20%) saturate(1.2) contrast(1.1)}.western-panorama img:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d;filter:sepia(10%) saturate(1.4) contrast(1.2)}.western-text-content{text-align:center;color:#fff;max-width:600px;padding:2rem;background:#0006;border-radius:1rem;backdrop-filter:blur(8px);border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d}.western-text-content p{font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);background:linear-gradient(45deg,gold,orange,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9}.western-text-mobile{display:none;margin-top:1.5rem;text-align:center}.western-text-mobile p{font-size:1.1rem;line-height:1.6;background:linear-gradient(45deg,gold,orange,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;padding:1.5rem;background:#0006;border-radius:1rem;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d;max-width:600px;margin:0 auto}.western-navigation{display:flex;gap:1rem;justify-content:center;align-items:center}.panorama-nav{background:linear-gradient(135deg,#8b4513,#d2691e);border:2px solid #FFD700;color:#fff;font-size:1.5rem;padding:.75rem 1rem;border-radius:50%;cursor:pointer;transition:all .3s ease;width:50px;height:50px;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:999!important;pointer-events:auto!important}.panorama-nav:hover{background:linear-gradient(135deg,sienna,peru);transform:scale(1.1);box-shadow:0 6px 20px #0006}.panorama-nav:active{transform:scale(.95)}.panorama-nav:focus{outline:2px solid #FFD700;outline-offset:2px}.panorama-nav:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.western-panorama-container+.western-navigation-fixed{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15}.western-panorama-container+.western-navigation-fixed button{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#000000e6;border-radius:50%;backdrop-filter:blur(15px);border:3px solid rgba(255,215,0,.7);box-shadow:0 6px 20px #0009;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:20;transition:all .3s ease}.western-panorama-container+.western-navigation-fixed button:hover{background:#000000f2;transform:translateY(-50%) scale(1.1);border-color:#ffd700e6;box-shadow:0 8px 25px #000000b3}.western-panorama-container+.western-navigation-fixed button:first-child{left:20px}.western-panorama-container+.western-navigation-fixed button:last-child{right:20px}@media (min-width: 1025px){.western-panorama-container+.western-navigation-fixed{position:relative;inset:auto;width:auto;height:auto;margin:.5rem auto 0;display:flex;gap:1rem;background:#000000e6;padding:.75rem 1.5rem;border-radius:2rem;backdrop-filter:blur(15px);border:2px solid rgba(255,215,0,.6);box-shadow:0 10px 40px #0009;pointer-events:auto;z-index:10}.western-panorama-container+.western-navigation-fixed button{position:static;top:auto;transform:none;width:50px;height:50px;background:#000000e6;border-radius:50%;backdrop-filter:blur(15px);border:3px solid rgba(255,215,0,.7);box-shadow:0 6px 20px #0009;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:20;transition:all .3s ease}.western-panorama-container+.western-navigation-fixed button:first-child,.western-panorama-container+.western-navigation-fixed button:last-child{left:auto;right:auto}}.western-panorama:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(139,69,19,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(210,105,30,.2) 0%,transparent 50%),radial-gradient(circle at 60% 90%,rgba(244,164,96,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.western-panorama:after{content:"🌵";position:absolute;bottom:10%;left:15%;font-size:3rem;opacity:.6;z-index:1;animation:sway 4s ease-in-out infinite}@media (max-width: 768px){.western-panorama-container{height:20rem}.sticky-card-3 .western-panorama{width:5340px}.western-panorama img{max-width:150px;margin:0 8px}.western-text-content{max-width:90%;padding:1.5rem}.western-text-content p{font-size:1rem}.panorama-nav{font-size:1.2rem;width:45px;height:45px}}@media (max-width: 480px){.western-panorama-container{height:15rem}.sticky-card-3 .western-panorama{width:4350px!important}.western-panorama img{max-width:120px;margin:0 5px;height:70%}.western-text-content{padding:1rem;max-width:95%}.western-text-content p{font-size:.9rem}.western-navigation{gap:.5rem}.panorama-nav{font-size:1rem;width:40px;height:40px;padding:.5rem .75rem}}@media (max-width: 360px){.western-panorama-container{height:12rem;margin:1rem 0}.sticky-card-3 .western-panorama{width:3690px!important}.western-panorama img{max-width:100px;margin:0 3px;height:65%}.western-text-content{padding:.75rem}.western-text-content p{font-size:.8rem}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.sticky-card-3 .western-panorama-container{max-width:100%;overflow:hidden;box-sizing:border-box}.sticky-card-3 .western-panorama{max-width:none}.western-panorama-container *{max-width:100%;box-sizing:border-box}.sticky-card-3{overflow:hidden;max-width:100%}.sticky-card-3 .sticky-card-header{text-align:center}.sticky-card-3 .sticky-card-content{overflow:hidden;max-width:100%}.sticky-card-3 .sticky-card-content-wrapper{overflow:hidden;max-width:100%;gap:0}.work-showcase{position:relative;width:100%;padding:3rem 1.5rem;background-color:var(--color-bg-primary);overflow:hidden}.work-showcase-intro{text-align:center;margin-bottom:4rem}.work-showcase-intro h2{font-size:3rem;font-weight:200;letter-spacing:-.1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary-accent, #9332a8));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.work-showcase-intro p{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.work-showcase-container{position:relative;width:100%;display:flex;flex-direction:column;gap:3rem;overflow:hidden}.work-row{flex:1;width:100%;display:flex;gap:1.5rem}.work-item{flex:1;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(100px) rotate(-15deg);transition:opacity .6s ease-out,transform .6s ease-out;position:relative}.work-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,var(--color-secondary-accent) 50%,transparent 100%);opacity:.12;pointer-events:none;border-radius:12px}.work-item.animate-in{opacity:1;transform:translateY(0) rotate(0)}.work-item:nth-child(2n){transform:translateY(100px) rotate(15deg)}.work-item.animate-in:nth-child(2n){transform:translateY(0) rotate(0)}.work-item-img{aspect-ratio:4/3;overflow:hidden;border-radius:8px;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.work-item-img:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.work-item-img img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.work-item-img:hover img{transform:scale(1.05)}.work-item-content{display:flex;flex-direction:column;gap:.5rem}.work-item-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025rem;color:var(--color-accent);margin:0;transition:color .3s ease}.work-item-description{font-size:1rem;font-weight:500;letter-spacing:-.0125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.work-item-link{text-decoration:none;color:inherit;transition:color .3s ease}.work-item-link:hover .work-item-title{color:var(--color-secondary-accent, #9332a8)}.work-item-link:hover .work-item-description{color:var(--color-text-primary)}@media (max-width: 1000px){.work-showcase{padding:2rem 1rem}.work-showcase-intro h2{font-size:2.5rem}.work-showcase-intro p{font-size:1rem}.work-showcase-container,.work-row{gap:2rem}.work-row{flex-direction:column}.work-item{gap:1.5rem}.work-item-img{aspect-ratio:3/2}}@media (max-width: 600px){.work-showcase-intro h2{font-size:2rem}.work-showcase-container,.work-row{gap:1.5rem}}@media (max-width: 400px){.sdr .container{padding-inline:clamp(8px,2vw,16px)}}@media (max-width: 330px){.sdr .container{padding-inline:8px}}.hero,.outro{position:relative;width:100%;height:100svh;padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f9f4eb;color:#141414}.outro h1{text-transform:uppercase;font-family:Barlow Condensed;font-size:5rem;font-weight:900;line-height:1}.sticky-cards{position:relative;width:100%;background-color:#0f0f0f}.card{position:sticky;width:100%;height:125svh;transform-style:preserve-3d;perspective:1000px}.sticky-cards .card{position:relative;isolation:isolate}.sticky-cards .pin-spacer{z-index:inherit!important}.card-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;transform-origin:50% 100%;will-change:transform;text-align:center}#card-1 .card-inner{background-color:var(--color-accent)}#card-2 .card-inner{background-color:var(--color-secondary-accent)}#card-3 .card-inner{background-color:var(--color-tertiary-accent)}#card-4{height:auto;min-height:100svh}#card-4 .card-inner{background-color:var(--color-quaternary-accent);min-height:100svh}.card-info{width:25%;padding:4em;text-align:left}.card-info p{font-size:.9rem;text-transform:uppercase;font-weight:500;color:var(--color-text)}.card-title h1{font-size:10rem;padding:2rem 0 0;text-transform:uppercase;font-family:Barlow Condensed;font-weight:900;line-height:1;color:var(--color-text)}.card-description{width:60%;margin:0 auto 2em}.card-description p{font-size:1.5rem;text-transform:uppercase;font-weight:500;color:var(--color-text)}.card-img{width:100%;height:100%;margin-top:4em;overflow:hidden}.card-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:var(--after-opacity, 0);will-change:opacity;pointer-events:none;z-index:0}@media (max-width: 1000px){.outro h1,.card-description{width:calc(100% - 4rem);font-size:3rem;margin:0 auto}.card-info{width:75%;margin:0 auto;padding:4em 2em;text-align:center}.card-title h1{font-size:3rem}.card-description p{font-size:1.25rem}}.horizontal-slider-section{position:relative;width:100%;height:600px;background:linear-gradient(360deg,#1e3a5f,#2c5aa0,#3d7dca);overflow:hidden;display:flex;align-items:center;justify-content:center}.slider{position:relative;width:100%;height:500px;overflow:hidden;user-select:none}.slide-track{position:absolute;width:100%;height:100%;display:flex}.slide{flex-shrink:0;width:350px;height:500px;margin:0 20px;position:relative;overflow:visible;display:flex;flex-direction:column;cursor:pointer}.slide-image{width:100%;height:100%;overflow:hidden;flex:1}.slide-image img{width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(2.25);user-select:none}.slide-overlay{position:absolute;bottom:-1.75rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.slide:hover .slide-overlay{opacity:calc(1 - var(--slider-moving, 1))}.project-title{text-transform:uppercase;font-weight:500;font-size:.8rem;color:var(--color-white);font-family:DM Mono,monospace}.project-arrow{width:16px;height:16px}.project-arrow svg{stroke:var(--color-white);stroke-width:2}@media (max-width: 1000px){.horizontal-slider-section{height:350px}.slider{height:250px}.slide{width:175px;height:250px}.slide-image img{transform:scale(1.5)}}.animated-timeline-hero,.animated-timeline-outro{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--color-text);color:var(--color-white);overflow:hidden}.animated-timeline-hero h1,.animated-timeline-outro h1{text-align:center;font-size:80px;text-transform:uppercase;font-family:FK Screamer,sans-serif;font-weight:lighter;line-height:1}.animated-timeline-hero h1 span,.animated-timeline-outro h1 span{color:var(--color-tertiary-accent)}.animated-timeline-sticky{position:relative;width:100%;height:100vh;overflow:hidden}.animated-timeline-bg-img{position:absolute;top:0;left:0;width:100%;height:100%}.animated-timeline-bg-img img{width:100%;height:100%;object-fit:fill}.animated-timeline-outline-layer,.animated-timeline-fill-layer{position:absolute;top:0;left:0;width:150%!important;height:150%!important}.animated-timeline-outline-layer{z-index:1}.animated-timeline-fill-layer{z-index:3;pointer-events:none}.animated-timeline-cards{position:absolute;top:0;left:0;padding-left:clamp(10rem,calc(10vw + 2rem),20rem);width:600%;height:100vh;display:flex;justify-content:flex-start;align-items:center;will-change:transform;z-index:2;gap:clamp(10rem,calc(10vw + 2rem),20rem)}.animated-timeline-card{position:relative;width:clamp(350px,30vw,400px);height:75%;background-color:var(--color-text);display:flex;flex-direction:column;gap:1em;padding:1.5em;flex-shrink:0}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{transform:scale(1.02);box-shadow:0 8px 25px #0000004d}.animated-timeline-card-img,.animated-timeline-card-title{flex:1;overflow:hidden}.animated-timeline-card-img img{width:100%;height:100%;object-fit:cover}.animated-timeline-card-title{color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between}.animated-timeline-card-title h1{text-transform:uppercase;font-family:FK Screamer,sans-serif;font-weight:lighter;font-size:24px;line-height:1;margin:0}.animated-timeline-card-title p{font-size:14px;font-weight:500;margin:0}@media (max-width: 900px){.animated-timeline-hero h1,.animated-timeline-outro h1{font-size:40px}.animated-timeline-card-title h1{font-size:18px}}@media (max-width: 480px){.animated-timeline-cards{padding-left:2rem}}.scroll-masks-nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:35%;padding:1rem 0;display:flex;justify-content:center;align-items:center;background-color:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;z-index:2}.scroll-masks-nav img{width:1.5rem;object-fit:contain}.scroll-masks-intro,.scroll-masks-outro{position:relative;width:100%;height:100svh;background-color:#161616;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.scroll-masks-spotlight{position:relative;width:100%;height:100svh;background-color:#101010;color:#fff;overflow:hidden}.scroll-masks-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%;z-index:1}.scroll-masks-header h1{text-transform:uppercase;font-family:Barlow Condensed;font-size:6rem;font-weight:900;line-height:.85;letter-spacing:-.02rem}.scroll-masks-spotlight-images{position:absolute;top:0;left:0;width:100%;height:300svh;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(5%);will-change:transform}.scroll-masks-row{width:100%;padding:2rem;display:flex;gap:2rem}.scroll-masks-img{flex:1;aspect-ratio:5/7;overflow:hidden}.scroll-masks-img img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(0)}.scroll-masks-mask-container{position:absolute;top:0;left:0;width:100%;height:100svh;-webkit-mask:url(/assets/masks/spotlight-mask.svg) center/contain no-repeat;mask:url(/assets/masks/spotlight-mask.svg) center/contain no-repeat;overflow:hidden;-webkit-mask-size:0%;mask-size:0%;z-index:10}.scroll-masks-mask-container .scroll-masks-mask-img{width:100%;height:100%}.scroll-masks-mask-container .scroll-masks-mask-img img{width:100%;height:100%;object-fit:cover}@media (max-width: 1000px){.scroll-masks-header h1{font-size:3rem}.karim-nav,.scroll-masks-header{width:calc(100% - 4rem)}.scroll-masks-spotlight-images{width:200vw;left:-25vw}}:root{--light: #ffffff;--dark: #000000}.scroll-to-scatter-intro,.scroll-to-scatter-outro{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--light);color:var(--dark)}.scroll-to-scatter-intro h1,.scroll-to-scatter-outro h1{width:50%;text-align:center;font-size:5rem;font-weight:500;letter-spacing:-.1rem;line-height:.9;font-family:"Instrument Serif",sans-serif}.scroll-to-scatter-spotlight{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden;background-color:var(--dark);color:var(--light)}.scroll-to-scatter-spotlight-images,.scroll-to-scatter-spotlight-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.scroll-to-scatter-img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-1000px);width:500px;height:350px;will-change:transform}.scroll-to-scatter-img img{width:100%;height:100%;object-fit:cover}.scroll-to-scatter-spotlight-cover-img{will-change:transform}.scroll-to-scatter-spotlight-cover-img img{width:100%;height:100%;object-fit:cover}.scroll-to-scatter-spotlight-intro-header,.scroll-to-scatter-spotlight-outro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%}.scroll-to-scatter-spotlight-intro-header h1,.scroll-to-scatter-spotlight-outro-header h1{font-size:5rem;font-weight:500;letter-spacing:-.1rem;line-height:.9;font-family:"Instrument Serif",sans-serif}.scroll-to-scatter-spotlight-intro-header{z-index:1}.scroll-to-scatter-spotlight-outro-header{z-index:2}@media (max-width: 1000px){.scroll-to-scatter-intro h1,.scroll-to-scatter-outro h1{width:100%;font-size:3rem;line-height:1}.scroll-to-scatter-spotlight-intro-header,.scroll-to-scatter-spotlight-outro-header{width:90%;padding:2rem}.scroll-to-scatter-spotlight-intro-header h1,.scroll-to-scatter-spotlight-outro-header h1{font-size:2rem;line-height:1.1;word-wrap:break-word;hyphens:auto}}@media (max-width: 768px){.scroll-to-scatter-intro h1,.scroll-to-scatter-outro h1{font-size:2.5rem}.scroll-to-scatter-spotlight-intro-header,.scroll-to-scatter-spotlight-outro-header{width:95%;padding:1rem}.scroll-to-scatter-spotlight-intro-header h1,.scroll-to-scatter-spotlight-outro-header h1{font-size:2rem}}@media (max-width: 480px){.scroll-to-scatter-intro h1,.scroll-to-scatter-outro h1{font-size:2rem}.scroll-to-scatter-spotlight-intro-header h1,.scroll-to-scatter-spotlight-outro-header h1{font-size:1.75rem;line-height:1.2}}.char{transition:color .15s ease-out}#sdrHeroTitle{position:relative}.word{display:inline-block;margin-right:.25em}#sdrHeroTitle .char{will-change:color}.sticky-cards-intro-js,.sticky-cards-outro-js{position:relative;width:100%;height:100svh;background-color:var(--color-background);color:var(--color-text-primary);display:flex;justify-content:center;align-items:center;text-align:center}.sticky-cards-intro-js h1,.sticky-cards-outro-js h1{font-size:7rem;font-weight:800;letter-spacing:-.35rem;line-height:1.1}.sticky-cards-section{position:relative;width:100%;height:100%;background-color:var(--color-background)}.sticky-card{position:relative;width:100%;height:100svh;background-color:var(--color-background);color:var(--color-text-primary);padding:1.5rem;display:flex;gap:3rem;will-change:transform;overflow:visible}.sticky-card-1{background-color:var(--color-accent)!important}.sticky-card-2{background-color:var(--color-secondary-accent)!important}.sticky-card-3{background-color:var(--color-tertiary-accent)!important}.sticky-card-4{background-color:var(--color-quaternary-accent)!important}.sticky-card-4 .sticky-card-content-wrapper{width:95%}.sticky-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:var(--after-opacity, 0);transition:opacity .1s ease;pointer-events:none;z-index:2}.sticky-card-index{flex:2}.sticky-card-index h1{font-size:7rem;font-weight:800;letter-spacing:-.35rem;line-height:1.1}.sticky-card-content{flex:4;padding-top:1.5rem}.sticky-card-content-wrapper{width:75%;display:flex;flex-direction:column;gap:1.5rem}.sticky-card-header h1{font-size:4rem;font-weight:800;letter-spacing:-.2rem;line-height:1.1}.sticky-card-img img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}.sticky-card-copy{display:flex;gap:1.5rem}.sticky-card-copy-title{flex:2}.sticky-card-copy-description{flex:4}.sticky-card-copy-title p{text-transform:uppercase;font-weight:650;font-size:1.125rem;color:var(--color-text-primary)}.sticky-card-copy-description p{font-size:1.125rem;font-weight:500;color:var(--color-text-primary)}.sticky-card-2 .sticky-card-copy{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);margin:0;width:calc(100% - 3rem);max-width:600px}.sticky-card-2 .sticky-card-copy-description{margin:0}.soul-king-gallery{width:100%;height:480px;margin:2rem 0;display:block;overflow:visible}.central-image{position:absolute;top:calc(50% - 187.5px);left:calc(50% - 125px);width:250px;height:375px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000004d;z-index:2}.central-image img{width:100%;height:100%;object-fit:cover}.surrounding-img{position:absolute;border-radius:8px;overflow:hidden;opacity:.8;transition:opacity .3s ease,transform .3s ease;width:80px;height:80px}.surrounding-img:hover:not(.enlarged){opacity:1;transform:scale(2.5);z-index:10;box-shadow:0 15px 40px #0009;border-radius:12px;transition:all .4s ease}.surrounding-img.enlarged{opacity:1;transform:scale(2.5);z-index:10;box-shadow:0 15px 40px #0009;border-radius:12px;transition:all .4s ease}.surrounding-img.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;object-fit:contain!important;background:#000000f2!important;z-index:9999!important;transform:none!important;border:none!important;border-radius:0!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:none!important}.surrounding-img img{width:100%;height:100%;object-fit:cover}.surrounding-img.fullscreen img{object-fit:contain}.surrounding-img-1{top:calc(50% - 250px);left:calc(50% - 150px)}.surrounding-img-2{top:calc(50% - 250px);right:calc(50% - 150px)}.surrounding-img-3{top:calc(50% - 50px);left:calc(50% - 200px)}.surrounding-img-4{top:calc(50% - 50px);right:calc(50% - 200px)}.surrounding-img-5{bottom:calc(50% - 250px);left:calc(50% - 150px)}.surrounding-img-6{bottom:calc(50% - 250px);right:calc(50% - 150px)}.surrounding-img-7{top:calc(50% - 250px);left:calc(50% - 40px)}.surrounding-img-8{top:calc(50% - 150px);right:calc(50% - 175px)}.surrounding-img-9{top:calc(50% - 50px);left:50%;transform:translate(-50%)}.surrounding-img-10{bottom:calc(50% - 250px);left:50%;transform:translate(-50%)}.surrounding-img-11{bottom:calc(50% - 150px);right:calc(50% - 175px)}.surrounding-img-12{top:calc(50% - 150px);left:calc(50% - 175px)}.surrounding-img-13{bottom:calc(50% - 150px);left:calc(50% - 175px)}@media (max-width: 1000px){.sticky-cards-intro-js h1,.sticky-cards-outro-js h1,.sticky-card-index h1,.sticky-card-header h1{font-size:2rem;letter-spacing:0}.sticky-card-copy-title p,.sticky-card-copy-description p{font-size:1rem}.sticky-card{flex-direction:column;gap:0}.sticky-card-content-wrapper{width:100%}.sticky-card-copy{flex-direction:column;gap:.5rem}.sticky-card-index{flex:1}.soul-king-gallery{height:380px}.central-image{top:calc(50% - 150px);left:calc(50% - 100px);width:200px;height:300px}.surrounding-img-1{top:calc(50% - 200px);left:calc(50% - 120px)}.surrounding-img-2{top:calc(50% - 200px);right:calc(50% - 120px)}.surrounding-img-3{top:calc(50% - 40px);left:calc(50% - 160px)}.surrounding-img-4{top:calc(50% - 40px);right:calc(50% - 160px)}.surrounding-img-5{bottom:calc(50% - 200px);left:calc(50% - 120px)}.surrounding-img-6{bottom:calc(50% - 200px);right:calc(50% - 120px)}.surrounding-img-7{top:calc(50% - 200px);left:calc(50% - 32px)}.surrounding-img-8{top:calc(50% - 120px);right:calc(50% - 140px)}.surrounding-img-9{top:calc(50% - 40px);left:50%;transform:translate(-50%)}.surrounding-img-10{bottom:calc(50% - 200px);left:50%;transform:translate(-50%)}.surrounding-img-11{bottom:calc(50% - 120px);right:calc(50% - 140px)}.surrounding-img-12{top:calc(50% - 120px);left:calc(50% - 140px)}.surrounding-img-13{bottom:calc(50% - 120px);left:calc(50% - 140px)}.surrounding-img{width:60px;height:60px}}@media (max-width: 600px){.soul-king-gallery{height:300px}.central-image{top:calc(50% - 112.5px);left:calc(50% - 75px);width:150px;height:225px}.surrounding-img-1{top:calc(50% - 150px);left:calc(50% - 90px)}.surrounding-img-2{top:calc(50% - 150px);right:calc(50% - 90px)}.surrounding-img-3{top:calc(50% - 30px);left:calc(50% - 120px)}.surrounding-img-4{top:calc(50% - 30px);right:calc(50% - 120px)}.surrounding-img-5{bottom:calc(50% - 150px);left:calc(50% - 90px)}.surrounding-img-6{bottom:calc(50% - 150px);right:calc(50% - 90px)}.surrounding-img-7{top:calc(50% - 150px);left:calc(50% - 24px)}.surrounding-img-8{top:calc(50% - 90px);right:calc(50% - 105px)}.surrounding-img-9{top:calc(50% - 30px);left:50%;transform:translate(-50%)}.surrounding-img-10{bottom:calc(50% - 150px);left:50%;transform:translate(-50%)}.surrounding-img-11{bottom:calc(50% - 90px);right:calc(50% - 105px)}.surrounding-img-12{top:calc(50% - 90px);left:calc(50% - 105px)}.surrounding-img-13{bottom:calc(50% - 90px);left:calc(50% - 105px)}.surrounding-img{width:50px;height:50px}}.circle-cards-container{position:relative;width:100%;height:100svh;padding:2rem;background:linear-gradient(135deg,#1e3a5f,#2c5aa0);overflow:hidden;contain:layout style}.circle-cards-intro-cards,.circle-cards-outro-cards{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.circle-cards-card{position:absolute;width:120px;height:165px;top:50%;left:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform}.circle-cards-outro-cards .circle-cards-card:nth-child(2),.circle-cards-outro-cards .circle-cards-card:nth-child(3){transform-origin:right bottom}.circle-cards-outro-cards .circle-cards-card:nth-child(4),.circle-cards-outro-cards .circle-cards-card:nth-child(5){transform-origin:left bottom}.circle-cards-card img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:100%;max-height:100%}.circle-cards-card-front,.circle-cards-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.circle-cards-card-front{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#0e0e0e;transform:rotateY(180deg);box-shadow:0 4px 12px #0000004d}.circle-cards-card-front p{font-size:1rem;font-weight:700;margin:0;text-align:center}.circle-cards-card-front .card-title{font-size:.875rem;opacity:.8;margin-bottom:.25rem}.circle-cards-card-front .card-number{font-size:1.25rem;font-weight:900}.circle-cards-card{transform:translate(-50%,-50%) scale(0)}.circle-cards-container{background:linear-gradient(135deg,#1e3a5f,#2c5aa0,#3d7dca);position:relative}.circle-cards-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.5;pointer-events:none}.circle-cards-card-front{background:linear-gradient(135deg,#fdf6e3,#f4e4bc);border:2px solid #d4af37;color:#2c3e50}.circle-cards-card-front .card-title{color:#8b4513;font-family:"serif"}.circle-cards-card-front .card-number{color:#d4af37;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 1000px){.circle-cards-container{padding:1rem}.circle-cards-card{width:90px;height:124px}.circle-cards-card-front{padding:.5rem}.circle-cards-card-front p{font-size:.875rem}.circle-cards-card-front .card-title{font-size:.75rem}.circle-cards-card-front .card-number{font-size:1rem}}@media (max-width: 768px){.circle-cards-card{width:50px;height:69px}.circle-cards-card-front{padding:.375rem}.circle-cards-card-front .card-title{font-size:.625rem}.circle-cards-card-front .card-number{font-size:.875rem}}@media (max-width: 480px){.circle-cards-card{width:40px;height:55px}.circle-cards-card-front{padding:.25rem}.circle-cards-card-front p{font-size:.5rem}.circle-cards-card-front .card-title{font-size:.375rem}.circle-cards-card-front .card-number{font-size:.625rem}.circle-cards-hero-footer h2{font-size:1.25rem}}.circle-cards-hero-footer{position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:center;pointer-events:none}.circle-cards-hero-footer h2{font-size:clamp(8rem,18vw,12rem);font-weight:900;color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.2em;margin:0;transform:scale(.1);transform-origin:bottom;will-change:transform;text-align:center}@media (max-width: 1000px){.circle-cards-hero-footer{padding:1rem}.circle-cards-hero-footer h2{font-size:clamp(6rem,14vw,10rem);letter-spacing:.15em}}@media (max-width: 768px){.circle-cards-hero-footer h2{font-size:clamp(4rem,16vw,8rem)}}