/* Sylvana Jewelry concept, slug huashu.
   Style: Ikko Tanaka Geometric (huashu-design style library, East Asian section, no. 9),
   recoloured from her own files. Flat colour, squares, circles and quarter circles on one module. */
:root{
  --paper:#F3E9E4;      /* blush silk highlight #caa098, lifted to a paper tone */
  --ink:#1C1917;        /* ui-ux-pro-max colors.csv row 4/33 Primary, a warm near black */
  --stone:#44403C;      /* same rows, Secondary */
  --line:#D6D3D1;       /* same rows, Border */
  --taupe:#5b504c;      /* her taupe paper, full logo file */
  --taupe-2:#6b5953;    /* her taupe paper, monogram file */
  --rose:#ddb09d;       /* her rose gold foil, light */
  --blush:#b89086;      /* her blush silk, mid */
  --blush-hi:#caa098;   /* her blush silk, highlight */
  --blush-deep:#7d564d; /* her blush silk shadow #92685e, darkened to reach 5.3:1 on paper */
  --serif:"Cormorant","Cormorant Garamond",Georgia,serif;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(16px,4.2vw,60px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,dl,dd,figure,blockquote{margin:0;padding:0}
ul{list-style:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;z-index:50;background:var(--ink);color:var(--paper);padding:12px 16px}
.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--paper)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--ink);cursor:pointer;transition:background .2s,color .2s}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:var(--taupe);border-color:var(--taupe)}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-paper:hover{background:var(--rose);border-color:var(--rose)}

/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:64px;padding:0 var(--pad);background:var(--paper);border-bottom:1.5px solid var(--ink)}
.brand{font:500 24px/1 var(--serif);letter-spacing:.34em;text-decoration:none;margin-right:auto}
.brand small{font:600 12px/1 var(--sans);letter-spacing:.3em;margin-left:6px}
.nav{display:flex;gap:clamp(14px,1.8vw,26px)}
.nav a{display:flex;align-items:center;min-height:44px;font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1.5px}
.nav .more{font-weight:500}
.nav .more:first-of-type{margin-left:clamp(6px,1.4vw,22px)}
.top-dm{min-height:44px;padding:0 16px}

/* hero: the poster */
.hero{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:stretch;padding:clamp(20px,4vw,52px) var(--pad) clamp(28px,4vw,52px);max-width:1440px;margin:0 auto}
.stage{width:100%;height:auto}
.stage a{cursor:pointer}
.stage a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.stage .pc{filter:drop-shadow(0 6px 8px rgba(28,25,23,.28))}
.hero-side{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;column-gap:clamp(14px,2vw,30px);row-gap:20px;min-width:0}
.vt{writing-mode:vertical-rl;font:500 clamp(64px,7.2vw,104px)/1 var(--serif);letter-spacing:.13em;white-space:nowrap}
.info{min-width:0;display:flex;flex-direction:column;gap:26px;padding-top:4px}
.info h1{font:italic 500 clamp(36px,3.5vw,54px)/1.06 var(--serif);text-wrap:balance;max-width:11em}
.info dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.info dt{font:700 12px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--blush-deep);margin-bottom:7px}
.info dd{font:500 15px/1.55 var(--sans)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:12px;font:700 13px/1 var(--sans);letter-spacing:.3em}
.hero-foot .dot{width:26px;height:26px;border-radius:50%;background:var(--rose);box-shadow:inset 0 0 0 1.5px var(--blush-deep)}

