:root{--ink:#e8eadc;--muted:#a9ad9c;--olive:#151710;--olive-2:#1d2118;--sage:#9fa88e;--teal:#25a89d;--amber:#f6ad43;--line:rgba(232,234,220,.18);--brown:#75614d;--ease:cubic-bezier(.22,1,.36,1);--shell:min(92vw,1440px)}
*{box-sizing:border-box}
html{background:var(--olive);color:var(--ink);scroll-behavior:smooth}
body{margin:0;background:var(--olive);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300;overflow-x:hidden;opacity:1;transition:opacity .35s ease}
body.is-entering{opacity:0}
body.is-leaving{opacity:0}
body.menu-open{overflow:hidden}
::selection{background:var(--amber);color:#10120d}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{line-height:1.65}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Manrope",sans-serif;font-weight:300;letter-spacing:-.055em;line-height:.9}
em{color:var(--amber);font-style:normal}
.section-shell{width:var(--shell);margin-inline:auto}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:500}
.lead{font-size:clamp(1.25rem,2vw,2rem);line-height:1.35;letter-spacing:-.025em}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid rgba(232,234,220,.55);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;transition:background .35s,color .35s,border-color .35s,transform .35s}
.button:hover{background:var(--ink);border-color:var(--ink);color:var(--olive);transform:translateY(-2px)}
.button-fill{background:var(--teal);border-color:var(--teal);color:#09110f}
.button-fill:hover{background:var(--amber);border-color:var(--amber)}
.text-link{display:inline-flex;gap:18px;align-items:center;margin-top:24px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:.79rem;letter-spacing:.12em;text-transform:uppercase}
.text-link span{transition:transform .3s}
.text-link:hover span{transform:translate(4px,-4px)}
[data-reveal]{opacity:0;transform:translateY(46px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--delay,0ms)}
[data-reveal].is-visible{opacity:1;transform:none}
.page-wipe{position:fixed;inset:0;background:#0d0f0b;z-index:999;pointer-events:none;transform:translateY(-100%)}

.site-header{position:fixed;left:0;top:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:100;color:var(--ink);mix-blend-mode:normal;transition:height .35s,background .35s,backdrop-filter .35s,border-color .35s;border-bottom:1px solid transparent}
.site-header.scrolled{height:70px;background:rgba(21,23,16,.82);backdrop-filter:blur(16px);border-color:var(--line)}
.brand{position:relative;z-index:2;width:108px}
.brand img{width:100%;height:auto}
.site-nav{display:flex;gap:clamp(24px,3vw,58px);align-items:center}
.site-nav a{position:relative;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(232,234,220,.72);transition:color .3s}
.site-nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-8px;background:var(--amber);transition:right .35s var(--ease)}
.site-nav a:hover,.site-nav a.active{color:var(--ink)}
.site-nav a:hover:after,.site-nav a.active:after{right:0}
.menu-toggle{display:none;background:none;border:0;color:inherit;width:44px;height:44px;position:relative;z-index:3}
.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:7px auto;transition:transform .3s}

