@font-face{font-family:"Archivo";src:url("fonts/Archivo.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

:root{
  --bg:#ECEBE8;--ink:#121212;--muted:#555350;--pink:#ED1E79;--orange:#FF7F00;--redorange:#D43A08;--white:#FFFFFF;
  --font:"Archivo","Helvetica Neue",Arial,sans-serif;
  --pad:20px;--gap:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.4 var(--font);font-stretch:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--pink);color:var(--ink)}
.acard ::selection{background:var(--pink);color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--white);padding:8px 12px;z-index:10}
.skip:focus{left:8px}
.label{display:block;margin:0;color:var(--muted);font-size:12.5px;font-weight:500;letter-spacing:.02em;text-transform:none}

/* ---- Papan satu layar (12 kolom) ---- */
.board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(220px,1fr) auto auto;
  column-gap:var(--gap);padding:var(--pad);min-height:100vh;min-height:100svh}

/* Baris 1 */
.left{grid-column:1/3;grid-row:1/4;align-self:start;display:flex;flex-direction:column;gap:30px;align-items:flex-start}
.left .list{align-self:stretch}
.mark{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mark__logo{display:block;width:clamp(104px,8.4vw,128px);height:auto}
.mark__row{display:flex;align-items:flex-end;gap:10px}
.mark__meta{font-size:11.5px;line-height:1.25;color:var(--muted)}
.tile{position:relative;display:block;width:44px;height:62px;border:1.5px solid var(--ink);background:var(--white);overflow:hidden;margin-left:2px}
.tile i{position:absolute;inset:0;opacity:0;animation:tile 1.6s steps(1) infinite}
.tile i:nth-child(1){opacity:1;background:radial-gradient(circle,rgba(18,18,18,.7) 0 1.1px,transparent 1.4px) 0 0/5px 5px,linear-gradient(160deg,var(--pink),var(--orange));animation-delay:0s}
.tile i:nth-child(2){background:radial-gradient(circle,rgba(18,18,18,.7) 0 1.1px,transparent 1.4px) 0 0/5px 5px,linear-gradient(20deg,var(--orange),var(--pink));animation-delay:.4s}
.tile i:nth-child(3){background:radial-gradient(circle,rgba(255,255,255,.8) 0 1.1px,transparent 1.4px) 0 0/5px 5px,linear-gradient(200deg,#121212,var(--pink));animation-delay:.8s}
.tile i:nth-child(4){background:radial-gradient(circle,rgba(18,18,18,.7) 0 1.1px,transparent 1.4px) 0 0/5px 5px,linear-gradient(90deg,var(--pink),#ECEBE8);animation-delay:1.2s}
@keyframes tile{0%{opacity:1}25%{opacity:0}100%{opacity:0}}

.menu{grid-column:3/6;grid-row:1}
.menu ul{list-style:none;margin:10px 0 0;padding:0}
.menu li{margin:0}
.menu a{display:inline-flex;align-items:baseline;font-size:clamp(23px,1.9vw,29px);line-height:.98;font-weight:500;font-stretch:62%;text-transform:uppercase;letter-spacing:.005em}
.menu a::before{content:"→";display:inline-block;width:0;overflow:hidden;transition:width .18s ease,margin .18s ease;margin-right:0}
.menu a:hover::before,.menu a:focus-visible::before,.menu a[aria-current="page"]::before{width:.95em;margin-right:.18em}

.radio{grid-column:5/7;grid-row:1}
@media (min-width:981px) and (max-width:1240px){.radio{grid-column:6/8}} /* lebar sedang: menu hampir menyentuh kolom 5, jadi radio kembali ke kolom 6 */
#radio{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:14px;margin-top:2px}
#radio:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#radio .on{display:none}
#radio[aria-checked="true"] .on{display:inline-flex;align-items:center;gap:6px}
#radio[aria-checked="true"] .off{display:none}
.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.eq i{display:block;width:3px;background:var(--pink);height:4px;animation:eq .9s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.18s}.eq i:nth-child(3){animation-delay:.36s}
@keyframes eq{0%,100%{height:3px}50%{height:12px}}
.now{margin:8px 0 0;font-size:12.5px;line-height:1.3;color:var(--ink)}
.clock{margin:18px 0 0;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.clock .label{display:inline}

.statement{margin:0;color:var(--pink);font-size:clamp(24px,2.05vw,31px);line-height:1.04;font-weight:500;font-stretch:62%;text-transform:uppercase;letter-spacing:.005em}
.s1{grid-column:8/11;grid-row:1}
.inq{grid-column:11/13;grid-row:1;text-align:right}
.inq .tel{margin:2px 0 0;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.inq .mail{margin:2px 0 0;font-weight:500;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.inq .visit-l{margin-top:18px}
.inq address{margin:4px 0 0;font-style:normal;line-height:1.35}
.inq,.inq .label,.inq .tel,.inq address{font-size:11px}

/* Baris 3: daftar */
.list{grid-row:3;align-self:start}
.list h2{margin:0 0 8px}
.list ul{list-style:none;margin:0;padding:0}
.list li{margin:0 0 3px;line-height:1.28}
.list a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .15s}
.list a:hover,.list a:focus-visible{text-decoration-color:currentColor}
.list .gap{margin-top:12px}
.list .more a{color:var(--muted)}
.l1{grid-column:3/5}.l3{grid-column:5/7}.l4{grid-column:7/9}
/* Exhibitions, broadCCCast, Shop/spaCCCe: teks 2px lebih kecil (daftar artis tidak berubah) */
.l1,.l3,.l4{font-size:11px}
.l1 .label,.l3 .label,.l4 .label{font-size:11px;color:var(--redorange);font-weight:600}
.l2 .label{color:var(--redorange);font-weight:600}
.l4 .status{font-size:11px}
.l4 .label.gap{margin-top:16px}
.status{margin:8px 0 0;font-size:12.5px;color:var(--ink);display:flex;align-items:center;gap:6px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}
.s2{grid-column:9/13;grid-row:3;align-self:start}
.note{grid-column:1/13;grid-row:4;margin:18px 0 0;font-size:11.5px;color:var(--muted)}

/* ---- Layar sempit: grid dua kolom ---- */
@media (max-width:980px){
  .board{grid-template-columns:1fr 1fr;grid-template-rows:none;row-gap:22px;column-gap:14px;padding:16px;min-height:0}
  .left{display:contents}
  .board>*,.left>*{grid-row:auto;grid-column:1/-1;align-self:auto;justify-self:auto}
  .mark{order:1;flex-direction:row;align-items:center;gap:14px}
  .mark__logo{width:92px}
  .mark__row{margin-left:auto;align-items:center}
  .radio{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
  .radio .label{display:inline}
  .now{flex-basis:100%;margin:0}
  .clock{margin:0 0 0 auto}
  .menu{order:3}.menu a{font-size:34px}
  .s1{order:4;font-size:26px}
  .l1{order:8;grid-column:1}.l2{order:9;grid-column:2}.l3{order:10;grid-column:1}.l4{order:11;grid-column:2}
  .s2{order:12;font-size:26px}
  .inq{order:13;text-align:left}
  .note{order:14;margin-top:4px}
}
@media (max-width:560px){
  .l1,.l2,.l3,.l4{grid-column:1/-1}
}


/* ---- Kartu seniman (polaroid, bisa di-drag) ---- */
.acard{position:fixed;left:0;top:0;z-index:60;width:min(380px,calc(100vw - 24px));cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:50% 8%;will-change:transform}
.acard.is-dragging{cursor:grabbing}
.acard:focus{outline:none}
.acard:focus-visible .acard__in{outline:3px solid var(--ink);outline-offset:3px}
.acard__in{background:var(--white);padding:14px 14px 16px;box-shadow:0 1px 2px rgba(18,18,18,.28),0 3px 5px rgba(18,18,18,.14);border-radius:3px}
.acard__photo{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle,rgba(18,18,18,.55) 0 1.2px,transparent 1.6px) 0 0/6px 6px,linear-gradient(var(--ang,135deg),var(--pink),var(--orange))}
.acard__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--bg)}
.acard__ini{font-size:clamp(70px,22vw,96px);line-height:1;font-weight:800;font-stretch:62%;color:var(--white);letter-spacing:.01em;text-shadow:0 2px 0 rgba(18,18,18,.25)}
.acard__ph{position:absolute;left:8px;bottom:8px;padding:2px 6px;background:rgba(18,18,18,.78);color:var(--white);font-size:11px;font-weight:500;border-radius:2px}
.acard__title{margin:14px 2px 0;font-size:34px;line-height:1;font-weight:700;font-stretch:62%;text-transform:uppercase;letter-spacing:.005em}
.acard__meta{margin:8px 2px 0;font-size:12.5px;color:var(--muted)}
.acard__bio{margin:10px 2px 0;font-size:14.5px;line-height:1.5}
.acard__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 2px 0;font-size:13.5px;font-weight:500}
.acard__links a{text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acard__close{all:unset;cursor:pointer;display:block;margin:12px 2px 0 auto;font-size:13.5px;font-weight:500;padding:4px 2px}
.acard__close:hover{text-decoration:underline;text-underline-offset:3px}
.acard__close:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.list a[data-artist]{cursor:pointer}
@media (max-width:700px){.acard__title{font-size:30px}.acard__bio{font-size:14px}}

@media (prefers-reduced-motion:reduce){
  .tile i{animation:none}.tile i:nth-child(n+2){opacity:0}.tile i:nth-child(1){opacity:1}
  .eq i{animation:none;height:8px}
  .menu a::before{transition:none}
}

/* =========================================================
   Halaman dalam (non-beranda)
   ========================================================= */
.top{display:grid;grid-template-columns:minmax(104px,1.4fr) 6fr minmax(96px,1fr);gap:var(--gap);align-items:start;padding:var(--pad) var(--pad) 0}
.top__logo{display:block;width:clamp(104px,8.4vw,128px)}
.top__logo img{display:block;width:100%;height:auto}
.menu--top ul{display:flex;flex-wrap:wrap;gap:0 22px;margin:8px 0 0}
.menu--top a{font-size:clamp(22px,1.9vw,28px)}
.top .clock{margin:2px 0 0;text-align:right}
.inner{padding:34px var(--pad) 40px}
.pagehead{margin:0 0 28px}
.pagehead h1{margin:6px 0 0;font-size:clamp(40px,6.2vw,92px);line-height:.92;font-weight:600;font-stretch:62%;text-transform:uppercase;letter-spacing:.005em}
.lead{margin:14px 0 0;max-width:46ch;color:var(--pink);font-size:clamp(20px,1.7vw,26px);line-height:1.1;font-weight:500;font-stretch:62%;text-transform:uppercase}
.crumb{margin:0 0 18px;font-size:12.5px}
.crumb a,.more a,.links a{text-decoration:underline;text-underline-offset:3px}
.meta{margin:-12px 0 18px;font-size:13.5px;font-weight:500}
.prose{max-width:62ch;font-size:15px;line-height:1.55}
.prose p{margin:0 0 1em}
.prose .label{margin:0 0 4px}
.prose h2.label{margin:24px 0 8px;color:var(--redorange);font-weight:600}
.prose a{text-decoration:underline;text-underline-offset:3px}
.sec{margin:44px 0 0}
.sec>.label,.gal__h{margin:0 0 14px;color:var(--redorange);font-weight:600}
.pagehead>.label{color:var(--redorange);font-weight:600}
.more{margin:26px 0 0;font-size:14px;font-weight:500}
.links{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;font-weight:500}
.hero{margin:0 0 26px;background:rgba(18,18,18,.06)}
.hero__img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:34px;align-items:start}
.split__img .hero__img{max-height:none;box-shadow:0 1px 2px rgba(18,18,18,.28),0 3px 5px rgba(18,18,18,.14)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px var(--gap)}
.cards--p{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.card a,.card__plain{display:block}
.card__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:rgba(18,18,18,.06)}
.card__img--p{aspect-ratio:3/4}
.card__t{display:block;margin:10px 0 0;font-size:20px;line-height:1;font-weight:600;font-stretch:62%;text-transform:uppercase}
.card__m{display:block;margin:5px 0 0;font-size:12px;color:var(--muted)}
.card a:hover .card__t,.card a:focus-visible .card__t{color:var(--pink)}
.gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gal li{margin:0}
.gal__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:rgba(18,18,18,.06)}
.works{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:26px var(--gap)}
.work__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:rgba(18,18,18,.05)}
.work__t{display:block;margin:8px 0 0;font-size:12px;line-height:1.3}
.mixes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px var(--gap)}
.mix{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}
.mix__img{display:block;width:96px;height:96px;object-fit:cover;background:rgba(18,18,18,.06)}
.mix__b{min-width:0}
.mix__t{display:block;font-size:15px;font-weight:600;line-height:1.2}
.mix__m{display:block;margin:3px 0 0;font-size:12px;color:var(--muted)}
.mix iframe{grid-column:1/-1;display:block;width:100%;height:120px;border:0}
.play{all:unset;cursor:pointer;display:inline-block;margin-top:8px;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.play:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.tags{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{border:1.5px solid var(--ink);padding:5px 11px;font-size:13px;font-weight:500;border-radius:99px}
.status--big{font-size:clamp(20px,2.2vw,30px);font-weight:600;font-stretch:62%;text-transform:uppercase;margin:0 0 20px}
.status--big .dot{width:12px;height:12px}
.progs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px 26px}
.prog h2{margin:0 0 8px;font-size:clamp(24px,2.2vw,32px);line-height:1;font-weight:600;font-stretch:62%;text-transform:uppercase;color:var(--pink)}
.prog p{margin:0 0 10px;max-width:42ch;font-size:15px;line-height:1.5}
.foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px var(--gap);padding:34px 0 28px;border-top:1.5px solid var(--ink);margin:30px var(--pad) 0;font-size:13px;line-height:1.45}
.foot p,.foot address{margin:4px 0 0;font-style:normal}
.foot a{text-decoration:underline;text-underline-offset:3px}
.foot .tel{font-weight:500}
.foot__c{grid-column:1/-1;color:var(--muted);font-size:12px;margin:6px 0 0}
.list .label a{text-decoration:none}
.list .label a:hover{text-decoration:underline;text-underline-offset:3px}
.note a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){
  .top{grid-template-columns:104px 1fr;row-gap:12px}
  .top .clock{grid-column:2;grid-row:1;align-self:center}
  .menu--top{grid-column:1/-1}
  .menu--top ul{gap:2px 18px}
  .split{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
  .mixes{grid-template-columns:1fr}
}
.top .menu{grid-column:2;grid-row:1}
.top .clock{grid-column:3;grid-row:1}
@media (max-width:860px){.top .menu{grid-column:1/-1;grid-row:2}.top .clock{grid-column:2;grid-row:1}}

.work__d{display:block;margin:3px 0 0;font-size:11px;line-height:1.35;color:var(--muted)}
.work__p{display:block;margin:5px 0 0;font-size:12px;font-weight:600}
.shopnote{margin:0 0 18px;font-size:12.5px;color:var(--muted)}
.shopnav{margin:26px 0 0}
.shopnav .label a{text-decoration:none;color:var(--redorange);font-weight:600}
.shopnav .label a:hover,.shopnav a[aria-current="page"]{text-decoration:underline;text-underline-offset:3px}
.tags--link{margin:8px 0 0}
.tags--link a{display:block}
.tags--link li{padding:0}
.tags--link a{padding:5px 11px}
.tags--link a[aria-current="page"]{background:var(--ink);color:var(--bg);border-radius:99px}
.shopnav~.works{margin-top:28px}

.radio__soon{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--muted)}
.now iframe{display:block;width:100%;height:60px;border:0;margin-top:2px}