/* load: the poster assembles once */
.sh{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0)*70ms);transform-box:fill-box;transform-origin:center}
.sh.spark{animation-name:fade}
@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* categories: one tap to each kind of piece */
.cats{border-top:1.5px solid var(--ink)}
.cats ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cat{display:flex;min-width:0;color:var(--ink)}
.cat a{position:relative;display:flex;flex-direction:column;width:100%;text-decoration:none}
.cat a:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--paper)}
.cat .art img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cat a:hover .shape,.cat a:focus-visible .shape{transform:rotate(90deg)}
.cat.s-arch a:hover .shape,.cat.s-arch a:focus-visible .shape{transform:translateY(-4%)}
.cat.s-half a:hover .shape,.cat.s-half a:focus-visible .shape{transform:translateX(100%)}
.cat a:hover .art img{transform:scale(1.05)}
.cat-cap{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:96px;padding:14px 62px 16px 18px}
.cat-nm{font:600 clamp(26px,2.3vw,34px)/1 var(--serif)}
.cat-n{font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.cat-go{position:absolute;right:12px;bottom:26px;width:44px;height:44px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;transition:background .2s,color .2s}
.cat a:hover .cat-go{background:var(--ink);color:var(--paper)}
.c-rose{background:var(--rose)} .c-rose .shape{background:var(--paper)}
.c-paper{background:var(--paper)} .c-paper .shape{background:var(--blush-hi)}
.c-blush{background:var(--blush-hi)} .c-blush .shape{background:var(--paper)}
.c-paper2{background:var(--paper)} .c-paper2 .shape{background:var(--rose)}

/* pieces */
.pieces{border-top:1.5px solid var(--ink)}
.cat-a{display:block;height:0}
.pieces-head .h{display:none}
.pieces-head .h-all{display:inline}
.pieces-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px clamp(24px,5vw,80px);padding:clamp(36px,5vw,72px) var(--pad) 28px;max-width:1440px;margin:0 auto}
.pieces-head h2{font:500 clamp(56px,8vw,120px)/.9 var(--serif);letter-spacing:-.01em}
.lede{font:500 16px/1.6 var(--sans);max-width:34em;padding-bottom:10px}
.filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.flt{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:transparent;color:var(--ink);border:1.5px solid var(--ink);font:600 13px/1 var(--sans);letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.flt span{font-weight:500;opacity:.75;margin-left:8px}
.flt:hover{background:var(--rose)}
.flt-all{background:var(--ink);color:var(--paper)}

.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.tile{position:relative;display:flex;min-width:0}
html:not(.js) .tile:target{outline:3px solid var(--ink);outline-offset:-3px;z-index:1}
.tile.big{grid-column:span 2;grid-row:span 2}
.tile-open{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;cursor:pointer}
.tile-open:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--paper)}
.art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}
.big .art{flex:1;aspect-ratio:auto;min-height:0}
.art img{position:absolute;inset:19%;width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(28,25,23,.3));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.art.photo img{inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.shape{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.s-circle .shape{inset:12%;border-radius:50%}
.s-square .shape{inset:15%}
.s-arch .shape{inset:10% 19% 0 19%;border-radius:999px 999px 0 0}
.s-half .shape{inset:0 50% 0 0}
.s-qtl .shape{border-radius:100% 0 0 0}
.s-qtr .shape{border-radius:0 100% 0 0}
.s-qbr .shape{border-radius:0 0 100% 0}
.s-qbl .shape{border-radius:0 0 0 100%}
.tile-open:hover .shape,.tile-open:focus-visible .shape{transform:rotate(90deg)}
.s-arch .tile-open:hover .shape,.s-arch .tile-open:focus-visible .shape{transform:translateY(-4%)}
.s-half .tile-open:hover .shape,.s-half .tile-open:focus-visible .shape{transform:translateX(100%)}
.tile-open:hover .art:not(.photo) img{transform:scale(1.05)}
.tile-open:hover .art.photo img{transform:scale(1.03)}
.cap{display:flex;flex-direction:column;justify-content:center;gap:4px;height:86px;padding:0 60px 0 18px}
.nm{font:600 27px/1 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ty{font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.tile-dm{position:absolute;right:10px;bottom:21px;width:44px;height:44px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;transition:background .2s,color .2s}
.g-taupe{background:var(--taupe);color:var(--paper)} .g-taupe .shape{background:var(--blush)}
.g-blush{background:var(--blush-hi);color:var(--ink)} .g-blush .shape{background:var(--paper)}
.g-ink{background:var(--ink);color:var(--paper)} .g-ink .shape{background:var(--taupe-2)}
.g-rose{background:var(--rose);color:var(--ink)} .g-rose .shape{background:var(--blush-deep)}
.g-paper{background:var(--paper);color:var(--ink)} .g-paper .shape{background:var(--rose)}
.g-taupe .tile-dm:hover,.g-ink .tile-dm:hover{background:var(--paper);color:var(--ink)}
.g-blush .tile-dm:hover,.g-rose .tile-dm:hover,.g-paper .tile-dm:hover{background:var(--ink);color:var(--paper)}
.g-taupe :focus-visible,.g-ink :focus-visible{outline-color:var(--rose);box-shadow:none}
.g-taupe .tile-open:focus-visible,.g-ink .tile-open:focus-visible{box-shadow:none}

/* material */
.material{position:relative;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding:clamp(56px,8vw,120px) var(--pad);overflow:hidden}
.mat-geo{position:absolute;right:0;top:0;display:flex}
.mat-geo i{display:block;width:clamp(56px,9.7vw,140px);aspect-ratio:1/1}
.mat-geo .q1{background:var(--taupe);border-radius:0 0 0 100%}
.mat-geo .q2{background:var(--rose);border-radius:50%}
.mat-geo .q3{background:var(--blush);border-radius:100% 0 0 0}
.mat-big h2{font:600 13px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--rose);margin-bottom:22px}
.claims{display:flex;flex-direction:column;font:500 clamp(46px,8.2vw,124px)/.98 var(--serif);letter-spacing:-.01em}
.claims span:nth-child(2){font-style:italic;color:var(--rose)}
.specs{align-self:end;border-top:1.5px solid var(--paper)}
.specs li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--stone);font:500 15px/1.5 var(--sans)}
.specs b{font:700 12px/1.9 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--rose)}