.hero{height:220vh;position:relative;background:#11130d}
.hero-stage{height:100vh;position:sticky;top:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#2a301f 0,#171a12 45%,#0f110c 100%);isolation:isolate}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,6,4,.26),transparent 20%,transparent 80%,rgba(5,6,4,.3));pointer-events:none}
.hero-shade{position:absolute;inset:0;z-index:7;background:#10120d;opacity:calc(var(--hero-progress,0) * .74);pointer-events:none}
.hero-kicker{position:absolute;z-index:9;top:15%;left:50%;transform:translateX(-50%);font-size:clamp(.8rem,1.1vw,1.1rem);font-weight:500;letter-spacing:.55em;margin:0;color:rgba(232,234,220,.8)}
.hero-logo{position:absolute;z-index:9;width:min(62vw,950px);left:50%;top:28%;transform:translateX(-50%) scale(calc(1 - var(--hero-progress,0) * .05));filter:none}
.hero-art{position:absolute;z-index:3;will-change:transform,filter,opacity;filter:blur(calc(var(--hero-progress,0) * 10px)) saturate(calc(1 - var(--hero-progress,0) * .28));opacity:calc(1 - var(--hero-progress,0) * .7);transform:translate3d(var(--mouse-x,0px),calc(var(--scroll-y,0px) + var(--mouse-y,0px)),0) rotate(var(--rotate,0deg)) scale(calc(1 + var(--hero-progress,0) * .08));transform-origin:center;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.38)}
.hero-art img{width:100%;height:100%;object-fit:cover}
.hero-art-a{--depth:1.3;--rotate:-6deg;width:22vw;height:37vw;max-height:60vh;left:-4vw;top:14vh}
.hero-art-b{--depth:.75;--rotate:4deg;width:18vw;height:27vw;right:4vw;top:-7vh}
.hero-art-c{--depth:1.05;--rotate:-3deg;width:25vw;height:25vw;right:-7vw;bottom:-4vh}
.hero-art-d{--depth:.55;--rotate:3deg;width:20vw;height:30vw;left:21vw;bottom:-18vh}
.hero-art-e{--depth:1.45;--rotate:5deg;width:16vw;height:26vw;right:25vw;top:62vh}
.hero-content{position:absolute;z-index:10;left:50%;top:67%;width:min(92vw,760px);transform:translate(-50%,calc(35px - var(--hero-progress,0) * 35px));text-align:center;opacity:clamp(0,calc((var(--hero-progress,0) - .42) * 2.7),1)}
.hero-content p{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;margin-bottom:24px}
.hero-content div{display:flex;justify-content:center;gap:12px}
.scroll-cue{position:absolute;z-index:9;left:4vw;bottom:5vh;writing-mode:vertical-rl;font-size:.58rem;letter-spacing:.22em;color:rgba(232,234,220,.5);opacity:calc(1 - var(--hero-progress,0) * 2)}

.intro{padding:160px 0 180px}
.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}
.intro h1{font-size:clamp(5rem,12vw,12rem);margin:30px 0 0}
.intro-grid>div:last-child{max-width:520px;padding-bottom:24px}
.intro-grid>div:last-child>p:not(.lead){color:var(--muted)}
.floating-gallery{position:relative;height:120vh;min-height:850px;width:100%;overflow:hidden;background:#10120d}
.floating-piece{position:absolute;will-change:transform}
.floating-piece img{width:100%;height:100%;object-fit:cover;transition:filter .5s,transform .7s var(--ease)}
.floating-piece span{position:absolute;left:0;bottom:-30px;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.floating-piece:hover img{filter:brightness(.7);transform:scale(1.025)}
.floating-1{width:22vw;height:30vw;left:6vw;top:13vh}
.floating-2{width:19vw;height:28vw;left:37vw;top:45vh}
.floating-3{width:24vw;height:18vw;right:4vw;top:10vh}
.floating-4{width:16vw;height:24vw;right:13vw;bottom:3vh}
.artist-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center;padding:190px 0}
.artist-photo{height:min(75vh,860px);overflow:hidden}
.artist-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.75)}
.artist-copy h2{font-size:clamp(3.5rem,7vw,8rem);max-width:800px;margin:25px 0 40px}
.artist-copy>p:not(.eyebrow){max-width:630px;color:var(--muted);font-size:1.08rem}
.featured-work{padding:90px 0 180px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}
.section-heading h2{font-size:clamp(3.4rem,7vw,7.5rem);margin:24px 0 0}
.art-grid,.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8vw 3vw}
.shop-grid{padding-bottom:180px}
.art-card{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:#0d0e0a}
.art-card:nth-child(4n+2),.art-card:nth-child(4n+3){aspect-ratio:1/1}
.art-card figure{position:absolute;inset:0;margin:0;overflow:hidden}
.art-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .6s}
.art-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,4vw,54px);background:linear-gradient(transparent 25%,rgba(8,9,6,.9));opacity:0;transition:opacity .5s}
.art-card-overlay p{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:9px;transform:translateY(20px);transition:transform .6s var(--ease)}
.art-card-overlay h3{font-size:clamp(2rem,4vw,4.4rem);margin-bottom:16px;transform:translateY(25px);transition:transform .65s var(--ease)}
.art-card-overlay span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transform:translateY(30px);transition:transform .7s var(--ease)}
.art-card:hover img,.art-card.is-tapped img{transform:scale(1.055);filter:brightness(.52)}
.art-card:hover .art-card-overlay,.art-card.is-tapped .art-card-overlay{opacity:1}
.art-card:hover .art-card-overlay>* ,.art-card.is-tapped .art-card-overlay>*{transform:none}
.home-cta{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.home-cta:after{content:"";position:absolute;inset:0;background:rgba(12,14,9,.72)}
.home-cta>img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:saturate(.7)}
.home-cta>div{position:relative;z-index:1}
.home-cta p{font-size:.7rem;letter-spacing:.2em}
.home-cta h2{font-size:clamp(4rem,10vw,10rem);margin:25px 0 46px}

