/*
Theme Name: Rising Arts Ink Studio
Theme URI: https://risingartsink.com
Author: Rising Arts Ink
Description: Custom black-and-red portfolio theme for Rising Arts Ink. Gutenberg compatible.
Version: 1.9.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: rising-arts-ink
*/
:root{--bg:#080808;--panel:#111;--line:#292929;--red:#d41121;--white:#f7f7f7;--muted:#a4a4a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(5,5,5,.95);border-bottom:1px solid #222;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:16px}.brand img{width:64px;height:64px;object-fit:contain}.brand strong,.footer-brand strong{display:block;font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:6px}.brand small,.footer-brand small{display:block;font:500 10px Inter,sans-serif;letter-spacing:3px;color:#aaa;margin-top:3px}nav{display:flex;align-items:center;gap:27px}nav a{font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}nav a:hover,.text-link:hover{color:#ff4050}.nav-cta{padding:12px 17px;background:var(--red)}.menu-toggle{display:none}.hero{min-height:680px;position:relative;display:grid;grid-template-columns:50% 50%;align-items:center;overflow:hidden;padding:45px 5% 80px;background:radial-gradient(ellipse at 75% 42%,#261015 0%,#080808 60%)}.hero-copy{z-index:2}.eyebrow{font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:5px;color:#f13a48}.hero h1{font:900 clamp(65px,8.2vw,145px)/.88 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:28px 0}.hero h1 em{font-style:normal;color:#d6d6d6}.hero-copy>p{font-size:17px;line-height:1.75;max-width:520px;color:#ccc}.buttons{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{border:1px solid #777;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 22px;font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#fff;background:transparent;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#fff}.btn.primary{background:var(--red);border-color:var(--red)}.btn.primary:hover{background:#f02032}.hero-meta{margin-top:55px;font:600 11px Inter,sans-serif;letter-spacing:2px;color:#999}.hero-meta span{color:var(--red);margin:0 10px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px}.hero-art img{position:relative;width:112%;max-width:800px;mix-blend-mode:multiply;filter:contrast(1.13) drop-shadow(0 25px 38px #000)}.glow{position:absolute;width:70%;height:70%;background:#7a121b;filter:blur(110px);opacity:.4}.scroll-hint{position:absolute;bottom:25px;left:5%;font:600 11px Inter;letter-spacing:3px;color:#888}.section{padding:90px 5%;border-top:1px solid #222;scroll-margin-top:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section h2,.commission h2{font:800 clamp(38px,5vw,67px)/1 'Barlow Condensed',sans-serif;letter-spacing:4px;margin:15px 0}.section-heading p{color:var(--muted);font-size:15px}.text-link{font:700 15px 'Barlow Condensed';letter-spacing:2px;color:#f44750}.mask-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.art-card,.feature-image{border:1px solid #333;background:#151515;padding:0;color:#fff;text-align:left;overflow:hidden}.art-card img{width:100%;aspect-ratio:1.16;object-fit:contain;display:block;mix-blend-mode:screen;filter:contrast(1.12);transition:transform .35s}.art-card:hover img,.feature-image:hover img{transform:scale(1.045)}.card-label{display:block;padding:18px 20px;background:#141414}.card-label b{font:700 19px 'Barlow Condensed';letter-spacing:2px;display:block}.card-label small{color:#999;display:block;margin-top:5px}.artwork{background:#0c0c0c}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.feature-image img{width:100%;display:block;transition:transform .35s}.feature-copy h3{font:800 clamp(45px,5vw,80px)/.95 'Barlow Condensed';letter-spacing:2px}.feature-copy p,.about p{color:#aaa;line-height:1.9;max-width:550px;margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:1px solid #444;padding-top:20px}.steps strong{font:800 52px 'Barlow Condensed';color:var(--red)}.steps h3{font:700 23px 'Barlow Condensed';letter-spacing:2px}.steps p{color:#aaa;font-size:14px;line-height:1.7}.about{background:linear-gradient(110deg,#151515,#070707)}.about p{font-size:17px}.commission{padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:radial-gradient(ellipse at left,#250b0e,#0a0a0a 60%);scroll-margin-top:88px}.commission p{color:#aaa;line-height:1.8}.commission form{display:grid;gap:15px}.commission label{display:grid;gap:8px;font:600 13px Inter;color:#ccc}.commission input,.commission select,.commission textarea{background:#141414;border:1px solid #444;border-radius:0;padding:13px;color:#fff;width:100%}.commission input:focus,.commission textarea:focus{outline:1px solid var(--red)}.commission .btn{width:max-content}.form-note{font-size:12px!important;margin:0}footer{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #292929;color:#999;font-size:12px}footer .footer-brand{display:flex;gap:12px;align-items:center}footer img{width:48px}footer strong{font-size:19px!important;letter-spacing:3px!important}footer small{font-size:8px!important}dialog{border:1px solid #555;background:#080808;color:white;max-width:92vw;max-height:94vh;padding:25px}dialog::backdrop{background:#000e}dialog img{display:block;max-width:82vw;max-height:75vh;object-fit:contain}dialog p{margin-bottom:0}.close-lightbox{position:absolute;top:4px;right:9px;color:#fff;background:none;border:0;font-size:32px}@media(max-width:1000px){nav{gap:13px}.brand strong{font-size:22px;letter-spacing:3px}.hero h1{font-size:80px}.hero-art img{width:125%}}@media(max-width:760px){.site-header{height:72px;padding:0 4%}.brand img{width:50px;height:50px}.brand strong{font-size:20px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:1.7px}.menu-toggle{display:block;background:none;border:0;color:white;font-size:29px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0b;padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #333}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:75px 5% 50px;min-height:0}.hero-copy{order:2}.hero-art{order:1;min-height:0}.hero-art img{width:100%;max-height:360px;object-fit:contain}.hero h1{font-size:clamp(64px,14vw,100px)}.hero-meta{margin-top:28px;line-height:2}.scroll-hint{display:none}.section{padding:65px 5%}.section-heading{align-items:start;flex-direction:column}.mask-grid{grid-template-columns:1fr}.art-card img{aspect-ratio:1.5}.feature-grid,.commission{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.commission{padding:65px 5%}}@media(max-width:420px){.steps{grid-template-columns:1fr}.hero h1{font-size:62px}.btn{width:100%}.hero-meta{font-size:9px}.brand strong{font-size:17px}}

/* WordPress editor content */
.wp-block-image img{max-width:100%;height:auto}.entry-content{max-width:1100px;margin:60px auto;padding:0 5%;min-height:45vh}.entry-content h1,.entry-content h2,.entry-content h3{font-family:'Barlow Condensed',sans-serif}.entry-content a{color:#ff5965}.entry-content .wp-block-button__link{background:#d41121;color:white;border-radius:0}.entry-content .wp-block-gallery{gap:16px}.screen-reader-text{position:absolute;left:-9999px}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}

.direct-contact{align-self:center;margin:2rem 0;color:#fff}.direct-contact a,.footer-social a{color:#eee;text-decoration:none}.direct-contact a:hover,.footer-social a:hover{color:#ed3338}.direct-contact h3{font-size:1.15rem;letter-spacing:.12em}.footer-social{font-size:.8rem;letter-spacing:.08em}

/* Portfolio archive: wide 16:10 cards, never crops artwork */
.portfolio-archive,.project-detail{max-width:1500px;margin:0 auto;padding:75px 5% 110px}.portfolio-intro{margin-bottom:42px}.portfolio-intro h1,.project-heading h1{font:800 clamp(48px,6vw,86px)/1 'Barlow Condensed',sans-serif;letter-spacing:3px;margin:15px 0}.portfolio-intro p{color:#aaa;line-height:1.7;max-width:650px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{min-width:0;background:#141414;border:1px solid #333;transition:border-color .2s,transform .2s}.portfolio-card:hover{border-color:#d41121;transform:translateY(-4px)}.portfolio-card-link{display:block;height:100%}.portfolio-image{aspect-ratio:16/10;background:radial-gradient(ellipse,#252525,#090909);display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.portfolio-card:hover .portfolio-image img{transform:scale(1.035)}.portfolio-placeholder{color:#666;letter-spacing:3px;font:700 20px 'Barlow Condensed'}.portfolio-card-info{padding:20px;display:flex;flex-direction:column;gap:12px}.portfolio-card-info h2{font:700 26px 'Barlow Condensed';margin:0;letter-spacing:1px}.portfolio-card-info span{font:700 13px 'Barlow Condensed';letter-spacing:2px;color:#f04450}.portfolio-pagination{margin-top:50px}.portfolio-pagination .nav-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.portfolio-pagination a,.portfolio-pagination .current{border:1px solid #444;padding:10px 14px}.portfolio-pagination .current{background:#d41121;border-color:#d41121}.portfolio-empty{color:#bbb}.project-back{font:700 15px 'Barlow Condensed';letter-spacing:2px;color:#f04450}.project-heading{margin:25px 0 35px}.project-featured{background:#111;text-align:center;padding:25px;border:1px solid #2c2c2c}.project-featured img{max-width:100%;width:auto;max-height:700px;height:auto;object-fit:contain}.project-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:55px;margin-top:45px}.project-copy{line-height:1.8;color:#ddd;min-width:0}.project-copy img{max-width:100%;height:auto}.project-copy .wp-block-gallery{gap:15px}.project-aside{background:#151515;border-top:3px solid #d41121;padding:28px;align-self:start}.project-aside h2{font:700 32px 'Barlow Condensed';margin:0}.project-aside p{color:#aaa}.project-aside .btn{font-size:13px;padding:13px;gap:8px}.project-detail a:not(.btn):hover{color:#fff}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.portfolio-archive,.project-detail{padding:48px 5% 75px}.portfolio-grid{grid-template-columns:1fr}.project-body{grid-template-columns:1fr;gap:25px}.portfolio-image{aspect-ratio:16/10}.project-featured{padding:12px}}

/* V4 dynamic homepage galleries */
.home-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-portfolio-grid .portfolio-card-info h3{font:700 26px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:0}
.home-gallery-more{margin:28px 0 0;text-align:right}
@media(max-width:1000px){.home-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.home-portfolio-grid{grid-template-columns:1fr}}

/* V5: refined portfolio cards, careful non-distorting image enlargement */
.portfolio-grid{gap:22px}.portfolio-card{background:#101010;border-color:#303030;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.portfolio-image{background:radial-gradient(ellipse at center,#222 0%,#101010 75%)}
.portfolio-image img{object-fit:contain;transform:scale(1.12);transform-origin:center;transition:transform .35s ease,filter .35s ease}
.portfolio-card:hover .portfolio-image img{transform:scale(1.17);filter:brightness(1.07)}
.portfolio-card-info{border-top:1px solid #292929;padding:18px 20px 21px}
.project-featured{padding:clamp(10px,2vw,24px);background:radial-gradient(ellipse at center,#1b1b1b,#0b0b0b);}
.project-featured img{max-height:740px}
.project-copy .wp-block-gallery{gap:18px}
.project-copy .wp-block-image img,.project-copy .wp-block-gallery img{transition:filter .2s ease;cursor:zoom-in}
.project-copy .wp-block-image img:hover,.project-copy .wp-block-gallery img:hover{filter:brightness(1.1)}
.project-featured img{cursor:zoom-in}
.rai-zoom-dialog{padding:12px;background:#090909;border:1px solid #555;max-width:96vw;max-height:95vh;overflow:auto}
.rai-zoom-dialog img{display:block;max-width:min(90vw,1500px);max-height:82vh;width:auto;height:auto;object-fit:contain}
.rai-zoom-close{position:sticky;float:right;top:0;background:#d41121;color:#fff;border:0;padding:8px 13px;font-size:20px;cursor:pointer;z-index:2}
.rai-zoom-dialog::backdrop{background:rgba(0,0,0,.9)}
@media(prefers-reduced-motion:reduce){.portfolio-image img,.portfolio-card{transition:none}}

/* V6: centered, non-distorted portfolio image frames. */
.portfolio-image{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:16/10}
.portfolio-image img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none!important;transform-origin:center center}
.portfolio-card:hover .portfolio-image img{filter:brightness(1.06)}
.portfolio-image img.rai-auto-framed{object-fit:contain;object-position:center;transform:none!important}

/* V7: compact single-project featured image; portfolio thumbnails unchanged.
   Contain preserves every edge of the original image without stretching or cropping. */
.project-detail .project-featured {
  width: min(100%, 820px);
  margin-inline: auto;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at center,#1b1b1b,#0b0b0b);
}
.project-detail .project-featured img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 440px;
  object-fit: contain;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .project-detail .project-featured {padding: 8px;}
  .project-detail .project-featured img {max-height: 320px;}
}

/* V8: enlarged, centered featured mask presentation (individual mask pages only).
   Zoom is visual only; source images and gallery thumbnails are unchanged. */
.single-goalie_mask .project-featured,
.project-detail .project-featured {
  width: min(100%, 820px);
  aspect-ratio: 16 / 9;
  margin-inline: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(ellipse at center,#1b1b1b,#0b0b0b);
}
.project-detail .project-featured img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  margin: 0;
  transform: scale(1.45);
  transform-origin: center center;
}
@media (max-width:650px) {
  .project-detail .project-featured {aspect-ratio: 4 / 3; padding:0;}
  .project-detail .project-featured img {max-height:none; transform:scale(1.3);}
}

/* V9: Homepage quote CTA replaces legacy mailto inquiry form. */
.commission-form-cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-content:center}.commission-form-cta p{color:var(--muted);line-height:1.7;max-width:460px;margin:0}.commission-form-cta .btn{display:inline-flex;text-align:center}