.foot__pol{margin-top:12px}
.polnote{margin:-10px 0 22px;font-size:12.5px;color:var(--muted)}
.policy{max-width:78ch;font-size:14.5px}
.policy h2{margin:30px 0 8px;font-size:22px;line-height:1.1;font-weight:600;font-stretch:62%;text-transform:uppercase;color:var(--redorange)}
.policy h3{margin:22px 0 6px;font-size:17px;line-height:1.2;font-weight:600}
.policy h4{margin:16px 0 4px;font-size:15px;font-weight:600}
.policy ul,.policy ol{margin:0 0 1em;padding-left:1.4em}
.policy li{margin:0 0 .35em}
.policy table{border-collapse:collapse;margin:0 0 1em;font-size:13.5px}
.policy th,.policy td{border:1px solid var(--ink);padding:6px 10px;text-align:left;vertical-align:top}
.policy hr{border:0;border-top:1px solid var(--ink);margin:22px 0}

.mark__home{display:block}
.mark .clock{margin:0}

.mark__meta{display:flex;flex-direction:column;gap:3px}
.mark__meta .clock{margin:0;color:var(--ink)}
.now__t{margin:-1px 0 0;font-size:11px;line-height:1.3;color:var(--ink)}

/* ---- Tema kotak-kotak warna (uji 2026-10-11; komposisi dari gambar acuan Yuriza, koordinat = % dari 1671x941).
   Batalkan: hapus blok ini dan div .blocks di build.py ---- */