.page-hero{min-height:82vh;padding-top:210px;display:grid;grid-template-columns:1fr .4fr;grid-template-rows:auto 1fr;column-gap:8vw;align-items:end}
.page-hero>.eyebrow{grid-column:1/-1;align-self:start}
.page-hero h1{font-size:clamp(5rem,12vw,12rem);margin:35px 0 70px}
.page-hero>p:last-child{align-self:end;margin-bottom:85px;color:var(--muted);font-size:1rem;max-width:470px}
.art-detail{padding-top:170px;min-height:100vh;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}
.art-detail-copy{padding-bottom:60px}
.art-detail-copy h1{font-size:clamp(4rem,7vw,8rem);margin:24px 0 42px}
.art-detail-copy>.lead{color:var(--muted)}
.art-detail-copy dl{margin:45px 0;display:grid;gap:0}
.art-detail-copy dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;font-size:.82rem}
.art-detail-copy dt{color:var(--muted)}
.art-detail-copy dd{margin:0;text-align:right}
.art-detail-image{margin:0;min-height:75vh;opacity:0;transform:translateX(-70px);transition:opacity 1.2s .25s var(--ease),transform 1.2s .25s var(--ease)}
.art-detail-image.is-visible{opacity:1;transform:none}
.art-detail-image img{width:100%;height:100%;max-height:82vh;object-fit:contain}
.other-products{padding:180px 0}
.other-products .art-grid{grid-template-columns:repeat(3,1fr);gap:2vw}

