/*
Theme Name: ARTKiD
Description: Drawing-led portfolio and shop theme.
Version: 0.4
*/
:root{--ink:#111;--paper:#fff;--gutter:clamp(18px,2.2vw,34px);--ak-paper-grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cfilter%20id%3D%22paper%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.72%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.1%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23paper)%22%20opacity%3D%22.65%22%2F%3E%3C%2Fsvg%3E")}
/* Quiet white paper grain, underneath artwork and text. */
html body,.ak-test-dialog[open],.ak-panorama-dialog[open]{background-color:var(--paper);background-image:var(--ak-paper-grain);background-repeat:repeat;background-size:240px 240px}
.ak-logo{background:transparent!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.35}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.ak-header{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;padding:22px var(--gutter) 38px;border-bottom:0;margin-bottom:38px}.ak-header::before{content:'';display:block;width:90px;aspect-ratio:434/438}.ak-logo{position:fixed;top:22px;left:var(--gutter);width:90px;z-index:100;background:var(--paper);font-size:21px;font-weight:800;letter-spacing:-.04em}.ak-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px;font-size:12px;font-weight:700;letter-spacing:.06em}.ak-nav a:hover{text-decoration:none;opacity:.5}
.ak-intro{padding:0 var(--gutter) 70px;max-width:1100px}.ak-intro p{margin:0;font-size:clamp(19px,2.1vw,28px);font-weight:400;line-height:1.18;letter-spacing:-.02em}.ak-categories{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}.ak-categories a{border:1px solid #111;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.06em}.ak-categories a:hover{background:#111;color:#fff;text-decoration:none}
.ak-work{padding:0 var(--gutter)}.ak-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(22px,4vw,70px);row-gap:clamp(65px,9vw,140px)}
.ak-project:nth-child(4n+2){margin-top:9vw}.ak-project:nth-child(4n+3){grid-column:1/-1;width:68%;margin-left:auto}.ak-image{background:transparent;min-height:clamp(280px,45vw,700px);display:grid;place-items:center;border:0;color:#777;font-size:11px;letter-spacing:.1em;text-align:center}.ak-project.wide .ak-image{min-height:clamp(340px,52vw,820px)}
.ak-meta{padding-top:8px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.ak-meta h2{font-size:12px;margin:0;font-weight:700;line-height:1.2}.ak-meta p{font-size:11px;margin:2px 0 0;color:#555}.ak-tag{font-size:10px;white-space:nowrap}
.ak-shop-link{margin:clamp(100px,14vw,220px) var(--gutter) 0;padding:22px 0;border-top:1px solid #111;font-size:clamp(17px,3vw,45px);letter-spacing:-.05em;line-height:.95}.ak-shop-link a:hover{text-decoration:none;opacity:.55}
.ak-content{padding:20px var(--gutter) 100px;max-width:1100px}.ak-artwork-page{padding:20px var(--gutter) 100px}.ak-artwork-detail{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.65fr);gap:clamp(30px,6vw,100px);align-items:start}.ak-artwork-visual img{display:block;width:100%;height:auto}.ak-artwork-full{display:block;cursor:zoom-in}.ak-artwork-info{position:sticky;top:30px}.ak-artwork-info h1{font-size:clamp(25px,3vw,44px);line-height:1;letter-spacing:-.04em;margin:0 0 20px}.ak-artwork-details{font-size:13px;line-height:1.45;color:#555;white-space:normal;margin:0 0 25px}.ak-artwork-description{font-size:15px;line-height:1.5}.ak-artwork-description p:first-child{margin-top:0}.ak-artwork-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:80px;padding-top:15px;border-top:1px solid #111;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ak-artwork-nav>div:last-child{text-align:right}.ak-artwork-nav a{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.ak-artwork-nav>div:last-child a{justify-content:flex-end}.ak-arrow{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #111;border-radius:50%;font-size:17px;line-height:1;transition:background .18s ease,color .18s ease,transform .18s ease}.ak-artwork-nav a:hover .ak-arrow{background:#111;color:#fff}.ak-artwork-nav a:hover .ak-arrow-next{transform:translateX(4px)}.ak-artwork-nav a:hover .ak-arrow-prev{transform:translateX(-4px)}@media (pointer:fine){.ak-project a,.ak-artwork-visual a,.ak-artwork-nav a,.woocommerce ul.products li.product a{cursor:none}.ak-project a:hover,.ak-artwork-visual a:hover,.ak-artwork-nav a:hover,.woocommerce ul.products li.product a:hover{cursor:none}body:has(.ak-project a:hover),body:has(.ak-artwork-visual a:hover),body:has(.ak-artwork-nav a:hover),body:has(.woocommerce ul.products li.product a:hover){cursor:none}body:has(.ak-project a:hover)::after,body:has(.ak-artwork-visual a:hover)::after,body:has(.ak-artwork-nav a:hover)::after,body:has(.woocommerce ul.products li.product a:hover)::after{content:'';position:fixed;z-index:99999;width:12px;height:12px;background:#111;border-radius:50%;pointer-events:none;left:var(--ak-cursor-x,-30px);top:var(--ak-cursor-y,-30px);transform:translate(-50%,-50%)}}.ak-content h1{font-size:clamp(40px,7vw,90px);letter-spacing:-.05em}.ak-footer{margin-top:110px;padding:18px var(--gutter) 28px;border-top:1px solid #111;display:flex;justify-content:space-between;font-size:12px}
.ak-test-open{width:100%;padding:0;cursor:zoom-in;font:inherit;background:transparent;border:0}.ak-test-open img{display:block;width:100%;height:clamp(240px,41vw,660px);object-fit:contain}.ak-test-dialog{width:min(1200px,94vw);max-height:94vh;padding:24px;border:1px solid #111;overflow:auto}.ak-test-dialog::backdrop{background:rgba(0,0,0,.65)}.ak-test-close{display:block;margin:0 0 20px auto;background:white;border:1px solid #111;padding:10px 14px;cursor:pointer}.ak-test-detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:30px}.ak-test-detail img{width:100%;height:75vh;object-fit:contain}.ak-test-detail h2{margin-top:0}@media(max-width:700px){.ak-test-detail{grid-template-columns:1fr}.ak-test-detail img{height:60vh}}
.ak-grid .ak-project.ak-panorama{grid-column:1/-1;width:100%;margin:0}.ak-project.ak-panorama .ak-image{min-height:0;aspect-ratio:3/1;width:100%}.ak-project.ak-panorama .ak-image:has(img){aspect-ratio:auto;display:block}.ak-project.ak-panorama .ak-image img{display:block;width:100%;height:auto;object-fit:contain}
.ak-panorama-open{display:block;padding:0;background:transparent;border:0}.ak-panorama-dialog{width:94vw;max-width:1600px;max-height:94vh;padding:20px;border:1px solid #111;overflow:auto}.ak-panorama-dialog::backdrop{background:rgba(0,0,0,.65)}.ak-panorama-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.ak-panorama-controls button{padding:10px 14px;border:1px solid #111;background:#fff;color:#111;cursor:pointer}.ak-panorama-controls button[aria-pressed=true]{background:#111;color:white}.ak-panorama-close{margin-left:auto}.ak-panorama-scroll{overflow-x:auto;max-width:100%;padding-bottom:12px}.ak-panorama-scroll img{display:block;height:60vh;width:auto;max-width:none}.ak-panorama-scroll.ak-fit img{width:100%;height:auto;max-width:100%}.ak-panorama-dialog h2{font-size:20px;margin:20px 0 6px}.ak-panorama-dialog p{font-size:13px;margin:0}
/* Compact homepage gallery */
.ak-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(30px,4vw,64px);row-gap:70px;align-items:start}
.ak-grid .ak-project:nth-child(n){grid-column:auto;width:100%;margin:0}
.ak-grid .ak-image{min-height:0;height:clamp(180px,23vw,340px)}
.ak-grid .ak-image:has(img){position:relative;display:block;overflow:hidden}.ak-grid .ak-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:left bottom}.ak-grid .ak-meta{position:relative;margin-top:0;padding-top:6px}
.ak-grid .ak-project.ak-panorama{grid-column:1/-1;width:100%;margin:0}
.ak-grid .ak-project.ak-panorama .ak-image{height:auto;min-height:0;aspect-ratio:4.8/1}
.ak-grid .ak-project.ak-panorama .ak-image img{position:static;height:auto;width:100%;max-height:none}
@media(max-width:900px){.ak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ak-grid .ak-image{height:clamp(160px,35vw,300px)}}
@media(max-width:420px){.ak-grid{grid-template-columns:1fr}.ak-grid .ak-image{height:75vw}}
/* Artwork detail typography */
.ak-test-detail{align-items:stretch}.ak-test-detail>div{align-self:end;padding-bottom:10px}
.ak-test-detail h2,.ak-artwork-info h1,.ak-panorama-dialog h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,3vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.ak-test-detail p,.ak-artwork-description{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.55}
.ak-test-detail p:first-of-type,.ak-artwork-details{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.045em}
.ak-artwork-detail{align-items:stretch}.ak-artwork-info{position:static;align-self:end}
.ak-panorama-dialog h2,.ak-panorama-dialog>p{width:min(380px,100%);margin-left:auto;text-align:left}
.ak-panorama-dialog>p{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.5}
@media(max-width:700px){.ak-test-detail>div,.ak-artwork-info{align-self:auto}.ak-test-detail h2{font-size:26px}.ak-panorama-dialog h2,.ak-panorama-dialog>p{width:100%;margin-left:0}}
.ak-nav .ak-instagram{display:inline-flex;align-items:center;justify-content:center;line-height:1}.ak-instagram svg{display:block}
.ak-home-video{margin:70px var(--gutter) 0}.ak-home-video.ak-video-compact{max-width:800px}.ak-video-player iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}.ak-video-player video{display:block;width:100%;height:auto}.ak-video-player .wp-video{width:100%!important}
.ak-test-close,.ak-panorama-controls .ak-panorama-close{font-size:28px;line-height:1;width:44px;height:44px;padding:0;border:0;background:transparent;color:#111}
/* Großansicht: Nur das Bild scrollt; Informationen bleiben außerhalb. */
.ak-test-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);height:90dvh;max-height:94dvh;overflow:hidden;box-sizing:border-box}
.ak-test-detail{min-height:0;overflow:hidden}
.ak-test-detail>.ak-detail-image-scroll{min-height:0;overflow:auto;align-self:stretch!important;padding:0}
.ak-test-detail>.ak-detail-info{min-width:0;max-height:100%;overflow:auto}
.ak-detail-info p,.ak-panorama-info p{line-height:1.5}
.ak-panorama-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);grid-template-rows:auto minmax(0,1fr);gap:0 24px;height:90dvh;max-height:94dvh;overflow:hidden;box-sizing:border-box}
.ak-panorama-controls{grid-column:1/-1}
.ak-panorama-dialog .ak-panorama-scroll{min-height:0;overflow:auto;align-self:stretch}
.ak-panorama-dialog .ak-panorama-info{min-width:0;overflow:auto;align-self:end;max-height:100%}
.ak-panorama-info h2{width:auto;margin:0 0 8px;letter-spacing:normal;line-height:1.3}
.ak-panorama-info p{margin:0}
@media(max-width:700px){
.ak-test-detail{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:16px}
.ak-test-detail>.ak-detail-info{max-height:28dvh;align-self:auto!important}
.ak-panorama-dialog[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.ak-panorama-dialog .ak-panorama-info{max-height:28dvh;align-self:auto}
}
/* Bildschirmfüllende Großansicht */
.ak-header,.ak-nav{border:0!important;box-shadow:none!important}
.ak-nav a,.ak-nav a:hover{text-decoration:none!important;border-bottom:0!important}
.ak-test-dialog[open],.ak-panorama-dialog[open]{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:16px 24px;background:var(--paper,#fff)}
/* Shared hand-drawn close mark for both artwork viewers. */
.ak-test-close,.ak-panorama-controls .ak-panorama-close{position:relative;display:block;flex-shrink:0;border:0!important;box-shadow:none;background:transparent!important;color:#111;font-size:0!important;line-height:1;width:64px;height:64px;padding:0;cursor:default!important}
.ak-test-close::before,.ak-panorama-controls .ak-panorama-close::before{content:"";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2010%20C17%2015%2018%2020%2026%2027%20S42%2044%2052%2053%22%20stroke-width%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M51%2011%20C46%2018%2041%2021%2035%2029%20S20%2044%2011%2052%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M13%2012%20C22%2020%2027%2030%2035%2036%20L50%2051%20M50%2014%20C38%2025%2029%2038%2014%2050%22%20stroke-width%3D%22.8%22%20opacity%3D%22.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2010%20C17%2015%2018%2020%2026%2027%20S42%2044%2052%2053%22%20stroke-width%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M51%2011%20C46%2018%2041%2021%2035%2029%20S20%2044%2011%2052%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M13%2012%20C22%2020%2027%2030%2035%2036%20L50%2051%20M50%2014%20C38%2025%2029%2038%2014%2050%22%20stroke-width%3D%22.8%22%20opacity%3D%22.65%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat}
.ak-test-close::after,.ak-panorama-controls .ak-panorama-close::after{content:none}
.ak-test-close,.ak-panorama-controls .ak-panorama-close{outline:0!important;box-shadow:none!important;border:0!important}
.ak-test-close:hover,.ak-panorama-controls .ak-panorama-close:hover{color:rgb(57 255 20 / 60%)!important;background:transparent!important}
.ak-test-close:focus-visible,.ak-panorama-controls .ak-panorama-close:focus-visible{color:#39ff14!important;filter:none!important}
@media(max-width:700px){.ak-test-close,.ak-panorama-controls .ak-panorama-close{width:56px;height:56px}.ak-test-close::before,.ak-panorama-controls .ak-panorama-close::before{inset:0;width:100%;height:100%}}
.ak-test-close{margin:0 0 8px auto}
.ak-test-detail{grid-template-columns:minmax(0,1fr) minmax(180px,240px)}
.ak-test-detail .ak-detail-image-scroll img{height:100%!important;min-height:0;object-fit:contain}
.ak-panorama-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto}
.ak-panorama-controls{margin:0 0 8px}
.ak-panorama-dialog .ak-panorama-scroll{grid-column:1;grid-row:2}
.ak-panorama-scroll:not(.ak-fit) img{height:100%!important;width:auto;max-width:none}
.ak-panorama-scroll.ak-fit img{width:100%;height:100%!important;object-fit:contain}
.ak-panorama-fit{grid-column:1;grid-row:3;justify-self:start;border:0;background:transparent;color:inherit;padding:8px 0;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline}
.ak-panorama-dialog .ak-panorama-info{grid-column:2;grid-row:2/4}
body:has(.ak-test-dialog[open]),body:has(.ak-panorama-dialog[open]){overflow:hidden}
@media(max-width:700px){.ak-test-dialog[open],.ak-panorama-dialog[open]{padding:10px 14px}.ak-test-detail{grid-template-columns:1fr}.ak-panorama-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto auto}.ak-panorama-dialog .ak-panorama-info{grid-column:1;grid-row:4}}
/* Homepage gallery shows artwork without titles or captions. */
html body.home .ak-grid .ak-meta,html body.home .ak-grid .ak-hover-title{display:none!important}
html body.home .ak-grid .ak-project,html body.home .ak-grid .ak-project.ak-panorama{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
/* Navigation without underline or divider. */
html body .ak-header,html body .ak-nav,html body .ak-nav a,html body .ak-nav a:hover,html body .ak-nav a:focus,html body .ak-nav a[aria-current="page"],html body .ak-nav .current-menu-item>a{border-bottom:0!important;box-shadow:none!important;text-decoration:none!important}
html body .ak-nav::after,html body .ak-nav a::after{display:none!important}
/* Neon green image hover, independent of pointer classification. */
html body .ak-project .ak-image:hover img,html body .ak-artwork-visual a:hover img,html body .woocommerce ul.products li.product a:hover img,html body .ak-gallery-page .wp-block-image:hover img{filter:url(#artkid-hover-tint)!important}
/* Normal arrow throughout; captions have more breathing room. */
:root{--ak-drawn-cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M4%203%20Q5%2013%205%2024%20L11%2018%20L16%2028%20L20%2026%20L15%2016%20L24%2016%20Q14%209%204%203Z%22%20fill%3D%22%23fffdf5%22%20stroke%3D%22%23111%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206%20Q6%2014%207%2020%20M8%207%20Q16%2012%2021%2014%22%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-width%3D%22.6%22%20opacity%3D%22.55%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 3 2,default}
html,html body[class][class][class][class][class][class],html body[class][class][class][class][class][class] *,html body[class][class][class][class][class][class] *:hover{cursor:var(--ak-drawn-cursor)!important}
html body .ak-test-dialog .ak-test-detail,html body .ak-artwork-detail{gap:32px!important}
html body .ak-panorama-dialog[open]{column-gap:32px!important}
html body .ak-grid .ak-project{column-gap:32px!important}
/* Close marks are 30% smaller; keep their comfortable hit area. */
.ak-test-close::before,.ak-panorama-controls .ak-panorama-close::before{inset:25%!important;width:50%!important;height:50%!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M7%206%20Q11%2011%2016%2016%20Q21%2021%2025%2026%22%20stroke-width%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M24%207%20Q20%2012%2016%2016%20Q11%2020%206%2024%22%20stroke-width%3D%222.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M7%206%20Q11%2011%2016%2016%20Q21%2021%2025%2026%22%20stroke-width%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M24%207%20Q20%2012%2016%2016%20Q11%2020%206%2024%22%20stroke-width%3D%222.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
/* Detail artwork and caption share a compact centered frame. */
.ak-test-dialog .ak-test-detail{width:100%;max-width:1100px;justify-self:center;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:16px}
.ak-test-detail .ak-detail-image-scroll{display:flex;align-items:flex-end;justify-content:flex-end}
.ak-test-detail .ak-detail-image-scroll img{width:auto!important;max-width:100%;object-position:right bottom!important}
.ak-test-detail>.ak-detail-info{padding-bottom:0!important}
.ak-panorama-dialog[open]{column-gap:16px}
.ak-artwork-detail{gap:16px;max-width:1200px;margin-inline:auto}
@media(max-width:700px){.ak-test-dialog .ak-test-detail{grid-template-columns:1fr;gap:12px}.ak-test-detail .ak-detail-image-scroll{justify-content:center}.ak-artwork-detail{gap:12px}}
/* Preview cards: artwork left, caption beside its lower edge. */
.ak-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:48px;row-gap:70px}
.ak-grid .ak-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.42fr);gap:18px;align-items:end}
.ak-grid .ak-image:has(img){overflow:visible!important;height:auto!important;min-height:0;aspect-ratio:auto!important;display:flex;align-items:flex-end;justify-content:flex-start}
.ak-grid .ak-image img{position:static!important;inset:auto;width:auto!important;height:auto!important;max-width:100%;max-height:340px;object-fit:contain;box-shadow:2px 5px 8px rgb(35 29 20 / 18%),5px 14px 25px rgb(35 29 20 / 23%)!important}
.ak-grid .ak-meta{align-self:end!important;display:block;padding:0!important;margin:0!important}
.ak-grid .ak-meta p{margin-bottom:0}
.ak-grid .ak-tag{white-space:normal;margin-top:6px}
.ak-grid .ak-project.ak-panorama{grid-template-columns:minmax(0,1fr) minmax(130px,200px)}
.ak-grid .ak-project.ak-panorama .ak-image img{max-height:none;width:100%!important}
@media(max-width:900px){.ak-grid{grid-template-columns:1fr!important}.ak-grid .ak-image img{max-height:400px}}
@media(max-width:420px){.ak-grid .ak-project,.ak-grid .ak-project.ak-panorama{grid-template-columns:minmax(0,1fr) 100px;gap:12px}}
/* Preview artwork rests softly on the cardboard surface. */
.ak-grid .ak-image img,.ak-gallery-page .wp-block-image img{box-shadow:1px 3px 5px rgb(45 39 29 / 10%),3px 9px 17px rgb(45 39 29 / 14%);cursor:default!important}
.ak-grid .ak-image,.ak-grid .ak-image:hover,.ak-grid .ak-image:hover img,.ak-gallery-page .wp-block-image,.ak-gallery-page .wp-block-image a,.ak-gallery-page .wp-block-image img,.ak-gallery-page .wp-block-image a:hover{cursor:default!important}
/* One continuous cardboard sheet, with transparent page sections. */
html body[class][class][class]{background-image:linear-gradient(rgb(233 231 225 / 30%),rgb(233 231 225 / 30%)),url("https://artkid.ch/wp-content/uploads/2026/10/Naturkarton-Textur-—-Foto-von-Kiwihug-Unsplash.jpg")!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
html body[class][class] .ak-header{background:transparent!important}
html body[class][class] .ak-test-dialog[open],html body[class][class] .ak-panorama-dialog[open]{background-image:linear-gradient(rgb(233 231 225 / 30%),rgb(233 231 225 / 30%)),url("https://artkid.ch/wp-content/uploads/2026/10/Naturkarton-Textur-—-Foto-von-Kiwihug-Unsplash.jpg")!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important}
/* Real cardboard photograph: Kiwihug / Unsplash, attachment 32. */
html body[class][class],html body[class] .ak-header,html body[class] .ak-test-dialog[open],html body[class] .ak-panorama-dialog[open]{background-image:linear-gradient(rgb(233 231 225 / 30%),rgb(233 231 225 / 30%)),url("https://artkid.ch/wp-content/uploads/2026/10/Naturkarton-Textur-—-Foto-von-Kiwihug-Unsplash.jpg")!important;background-size:auto,800px 1160px!important;background-repeat:repeat!important;background-blend-mode:normal,luminosity}
/* Analog paper and artwork viewer refinements. */
:root{--paper:#e9e7e1!important;--ak-cardboard-fibres:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22320%22%20viewBox%3D%220%200%20320%20320%22%3E%3Cfilter%20id%3D%22grain%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.48%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.2%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22320%22%20height%3D%22320%22%20filter%3D%22url(%23grain)%22%20opacity%3D%22.8%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23827e71%22%20stroke-width%3D%22.55%22%20opacity%3D%22.25%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14%2023q5%202%209%200m37%2031q4-3%209-2m33-35%208%205m35%2023q6-1%2012%202m44-34-3%209m41%2024%2010-3M25%2087l8-4m40%2014%207%204m38-20q4%205%209%206m38%2015%2012-2m33-28%204%209m42%207q5%203%2011%200M8%20148q5-3%2011-1m39-15%208%205m39%2022%2011-4m38-16q5%202%209-2m45%2022-4%209m43-34%2010%204M29%20196l10%202m33%2018%207-5m41-15q5%204%2010%202m38%2021%2011-3m33-24%203%209m42%2013%209-4M12%20267q5%202%2010-1m38-19%208%204m39%2026%2011-2m39-28-5%208m42%2017%2011%203m38-24q4-2%209%201M40%20306l8-3m52%204%209%202m41-15%208%203m53%205%2010-2m53%2010%207-5%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fffdf5%22%20stroke-width%3D%22.8%22%20opacity%3D%22.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M35%2037l10%203m49-7%207-4m51%2044%2011-3m57-34%208%205m49%2029%209-2M18%20117l9%202m54%2012%2011-4m49-14%207%203m55%2026%209-3m57-22%208%204M38%20173l11-3m50%2012%208%202m45-16%2010%204m56-2%207-5m51%2022%208%202M15%20229l9-3m52%208%2010%202m48-9%209-4m51%208%208%203m53-10%2011%202M32%20289l10%202m47-8%209%203m53-1%2011-3m55%204%208%203m47-4%2010-2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html body[class],html body .ak-header,html body .ak-test-dialog[open],html body .ak-panorama-dialog[open]{background-image:var(--ak-cardboard-fibres)!important;background-size:320px 320px!important}
html body,.ak-header,.ak-test-dialog[open],.ak-panorama-dialog[open]{background-color:#e9e7e1!important}
.ak-logo{background:transparent!important}
html body,.ak-header,.ak-test-dialog[open],.ak-panorama-dialog[open]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%3E%3Cfilter%20id%3D%22p%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.58%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.24%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23p)%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E")!important;background-size:180px 180px!important;background-repeat:repeat!important}
.ak-test-close,.ak-panorama-controls .ak-panorama-close{width:44px!important;height:44px!important;color:#000!important}
.ak-test-close:hover,.ak-panorama-controls .ak-panorama-close:hover{color:#000!important}
.ak-test-close:focus-visible,.ak-panorama-controls .ak-panorama-close:focus-visible{color:#000!important;filter:drop-shadow(0 0 2px #777)}
.ak-test-detail>.ak-detail-info,.ak-artwork-info{align-self:end!important}
.ak-detail-info p:last-child,.ak-panorama-info p:last-child,.ak-artwork-info p:last-child{margin-bottom:0}
.ak-detail-image-scroll img,.ak-artwork-visual img,.ak-panorama-scroll img{object-position:left bottom!important}
.ak-panorama-dialog .ak-panorama-info{grid-row:2;align-self:end!important}
.ak-test-open,.ak-panorama-open,.ak-artwork-full,.ak-project a,.ak-project button,.ak-project img,.ak-artwork-visual a,.ak-artwork-visual img,.ak-artwork-nav a,.woocommerce ul.products li.product a,.ak-panorama-scroll{cursor:default!important}
body:has(.ak-project a:hover),body:has(.ak-artwork-visual a:hover),body:has(.ak-artwork-nav a:hover),body:has(.woocommerce ul.products li.product a:hover){cursor:default!important}
body:has(.ak-project a:hover)::after,body:has(.ak-artwork-visual a:hover)::after,body:has(.ak-artwork-nav a:hover)::after,body:has(.woocommerce ul.products li.product a:hover)::after{display:none!important}
@media(max-width:700px){.ak-panorama-dialog .ak-panorama-info{grid-row:4}.ak-test-detail>.ak-detail-info,.ak-artwork-info{align-self:auto!important}}
/* WooCommerce — ARTKID shop language */
.woocommerce .woocommerce-breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 var(--gutter) 40px;color:#666}.woocommerce-products-header,.woocommerce .products,.woocommerce div.product,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{margin-left:var(--gutter);margin-right:var(--gutter)}.woocommerce-products-header__title.page-title,.woocommerce div.product .product_title{font-size:clamp(34px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:0 0 40px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,70px)!important;margin-bottom:100px!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}.woocommerce ul.products li.product a img{margin:0 0 12px!important;background:transparent}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;padding:0!important;font-weight:700}.woocommerce ul.products li.product .price{color:#111!important;font-size:13px!important;margin-top:3px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0!important;background:#111!important;color:#fff!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.08em;padding:12px 16px!important}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#444!important;color:#fff!important}.woocommerce span.onsale{border-radius:0!important;background:#111!important;min-width:auto!important;min-height:auto!important;line-height:1!important;padding:7px 9px!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}.woocommerce div.product{margin-bottom:100px}.woocommerce div.product form.cart .button{float:none}.woocommerce div.product .price{color:#111!important}.woocommerce table.shop_table{border-radius:0!important;border-color:#111!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{border:1px solid #111;border-radius:0;padding:11px;background:#fff}.woocommerce-message,.woocommerce-info{border-top-color:#111!important;background:#f6f6f6}.woocommerce-message::before,.woocommerce-info::before{color:#111!important}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ak-artwork-detail{grid-template-columns:1fr}.ak-artwork-info{position:static}.ak-artwork-nav{margin-top:50px}.ak-header{grid-template-columns:1fr;padding-bottom:50px}.ak-nav{gap:16px}.ak-grid{grid-template-columns:1fr;row-gap:70px}.ak-project:nth-child(n){grid-column:auto;width:auto;margin:0}.woocommerce ul.products{grid-template-columns:1fr}.ak-image,.ak-project.wide .ak-image{min-height:110vw}.ak-meta{grid-template-columns:1fr auto}.ak-intro{padding-bottom:55px}}