:root{--cp:#FF2896;--co:#FF8F2D;--cl:#B1EC47}
.board{position:relative;isolation:isolate}
.blocks{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.blocks i{position:absolute;display:block}
/* kiri atas: pink + strip jingga */
.b1{left:0;top:0;width:20.3%;height:34%;background:var(--cp)}
.b2{left:20.3%;top:0;width:5.2%;height:31%;background:var(--co)}
/* halftone pink+jingga di bawah pink */
.b3{left:0;top:32%;width:25.5%;height:18.6%;
  background:radial-gradient(circle,var(--co) 0 1.6px,transparent 2px) 3px 3px/7px 7px,radial-gradient(circle,var(--cp) 0 2px,transparent 2.4px) 0 0/6px 6px}
/* halftone pink di atas krem */
.b4{left:0;top:50.6%;width:25.5%;height:19.4%;
  background:radial-gradient(circle,var(--cp) 0 1.7px,transparent 2.1px) 0 0/7px 7px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),#000);mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),#000)}
/* lime besar kiri bawah */
.b5{left:0;top:69.7%;width:33.5%;height:30.3%;background:var(--cl)}
/* lime kanan atas */
.b6{left:61.3%;top:7.2%;width:21.7%;height:34.8%;background:var(--cl)}
/* halftone pink kanan atas */
.b7{left:66%;top:0;width:34%;height:26.5%;
  background:radial-gradient(circle,var(--cp) 0 1.7px,transparent 2.1px) 0 0/7px 7px;
  -webkit-mask-image:linear-gradient(to bottom left,#000,rgba(0,0,0,.25));mask-image:linear-gradient(to bottom left,#000,rgba(0,0,0,.25))}
/* halftone lime kanan */
.b8{left:83%;top:24.5%;width:17%;height:52%;
  background:radial-gradient(circle,var(--cl) 0 2.3px,transparent 2.7px) 0 0/7px 7px,var(--bgl,transparent)}
/* halftone pink kanan tengah */
.b9{left:75%;top:42%;width:14%;height:34%;
  background:radial-gradient(circle,var(--cp) 0 1.8px,transparent 2.2px) 0 0/7px 7px;
  -webkit-mask-image:linear-gradient(to right,#000,rgba(0,0,0,.2));mask-image:linear-gradient(to right,#000,rgba(0,0,0,.2))}
/* jingga tengah + halftone jingga/lime */
.b10{left:35.3%;top:51%;width:12.9%;height:20.6%;background:var(--co)}
.b11{left:48.2%;top:51%;width:8.4%;height:20.6%;
  background:radial-gradient(circle,var(--cl) 0 1.6px,transparent 2px) 0 0/6px 6px,radial-gradient(circle,var(--co) 0 2.2px,transparent 2.6px) 3px 3px/6px 6px}
/* kanan bawah: halftone jingga + pink */
.b12{left:81.8%;top:76.5%;width:11.2%;height:23.5%;
  background:radial-gradient(circle,var(--cp) 0 1.5px,transparent 1.9px) 3px 3px/6px 6px,radial-gradient(circle,var(--co) 0 2.2px,transparent 2.6px) 0 0/6px 6px}
.b13{left:93%;top:76.5%;width:7%;height:23.5%;background:var(--cp)}
/* teks di atas kotak berwarna: pakai tinta agar terbaca */
.home .s1,.home .s2,.home .label,.home .list h2,.home .list h2 a,.home .mark__meta,.home .inq,.home .inq .label{color:var(--ink)}
.b3,.b4,.b7,.b9{opacity:.8}
@media (max-width:760px){
  .blocks i{display:none}
  .blocks .b1,.blocks .b2,.blocks .b5,.blocks .b6,.blocks .b10{display:block}
  .b1{width:26%;height:5%}.b2{left:26%;width:7%;height:4%}
  .b6{left:64%;top:30%;width:36%;height:7%}
  .b10{left:0;top:55%;width:30%;height:5%}
  .b5{top:93%;width:60%;height:7%}
}