.about-title{display:block;padding-top:220px;min-height:72vh}
.about-title h1{margin-top:50px}
.about-collage{position:relative;min-height:130vh;margin-bottom:100px}
.about-collage img{position:absolute;object-fit:cover}
.about-collage img:nth-child(1){left:0;top:7%;width:35%;height:52%}
.about-collage img:nth-child(2){right:4%;top:0;width:28%;height:45%}
.about-collage img:nth-child(3){left:38%;bottom:4%;width:45%;height:45%}
.about-collage>p{position:absolute;right:0;top:55%;width:27%;font-size:1.25rem;line-height:1.45}
.manifesto{padding:130px 0 210px;border-top:1px solid var(--line)}
.manifesto-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:10vw;margin-top:45px}
.manifesto h2{font-size:clamp(4rem,8vw,9rem);margin:0}
.manifesto-grid>div>p{color:var(--muted);font-size:1.15rem}
.manifesto ul{list-style:none;padding:25px 0 0;margin:0}
.manifesto li{border-top:1px solid var(--line);padding:18px 0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.quote-panel{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#27281d;overflow:hidden}
.quote-panel>img{height:120%;width:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(.3) brightness(.7)}
.quote-panel blockquote{font-family:"Manrope",sans-serif;font-size:clamp(2rem,4vw,5rem);line-height:1.12;letter-spacing:-.045em;margin:0;padding:9vw}
.quote-panel cite{display:block;font-family:"DM Sans",sans-serif;font-size:.68rem;font-style:normal;text-transform:uppercase;letter-spacing:.15em;color:var(--sage);margin-top:50px}

.artists-list{padding:20px 0 200px}
.artist-row{min-height:260px;border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 180px 60px;gap:35px;align-items:center;position:relative;transition:background .4s,padding .4s}
.artist-row>span{align-self:start;padding-top:45px;font-size:.7rem;color:var(--sage)}
.artist-row h2{font-size:clamp(3rem,7vw,7rem);margin:0 0 16px}
.artist-row p{color:var(--muted);margin:0}
.artist-row img{width:150px;height:190px;object-fit:cover;opacity:.55;transform:rotate(3deg);transition:opacity .4s,transform .6s var(--ease)}
.artist-row b{font-size:2rem;font-weight:300}
.artist-row:hover{background:rgba(255,255,255,.025);padding-inline:20px}
.artist-row:hover img{opacity:1;transform:rotate(0) scale(1.04)}
.artist-banner{height:42vh;overflow:hidden;margin-top:92px;background:#0c0e09}
.banner-strip{height:100%;display:flex;width:max-content;gap:10px;animation:marquee 35s linear infinite}
.banner-strip img{height:100%;width:auto;min-width:20vw;object-fit:cover}
@keyframes marquee{to{transform:translateX(-35%)}}
.artist-profile{padding:120px 0 190px}
.artist-profile>h1{font-size:clamp(5rem,13vw,14rem);max-width:1500px;margin:40px 0 100px}
.artist-profile-grid{display:grid;grid-template-columns:.7fr 1fr;gap:10vw;align-items:start}
.artist-profile-grid>img{width:100%;height:min(75vh,850px);object-fit:cover;object-position:50% 32%}
.artist-profile-grid>div{max-width:650px;padding-top:7vw}
.artist-profile-grid>div>p:not(.lead){color:var(--muted);margin-bottom:40px}

.contact-band{min-height:100vh;background:var(--brown);padding:190px 6vw 100px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.contact-title h1{font-size:clamp(6rem,13vw,14rem);margin:50px 0 0}
.contact-columns{padding-top:20vh;display:grid;grid-template-columns:1fr 1fr;gap:65px 5vw;position:relative;z-index:2}
.contact-columns div{border-top:1px solid rgba(255,255,255,.25);padding-top:20px}
.contact-columns span{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.contact-columns a,.contact-columns p{display:block;margin-top:22px;font-size:1.08rem}
.contact-orbit{position:absolute;width:min(46vw,650px);height:min(46vw,650px);left:15%;bottom:-30%;opacity:.12;animation:spin 30s linear infinite}
.contact-orbit i{position:absolute;border:1px solid var(--ink);border-radius:50%;inset:0}
.contact-orbit i:nth-child(2){inset:17%;transform:rotate(45deg)}
.contact-orbit i:nth-child(3){inset:35%;transform:rotate(90deg)}
@keyframes spin{to{transform:rotate(360deg)}}

.site-footer{padding:130px 4vw 60px;background:#0d0f0b}
.footer-mark{border-bottom:1px solid var(--line);padding-bottom:90px;margin-bottom:55px}
.footer-mark img{width:100%;max-height:260px;object-fit:contain}
.footer-grid{display:grid;grid-template-columns:1fr .5fr .5fr 1fr;gap:40px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.footer-grid a{display:block;margin-bottom:12px;color:var(--ink)}
.footer-copy{text-align:right}
.whatsapp-float{position:fixed;z-index:80;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#08170d;font-weight:600;font-size:.72rem;box-shadow:0 12px 40px rgba(0,0,0,.35);transition:transform .3s}
.whatsapp-float:hover{transform:scale(1.08)}

html[dir="rtl"] body{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;letter-spacing:-.035em;line-height:1.05}
html[dir="rtl"] .site-nav,html[dir="rtl"] .hero-content,html[dir="rtl"] .contact-band{text-align:right}
html[dir="rtl"] .text-link span,html[dir="rtl"] .artist-row b{transform:scaleX(-1)}
html[dir="rtl"] .footer-copy{text-align:left}
html[dir="rtl"] .art-detail-copy dd{text-align:left}
html[dir="rtl"] .scroll-cue{left:auto;right:4vw}
html[dir="rtl"] .whatsapp-float{right:auto;left:24px}

@media (max-width:900px){
  :root{--shell:90vw}
  .site-header{height:72px;padding:0 5vw}.brand{width:88px}.menu-toggle{display:block}.site-nav{position:fixed;inset:0;background:#13150f;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:14vw;gap:30px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:.45s var(--ease)}.site-nav a{font-family:"Manrope",sans-serif;font-size:clamp(2.5rem,11vw,5rem);letter-spacing:-.04em;text-transform:none}.menu-open .site-nav{opacity:1;visibility:visible;transform:none}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hero{height:190vh}.hero-kicker{top:19%;font-size:.64rem}.hero-logo{width:82vw;top:33%}.hero-art-a{width:39vw;height:59vw;left:-14vw;top:12vh}.hero-art-b{width:32vw;height:48vw;right:-7vw;top:7vh}.hero-art-c{width:47vw;height:47vw;right:-18vw;bottom:7vh}.hero-art-d{width:34vw;height:50vw;left:3vw;bottom:-5vh}.hero-art-e{width:30vw;height:47vw;right:27vw;top:67vh}.hero-content{top:61%;padding:0 5vw}.hero-content div{flex-direction:column;align-items:center}.hero-content .button{width:min(100%,300px)}.scroll-cue{display:none}
  .intro{padding:110px 0}.intro-grid{grid-template-columns:1fr;gap:60px}.intro h1{font-size:21vw}.floating-gallery{height:105vh;min-height:720px}.floating-1{width:42vw;height:58vw;left:3vw}.floating-2{width:36vw;height:52vw;left:32vw;top:47vh}.floating-3{width:46vw;height:34vw;right:-8vw}.floating-4{width:31vw;height:47vw;right:6vw}
  .artist-feature{grid-template-columns:1fr;padding:120px 0;gap:70px}.artist-photo{height:65vh}.artist-copy h2{font-size:17vw}.section-heading{align-items:flex-start;gap:30px;flex-direction:column}.art-grid,.shop-grid{grid-template-columns:1fr;gap:28px}.art-card,.art-card:nth-child(n){aspect-ratio:4/5}.art-card-overlay{opacity:1;background:linear-gradient(transparent 50%,rgba(8,9,6,.9))}.art-card-overlay>*{transform:none!important}.featured-work{padding-bottom:110px}.home-cta{min-height:75vh}
  .page-hero{display:block;min-height:auto;padding-top:155px;padding-bottom:90px}.page-hero h1{font-size:20vw;margin:40px 0}.page-hero>p:last-child{margin:0}.shop-grid{padding-bottom:110px}
  .art-detail{padding-top:130px;grid-template-columns:1fr;gap:60px}.art-detail-image{grid-row:1;min-height:0}.art-detail-image img{max-height:72vh}.art-detail-copy{grid-row:2}.art-detail-copy h1{font-size:16vw}.other-products{padding:100px 0}.other-products .art-grid{grid-template-columns:1fr}
  .about-title{padding-top:150px}.about-collage{min-height:115vh}.about-collage img:nth-child(1){width:58%;height:42%}.about-collage img:nth-child(2){width:45%;height:35%;right:0;top:25%}.about-collage img:nth-child(3){width:70%;height:36%;left:15%;bottom:7%}.about-collage>p{top:62%;left:0;right:auto;width:55%;font-size:1rem}.manifesto{padding:90px 0 120px}.manifesto-grid{grid-template-columns:1fr;gap:65px}.manifesto h2{font-size:14vw}.quote-panel{grid-template-columns:1fr;min-height:0}.quote-panel>img{height:75vh}.quote-panel blockquote{padding:70px 7vw 90px}
  .artist-row{grid-template-columns:38px 1fr 70px;min-height:180px;gap:12px}.artist-row img{width:70px;height:100px}.artist-row b{display:none}.artist-row h2{font-size:11vw}.artist-banner{margin-top:72px;height:31vh}.banner-strip img{min-width:48vw}.artist-profile{padding:80px 0 120px}.artist-profile>h1{font-size:20vw;margin-bottom:70px}.artist-profile-grid{grid-template-columns:1fr;gap:50px}.artist-profile-grid>img{height:65vh}.artist-profile-grid>div{padding:0}
  .contact-band{padding:150px 6vw 90px;grid-template-columns:1fr}.contact-title h1{font-size:22vw}.contact-columns{padding-top:100px;grid-template-columns:1fr}.contact-orbit{width:90vw;height:90vw;left:-20%;bottom:-10%}
  .site-footer{padding-top:90px}.footer-mark{padding-bottom:60px}.footer-grid{grid-template-columns:1fr 1fr}.footer-copy{text-align:left}.whatsapp-float{right:16px;bottom:16px;width:50px;height:50px}html[dir="rtl"] .whatsapp-float{right:auto;left:16px}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.hero-art{filter:none}.hero-content{opacity:1;transform:translate(-50%,0)}}

/* ARTY 1.3 — layout fidelity pass */
.floating-gallery{
  position:relative;height:auto;min-height:0;width:var(--shell);margin:0 auto 110px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.7vw,28px);
  overflow:visible;background:transparent;align-items:stretch
}
.floating-piece,.floating-1,.floating-2,.floating-3,.floating-4{
  position:relative;inset:auto;width:auto;height:auto;aspect-ratio:4/5;overflow:hidden
}
.floating-piece img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.floating-piece span{display:none}

.home-cta{width:100%;min-height:68vh;isolation:isolate}
.home-cta>img{inset:0;width:100%;height:100%;object-position:center}
.home-cta>div{width:min(90vw,980px);padding:80px 20px}
.home-cta h2{font-size:clamp(3.6rem,8vw,8rem);line-height:.88;overflow-wrap:anywhere}

.page-hero{min-height:56vh;padding-top:155px;padding-bottom:65px;grid-template-rows:auto auto;align-items:end}
.page-hero h1{font-size:clamp(4.5rem,8.3vw,8.5rem);margin:36px 0 20px}
.page-hero>p:last-child{margin-bottom:16px}
.page-shop .page-hero{display:flex;min-height:52vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:145px}
.page-shop .page-hero>.eyebrow{align-self:auto}
.page-shop .page-hero h1{margin:28px 0 30px}
.page-shop .page-hero>p:last-child{max-width:720px;margin:0 auto}

.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px);padding-top:25px;padding-bottom:120px}
.shop-grid .art-card,.shop-grid .art-card:nth-child(n){aspect-ratio:1/1}
.shop-grid .art-card-overlay{padding:clamp(18px,2.5vw,34px)}
.shop-grid .art-card-overlay h3{font-size:clamp(1.5rem,2.6vw,3rem)}

.about-title{min-height:0;padding-top:155px;padding-bottom:75px}
.about-title h1{max-width:1100px;margin:38px 0 0;font-size:clamp(4.2rem,8vw,8rem)}
.about-collage{
  position:static;min-height:0;margin-bottom:100px;display:grid;
  grid-template-columns:.9fr 1.15fr .75fr;grid-template-rows:auto auto;gap:clamp(18px,3vw,52px);align-items:start
}
.about-collage img,.about-collage img:nth-child(n){position:static;inset:auto;width:100%;height:auto;object-fit:cover}
.about-collage img:nth-child(1){grid-column:1;grid-row:1;aspect-ratio:4/3}
.about-collage img:nth-child(2){grid-column:3;grid-row:1;aspect-ratio:4/3}
.about-collage img:nth-child(3){grid-column:2;grid-row:1/3;aspect-ratio:4/5}
.about-collage>p{position:static;inset:auto;grid-column:3;grid-row:2;width:auto;margin:0;font-size:clamp(1rem,1.3vw,1.25rem);color:var(--ink)}
.manifesto{padding:100px 0 140px}
.manifesto h2{font-size:clamp(3.7rem,6.5vw,7rem)}
.quote-panel{min-height:70vh}
.quote-panel>img{height:100%}
.quote-panel blockquote{font-size:clamp(1.8rem,3.1vw,3.7rem);padding:7vw}

.page-artists .page-hero{min-height:58vh}
.page-artists .page-hero h1{font-size:clamp(4.4rem,8vw,8rem)}
.artists-list{padding-bottom:120px}
.artist-row{min-height:190px;grid-template-columns:55px 1fr 130px 45px;gap:24px}
.artist-row h2{font-size:clamp(2.6rem,5vw,5.2rem)}
.artist-row img{width:112px;height:140px}
.artist-profile{padding:95px 0 130px}
.artist-profile>h1{font-size:clamp(4.5rem,9vw,9.5rem);margin:32px 0 70px}

.contact-page{padding-top:clamp(120px,15vh,210px);background:#11130e}
.contact-band{
  min-height:0;background:#3b3429;padding:clamp(70px,8vw,125px) max(5vw,calc((100vw - 1440px)/2));
  display:grid;grid-template-columns:.95fr 1.55fr;gap:8vw;align-items:end;overflow:hidden
}
.contact-title h1{font-size:clamp(2.8rem,4.2vw,5.1rem);line-height:1.02;margin:0;letter-spacing:-.04em}
.contact-title h1 em{color:inherit}
.contact-columns{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,48px);align-items:end}
.contact-columns div{border-top:1px solid rgba(232,234,220,.28);padding-top:18px;min-width:0}
.contact-columns span{color:rgba(232,234,220,.68)}
.contact-columns a{font-size:clamp(.85rem,1.15vw,1.08rem);overflow-wrap:anywhere;transition:color .3s}
.contact-columns a:hover{color:var(--amber)}
.contact-art{height:clamp(380px,48vw,680px);display:grid;place-items:center;background:#11130e;color:rgba(246,173,67,.17);overflow:hidden}
.contact-art svg{width:min(68vw,720px);height:min(68vw,720px);animation:contact-spin 55s linear infinite}
.contact-art svg g{stroke-width:1.15}
@keyframes contact-spin{to{transform:rotate(360deg)}}

.site-footer{min-height:0;padding:44px 4vw 46px;background:#0d0f0b;border-top:1px solid var(--line);display:flex;justify-content:center}
.social-icons{display:flex;align-items:center;justify-content:center;gap:14px}
.site-footer .social-icons{opacity:1!important;transform:none!important;visibility:visible!important}
.social-icon{width:44px;height:44px;border:1px solid rgba(37,168,157,.64);display:grid;place-items:center;color:var(--teal);transition:color .3s,border-color .3s,background .3s,transform .3s}
.social-icon:hover{color:#10120d;background:var(--amber);border-color:var(--amber);transform:translateY(-3px)}
.social-icon.is-pending{opacity:.46}
.social-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-icon:nth-child(2) path,.social-icon:nth-child(3) path{fill:currentColor;stroke:none}
.social-icon .play{fill:#0d0f0b}
.whatsapp-float{background:var(--teal);color:#07110e}
.whatsapp-float svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

html[dir="rtl"] .contact-title h1{line-height:1.25;letter-spacing:-.02em}

@media (max-width:1100px){
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-band{grid-template-columns:1fr;gap:65px}
}

@media (max-width:900px){
  .floating-gallery{width:100%;margin-bottom:75px;padding:0 5vw 18px;display:grid;grid-template-columns:repeat(4,72vw);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .floating-gallery::-webkit-scrollbar{display:none}
  .floating-piece,.floating-1,.floating-2,.floating-3,.floating-4{width:auto;height:auto;aspect-ratio:4/5;scroll-snap-align:center}
  .home-cta{min-height:62vh}.home-cta>div{padding:70px 5vw}.home-cta h2{font-size:clamp(3.2rem,15vw,6rem);margin-bottom:36px}
  .page-hero,.page-artists .page-hero{min-height:0;padding-top:125px;padding-bottom:62px}
  .page-hero h1,.page-artists .page-hero h1{font-size:clamp(3.5rem,16vw,6.5rem);margin:30px 0}
  .page-shop .page-hero{min-height:0;padding-top:125px;padding-bottom:65px}
  .page-shop .page-hero h1{font-size:clamp(3.5rem,16vw,6.5rem)}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:80px}
  .shop-grid .art-card,.shop-grid .art-card:nth-child(n){aspect-ratio:1/1}
  .shop-grid .art-card-overlay{padding:14px}
  .shop-grid .art-card-overlay p,.shop-grid .art-card-overlay span{font-size:.56rem}
  .shop-grid .art-card-overlay h3{font-size:clamp(1.2rem,6vw,2rem);margin-bottom:8px}
  .about-title{padding-top:125px;padding-bottom:60px}
  .about-title h1{font-size:clamp(3.5rem,15vw,6rem)}
  .about-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:14px;margin-bottom:75px}
  .about-collage img:nth-child(1){grid-column:1;grid-row:1;aspect-ratio:1}
  .about-collage img:nth-child(2){grid-column:2;grid-row:1;aspect-ratio:1}
  .about-collage img:nth-child(3){grid-column:1/-1;grid-row:2;aspect-ratio:16/12}
  .about-collage>p{grid-column:1/-1;grid-row:3;padding-top:14px;font-size:1rem}
  .manifesto{padding:75px 0 95px}.manifesto h2{font-size:clamp(3rem,13vw,5.5rem)}
  .quote-panel{min-height:0}.quote-panel>img{height:58vh}.quote-panel blockquote{padding:55px 7vw 70px;font-size:clamp(1.65rem,7vw,3rem)}
  .artist-row{min-height:145px;grid-template-columns:30px 1fr 62px;gap:10px}
  .artist-row>span{padding-top:30px}.artist-row h2{font-size:clamp(2rem,9vw,3.5rem)}.artist-row img{width:62px;height:80px}
  .artist-profile{padding-top:65px}.artist-profile>h1{font-size:clamp(3.5rem,16vw,6.5rem);margin-bottom:52px}
  .contact-page{padding-top:72px}
  .contact-band{padding:72px 5vw;grid-template-columns:1fr;gap:62px}
  .contact-title h1{font-size:clamp(2.55rem,11vw,4.9rem)}
  .contact-columns{grid-template-columns:1fr;gap:28px}
  .contact-columns a{font-size:1rem;margin-top:14px}
  .contact-art{height:78vw;min-height:320px}.contact-art svg{width:92vw;height:92vw}
  .site-footer{padding:36px 5vw}.social-icon{width:42px;height:42px}
}

@media (max-width:520px){
  .shop-grid{grid-template-columns:1fr;gap:16px}
  .shop-grid .art-card,.shop-grid .art-card:nth-child(n){aspect-ratio:1/1}
}