/* the eye */
.eye{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(56px,8vw,120px) var(--pad);max-width:1440px;margin:0 auto}
.mask{overflow:hidden;background:var(--blush)}
.mask img{width:100%;height:100%;object-fit:cover}
.mask.arch{aspect-ratio:2/3;border-radius:999px 999px 0 0}
.mask.circ{aspect-ratio:1/1;border-radius:50%}
.mask.circ img{object-position:50% 58%}
.surf figcaption{font:600 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:14px}
.surf-stone{align-self:end}
.eye-text{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.mono{width:112px;height:112px;object-fit:cover}
.eye-text h2{font:500 clamp(40px,4.6vw,68px)/1 var(--serif);text-wrap:balance}
.eye-text blockquote p{font:italic 500 clamp(24px,2.1vw,30px)/1.35 var(--serif);max-width:24em}
.sig{font:700 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--blush-deep)}

/* order */
.order{position:relative;background:var(--taupe);color:var(--paper);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:0 var(--pad) 0 0;overflow:hidden}
.order-geo{display:grid;grid-template-columns:repeat(2,clamp(70px,12vw,170px))}
.order-geo i{aspect-ratio:1/1;display:block}
.order-geo i:nth-child(1){background:var(--rose);border-radius:0 0 100% 0}
.order-geo i:nth-child(2){background:var(--ink)}
.order-geo i:nth-child(3){background:var(--ink);border-radius:50%}
.order-geo i:nth-child(4){background:var(--blush);border-radius:100% 0 0 0}
.order-in{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(40px,6vw,80px) 0}
.order-in h2{font:italic 500 clamp(44px,6.4vw,96px)/1 var(--serif)}
.order-in p{font:500 16px/1.6 var(--sans)}
.order-in .fine{font:600 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin-top:6px}
.order :focus-visible{outline-color:var(--rose);box-shadow:none}

/* footer */
.stripes{height:clamp(35px,5vw,70px);background:repeating-linear-gradient(90deg,var(--ink) 0 clamp(18px,2.5vw,35px),var(--paper) clamp(18px,2.5vw,35px) clamp(36px,5vw,70px))}
.foot-in{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;padding:22px var(--pad) 28px;font:500 14px/1.4 var(--sans)}
.foot-in a{padding:12px 0}

/* piece view */
dialog{width:min(1120px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:rgba(28,25,23,.66)}
dialog[open]{display:grid;grid-template-columns:minmax(0,min(56%,calc((100dvh - 124px)*.8))) minmax(0,1fr);animation:fade .25s both}
.dlg-x{position:sticky;top:10px;grid-column:1/-1;grid-row:1/-1;justify-self:end;align-self:start;margin:10px;z-index:3;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:50%;cursor:pointer}
.dlg-x:hover{background:var(--ink);color:var(--paper)}
.dlg-gal{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;border-right:1.5px solid var(--ink);background:var(--paper)}
.g-stage{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper);touch-action:pan-y}
.g-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.g-stage.k-silk img,.g-stage.k-stone img{object-fit:cover}
.g-stage.k-cutout{background:var(--blush-hi)}
.g-stage.k-cutout::before{content:"";position:absolute;left:10%;right:10%;top:50%;aspect-ratio:1/1;transform:translateY(-50%);border-radius:50%;background:var(--paper)}
.g-stage.k-cutout img{inset:22%;width:56%;height:56%;filter:drop-shadow(0 10px 12px rgba(28,25,23,.3))}
.g-tag,.g-num{position:absolute;bottom:10px;padding:8px 10px;background:var(--paper);color:var(--ink);font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.g-tag{left:10px}
.g-num{right:10px;letter-spacing:.12em}
.g-nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;display:grid;place-items:center;padding:0;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:50%;cursor:pointer}
.g-nav:hover{background:var(--ink);color:var(--paper)}
.g-prev{left:10px} .g-next{right:10px}
[hidden]{display:none!important}
.g-thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;border-top:1.5px solid var(--ink);scrollbar-width:thin}
.g-thumbs li{flex:none}
.g-th{display:block;width:60px;height:60px;padding:0;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;overflow:hidden}
.g-th img{width:100%;height:100%;object-fit:cover}
.g-th.k-cutout{background:var(--blush-hi)}
.g-th.k-cutout img{object-fit:contain;padding:7px}
.g-th[aria-current]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.g-th:focus-visible{outline-offset:1px;box-shadow:none}
.dlg-text{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:clamp(22px,3.4vw,44px);padding-top:clamp(56px,5vw,64px)}
.dlg-ty{font:700 12px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--blush-deep)}
.dlg-text h2{font:500 clamp(44px,5vw,64px)/.95 var(--serif)}
.dlg-col{font:italic 500 24px/1.25 var(--serif)}
.dlg-size{align-self:stretch;padding:14px 16px 12px;background:var(--rose)}
.dlg-size h3{font:700 12px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;margin-bottom:8px}
.dlg-size li{font:600 16px/1.5 var(--sans)}
#dlg-facts{align-self:stretch;border-top:1.5px solid var(--ink);margin:6px 0 8px}
#dlg-facts li{padding:10px 0;border-bottom:1px solid var(--line);font:500 14px/1.5 var(--sans)}
.dlg-note{font:500 14px/1.5 var(--sans);color:var(--stone)}
.dlg-copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;color:var(--ink);font:600 14px/1.3 var(--sans);text-align:left;text-decoration:underline;text-underline-offset:5px;cursor:pointer}

