:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080b14;color:#e8e9e9;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff6549;outline-offset:4px}a{color:inherit;text-decoration:none}.top{height:82px;display:flex;align-items:center;border-bottom:1px solid #ffffff1c;padding:0 3.4vw;gap:3vw;position:relative;z-index:10;background:#080b14}.brand{font-size:1.1rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-mark{color:#e86148;font-size:1.8rem;vertical-align:-2px;line-height:0;margin-right:.2rem}.byline{font-size:.65rem;letter-spacing:.16em;color:#b8c0c6;flex:1}.byline span{color:#687481}.top nav{display:flex;align-items:center;gap:2.2rem;height:100%}.nav{background:none;border:0;border-bottom:2px solid transparent;color:#8d98a4;height:100%;font-size:.68rem;font-weight:700;letter-spacing:.14em;white-space:nowrap}.nav.active{border-color:#eb674d;color:#f5f5f5}.nav span{color:#eb674d;margin-left:.35rem}.space-view{height:min(850px,calc(100svh - 82px));min-height:630px;position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 50% at 53% 38%,#172535 0%,#0c1421 47%,#080b14 100%)}.space-view:before,.space-view:after{content:"";position:absolute;inset:0;pointer-events:none}.space-view:before{background:linear-gradient(90deg,#080b14 0%,transparent 16%,transparent 84%,#080b14 100%);z-index:3}.space-view:after{background:radial-gradient(circle at 50% 51%,transparent 21%,#080b14a0 100%);z-index:2}.scene-ambient{position:absolute;inset:0;overflow:hidden}.scene-ambient i{position:absolute;border:1px solid #a8d1db1b;transform:rotate(38deg)}.scene-ambient i:nth-child(1){width:38vw;height:38vw;left:31%;top:2%}.scene-ambient i:nth-child(2){width:66vw;height:66vw;left:17%;top:-36%;transform:rotate(21deg)}.scene-ambient i:nth-child(3){width:90vw;height:90vw;left:5%;top:-78%;transform:rotate(-12deg)}.section-label{position:absolute;left:3.5vw;top:28px;z-index:5;font-size:.66rem;letter-spacing:.23em;color:#95acb9;display:flex;align-items:center;gap:1rem}.cross{font-size:1.25rem;color:#e46a55}.section-line{width:52px;height:1px;background:#587181}.stage{position:absolute;inset:4% 0 12%;perspective:1100px;perspective-origin:50% 43%;overflow:hidden;touch-action:pan-y}.gridplane{position:absolute;width:90%;height:90%;left:5%;top:30%;transform:perspective(450px) rotateX(73deg);transform-origin:center bottom;background-image:linear-gradient(#65b7c219 1px,transparent 1px),linear-gradient(90deg,#65b7c219 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 7%,transparent 62%);opacity:.7}.art-plane{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s ease}.portal{position:absolute;left:50%;top:42%;width:min(44vw,530px);height:min(51vh,450px);border:0;padding:0;background:none;color:inherit;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .55s,filter .55s;will-change:transform}.portal:before{content:"";position:absolute;inset:-12px;border:1px solid #99d0df65;clip-path:polygon(0 0,30% 0,30% 2px,2px 2px,2px 28%,0 28%,0 0,70% 0,100% 0,100% 30%,calc(100% - 2px) 30%,calc(100% - 2px) 2px,70% 2px,70% 0,100% 70%,100% 100%,70% 100%,70% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 70%,100% 70%,30% 100%,0 100%,0 70%,2px 70%,2px calc(100% - 2px),30% calc(100% - 2px));pointer-events:none}.portal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 42px #0009)}.portal.current{z-index:4}.portal.other{filter:saturate(.63) brightness(.57)}.portal.other:hover{filter:saturate(1) brightness(.95)}.portal .portal-number{position:absolute;left:-24px;bottom:-28px;font-size:.65rem;letter-spacing:.2em;color:#b7ced7}.scene-bottom{position:absolute;left:3.5vw;right:3.5vw;bottom:55px;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:2rem;pointer-events:none}.scene-copy,.scene-controls{pointer-events:auto}.scene-copy{max-width:45%}.eyebrow{display:block;color:#e66e56;letter-spacing:.19em;font-size:.67rem;font-weight:700}.eyebrow span{color:#9aaab8;margin-left:1rem}.scene-copy h1{font-size:clamp(1.5rem,2.8vw,3rem);line-height:1.03;letter-spacing:-.035em;margin:.7rem 0;max-width:650px;text-transform:uppercase;text-wrap:balance}.scene-meta{display:flex;gap:1rem;color:#8794a3;letter-spacing:.14em;font-size:.65rem}.scene-meta span+span:before{content:"/";margin-right:1rem;color:#ea6d50}.text-action{display:inline-flex;align-items:center;gap:1.5rem;background:none;border:0;border-bottom:1px solid #c7d5d8;color:#e8f0f1;padding:0 0 .45rem;margin-top:1.4rem;font-size:.7rem;letter-spacing:.15em;font-weight:700}.text-action span{font-size:1.15rem;color:#f2775d}.scene-controls{display:flex;align-items:center;gap:1rem}.scene-controls button{border:1px solid #9caab455;width:48px;height:48px;background:#101b27bd;color:#e2edf0;font-size:1.3rem}.scene-controls button:hover{border-color:#eb7058}.progress{width:125px;height:2px;background:#ffffff3a}.progress span{display:block;height:100%;background:#ea674c;transition:width .4s}.hint{position:absolute;bottom:16px;left:3.5vw;z-index:5;font-size:.57rem;letter-spacing:.15em;color:#738492}.hint span{margin:0 .6rem}.index-view{padding:7vw 3.5vw 6rem;min-height:90svh;background:#0a0d16}.index-view[hidden],.space-view[hidden]{display:none}.index-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:4rem}.index-head h1{font-size:clamp(3rem,7vw,7.3rem);line-height:.9;letter-spacing:-.07em;margin:1rem 0 0;text-transform:uppercase}.index-head em{font-family:Georgia,serif;font-size:.9em;font-weight:400;text-transform:none;color:#a7bec4}.index-head p{max-width:320px;line-height:1.65;color:#a7b1bd;margin:0}.index-tools{border-top:1px solid #40515b;border-bottom:1px solid #40515b;padding:1rem 0;display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.index-tools label{font-size:.67rem;letter-spacing:.18em;color:#e36d54;display:flex;align-items:center;gap:1rem;flex:1}.index-tools input{min-width:0;width:100%;background:transparent;border:0;color:#f1f1f1;font-size:1rem;outline:none}.index-tools input::placeholder{color:#667987}.index-tools #result-count{font-size:.68rem;letter-spacing:.15em;color:#a6b6bf;white-space:nowrap}.clear{background:none;border:0;color:#e2745f;letter-spacing:.13em;font-size:.67rem}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.5rem 1.3rem}.tile{border:0;background:none;text-align:left;color:inherit;padding:0;min-width:0}.tile-image{display:flex;align-items:center;justify-content:center;height:clamp(170px,22vw,350px);background:#14202b;position:relative;overflow:hidden}.tile-image:after{content:"↗";position:absolute;right:1rem;bottom:1rem;background:#e86149;color:#fff;width:32px;height:32px;display:grid;place-items:center;opacity:0;transition:opacity .25s}.tile:hover .tile-image:after{opacity:1}.tile-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.tile:hover img{transform:scale(1.04)}.tile-line{display:flex;justify-content:space-between;gap:.5rem;font-size:.62rem;letter-spacing:.12em;color:#7f9aa6;margin-top:1rem}.tile-title{font-size:.9rem;line-height:1.3;letter-spacing:.03em;font-weight:700;margin:.55rem 0 0;text-transform:uppercase}.empty{grid-column:1/-1;color:#bacbd2;padding:4rem 0}dialog{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#080b14;color:#edf1f0;overflow:hidden}dialog::backdrop{background:#05070ce8}.detail-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);height:100%;position:relative}.close{position:absolute;top:22px;right:24px;z-index:10;border:1px solid #647784;background:#111b26;color:#fff;font-size:1.7rem;width:45px;height:45px}.detail-art{display:grid;place-items:center;background:radial-gradient(circle at center,#233447 0%,#101824 55%,#0b1019 100%);padding:5vw;min-height:0}.detail-art img{display:block;max-width:100%;max-height:85dvh;object-fit:contain;box-shadow:0 20px 70px #0005}.detail-info{border-left:1px solid #50607066;padding:clamp(2rem,5vw,5rem) 3.5vw 2rem;display:flex;flex-direction:column;min-height:0}.detail-info h2{font-size:clamp(2rem,3.3vw,4rem);line-height:1;letter-spacing:-.045em;text-transform:uppercase;margin:1.2rem 0}.detail-date{color:#9aabb5;font-size:.75rem;letter-spacing:.16em}.detail-scroll{overflow:auto;margin:2rem -1rem 1rem 0;padding-right:1rem;flex:1}.detail-scroll p{font-size:1rem;line-height:1.7;white-space:pre-line;color:#c8d0d4;margin:0 0 2rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tags button{background:#162536;border:1px solid #3e5d69;color:#bcd1d8;padding:.45rem .6rem;font-size:.75rem}.tags button:hover{border-color:#e77459}.credit{border-top:1px solid #4d5d67;margin-top:2rem;padding-top:1rem;color:#8d9ea9;font-size:.72rem;line-height:1.5}.detail-actions{display:flex;justify-content:space-between;border-top:1px solid #53616a;padding-top:1rem;gap:1rem}.detail-actions button{border:0;background:none;color:#dfe6e8;font-size:.7rem;letter-spacing:.12em;padding:.5rem 0}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 3.5vw;background:#080b14;border-top:1px solid #ffffff1c;color:#87949f;font-size:.62rem;letter-spacing:.13em}@media(max-width:800px){.top{height:auto;min-height:74px;flex-wrap:wrap;padding:1rem 5vw;gap:.6rem}.brand{font-size:.87rem}.byline{display:none}.top nav{width:100%;height:39px;justify-content:space-between;gap:.5rem}.nav{font-size:.6rem}.space-view{height:calc(100svh - 113px);min-height:620px}.section-label{left:5vw}.stage{inset:3% 0 18%}.portal{width:69vw;height:44vh;top:40%}.scene-bottom{left:5vw;right:5vw;bottom:54px;align-items:end}.scene-copy{max-width:65%}.scene-copy h1{font-size:clamp(1.4rem,5vw,2.5rem)}.scene-controls{gap:.4rem}.scene-controls button{width:38px;height:38px}.progress{display:none}.hint{left:5vw;font-size:.52rem;max-width:80%;line-height:1.5}.hint span{display:none}.index-view{padding:3rem 5vw}.index-head{display:block}.index-head p{margin-top:2rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem .7rem}.tile-image{height:35vw}.detail-shell{display:block;overflow:auto}.detail-art{height:52dvh;padding:3.5rem 1rem 1rem}.detail-art img{max-height:45dvh}.detail-info{min-height:48dvh;padding:1.5rem 6vw}.detail-scroll{overflow:visible}.detail-info h2{font-size:2rem}.close{top:12px;right:12px}footer{padding:2rem 5vw;display:block;line-height:1.6}footer span{display:block}}@media(max-width:450px){.scene-controls{position:absolute;right:0;bottom:5px}.scene-copy{max-width:100%;padding-bottom:3rem}.scene-copy h1{max-width:86%}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-image{height:38vw}.tile-title{font-size:.75rem}.index-tools{flex-wrap:wrap}.index-tools label{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.portal.departing{z-index:8;pointer-events:none}

