/*
Theme Name: Gallery
Author: Codex
Description: A minimal gallery of eight cat portraits, created for doramicat.com.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dorami-gallery
*/
:root{--wall:#17221b;--wall-light:#2b3a2e;--text:#f1ecdf;--muted:#bcc4b5;--gold:#c4ae80;--rule:#667461;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 0%,#344336 0%,#1e2b22 38%,#111a15 100%);background-attachment:fixed}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
button{font:inherit}img{display:block;max-width:100%}.skip-link{position:absolute;left:16px;top:-60px;padding:12px 18px;background:#fff;color:#111;z-index:10}.skip-link:focus{top:16px}.site-header,.gallery{position:relative;z-index:1}.site-header{padding:39px clamp(24px,5vw,90px) 25px}.site-header h1{font-family:var(--serif);font-size:20px;line-height:1;font-weight:400;letter-spacing:-.055em;margin:0;color:#e8dec7}.site-header::after{content:"";display:block;height:1px;background:#85917d55;margin-top:27px}
.gallery{padding:35px clamp(24px,5vw,90px) 165px}.art-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(25px,4vw,70px);row-gap:clamp(85px,10vw,165px);align-items:start;max-width:1560px;margin:auto}.art-card{border:0;background:none;padding:0;display:block;min-width:0;color:inherit;text-align:left;cursor:zoom-in}.art-mat{display:block;padding:10px;background:linear-gradient(135deg,#b69b68,#d4c194 24%,#9b8052 70%,#c4ad79);border:1px solid #6e5938;box-shadow:0 25px 50px #0007,0 2px 8px #0005;transition:transform .35s ease,box-shadow .35s ease}.art-card:hover .art-mat,.art-card:focus-visible .art-mat{transform:translateY(-7px);box-shadow:0 35px 55px #0009,0 5px 15px #0007}.art-mat img{display:block;width:100%;height:auto;object-fit:cover;border:8px solid #ded3b8}.art-caption{display:block;border-top:1px solid var(--rule);margin-top:26px;padding-top:19px}.art-title{display:block;font-family:var(--serif);font-size:clamp(25px,2.6vw,36px);letter-spacing:-.045em;line-height:1.15}.art-intro{display:block;max-width:470px;margin-top:15px;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.art-meta{display:block;max-width:510px;margin-top:24px}.art-meta-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;border-top:1px solid #8a978337;padding:9px 0}.art-meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.art-meta-value{font-size:12px;line-height:1.45;color:#d9dfd1}.card-01{grid-column:1/span 5}.card-02{grid-column:8/span 5;margin-top:140px}.card-03{grid-column:2/span 9}.card-04{grid-column:1/span 5}.card-05{grid-column:8/span 5;margin-top:170px}.card-06{grid-column:2/span 9}.card-07{grid-column:1/span 5}.card-08{grid-column:8/span 5;margin-top:165px}
.art-dialog{border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:radial-gradient(ellipse at 50% 20%,#29382d,#121b16 75%);color:var(--text);overflow:auto}.art-dialog::backdrop{background:#090e0bc9}.dialog-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(34px,5vw,85px);padding:70px clamp(30px,6vw,110px)}.dialog-close{position:fixed;right:35px;top:25px;z-index:2;border:0;border-bottom:1px solid var(--gold);background:none;color:var(--text);padding:7px 0;font-size:12px;cursor:pointer}.dialog-picture-wrap{min-height:0;display:grid;place-items:center}.dialog-picture{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border:10px ridge #b49a66;box-shadow:0 25px 60px #0009}.dialog-side{max-width:470px}.dialog-title{font-family:var(--serif);font-size:clamp(44px,4.8vw,75px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0 0 18px}.dialog-details .art-intro{font-size:19px}.dialog-details .art-meta{margin-top:35px}.dialog-nav{display:flex;gap:28px;margin-top:45px}.dialog-nav button{border:0;border-bottom:1px solid var(--gold);background:none;color:var(--text);padding:7px 0;font-size:12px;cursor:pointer}.dialog-close:hover,.dialog-nav button:hover{color:var(--gold)}body.dialog-open{overflow:hidden}
.opening-curtain{display:none;position:fixed;inset:0;z-index:99999;overflow:hidden;pointer-events:none}.entry-opening .opening-curtain{display:block;animation:curtain-finish 2.55s steps(1,end) forwards}.curtain-panel{position:absolute;top:0;bottom:0;width:50.5%;background-color:#17241c;background-image:repeating-linear-gradient(90deg,#101a14 0%,#24342a 9%,#19271e 18%,#314235 26%,#131f18 35%,#233429 44%,#101a14 52%);background-size:210px 100%;box-shadow:inset 0 0 65px #050b08a6}.curtain-panel::after{content:"";position:absolute;top:0;bottom:0;width:22px;background:linear-gradient(90deg,#d2bd8752,#080d0b5c)}.curtain-left{left:0;animation:curtain-open-left 2.25s cubic-bezier(.66,0,.18,1) .16s forwards}.curtain-left::after{right:0}.curtain-right{right:0;animation:curtain-open-right 2.25s cubic-bezier(.66,0,.18,1) .16s forwards}.curtain-right::after{left:0;transform:scaleX(-1)}.curtain-seam{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d9c4928c;transform:translateX(-50%);animation:seam-vanish .35s ease .23s forwards}.entry-opening .gallery{animation:gallery-arrive 2.35s ease-out both}@keyframes curtain-open-left{to{transform:translateX(-102%)}}@keyframes curtain-open-right{to{transform:translateX(102%)}}@keyframes seam-vanish{to{opacity:0}}@keyframes curtain-finish{99%{visibility:visible}100%{visibility:hidden}}@keyframes gallery-arrive{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.dialog-shell{display:block;padding:65px 7vw 50px}.dialog-picture-wrap{margin-bottom:40px}.dialog-picture{max-height:55dvh}.dialog-side{max-width:650px;margin:auto}.dialog-title{font-size:50px}.dialog-close{right:7vw;top:18px}.dialog-nav{margin-top:30px}}
@media(max-width:700px){.site-header{padding:24px 20px 15px}.site-header::after{margin-top:23px}.gallery{padding:18px 20px 100px}.art-grid{display:block}.art-card{margin:0 0 82px}.art-card:last-child{margin-bottom:0}.art-mat{padding:6px}.art-mat img{border-width:5px}.art-caption{margin-top:19px;padding-top:15px}.art-title{font-size:28px}.art-intro{font-size:16px;margin-top:12px}.art-meta{margin-top:20px}.art-meta-row{grid-template-columns:90px 1fr;gap:12px}.art-meta-value{font-size:12px}.dialog-shell{padding:63px 20px 40px}.dialog-picture{max-height:48dvh;border-width:7px}.dialog-title{font-size:42px}.dialog-details .art-intro{font-size:17px}.dialog-details .art-meta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.entry-opening .opening-curtain{display:none!important}.entry-opening .gallery{animation:none!important}}