/* tablet */
@media (max-width:1100px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav .more{display:none}
}
@media (max-width:900px){
  html{scroll-padding-top:112px}
  .top{flex-wrap:wrap;height:auto;row-gap:0;padding-top:6px}
  .top .brand,.top-dm{margin-bottom:6px}
  .nav{order:3;width:calc(100% + 2*var(--pad));margin:0 calc(-1*var(--pad));padding:0 var(--pad);justify-content:space-between;gap:10px;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
  .nav .wide{display:none}
  .cats ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cat-all{grid-column:1/-1}
  .cat-all a{flex-direction:row;align-items:stretch}
  .cat-all .art{flex:0 0 25%}
  .cat-all .cat-cap{flex:1;padding-left:clamp(18px,4vw,40px)}
  .cat-all .cat-go{bottom:50%;margin-bottom:-22px}
  .hero{grid-template-columns:1fr}
  .stage{max-width:560px;margin:0 auto}
  .material{grid-template-columns:1fr}
  .mat-big{padding-top:clamp(40px,8vw,70px)}
  .eye{grid-template-columns:1fr 1fr}
  .eye-text{grid-column:1/-1;grid-row:1}
  .surf-stone{align-self:start}
}
/* phone */
@media (max-width:640px){
  .top{gap:12px}
  .brand{font-size:20px;letter-spacing:.26em}
  .nav a{font-size:12px;letter-spacing:.07em}
  .cats ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-all .art{flex-basis:50%}
  .cat-cap{min-height:84px;padding:12px 56px 14px 12px}
  .cat-all .cat-cap{padding-left:16px;padding-right:60px}
  .cat-nm{font-size:26px}
  .cat-go{right:6px;bottom:20px}
  .top-dm{padding:0 12px;letter-spacing:.1em;font-size:12px}
  .vt{font-size:60px}
  .info{gap:20px}
  .info h1{font-size:36px}
  .info dl{grid-template-columns:1fr;gap:14px}
  .hero-cta .btn{width:100%}
  .pieces-head{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cap{height:78px;padding:0 54px 0 12px}
  .nm{font-size:24px}
  .tile-dm{right:6px;bottom:17px}
  .tile.big{grid-row:span 1}
  .big .art{flex:none;aspect-ratio:1/1}
  .big .nm{font-size:30px}
  .specs li{grid-template-columns:86px minmax(0,1fr)}
  .order{grid-template-columns:1fr;padding:0}
  .order-geo{grid-template-columns:repeat(4,25vw)}
  .order-in{padding:36px 16px 48px}
  dialog[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .dlg-gal{border-right:0;border-bottom:1.5px solid var(--ink)}
  .dlg-text{grid-column:1;grid-row:2;padding-top:20px}
  .dlg-text h2{font-size:44px}
  .dlg-text .btn{width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .tile-open:hover .shape,.tile-open:focus-visible .shape,.tile-open:hover .art img,.cat a:hover .shape,.cat a:focus-visible .shape,.cat a:hover .art img{transform:none!important}
}