.wirefield{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.95}
.stage{z-index:2}

/* Le même espace numérique se poursuit derrière l’œuvre agrandie. */
.detail-wirefield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.72}
.detail-shell{z-index:1}.detail-art{background:radial-gradient(circle at center,#233447b8 0%,#101824b8 55%,#0b1019ba 100%)}.detail-info{background:#080b14de}
@media (min-width:801px) and (max-width:1100px){.byline{display:none}.top{gap:1rem}.top nav{margin-left:auto;gap:1rem}}

/* Flèches centrées sous le cadre de l’œuvre. */
.stage .scene-controls{position:absolute;left:50%;top:calc(42% + min(25.5vh, 225px) + 30px);right:auto;bottom:auto;transform:translateX(-50%);z-index:7;pointer-events:auto;white-space:nowrap}
@media(max-width:800px){.stage .scene-controls{top:calc(40% + 22vh + 24px)}}

/* Lisibilité et commandes communes. */
.nav{font-size:.78rem;min-height:44px}.scene-meta{font-size:.76rem;line-height:1.5}.eyebrow{font-size:.76rem;line-height:1.4}.text-action{min-height:44px;font-size:.78rem;line-height:1.4}.scene-controls button{min-width:48px;min-height:48px}.hint{font-size:.72rem;line-height:1.5;letter-spacing:.08em;color:#a7b9c4}.hint span{margin:0}.hint-touch{display:none}.index-head p{font-size:1rem}.index-tools label{font-size:.78rem}.index-tools input{min-height:48px;padding:.5rem .8rem;border:1px solid #506777;background:#111e2b;border-radius:0}.index-tools input:focus{border-color:#e9745a}.index-tools #result-count,.clear{font-size:.78rem}.clear{min-height:44px}.tile-line{font-size:.75rem;line-height:1.35}.tile-title{font-size:1rem;line-height:1.4}.detail-actions button{font-size:.85rem;min-height:44px}.credit{font-size:.8rem}.detail-date{font-size:.85rem}.detail-scroll p{line-height:1.75}

/* Tablettes et téléphones : chaque zone occupe sa propre place. */
@media(max-width:1100px){
 .space-view{height:auto;min-height:0;display:flex;flex-direction:column;padding:0 0 2rem}
 .section-label{position:relative;left:auto;top:auto;margin:1.35rem 5vw 0;font-size:.75rem;flex:none}
 .stage{position:relative;inset:auto;width:100%;height:clamp(480px,64svh,660px);flex:none}
 .scene-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;margin:0 5vw;z-index:5;pointer-events:auto}
 .scene-copy{max-width:100%;padding:0}
 .scene-copy h1{font-size:clamp(1.7rem,4.6vw,2.8rem);max-width:100%;margin:.65rem 0 .75rem;line-height:1.12}
 .text-action{margin-top:1rem}
 .hint{position:relative;left:auto;bottom:auto;max-width:none;margin:1.5rem 5vw 0}
 .hint-desktop{display:none}.hint-touch{display:inline}
 .stage .scene-controls{gap:1rem}
 .stage .scene-controls button{width:48px;height:48px}
 .index-view{padding:3.5rem 5vw 5rem}
 .index-head{display:block;margin-bottom:2.5rem}
 .index-head p{max-width:58ch;margin:1.6rem 0 0}
 .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1rem}
 .tile-image{height:clamp(190px,26vw,300px)}
 .detail-shell{display:block;overflow-y:auto;overscroll-behavior:contain;height:100dvh}
 .detail-art{height:min(55svh,650px);min-height:300px;padding:3.5rem 5vw 1.2rem}
 .detail-art img{max-height:calc(min(55svh,650px) - 4.7rem)}
 .detail-info{min-height:0;padding:1.75rem 5vw 2rem;border-left:0;border-top:1px solid #50607066}
 .detail-info h2{font-size:clamp(1.85rem,5vw,3rem)}
 .detail-scroll{overflow:visible;margin:1.5rem 0 1rem;padding:0;flex:none}
 .detail-actions{position:sticky;bottom:0;background:#080b14f2;z-index:2;padding:1rem 0}
 .close{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px)}
}
@media(max-width:800px){
 .top nav{height:auto;min-height:48px}.nav{font-size:.8rem;line-height:1.25}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tile-image{height:clamp(155px,39vw,260px)}
 .index-tools{flex-wrap:wrap;gap:.7rem 1rem}.index-tools label{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;gap:.6rem}
 .index-tools #result-count{margin-left:auto}
}
@media(max-width:450px){
 .top{padding:1rem 5vw .7rem}.brand{font-size:.9rem;white-space:normal;line-height:1.35}
 .top nav{gap:.6rem}.nav{font-size:.72rem;white-space:normal;text-align:left;padding:.5rem 0}.nav:last-child{text-align:right}
 .scene-meta{flex-wrap:wrap;gap:.2rem .8rem}
 .scene-meta span+span:before{margin-right:.8rem}
 .index-head h1{font-size:clamp(2.5rem,12vw,4rem)}
 .tile-title{font-size:.94rem}.tile-line{font-size:.72rem}
 .detail-art{height:47svh;min-height:260px}.detail-art img{max-height:calc(47svh - 4.7rem)}
 .detail-info{padding:1.5rem 5vw 2rem}.detail-info h2{font-size:1.9rem}
}
@media(max-width:360px){.work-grid{grid-template-columns:1fr}.tile-image{height:270px}}
.detail-image-controls{display:none}
@media(max-width:1100px){
 .detail-art{position:relative;padding:3.5rem 5vw 4.5rem}
 .detail-art img{max-height:100%}
 .detail-image-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;z-index:3;background:#0b1722d9;border:1px solid #597180;padding:.35rem}
 .detail-image-controls button{width:48px;height:48px;border:0;background:#1a2b3b;color:#edf6f6;font-size:1.4rem}
 .detail-image-controls span{min-width:70px;text-align:center;color:#d6e2e4;font-size:.8rem;letter-spacing:.08em}
}
@media(max-width:450px){.detail-art{height:56svh;min-height:320px}}
.section-label{flex-wrap:wrap;row-gap:.35rem;line-height:1.5}
.brand{display:inline-flex;align-items:center;gap:.75rem}.artist-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;border:1px solid #9bc0cc80;box-shadow:0 0 0 4px #29445755}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.artist-signature{display:block;width:clamp(150px,18vw,235px);height:auto;max-height:100px;object-fit:contain;object-position:left center;opacity:.9}footer{align-items:end}@media(max-width:450px){.artist-avatar{width:40px;height:40px}.brand{gap:.55rem}.artist-signature{width:180px}footer>span{margin-top:1.25rem}}
.typefield{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.9}.detail-typefield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.section-label,.scene-bottom,.hint{isolation:isolate}
.detail-art{position:relative;isolation:isolate;overflow:hidden}.detail-typefield{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:1}.detail-art img{position:relative;z-index:1}.detail-image-controls{z-index:3}
.artist-view{position:relative;overflow:hidden;min-height:80svh;padding:clamp(3rem,6vw,6rem) 5vw 7rem;background:radial-gradient(ellipse at 18% 32%,#193040 0%,#0b1420 42%,#080b14 80%)}.artist-view[hidden]{display:none}.artist-orbit{position:absolute;width:52vw;height:52vw;max-width:780px;max-height:780px;border:1px solid #8fc7d12a;transform:rotate(32deg);left:-17vw;top:12%;pointer-events:none}.artist-intro,.artist-layout{position:relative;z-index:1}.artist-intro{max-width:1100px;margin:0 auto 3.5rem}.artist-intro h1{font-size:clamp(3.6rem,9vw,8rem);line-height:.95;letter-spacing:-.065em;margin:.6rem 0 1rem}.artist-intro .accent{color:#e96d52}.artist-intro p{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.5;color:#bdcbd0;max-width:38rem}.artist-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}.artist-portrait{position:sticky;top:2rem}.artist-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #80b6c2;box-shadow:20px 20px 0 #162a36}.artist-portrait span{display:block;margin-top:2rem;color:#9fb3bd;font-size:.75rem;letter-spacing:.2em}.artist-text section{border-top:1px solid #526c77;padding:1.4rem 0 2.8rem}.artist-text h2{font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.1;margin:.9rem 0 1.5rem}.artist-text p{font-size:1.05rem;line-height:1.8;color:#cbd5d9;max-width:66ch;margin:0 0 1.3rem}.artist-text em{color:#e4edef}.artist-page-signature{display:block;width:min(235px,55%);height:auto;margin:0 0 0 auto;opacity:.9}@media(max-width:800px){.top nav{gap:.5rem}.nav{flex:1;font-size:.72rem;white-space:normal;text-align:center;padding:.5rem .2rem}.nav:last-child{text-align:center}.artist-layout{grid-template-columns:1fr}.artist-portrait{position:static;max-width:300px}.artist-view{padding:3rem 5vw 5rem}.artist-intro{margin-bottom:2.5rem}.artist-text p{font-size:1rem}}@media(max-width:450px){.top nav{gap:.2rem}.nav{font-size:.67rem;letter-spacing:.07em}.artist-portrait{max-width:240px}}
.artist-wirefield,.artist-typefield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.artist-wirefield{opacity:.8}.artist-typefield{opacity:.9}.artist-intro,.artist-layout{isolation:isolate;text-shadow:0 1px 8px #080b14}
.top nav{gap:clamp(.45rem,1.5vw,1.5rem)}.lang-toggle{align-self:center;flex:none;min-width:48px;min-height:44px;padding:.3rem .45rem;background:#122231;border:1px solid #69808d;color:#e8f0f1;font-size:.75rem;font-weight:700;letter-spacing:.1em}.lang-toggle:hover{border-color:#e9745a}@media(max-width:800px){.top nav{gap:.25rem}.nav{min-width:0}.lang-toggle{min-width:44px}}@media(max-width:450px){.nav{font-size:.62rem;letter-spacing:.035em}.nav span{margin-left:.1rem}.lang-toggle{min-width:38px;padding:.25rem;font-size:.68rem}}
.index-view{position:relative;isolation:isolate}.index-wirefield,.index-typefield{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:0}.index-wirefield{opacity:.55}.index-typefield{opacity:.58}.index-head,.index-tools,.work-grid{position:relative;z-index:1}.index-head,.index-tools,.tile-line,.tile-title{text-shadow:0 1px 10px #080b14}.index-tools{background:#0a0d16d9;padding:1rem}.tile{display:block;background:#0a0d16c7;padding-bottom:.5rem}
.detail-price{margin:1.4rem 0 0;padding:1rem 1.1rem;border-left:2px solid #e9745a;background:#17232dd9;color:#ecf0ef;font-size:1rem;line-height:1.5;max-width:42ch}.detail-scroll{margin-top:1.5rem}
.index-head em{font-family:inherit;font-size:1em;font-weight:inherit;font-style:normal;text-transform:inherit}
.detail-price p{margin:0 0 .7rem}.detail-price a,.artist-contact a,.footer-right a{color:#f4ede9;text-decoration:none;border-bottom:1px solid #e9745a;overflow-wrap:anywhere}.detail-price a{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.13em;min-height:32px}.artist-contact a{display:inline-block;font-size:clamp(1.1rem,2vw,1.5rem);padding-bottom:.35rem}.footer-right{display:flex;flex-direction:column;gap:.8rem;align-items:flex-end;text-align:right}.footer-right a{font-size:.85rem;letter-spacing:.02em}@media(max-width:800px){.footer-right{align-items:flex-start;text-align:left;margin-top:1.5rem}}
.social-follow{margin-top:2.5rem;padding:1.3rem 1.5rem;border:1px solid #688696;background:#10212dd9;max-width:32rem}.artist-text .social-follow p{font-size:1.05rem;line-height:1.5;margin:0 0 1rem;color:#edf3f2}.artist-contact .social-follow a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:700;letter-spacing:.07em}
.social-links{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}.footer-social{display:flex;flex-wrap:wrap;gap:.55rem 1rem;justify-content:flex-end}.footer-social a{font-size:.8rem}.social-links a:hover,.footer-social a:hover{color:#e9745a}@media(max-width:800px){.footer-social{justify-content:flex-start}}
