/*
Theme Name: G.Karloff Digital Art
Theme URI: https://gkarloff.art/
Description: Tema WordPress completo e autonomo per il portfolio e lo shop WooCommerce di G.Karloff.
Author: G.Karloff
Author URI: https://gkarloff.art/
Version: 1.0.0
Text Domain: gkarloff
*/

:root{--gk-ink:#09090b;--gk-paper:#f2f0eb;--gk-acid:#d7ff2f;--gk-hot:#ff3d57;--gk-blue:#4f6dff;--gk-muted:#aaa9a6;--gk-line:rgba(242,240,235,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.gk-site{margin:0;background:var(--gk-ink);color:var(--gk-paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}body.gk-site a{color:inherit;text-decoration:none}.gk-wrap{width:min(1520px,calc(100% - 48px));margin:auto}
.gk-header{position:sticky;top:0;z-index:999;background:rgba(9,9,11,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--gk-line)}.gk-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.gk-brand{font-weight:900;letter-spacing:-.06em;font-size:1.45rem}.gk-brand-dot{color:var(--gk-acid)}.gk-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.gk-menu a:hover,.gk-menu a:focus{color:var(--gk-acid)}.gk-actions{display:flex;gap:12px;align-items:center}.gk-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--gk-paper);padding:15px 18px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;transition:.2s}.gk-cta:hover,.gk-cta:focus{background:var(--gk-acid);border-color:var(--gk-acid);color:var(--gk-ink)}.gk-cart{white-space:nowrap}.gk-menu-toggle{display:none;background:none;border:1px solid var(--gk-line);color:var(--gk-paper);padding:10px 12px;font:inherit;font-weight:800;text-transform:uppercase}
.gk-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.25fr .75fr;border-bottom:1px solid var(--gk-line)}.gk-hero-copy{padding:8vh 5vw 8vh max(24px,calc((100vw - 1520px)/2));display:flex;flex-direction:column;justify-content:space-between}.gk-eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.78rem}.gk-eyebrow:before{content:"";width:44px;height:3px;background:var(--gk-acid)}.gk-hero h1{font-size:clamp(4.2rem,11vw,11rem);line-height:.76;letter-spacing:-.09em;margin:8vh 0 6vh;text-transform:uppercase;color:var(--gk-paper)}.gk-outline{color:transparent;-webkit-text-stroke:2px var(--gk-paper)}.gk-hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;max-width:920px}.gk-hero-intro p{font-size:clamp(1.1rem,1.55vw,1.55rem);margin:0;max-width:34ch}.gk-hero-art{position:relative;overflow:hidden;min-height:620px;background:#111}.gk-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.gk-hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(9,9,11,.75))}.gk-hero-art:after{content:attr(data-label);position:absolute;z-index:2;right:-105px;top:50%;transform:rotate(90deg);font-family:"Bangers",Impact,sans-serif;font-size:clamp(2.2rem,3.5vw,4.2rem);letter-spacing:.08em;color:var(--gk-acid);-webkit-text-stroke:1px var(--gk-ink);text-shadow:4px 4px 0 var(--gk-hot);white-space:nowrap}
.gk-marquee{overflow:hidden;border-bottom:1px solid var(--gk-line);padding:19px 0;color:var(--gk-acid);font-weight:900;text-transform:uppercase;font-size:clamp(1rem,1.8vw,1.7rem);letter-spacing:.04em;white-space:nowrap}.gk-marquee span{display:inline-block;animation:gk-slide 24s linear infinite}@keyframes gk-slide{to{transform:translateX(-50%)}}
.gk-section{padding:110px 0;border-bottom:1px solid var(--gk-line)}.gk-section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:64px}.gk-kicker{color:var(--gk-acid);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.gk-section-head h2{margin:0;font-size:clamp(3rem,7vw,7.6rem);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;color:var(--gk-paper)}.gk-section-head p{font-size:1.2rem;max-width:56ch;margin:24px 0 0;color:#d4d3d0}
.gk-series{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gk-card{position:relative;overflow:hidden;min-height:520px;border:1px solid var(--gk-line);padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:#151515;transition:.25s}.gk-card:hover{transform:translateY(-6px);border-color:var(--gk-paper)}.gk-card:nth-child(1){grid-column:span 7}.gk-card:nth-child(2){grid-column:span 5}.gk-card:nth-child(3){grid-column:span 4}.gk-card:nth-child(4){grid-column:span 8}.gk-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.gk-card:hover>img{transform:scale(1.035)}.gk-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.05) 42%,rgba(0,0,0,.9));z-index:1}.gk-card>*:not(img){position:relative;z-index:2}.gk-card h3{font-size:clamp(2.4rem,5vw,5.2rem);letter-spacing:-.06em;line-height:.87;text-transform:uppercase;margin:0;color:#fff}.gk-card p{margin:18px 0 0;max-width:35ch}.gk-card-meta{font-size:.78rem;font-weight:900;letter-spacing:.12em}.gk-card-arrow{position:absolute!important;right:24px;top:20px;font-size:2rem}
.gk-statement{display:grid;grid-template-columns:1fr 2fr;gap:50px}.gk-quote{font-size:clamp(2.3rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.05em;margin:0}.gk-quote em{font-style:normal;color:var(--gk-hot)}.gk-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:70px}.gk-manifesto p{font-size:1.06rem;color:#ccc;margin:0}.gk-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gk-line);border-left:1px solid var(--gk-line)}.gk-step{padding:34px 26px;min-height:265px;border-right:1px solid var(--gk-line);border-bottom:1px solid var(--gk-line)}.gk-step b{display:block;color:var(--gk-acid);margin-bottom:70px}.gk-step h3{font-size:1.45rem;text-transform:uppercase;margin:0 0 12px;color:var(--gk-paper)}.gk-step p{color:var(--gk-muted);margin:0}
.gk-about{background:var(--gk-paper);color:var(--gk-ink)}.gk-about .gk-kicker{color:#e11839}.gk-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.gk-about h2{font-size:clamp(4rem,10vw,10rem);line-height:.78;letter-spacing:-.08em;text-transform:uppercase;margin:0;color:var(--gk-ink)}.gk-about-copy{font-size:clamp(1.15rem,1.8vw,1.55rem)}.gk-about-copy p{margin:0 0 24px}.gk-about-copy .small{font-size:1rem;color:#494949}
.gk-content{padding:80px 0;min-height:60vh}.gk-content article,.gk-woocommerce{background:#141416;border:1px solid var(--gk-line);padding:clamp(22px,4vw,56px)}.gk-content h1,.gk-woocommerce h1{font-size:clamp(2.5rem,6vw,6rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;color:var(--gk-paper)}body.gk-site .woocommerce ul.products li.product{background:#171719;padding:18px;border:1px solid var(--gk-line)}body.gk-site .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--gk-paper);font-size:1.1rem}body.gk-site .woocommerce .price{color:var(--gk-acid)!important}body.gk-site .woocommerce a.button,body.gk-site .woocommerce button.button,body.gk-site .woocommerce input.button{background:var(--gk-acid);color:var(--gk-ink);border-radius:0;font-weight:900;text-transform:uppercase}body.gk-site .woocommerce-message,body.gk-site .woocommerce-info{border-top-color:var(--gk-acid);color:var(--gk-ink)}
.gk-footer{padding:72px 0 34px;background:var(--gk-acid);color:var(--gk-ink)}.gk-footer-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.gk-footer-title{font-size:clamp(3.6rem,10vw,10rem);line-height:.76;font-weight:900;letter-spacing:-.08em;text-transform:uppercase}.gk-footer-links{display:grid;gap:14px;text-transform:uppercase;font-weight:900;text-align:right}.gk-footer-links a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.gk-fine{margin-top:70px;padding-top:20px;border-top:1px solid rgba(0,0,0,.35);display:flex;justify-content:space-between;font-size:.82rem;font-weight:700;text-transform:uppercase}
@media(max-width:900px){.gk-wrap{width:min(100% - 28px,1520px)}.gk-menu-toggle{display:block}.gk-menu{display:none;position:absolute;left:0;right:0;top:76px;background:#09090b;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--gk-line)}.gk-menu.is-open{display:flex}.gk-nav>.gk-cta{display:none}.gk-hero{grid-template-columns:1fr}.gk-hero-copy{padding:54px 20px}.gk-hero-art{min-height:70vh}.gk-hero-intro,.gk-section-head,.gk-statement,.gk-about-grid{grid-template-columns:1fr}.gk-series .gk-card{grid-column:span 12}.gk-process{grid-template-columns:1fr 1fr}.gk-manifesto{grid-template-columns:1fr}.gk-footer-top{align-items:flex-start;flex-direction:column}.gk-footer-links{text-align:left}}
@media(max-width:520px){.gk-hero h1{font-size:3.8rem}.gk-outline{-webkit-text-stroke:1px var(--gk-paper)}.gk-section{padding:76px 0}.gk-process{grid-template-columns:1fr}.gk-step{min-height:220px}.gk-fine{gap:12px;flex-direction:column}.gk-hero-art:after{right:-96px;font-size:2.2rem}.gk-cart{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gk-marquee span{animation:none}}
