@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root { --ink:#e9e6df; --muted:#a9a49b; --line:rgba(233,230,223,.17); --paper:#101010; --warm:#d7d0c5; --accent:#c7a87b; }
* { box-sizing:border-box; }
html { background:#080808; }
body { min-height:100vh; margin:0; color:var(--ink); background:radial-gradient(circle at 50% -10%, #2b2a28 0, #111 37%, #080808 73%); font-family:Manrope, Arial, sans-serif; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
a { color:inherit; }
.site-header { position:relative; z-index:5; display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:1.7rem clamp(1.25rem,4vw,4.5rem); border-bottom:1px solid var(--line); }
.wordmark { text-decoration:none; letter-spacing:.24em; text-transform:uppercase; font-size:.78rem; font-weight:500; }
.wordmark span { display:block; margin-top:.35rem; color:var(--muted); font:400 .58rem/1 'DM Mono',monospace; letter-spacing:.18em; }
.site-nav { display:flex; align-items:center; gap:1.4rem; }
.site-nav a { color:var(--muted); text-decoration:none; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; transition:color .25s; }
.site-nav a:hover, .site-nav a.is-current { color:var(--ink); }
.nav-admin { border:1px solid var(--line); padding:.65rem .85rem; }
.nav-admin:hover { border-color:var(--muted); }
.hero { display:grid; place-items:center; min-height:clamp(230px,31vh,350px); padding:3rem 1.25rem 2rem; text-align:center; }
.eyebrow, .section-kicker { color:var(--accent); font:400 .64rem/1 'DM Mono',monospace; letter-spacing:.18em; text-transform:uppercase; }
.hero h1 { max-width:970px; margin:.6rem 0 .65rem; font:500 clamp(2.6rem,7.1vw,7.25rem)/.94 'Playfair Display', Georgia, serif; letter-spacing:-.05em; }
.hero h1 em { font-weight:500; color:#cfc6b8; }
.hero p { max-width:470px; margin:0; color:var(--muted); font-size:.88rem; line-height:1.7; }
.carousel-section { border-top:1px solid var(--line); }
.carousel-heading { display:flex; justify-content:space-between; align-items:baseline; padding:1rem clamp(1.25rem,4vw,4.5rem); }
.carousel-heading h2 { margin:0; font:500 clamp(1.25rem,2vw,1.7rem)/1 'Playfair Display',Georgia,serif; }
.carousel-heading span { color:var(--muted); font:.62rem 'DM Mono',monospace; letter-spacing:.11em; text-transform:uppercase; }
.carousel { position:relative; height:clamp(175px,25vh,275px); overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.carousel::before, .carousel::after { content:''; position:absolute; top:0; bottom:0; z-index:2; width:clamp(40px,10vw,180px); pointer-events:none; }
.carousel::before { left:0; background:linear-gradient(90deg,#0d0d0d,transparent); }
.carousel::after { right:0; background:linear-gradient(-90deg,#0d0d0d,transparent); }
.carousel-track { display:flex; align-items:center; gap:clamp(1rem,2vw,2rem); width:max-content; height:100%; padding:0 50vw; will-change:transform; }
.work-card { position:relative; flex:0 0 clamp(145px,17vw,265px); height:clamp(112px,17vw,205px); overflow:hidden; border:1px solid rgba(255,255,255,.18); background:#202020; transform:scale(.78); opacity:.42; filter:grayscale(1) contrast(.88); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s,opacity .55s,border-color .55s; }
.work-card.is-centre { z-index:1; opacity:1; filter:grayscale(0) contrast(1); border-color:rgba(255,255,255,.72); transform:scale(1.08); }
.work-card:hover { border-color:#fff; }
.work-card a { display:block; width:100%; height:100%; }
.art-image { position:relative; width:100%; height:100%; overflow:hidden; background:linear-gradient(135deg,#30302e,#151515 57%,#4b3f32); }
.art-image::after { content:attr(data-fallback); position:absolute; inset:0; display:grid; place-items:center; padding:1rem; color:rgba(255,255,255,.42); font:500 .65rem/1.3 'DM Mono',monospace; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.art-image img { position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:cover; }
.work-card__label { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:.8rem; background:linear-gradient(transparent,rgba(0,0,0,.85)); color:#fff; opacity:0; transform:translateY(7px); transition:.35s; font-size:.68rem; letter-spacing:.08em; }
.work-card.is-centre .work-card__label, .work-card:hover .work-card__label { opacity:1; transform:none; }
.home-bottom { display:grid; grid-template-columns:1fr 1fr; gap:1px; border-bottom:1px solid var(--line); background:var(--line); }
.home-bottom > * { min-height:160px; padding:clamp(1.4rem,3vw,3rem) clamp(1.25rem,4vw,4.5rem); background:#0d0d0d; }
.home-bottom h2 { margin:.55rem 0 .75rem; font:500 1.75rem/1.1 'Playfair Display',Georgia,serif; }
.home-bottom p { max-width:420px; color:var(--muted); font-size:.84rem; line-height:1.7; }
.text-link { display:inline-block; margin-top:.4rem; color:var(--ink); font:.65rem 'DM Mono',monospace; letter-spacing:.12em; text-underline-offset:.45em; text-transform:uppercase; }
.site-footer { display:flex; justify-content:space-between; gap:1rem; padding:1.3rem clamp(1.25rem,4vw,4.5rem); color:var(--muted); font:.62rem 'DM Mono',monospace; letter-spacing:.06em; }

/* Gallery and individual work */
.page-intro { max-width:930px; margin:0 auto; padding:clamp(3rem,7vw,7rem) 1.25rem 2.25rem; }
.page-intro h1 { margin:.7rem 0 0; font:500 clamp(2.6rem,7vw,6.2rem)/.96 'Playfair Display',Georgia,serif; letter-spacing:-.045em; }
.filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2.1rem; }
.filter { border:1px solid var(--line); padding:.55rem .8rem; color:var(--muted); background:transparent; font:.62rem 'DM Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
.filter:hover,.filter.is-active { border-color:var(--accent); color:var(--ink); }
.gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:1px; background:var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.gallery-item { grid-column:span 4; min-height:300px; padding:1px; background:#0b0b0b; text-decoration:none; }
.gallery-item:nth-child(5n+1) { grid-column:span 8; }
.gallery-frame { height:100%; min-height:300px; position:relative; overflow:hidden; }
.gallery-frame .art-image { transition:filter .5s,transform .6s; filter:grayscale(1); }
.gallery-item:hover .art-image { transform:scale(1.025); filter:grayscale(0); }
.gallery-caption { position:absolute; right:0; bottom:0; left:0; padding:4rem 1.4rem 1.25rem; background:linear-gradient(transparent,rgba(0,0,0,.9)); }
.gallery-caption h2 { margin:0 0 .4rem; font:500 1.55rem/1 'Playfair Display',Georgia,serif; }
.gallery-caption p { margin:0; color:#c9c5bd; font:.65rem 'DM Mono',monospace; letter-spacing:.07em; }
.empty-state { grid-column:1/-1; padding:4rem 1.25rem; color:var(--muted); text-align:center; }
.work-detail { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); min-height:calc(100vh - 100px); }
.work-visual { min-height:65vh; padding:clamp(1.25rem,4vw,4.5rem); background:#161615; }
.work-visual .art-image { min-height:calc(65vh - 8vw); background:#2b2b29; }
.work-visual .art-image img { object-fit:contain; }
.work-info { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,6vw,7rem); border-left:1px solid var(--line); }
.work-info h1 { margin:.7rem 0 1.5rem; font:500 clamp(2.2rem,4.5vw,4.6rem)/.98 'Playfair Display',Georgia,serif; letter-spacing:-.045em; }
.work-info__meta { display:flex; flex-wrap:wrap; gap:.65rem 1.15rem; color:var(--muted); font:.65rem 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.work-info p { max-width:430px; margin:2rem 0; color:#c9c5bd; font-size:.95rem; line-height:1.8; }

/* Admin */
.admin-body { color:#262421; background:#efece5; }
.admin-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.2rem clamp(1rem,4vw,3rem); background:#191817; color:#f3f0e9; }
.admin-header a { color:inherit; text-decoration:none; font:.67rem 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.admin-header h1 { margin:0; font:500 1.45rem 'Playfair Display',Georgia,serif; }
.admin-main { max-width:1240px; margin:0 auto; padding:clamp(1.5rem,4vw,4rem) 1rem; }
.admin-notice { display:flex; gap:.8rem; align-items:flex-start; margin-bottom:2rem; padding:1rem 1.15rem; border-left:3px solid #9a7447; background:#e4ddd0; font-size:.78rem; line-height:1.6; }
.admin-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); gap:1.5rem; align-items:start; }
.admin-panel { padding:1.4rem; border:1px solid #d4cec2; background:#faf8f3; box-shadow:0 14px 30px rgba(53,43,31,.06); }
.admin-panel h2 { margin:0 0 1.2rem; font:500 1.6rem 'Playfair Display',Georgia,serif; }
.admin-list { display:grid; gap:.65rem; }
.admin-work { display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:.8rem; padding:.55rem; border:1px solid #e0d9ce; }
.admin-work .art-image { width:70px; height:54px; }
.admin-work h3 { margin:0 0 .25rem; font-size:.82rem; }
.admin-work p { margin:0; color:#777068; font:.61rem 'DM Mono',monospace; }
.small-button, .primary-button, .danger-button { border:1px solid #aba296; padding:.6rem .75rem; color:#292724; background:transparent; font:.61rem 'DM Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
.small-button:hover { background:#e8e2d8; }
.primary-button { border-color:#292724; color:#fff; background:#292724; }
.primary-button:hover { background:#000; }
.danger-button { color:#8c2929; border-color:#bc8686; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.field { display:grid; gap:.4rem; }
.field--wide { grid-column:1/-1; }
.field label { color:#676059; font:.61rem 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.field input,.field textarea,.field select { width:100%; border:1px solid #cec7bc; border-radius:0; padding:.7rem; color:#252320; background:#fffdf9; font-size:.83rem; }
.field textarea { min-height:105px; resize:vertical; }
.field-check { display:flex; align-items:center; gap:.55rem; padding-top:1.3rem; font-size:.78rem; }
.form-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.2rem; }
.export-actions { display:flex; flex-wrap:wrap; gap:.65rem; }
.admin-empty { color:#777068; font-size:.82rem; }

@media (max-width:700px) { .site-header { align-items:flex-start; } .site-nav { gap:.8rem; } .site-nav a:not(.nav-admin) { display:none; } .home-bottom,.work-detail,.admin-layout { grid-template-columns:1fr; } .gallery-item,.gallery-item:nth-child(5n+1) { grid-column:span 12; min-height:260px; } .work-info { border-top:1px solid var(--line); border-left:0; } .form-grid { grid-template-columns:1fr; } .field--wide { grid-column:auto; } .field-check { padding-top:0; } .site-footer { flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* Home archive — intentionally close to the original compact portfolio, with glass used as an accent. */
.archive-home { overflow-x:hidden; min-height:100vh; background:#020202; color:#efefed; }
.archive-header { position:absolute; z-index:10; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; padding:1.25rem clamp(1.25rem,3vw,3.25rem); }
.archive-mark { opacity:.65; color:#fff; text-decoration:none; font:500 .63rem 'DM Mono',monospace; letter-spacing:.2em; }
.archive-nav { display:flex; gap:1.25rem; opacity:0; transform:translateY(-5px); transition:.35s; }
.archive-header:hover .archive-nav,.archive-header:focus-within .archive-nav { opacity:1; transform:none; }
.archive-nav a,.language-switch a { color:#fff; text-decoration:none; font:.58rem 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.language-switch { display:flex; align-items:center; gap:.55rem; }
.language-switch span { width:1px; height:.6rem; background:#6e6e6e; }.language-switch a { color:#777; }.language-switch a.is-active { color:#fff; }
.archive-shell { display:flex; flex-direction:column; min-height:calc(100vh - 45px); }
.archive-hero { position:relative; display:grid; flex:1 1 34vh; min-height:260px; place-content:center; overflow:hidden; padding:5.8rem 1rem 3.7rem; text-align:center; border-bottom:1px solid rgba(255,255,255,.16); }
.hero-ambient { position:absolute; width:390px; height:220px; opacity:.16; filter:blur(70px); border-radius:50%; pointer-events:none; }.hero-ambient--one { top:-100px; left:23%; background:#798a85; }.hero-ambient--two { right:13%; bottom:-160px; background:#705b45; }
.archive-overline { position:relative; margin:0 0 1.1rem; color:#8e8e8c; font:.57rem 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.archive-hero h1 { position:relative; margin:0; font:300 clamp(3.45rem,7.3vw,7rem)/.8 Manrope,sans-serif; letter-spacing:.27em; text-indent:.27em; text-transform:uppercase; }
.archive-subtitle { position:relative; margin:1.45rem 0 1.1rem; color:#b8b7b3; font-size:clamp(.7rem,1vw,.9rem); letter-spacing:.12em; }
.about-trigger { position:relative; display:inline-flex; align-items:center; gap:.85rem; justify-self:center; border:0; border-bottom:1px solid rgba(255,255,255,.6); padding:.2rem 0 .38rem; color:#e9e9e7; background:transparent; font:500 .59rem 'DM Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }.about-trigger span { font-size:.95rem; line-height:.4; }.about-trigger:hover { color:var(--accent); border-color:var(--accent); }
.about-glass { position:absolute; z-index:5; bottom:1.65rem; left:50%; width:min(480px,calc(100vw - 2rem)); transform:translateX(-50%); padding:1.5rem 1.7rem; border:1px solid rgba(255,255,255,.25); border-radius:2px; background:rgba(255,255,255,.10); box-shadow:0 24px 70px rgba(0,0,0,.48); backdrop-filter:blur(20px) saturate(120%); text-align:left; }.about-glass[hidden]{display:none}.about-glass p { margin:0; color:#f0efec; font-size:.76rem; line-height:1.75; }.about-glass a { display:inline-block; margin-top:1rem; color:#ddd7cd; font:.58rem 'DM Mono',monospace; letter-spacing:.08em; text-underline-offset:.4em; }.about-close { position:absolute; top:.45rem; right:.62rem; border:0; color:#fff; background:none; font-size:1.35rem; }
.archive-rows { border-bottom:1px solid rgba(255,255,255,.16); }.archive-row { position:relative; display:grid; grid-template-columns:clamp(92px,10.3vw,166px) 1fr; min-height:clamp(86px,12.2vh,133px); border-bottom:1px solid rgba(255,255,255,.15); }.archive-row:last-child { border:0; }
.archive-row__label { display:flex; flex-direction:column; justify-content:center; gap:.38rem; padding-left:clamp(1rem,2.1vw,2.2rem); border-right:1px solid rgba(255,255,255,.12); color:#e7e7e5; font:500 clamp(.58rem,.7vw,.75rem) 'DM Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }.archive-row__label span { color:#6e6e6b; font-size:.5rem; letter-spacing:.06em; }
.archive-lane { position:relative; min-width:0; overflow:hidden; }.archive-track { display:flex; align-items:center; gap:clamp(1rem,2vw,2rem); width:max-content; height:100%; padding:0 50vw 0 1.9rem; will-change:transform; }.archive-track--static { padding:0 clamp(1.25rem,4vw,4rem); transform:none!important; }
.archive-work { flex:0 0 clamp(115px,14.5vw,207px); height:clamp(61px,8.3vw,102px); overflow:hidden; border:1px solid rgba(255,255,255,.14); transform:scale(.84); opacity:.42; filter:grayscale(1); transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s,border-color .5s; }.archive-work.is-centre { z-index:2; opacity:1; filter:none; border-color:rgba(255,255,255,.75); transform:scale(1.09); }.archive-work a { display:block; width:100%; height:100%; }.archive-work .art-image { filter:grayscale(1); transition:filter .5s,transform .5s; }.archive-work.is-centre .art-image,.archive-work:hover .art-image { filter:grayscale(0); transform:scale(1.03); }.archive-work__veil { position:absolute; inset:0; z-index:2; background:linear-gradient(transparent 40%,rgba(0,0,0,.75)); }.archive-work__meta { position:absolute; z-index:3; right:.5rem; bottom:.43rem; left:.5rem; display:flex; align-items:flex-end; justify-content:space-between; gap:.4rem; opacity:0; transition:.3s; color:#fff; font:.48rem 'DM Mono',monospace; letter-spacing:.06em; }.archive-work__meta b { font-weight:500; }.archive-work__meta i { color:#c9c5bd; font-style:normal; }.archive-work.is-centre .archive-work__meta,.archive-work:hover .archive-work__meta { opacity:1; }
.row-arrow { position:absolute; z-index:4; top:50%; display:grid; width:30px; height:30px; place-items:center; border:1px solid rgba(255,255,255,.38); border-radius:50%; color:#fff; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); transform:translateY(-50%); font-size:.95rem; }.row-arrow--left { left:calc(clamp(92px,10.3vw,166px) + .75rem); }.row-arrow--right { right:.75rem; }.row-arrow:hover { border-color:#fff; background:rgba(255,255,255,.15); }
.series-chip { position:relative; flex:0 0 clamp(120px,11vw,162px); height:clamp(59px,7.5vw,92px); overflow:hidden; border:1px solid rgba(255,255,255,.14); text-decoration:none; }.series-chip .art-image { filter:grayscale(1) brightness(.66); transition:.4s; }.series-chip:hover .art-image { filter:grayscale(0) brightness(.8); transform:scale(1.05); }.series-chip span { position:absolute; right:.5rem; bottom:.45rem; left:.5rem; z-index:2; color:#fff; font:500 .54rem 'DM Mono',monospace; letter-spacing:.09em; text-shadow:0 1px 8px #000; text-transform:uppercase; }
.archive-row--years { min-height:clamp(77px,10.3vh,110px); }.archive-track--years { gap:clamp(1.4rem,3vw,4rem); }.year-chip { flex:0 0 auto; color:transparent; text-decoration:none; -webkit-text-stroke:1px #8b8b88; font:300 clamp(2.3rem,4.7vw,5.5rem)/1 Manrope,sans-serif; letter-spacing:-.09em; transition:.4s; }.year-chip.is-centre,.year-chip:hover { color:#f4f4f2; -webkit-text-stroke:1px #f4f4f2; transform:scale(1.09); }
.archive-row--exhibitions { min-height:clamp(80px,11vh,118px); }.archive-track--exhibitions { gap:1rem; }.exhibition-glass { position:relative; display:grid; flex:0 0 clamp(130px,16vw,225px); align-content:center; gap:.55rem; height:clamp(50px,6.4vw,75px); overflow:hidden; padding:0 1rem; border:1px solid rgba(255,255,255,.22); background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.15); backdrop-filter:blur(15px); color:#fff; text-decoration:none; }.exhibition-glass::before { position:absolute; inset:0; content:''; background:radial-gradient(circle at 20% 20%,rgba(211,205,185,.22),transparent 40%); opacity:.6; }.exhibition-glass span,.exhibition-glass small { position:relative; z-index:1; }.exhibition-glass span { font:.77rem 'DM Mono',monospace; letter-spacing:.17em; text-transform:uppercase; }.exhibition-glass small { overflow:hidden; color:#d0cdc6; font:.48rem 'DM Mono',monospace; letter-spacing:.03em; text-overflow:ellipsis; white-space:nowrap; }.exhibition-glass:hover { border-color:rgba(255,255,255,.75); background:rgba(255,255,255,.18); }
.archive-empty { align-self:center; margin-left:1rem; color:#777; font:.62rem 'DM Mono',monospace; }.archive-footer { display:flex; justify-content:space-between; padding:.7rem clamp(1rem,2.3vw,2.25rem); color:#686865; font:.49rem 'DM Mono',monospace; letter-spacing:.07em; }.archive-footer a { color:inherit; text-decoration:none; }.archive-footer a:hover { color:#fff; }
@media (max-width:700px) { .archive-header { padding:.9rem 1rem; }.archive-nav { display:none; }.archive-hero { min-height:310px; padding-top:5rem; }.archive-hero h1 { font-size:clamp(2.6rem,14vw,4.3rem); letter-spacing:.19em; text-indent:.19em; }.archive-subtitle { max-width:250px; margin-right:auto; margin-left:auto; line-height:1.55; }.archive-row { grid-template-columns:79px 1fr; min-height:108px; }.archive-row__label { padding-left:.8rem; font-size:.55rem; }.archive-work { flex-basis:145px; height:76px; }.archive-row--years { min-height:86px; }.year-chip { font-size:3rem; }.row-arrow--left { left:calc(79px + .35rem); }.row-arrow--right { right:.35rem; }.series-chip { flex-basis:135px; height:72px; }.archive-footer { padding:.75rem 1rem; } }

/* Three-row archive and full series views */
.language-switch button { border:0; padding:0; color:#777; background:transparent; font:.58rem 'DM Mono',monospace; letter-spacing:.12em; cursor:pointer; }.language-switch button:hover,.language-switch button.is-active { color:#fff; }
.archive-home .archive-shell { height:calc(100svh - 34px); min-height:615px; }.archive-home .archive-hero { flex:0 0 39%; min-height:220px; }.archive-home .archive-rows { display:grid; flex:1; grid-template-rows:repeat(3,minmax(0,1fr)); }.archive-home .archive-row { min-height:0; }.archive-home .archive-row--years { min-height:0; }.archive-home .archive-track--static { transform:translateX(0); }.archive-home .archive-footer { min-height:34px; align-items:center; padding-top:.45rem; padding-bottom:.45rem; }.archive-home .archive-footer .social-links { display:flex; }
.about-glass { display:grid; grid-template-columns:92px 1fr; gap:1.1rem; align-items:start; }.about-photo { width:92px; height:118px; overflow:hidden; background:linear-gradient(145deg,#494945,#181818); }.about-photo img { display:block; width:100%; height:100%; object-fit:cover; }.about-glass .social-links { margin-top:.7rem; }.social-links { display:flex; flex-wrap:wrap; gap:.6rem 1rem; }.social-links a { color:inherit; font:.52rem 'DM Mono',monospace; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }.social-links a:hover { color:var(--accent); }
.series-top { max-width:1280px; margin:0 auto; padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,4rem) 1.6rem; }.series-top .text-link { margin:0 0 3rem; }.series-top .eyebrow { margin-bottom:.8rem; }.series-top h2 { margin:0; font:500 clamp(2.8rem,7vw,7rem)/.9 'Playfair Display',Georgia,serif; letter-spacing:-.05em; }.subseries-list { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }.subseries-list a { border:1px solid var(--line); padding:.55rem .7rem; color:var(--muted); font:.6rem 'DM Mono',monospace; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }.series-focus { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr); min-height:clamp(400px,64vh,780px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.series-focus__image { min-height:400px; padding:clamp(1rem,3vw,3.5rem); background:#151514; }.series-focus__image .art-image { height:100%; min-height:360px; }.series-focus__image img { object-fit:contain; }.series-focus__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,6vw,6rem); border-left:1px solid var(--line); }.series-focus__copy h1 { margin:.65rem 0 1.2rem; font:500 clamp(2.3rem,4.7vw,5rem)/.95 'Playfair Display',Georgia,serif; letter-spacing:-.05em; }.series-focus__copy p { max-width:450px; color:#c9c5bd; font-size:.9rem; line-height:1.85; }.series-grid-wrap { padding:clamp(2.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem); }.series-grid-heading { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-bottom:1.1rem; }.series-grid-heading h2 { margin:0; font:500 1.8rem 'Playfair Display',Georgia,serif; }.series-grid-heading p { margin:0; color:var(--muted); font:.6rem 'DM Mono',monospace; }.series-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1px; background:var(--line); }.series-work { position:relative; display:block; min-height:190px; overflow:hidden; background:#181818; text-decoration:none; }.series-work .art-image { filter:grayscale(1); transition:.45s; }.series-work:hover .art-image,.series-work.is-selected .art-image { filter:none; transform:scale(1.04); }.series-work span { position:absolute; right:0; bottom:0; left:0; display:flex; align-items:end; justify-content:space-between; gap:.5rem; padding:2.8rem .8rem .7rem; background:linear-gradient(transparent,rgba(0,0,0,.86)); color:#fff; font:.57rem 'DM Mono',monospace; letter-spacing:.05em; }.series-work b { font-weight:500; }.series-work i { color:#cfcbc2; font-style:normal; }.exhibition-list { border-top:1px solid var(--line); }.exhibition-entry { display:grid; grid-template-columns:clamp(120px,20vw,300px) 1fr; gap:2rem; padding:clamp(1.4rem,3vw,3rem) clamp(1.25rem,9vw,12rem); border-bottom:1px solid var(--line); }.exhibition-entry__year { color:#c9c4b9; font:400 clamp(2.2rem,5vw,5rem)/.9 'Playfair Display',Georgia,serif; }.exhibition-entry p { margin:0 0 .65rem; color:var(--accent); font:.59rem 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }.exhibition-entry h2 { margin:0; font:500 clamp(1.6rem,3vw,3rem)/1 'Playfair Display',Georgia,serif; }.exhibition-entry h3 { margin:.65rem 0 0; color:var(--muted); font-size:.82rem; font-weight:400; }.exhibition-entry div div { max-width:600px; margin-top:1rem; color:#c8c5be; line-height:1.7; }
.admin-section { margin-top:1.5rem; }.admin-year { display:grid; width:70px; height:54px; place-items:center; color:#4d4943; background:#e4ddd0; font:500 .75rem 'DM Mono',monospace; }
@media (max-width:700px) { .archive-home .archive-shell { height:calc(100svh - 36px); min-height:590px; }.archive-home .archive-hero { flex-basis:37%; min-height:200px; padding-top:3.9rem; padding-bottom:2rem; }.archive-home .archive-row { min-height:0; }.about-glass { grid-template-columns:65px 1fr; padding:1rem; }.about-photo { width:65px; height:82px; }.about-glass p { font-size:.67rem; }.archive-home .series-chip { flex-basis:126px; height:65px; }.archive-home .archive-work { flex-basis:132px; height:68px; }.archive-home .year-chip { font-size:2.65rem; }.series-focus { grid-template-columns:1fr; }.series-focus__copy { border-top:1px solid var(--line); border-left:0; }.series-focus__image { min-height:300px; }.series-focus__image .art-image { min-height:270px; }.series-grid-heading,.exhibition-entry { grid-template-columns:1fr; }.exhibition-entry { gap:.8rem; }.series-grid-heading { align-items:flex-start; flex-direction:column; } }

/* Gallery-consistent homepage */
.language-button { border:1px solid var(--line); padding:.55rem .65rem; color:var(--ink); background:rgba(255,255,255,.04); font:.58rem 'DM Mono',monospace; letter-spacing:.09em; }
.language-button:hover { border-color:var(--accent); color:var(--accent); }
.gallery-home { overflow:hidden; min-height:100svh; background:radial-gradient(circle at 50% -20%,#302f2c 0,#111 34%,#080808 70%); }
.gallery-home .site-header { height:78px; padding-top:1.15rem; padding-bottom:1.15rem; background:rgba(8,8,8,.68); backdrop-filter:blur(18px); }
.gallery-home__shell { display:flex; flex-direction:column; height:calc(100svh - 112px); min-height:610px; }
.home-intro { display:grid; flex:0 0 34%; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:clamp(2rem,8vw,9rem); align-items:end; width:min(1280px,100%); margin:0 auto; padding:clamp(1.5rem,3.5vh,3.5rem) clamp(1.25rem,4vw,4rem) clamp(1.4rem,3vh,2.6rem); }
.home-intro h1 { margin:.45rem 0 0; font:500 clamp(2.5rem,5.6vw,6rem)/.9 'Playfair Display',Georgia,serif; letter-spacing:-.05em; }
.home-intro h1 em { color:#c9c1b4; font-weight:500; }
.home-intro__aside { max-width:430px; padding-bottom:.25rem; }
.home-intro__aside p { margin:0 0 1.15rem; color:var(--muted); font-size:clamp(.72rem,.9vw,.88rem); line-height:1.7; }
.home-intro__actions { display:flex; flex-wrap:wrap; gap:.55rem; }
.glass-button { border:1px solid rgba(255,255,255,.23); padding:.65rem .85rem; color:#e7e4dd; background:linear-gradient(125deg,rgba(255,255,255,.11),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.12); backdrop-filter:blur(14px); font:.57rem 'DM Mono',monospace; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
.glass-button:hover { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.12); }
.home-archive { display:grid; flex:1; min-height:0; grid-template-rows:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.gallery-home .archive-row { min-height:0; }
.gallery-home .archive-track--static { transform:translateX(0); }
.gallery-home .archive-footer { height:34px; align-items:center; padding-top:.45rem; padding-bottom:.45rem; }
.gallery-home .archive-footer .social-links { display:flex; }
.gallery-home .archive-work { flex-basis:clamp(150px,15vw,230px); height:clamp(72px,8.4vw,112px); }
.gallery-home .series-chip { flex-basis:clamp(140px,13vw,195px); height:clamp(68px,7.7vw,104px); }
.gallery-home .year-chip { font-size:clamp(2.5rem,4.4vw,5rem); }
.about-dialog { width:min(850px,calc(100vw - 2rem)); max-width:none; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.27); border-radius:0; color:var(--ink); background:rgba(18,18,17,.88); box-shadow:0 35px 100px rgba(0,0,0,.7); backdrop-filter:blur(26px) saturate(115%); }
.about-dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(5px); }
.about-dialog[open] { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr); }
.about-dialog__photo { min-height:440px; background:linear-gradient(145deg,#474641,#171716); }
.about-dialog__photo img { width:100%; height:100%; object-fit:cover; }
.about-dialog__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,5rem); }
.about-dialog__copy h2 { margin:.65rem 0 1.2rem; font:500 clamp(2.1rem,4vw,4rem)/.95 'Playfair Display',Georgia,serif; letter-spacing:-.045em; }
.about-dialog__copy p { margin:0 0 1.15rem; color:#c9c5bd; font-size:.88rem; line-height:1.85; }
.about-dialog__copy .social-links { margin:.4rem 0 .8rem; }
.about-dialog .about-close { z-index:2; top:.7rem; right:.85rem; }
@media (max-width:760px) { .gallery-home { overflow:auto; }.gallery-home .site-header { height:68px; }.gallery-home__shell { height:calc(100svh - 102px); min-height:570px; }.home-intro { flex-basis:33%; grid-template-columns:1fr; gap:.75rem; align-content:end; padding-top:1rem; padding-bottom:1rem; }.home-intro h1 { font-size:clamp(2.25rem,10vw,3.4rem); }.home-intro h1 br { display:none; }.home-intro__aside p { display:none; }.home-intro__actions { margin-top:.25rem; }.gallery-home .archive-row { grid-template-columns:78px 1fr; }.gallery-home .archive-work { flex-basis:132px; height:68px; }.gallery-home .series-chip { flex-basis:125px; height:64px; }.gallery-home .year-chip { font-size:2.55rem; }.about-dialog[open] { grid-template-columns:1fr; max-height:90svh; overflow:auto; }.about-dialog__photo { min-height:240px; max-height:300px; }.about-dialog__copy { padding:1.5rem; } }

/* Readability increases — dimensions and layout stay unchanged. */
@media (min-width:761px) {
  .gallery-home .wordmark { font-size:.9rem; }
  .gallery-home .wordmark span { font-size:.66rem; }
  .gallery-home .site-nav a { font-size:.75rem; }
  .gallery-home .language-button { font-size:.67rem; }
  .gallery-home .eyebrow { font-size:.72rem; }
  .gallery-home .home-intro h1 { font-size:clamp(3.15rem,5.9vw,6.3rem); }
  .gallery-home .home-intro__aside p { font-size:.94rem; }
  .gallery-home .glass-button { font-size:.67rem; }
  .gallery-home .archive-row__label { font-size:clamp(.67rem,.75vw,.82rem); }
  .gallery-home .archive-row__label span { font-size:.57rem; }
  .gallery-home .archive-work__meta { font-size:.57rem; }
  .gallery-home .series-chip span { font-size:.63rem; }
  .gallery-home .archive-footer { font-size:.56rem; }
}
.admin-body { font-size:17px; }
.admin-header { min-height:72px; }
.admin-header h1 { font-size:1.85rem; }
.admin-header a { font-size:.76rem; }
.admin-main { max-width:1360px; }
.admin-notice { padding:1.15rem 1.3rem; font-size:.95rem; }
.admin-notice strong { font-size:1rem; }
.admin-panel { padding:1.65rem; }
.admin-panel h2 { margin-bottom:1.4rem; font-size:2rem; }
.admin-work { grid-template-columns:82px 1fr auto; gap:1rem; padding:.75rem; }
.admin-work .art-image { width:82px; height:64px; }
.admin-work h3 { font-size:1rem; }
.admin-work p { font-size:.7rem; line-height:1.45; }
.small-button,.primary-button,.danger-button { padding:.72rem .9rem; font-size:.7rem; }
.field { gap:.5rem; }
.field label { font-size:.72rem; }
.field input,.field textarea,.field select { padding:.82rem; font-size:.98rem; line-height:1.4; }
.field textarea { min-height:125px; }
.field small { color:#746e66; font-size:.78rem; line-height:1.45; }
.field-check { font-size:.92rem; line-height:1.4; }
.admin-empty { font-size:.94rem; line-height:1.6; }
.form-actions,.export-actions { gap:.8rem; }

/* Consistent, readable public navigation */
.site-header { min-height:82px; padding-top:1.15rem; padding-bottom:1.15rem; background:rgba(8,8,8,.82); backdrop-filter:blur(18px); }
.wordmark { color:#f4f1eb; font-size:.96rem; letter-spacing:.2em; }
.wordmark span { color:#bdb8af; font-size:.68rem; }
.site-nav { gap:clamp(.8rem,2vw,1.65rem); }
.site-nav a { color:#d1cdc5; font-size:.76rem; font-weight:500; }
.language-button { color:#f2eee7; font-size:.69rem; }

/* Archive fisheye selectors */
.archive-page { background:radial-gradient(circle at 50% -12%,#302e2a 0,#111 38%,#080808 74%); }
.archive-selector-hero { display:grid; grid-template-columns:minmax(190px,270px) minmax(330px,1fr) minmax(220px,310px); gap:clamp(1.25rem,4vw,4.5rem); align-items:center; width:min(1380px,100%); min-height:520px; margin:0 auto; padding:clamp(2.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem); }
.archive-title-block { text-align:center; }
.archive-title-block .eyebrow { font-size:.76rem; }
.archive-title-block h1 { margin:.75rem 0 0; font:500 clamp(3.35rem,6.5vw,6.8rem)/.91 'Playfair Display',Georgia,serif; letter-spacing:-.05em; }
.archive-title-block h1 em { color:#d2c7b8; font-weight:500; }
.archive-active-filter { justify-content:center; align-items:center; margin-top:2rem; }
.archive-active-filter .filter { padding:.8rem 1rem; font-size:.72rem; }
.selection-branch { border-left:1px solid var(--line); padding:.45rem 0 .45rem 1rem; color:#e7e2da; font:.71rem 'DM Mono',monospace; letter-spacing:.06em; }
.archive-active-filter strong { color:#8f8a82; font:.62rem 'DM Mono',monospace; font-weight:400; letter-spacing:.06em; }
.lens-panel { position:relative; display:grid; grid-template-rows:auto 28px 228px 28px; overflow:hidden; border:1px solid rgba(255,255,255,.21); border-radius:50% / 12%; padding:.8rem 1rem; background:radial-gradient(ellipse at center,rgba(255,255,255,.14),rgba(255,255,255,.035) 52%,rgba(0,0,0,.32)); box-shadow:inset 0 1px rgba(255,255,255,.18),0 26px 65px rgba(0,0,0,.26); backdrop-filter:blur(18px); }
.lens-panel::after { position:absolute; inset:7% 9%; border:1px solid rgba(255,255,255,.08); border-radius:50%; content:''; pointer-events:none; }
.lens-heading { z-index:1; display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:28px; color:#d8d3ca; font:500 .7rem 'DM Mono',monospace; letter-spacing:.15em; text-transform:uppercase; }
.lens-back { border:0; padding:.2rem; color:var(--accent); background:transparent; font-size:1rem; }
.lens-arrow { z-index:2; border:0; color:#8e8a83; background:transparent; font-size:1rem; }
.lens-arrow:hover { color:#fff; }
.lens-wheel { position:relative; z-index:1; overflow:auto; padding:83px .2rem; scroll-snap-type:y mandatory; scrollbar-width:none; mask-image:linear-gradient(transparent,#000 26%,#000 74%,transparent); }
.lens-wheel::-webkit-scrollbar { display:none; }
.lens-item { display:flex; width:100%; min-height:62px; flex-direction:column; align-items:center; justify-content:center; border:0; border-radius:50%; padding:.35rem .5rem; color:#77736d; background:transparent; opacity:.43; transform:scale(.72) rotateX(9deg); scroll-snap-align:center; font:500 clamp(.72rem,1vw,.95rem) 'DM Mono',monospace; letter-spacing:.04em; transition:transform .22s,opacity .22s,color .22s,background .22s; }
.lens-item small { margin-top:.28rem; color:#837e76; font-size:.48rem; letter-spacing:.05em; }
.lens-item.is-lens-centre,.lens-item:hover,.lens-item:focus-visible { color:#fff; background:radial-gradient(ellipse,rgba(255,255,255,.15),transparent 70%); opacity:1; transform:scale(1.2) rotateX(0); outline:none; }
.lens-item.is-selected { color:var(--accent); }
.gallery-caption span { display:inline-block; margin-top:.7rem; color:#fff; font:.58rem 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }

/* Admin collection controls */
.admin-filters { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; margin-bottom:1rem; padding:1rem; background:#ece6dc; }
.admin-work__actions { display:flex; flex-direction:column; gap:.4rem; }
.series-admin-tree { display:grid; gap:.9rem; }
.series-admin-node { border:1px solid #ddd4c7; background:#fffdf9; }
.series-admin-node__heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem; }
.series-admin-node h3 { margin:0 0 .25rem; font-size:1.05rem; }
.series-admin-node p { margin:0; color:#777068; font:.69rem 'DM Mono',monospace; }
.series-admin-node ul { margin:0; padding:0; border-top:1px solid #e5ded3; list-style:none; }
.series-admin-node li { display:flex; justify-content:space-between; gap:1rem; padding:.7rem 1rem .7rem 1.6rem; border-bottom:1px solid #eee8df; font-size:.9rem; }
.series-admin-node li:last-child { border-bottom:0; }
.series-admin-node li small { margin-left:.45rem; color:#817970; }
.danger-link { border:0; padding:.1rem; color:#922f2f; background:transparent; font:.65rem 'DM Mono',monospace; text-transform:uppercase; }

@media (max-width:900px) {
  .archive-selector-hero { grid-template-columns:1fr 1.3fr 1fr; gap:1rem; min-height:460px; padding-right:1rem; padding-left:1rem; }
  .archive-title-block h1 { font-size:clamp(2.5rem,6vw,4.5rem); }
  .lens-panel { grid-template-rows:auto 24px 190px 24px; padding:.6rem; }
  .lens-wheel { padding-top:64px; padding-bottom:64px; }
}
@media (max-width:700px) {
  .site-header { min-height:88px; flex-direction:column; align-items:flex-start; gap:.8rem; padding:.9rem 1rem; }
  .wordmark { font-size:.82rem; }
  .wordmark span { font-size:.59rem; }
  .site-nav { width:100%; justify-content:space-between; gap:.45rem; }
  .site-nav a:not(.nav-admin) { display:block; font-size:.64rem; }
  .language-button { padding:.42rem .5rem; font-size:.62rem; }
  .archive-selector-hero { grid-template-columns:1fr 1fr; min-height:0; padding-top:2rem; }
  .archive-title-block { grid-column:1/-1; grid-row:1; padding:1.2rem 0; }
  .archive-title-block h1 { font-size:clamp(2.7rem,13vw,4.2rem); }
  .lens-panel { grid-row:2; }
  .lens-panel--years { grid-column:1; }.lens-panel--series { grid-column:2; }
  .lens-item { font-size:.7rem; }
  .archive-active-filter { margin-top:1.2rem; }
  .selection-branch { width:100%; border-left:0; padding-left:0; }
  .admin-filters { grid-template-columns:1fr; }
  .admin-work { grid-template-columns:72px 1fr; }
  .admin-work__actions { grid-column:1/-1; flex-direction:row; }
}

/* Photographic focus-ring treatment for Archive selectors */
.lens-panel {
  isolation:isolate;
  width:clamp(205px,21vw,305px);
  height:clamp(205px,21vw,305px);
  grid-template-rows:24px 22px minmax(76px,1fr) 22px;
  justify-self:center;
  overflow:hidden;
  padding:32px;
  border:2px solid #696969;
  border-radius:50%;
  background:
    radial-gradient(circle at center,transparent 0 69%,rgba(255,255,255,.16) 69.4%,rgba(0,0,0,.78) 72%,transparent 72.5%),
    repeating-conic-gradient(from .5deg,#777 0 .65deg,#111 .75deg 3deg,#303030 3.1deg 4.4deg);
  box-shadow:inset 0 0 0 5px #080808,inset 0 0 0 8px #555,inset 0 0 0 13px #101010,0 28px 55px rgba(0,0,0,.6),0 0 0 1px #000;
  backdrop-filter:none;
}
.lens-panel::before {
  position:absolute;
  z-index:0;
  inset:24px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  background:
    radial-gradient(circle at 48% 43%,rgba(107,154,171,.19),transparent 16%),
    radial-gradient(circle at 58% 60%,rgba(80,54,116,.19),transparent 27%),
    conic-gradient(from 18deg,rgba(255,255,255,.025),rgba(0,0,0,.24),rgba(255,255,255,.035),rgba(0,0,0,.22),rgba(255,255,255,.025)),
    radial-gradient(circle,#152025 0,#071013 47%,#010202 68%,#202020 69%,#050505 74%);
  box-shadow:inset 0 0 28px #000,inset 0 0 0 5px #111,0 0 0 3px #2c2c2c;
  content:'';
}
.lens-panel::after {
  position:absolute;
  z-index:4;
  top:18%;
  left:23%;
  width:47%;
  height:20%;
  border-radius:50%;
  background:linear-gradient(155deg,rgba(255,255,255,.22),rgba(187,221,231,.035) 58%,transparent 72%);
  filter:blur(.3px);
  transform:rotate(-18deg);
  content:'';
  pointer-events:none;
}
.lens-heading,.lens-arrow,.lens-wheel { position:relative; z-index:2; }
.lens-heading { min-height:24px; color:#f2eee6; font-size:.63rem; text-shadow:0 1px 5px #000; }
.lens-heading::before { position:absolute; top:-21px; left:50%; width:max-content; color:#bbb; content:'∞  ·  8  ·  5.6  ·  4  ·  2.8'; transform:translateX(-50%); font:400 .39rem 'DM Mono',monospace; letter-spacing:.05em; }
.lens-heading::after { position:absolute; top:-10px; left:50%; width:0; height:0; border-right:3px solid transparent; border-bottom:6px solid #d98e42; border-left:3px solid transparent; content:''; transform:translateX(-50%); }
.lens-arrow { justify-self:center; width:23px; height:23px; border:1px solid rgba(255,255,255,.23); border-radius:50%; color:#dedbd4; background:rgba(0,0,0,.48); line-height:1; }
.lens-wheel { align-self:stretch; min-height:0; padding:43px .15rem; border:1px solid rgba(255,255,255,.08); border-radius:44%; background:radial-gradient(ellipse,rgba(71,103,112,.12),rgba(0,0,0,.28) 67%,transparent 70%); mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent); }
.lens-item { min-height:52px; color:#8b9292; font-size:clamp(.66rem,.9vw,.87rem); text-shadow:0 1px 4px #000; }
.lens-item.is-lens-centre,.lens-item:hover,.lens-item:focus-visible { color:#fff; background:radial-gradient(ellipse,rgba(123,169,180,.19),transparent 70%); text-shadow:0 0 10px rgba(196,229,236,.46),0 2px 5px #000; }
.lens-item.is-selected { color:#e7b978; }
.archive-lane { touch-action:pan-y; }
.archive-work a,.series-chip,.year-chip,.gallery-item,.series-work { cursor:pointer; }
.archive-work a *,.series-chip *,.gallery-item *,.series-work * { pointer-events:none; }
.admin-subheading { margin:1.8rem 0 1rem; padding-bottom:.55rem; border-bottom:1px solid #ddd4c7; color:#4e4943; font:500 1.15rem 'Playfair Display',Georgia,serif; }
.admin-subheading:first-of-type { margin-top:.5rem; }

@media (max-width:700px) {
  .lens-panel { width:min(44vw,190px); height:min(44vw,190px); grid-template-rows:18px 16px minmax(76px,1fr) 16px; padding:22px; }
  .lens-panel::before { inset:17px; }
  .lens-heading { min-height:18px; font-size:.5rem; }
  .lens-heading::before { top:-15px; font-size:.28rem; }
  .lens-heading::after { top:-7px; }
  .lens-arrow { width:17px; height:17px; font-size:.68rem; }
  .lens-wheel { padding:26px .1rem; }
  .lens-item { min-height:37px; font-size:.56rem; }
  .lens-item small { display:none; }
}