/*
Theme Name: Gogu Creator Platform
Theme URI: https://goguoksana.com/
Author: Oksana Gogu
Description: Premium long-read WordPress and WooCommerce theme for educational illustrations, design tools, tutorials, freebies and creator resources.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: gogu-creator
License: GPL-2.0-or-later
*/

:root{
  --ink:#14202b;--muted:#68737c;--paper:#fff;--warm:#fff8f2;--soft:#f5f7f7;
  --coral:#fc6433;--coral-dark:#df491f;--teal:#36aaa2;--green:#58b876;
  --yellow:#ffca43;--purple:#8268d4;--line:rgba(20,32,43,.11);
  --shadow:0 26px 70px rgba(31,48,58,.10);--rxl:38px;--rlg:27px;--rmd:18px;
  --shell:1240px;
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.go-shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}
.go-main{overflow:clip}
.go-section{padding:clamp(82px,9vw,145px) 0}
.go-section--soft{background:var(--soft)}
.go-section--warm{background:var(--warm)}
.go-kicker{margin:0 0 14px;color:var(--coral-dark);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,h4{margin-top:0;color:var(--ink);font-weight:680;letter-spacing:-.035em}
h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.94}
h2{font-size:clamp(2.35rem,4.8vw,4.8rem);line-height:1}
h3{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.15}
p{margin-top:0}
.go-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.2s}
.go-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(30,45,55,.05)}
.admin-bar .go-header{top:32px}
.go-header__inner{display:grid;min-height:86px;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}
.go-brand{display:flex;align-items:center;gap:12px;min-width:300px}
.go-brand--drawn{line-height:1;text-decoration:none}
.go-logo-wordmark{display:inline-grid;gap:7px;width:max-content;max-width:36vw;min-width:0;color:#082247}
.go-logo-line{display:flex;align-items:baseline;gap:.22em;white-space:nowrap}
.go-logo-gogu,.go-logo-oksana{display:inline-block;font-family:"Quicksand",Inter,ui-sans-serif,sans-serif;font-size:clamp(1.95rem,2.45vw,2.85rem);font-weight:700;letter-spacing:-.055em;line-height:.9}
.go-logo-gogu{color:#06244a}
.go-logo-oksana{color:#ff5d5b;font-weight:500}
.go-logo-art{display:grid;grid-template-columns:10px 10px minmax(54px,90px) 15px minmax(54px,90px) 10px 10px;align-items:center;gap:8px;width:100%;padding-inline:4px}
.go-logo-dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.go-logo-dot--teal{background:#50c7c5}.go-logo-dot--yellow{background:#ffc247}.go-logo-dot--purple{background:#b774cf}.go-logo-dot--coral{background:#ff5d5b}
.go-logo-heart{display:block;width:15px;height:15px;align-self:center;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14C3.5 10.2 1.2 7.9 1.2 4.9 1.2 3 2.7 1.5 4.6 1.5 5.8 1.5 7 2.2 8 3.3 9 2.2 10.2 1.5 11.4 1.5 13.3 1.5 14.8 3 14.8 4.9 14.8 7.9 12.5 10.2 8 14Z' fill='%23ff5d5b'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 0 rgba(8,34,71,.08))}
.go-logo-wave{display:block;height:10px;min-width:42px;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.go-logo-wave--coral{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9c18 12 28-12 48 0s31-8 68-1' fill='none' stroke='%23ff6966' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.go-logo-wave--teal{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9c18-12 32 12 51 0s34 7 65 0' fill='none' stroke='%2350c7c5' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.go-brand__text{display:flex;flex-direction:column;line-height:1}
.go-brand__name{font-size:1.3rem;font-weight:760;letter-spacing:-.04em}
.go-brand__tag{margin-top:6px;color:var(--coral);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.go-nav{justify-self:center}
.go-nav ul{display:flex;gap:27px;align-items:center;padding:0;margin:0;list-style:none}
.go-nav a{font-size:.9rem;font-weight:650}
.go-nav a:hover,.current-menu-item>a{color:var(--coral-dark)}
.go-header__actions{display:flex;gap:9px;align-items:center}
.go-icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}
.go-menu-toggle{display:none}
.go-button{display:inline-flex;min-height:52px;padding:14px 23px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;font-weight:730;line-height:1;transition:.18s}
.go-button:hover{transform:translateY(-2px)}
.go-button--primary{background:var(--coral);color:#fff;box-shadow:0 13px 30px rgba(252,100,51,.2)}
.go-button--primary:hover{background:var(--coral-dark)}
.go-button--secondary{border-color:var(--line);background:rgba(255,255,255,.72)}
.go-button--dark{background:var(--ink);color:#fff}
.go-button--light{background:#fff;color:var(--ink)}
.go-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.go-button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(252,100,51,.35);outline-offset:4px}
.go-hero{position:relative;min-height:calc(100vh - 76px);padding:clamp(68px,8vw,118px) 0 74px;background:radial-gradient(circle at 88% 18%,rgba(255,202,67,.18),transparent 25rem),radial-gradient(circle at 12% 76%,rgba(57,169,163,.12),transparent 28rem),#fff}
.go-hero__grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(460px,1.1fr);gap:clamp(40px,7vw,100px);align-items:center}
.go-hero h1 span{color:var(--coral)}
.go-hero__lead{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.25rem)}
.go-hero__art{position:relative;min-height:600px}
.go-hero__blob{position:absolute;inset:5% 2% 4% 8%;border-radius:48% 52% 44% 56%/53% 42% 58% 47%;background:linear-gradient(145deg,#fff4e7,#ffe9e2 48%,#e7f5ee)}
.go-hero__image{position:absolute;inset:0;display:grid;place-items:end center}
.go-hero__image img{width:100%;max-height:620px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 35px rgba(27,47,55,.13))}
.go-float{position:absolute;display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(20,32,43,.08);border-radius:24px;background:#fff;box-shadow:var(--shadow);font-size:2rem}
.go-float--one{top:12%;left:1%;transform:rotate(-8deg)}.go-float--two{top:4%;right:9%;transform:rotate(8deg)}.go-float--three{right:0;bottom:18%;transform:rotate(6deg)}
.go-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.go-trust__item{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.78rem;font-weight:650}
.go-trust__dot{width:9px;height:9px;border-radius:50%;background:var(--coral)}
.go-page-hero{padding:clamp(72px,9vw,130px) 0 80px;background:radial-gradient(circle at 82% 20%,rgba(255,202,67,.16),transparent 23rem),var(--warm)}
.go-page-hero__inner{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end}
.go-page-hero p{max-width:650px;color:var(--muted);font-size:1.1rem}
.go-breadcrumbs{margin-bottom:22px;color:var(--muted);font-size:.82rem}
.go-breadcrumbs a:hover{color:var(--coral-dark)}
.go-intro{border-block:1px solid var(--line)}
.go-intro__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:end}
.go-intro__text p{color:var(--muted);font-size:1.12rem}
.go-platform-grid,.go-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.go-platform-card,.go-card{position:relative;padding:29px;border:1px solid var(--line);border-radius:var(--rlg);background:#fff;overflow:hidden;transition:.2s}
.go-platform-card{min-height:330px;display:flex;flex-direction:column}
.go-platform-card:hover,.go-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.go-platform-card__icon,.go-card__icon{display:grid;width:58px;height:58px;place-items:center;margin-bottom:auto;border-radius:18px;background:var(--card-soft,#fff1eb);font-size:1.75rem}
.go-platform-card p,.go-card p{margin:14px 0 25px;color:var(--muted)}
.go-text-link{display:inline-flex;gap:8px;align-items:center;color:var(--coral-dark);font-size:.92rem;font-weight:750}
.go-text-link span{transition:.16s}.go-text-link:hover span{transform:translateX(4px)}
.go-tools{background:var(--ink);color:rgba(255,255,255,.75)}
.go-tools h2,.go-tools h3,.go-tools .go-kicker{color:#fff}
.go-tools__grid{display:grid;grid-template-columns:.5fr 1fr;gap:70px;align-items:start}
.go-tools__copy{position:sticky;top:130px}.go-tools__copy p{max-width:420px;color:rgba(255,255,255,.67);font-size:1.08rem}
.go-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.go-tool-card{min-height:245px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.06);transition:.18s}
.go-tool-card:hover{background:rgba(255,255,255,.11);transform:translateY(-3px)}
.go-tool-card__icon{font-size:2.1rem}.go-tool-card h3{margin:48px 0 10px;font-size:1.2rem}.go-tool-card p{color:rgba(255,255,255,.63);font-size:.91rem}
.go-split-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:50px}
.go-split-heading p{max-width:520px;color:var(--muted)}
.go-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.go-post-card,.go-product-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--rlg);background:#fff;transition:.18s}
.go-post-card:hover,.go-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.go-post-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f1f4f2}
.go-post-card__image img,.go-product-card__image img{width:100%;height:100%;object-fit:cover;transition:.3s}
.go-post-card:hover img,.go-product-card:hover img{transform:scale(1.035)}
.go-post-card__body,.go-product-card__body{padding:23px}
.go-post-card__meta{margin-bottom:10px;color:var(--coral-dark);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.go-post-card p{color:var(--muted);font-size:.92rem}
.go-collection-track,.products.columns-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}
.go-product-card__image{display:block;aspect-ratio:1/1.02;overflow:hidden;background:#f1f4f2}
.go-product-card__body h3{margin-bottom:8px;font-size:1.1rem}.go-price,.price{color:var(--coral-dark)!important;font-weight:760}
.go-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}
.go-benefit{padding:30px;border-left:1px solid var(--line);text-align:center}.go-benefit:first-child{border-left:0}
.go-benefit__icon{font-size:2rem}.go-benefit h3{margin:18px 0 10px;font-size:1.05rem}.go-benefit p{margin:0;color:var(--muted);font-size:.88rem}
.go-about__card{display:grid;grid-template-columns:.65fr 1fr .55fr;gap:55px;align-items:center;padding:clamp(30px,5vw,70px);border-radius:var(--rxl);background:linear-gradient(135deg,#fff2e8,#edf8f2)}
.go-about__portrait{overflow:hidden;aspect-ratio:1/1;border-radius:50%;background:#fff}.go-about__portrait img{width:100%;height:100%;object-fit:cover}
.go-about__copy p{color:var(--muted)}.go-about__facts{padding-left:35px;border-left:1px solid rgba(20,32,43,.12)}
.go-about__facts ul{padding:0;margin:0;list-style:none}.go-about__facts li{padding:13px 0;border-bottom:1px solid rgba(20,32,43,.09);font-size:.9rem;font-weight:650}
.go-cta{padding:30px 0 60px}.go-cta__inner{padding:clamp(55px,8vw,105px);border-radius:var(--rxl);text-align:center;color:rgba(255,255,255,.8);background:radial-gradient(circle at 12% 86%,rgba(255,255,255,.13),transparent 18rem),radial-gradient(circle at 91% 5%,rgba(255,255,255,.15),transparent 20rem),var(--teal)}
.go-cta h2,.go-cta .go-kicker{color:#fff}.go-cta p{max-width:640px;margin:22px auto 30px}
.go-content{width:100%;max-width:none;margin:0;padding:0}
.go-content .entry-content{width:100%;max-width:none;margin:0;padding:0;font-size:1.06rem;overflow-x:clip}
.go-content .entry-content>*+*{margin-top:1.4em}
.go-content .entry-content img{border-radius:22px}
/* Site-wide wide content shell. */
.go-main{overflow-x:clip}
.go-content>.entry-content>*{max-width:min(calc(100% - 40px),860px);margin-inline:auto}
.go-content>.entry-content>section,
.go-content>.entry-content>.alignfull,
.go-content>.entry-content>.gogu-page,
.go-content>.entry-content>.gogu-about-page,
.go-content>.entry-content>[class*="gogu-"][class*="-page"]{max-width:none;width:100%}
.go-content>.entry-content img{border-radius:22px;max-width:100%;height:auto}
body.woocommerce-page .go-section>.go-shell{width:min(calc(100% - 40px),var(--shell));max-width:var(--shell)}
.go-footer{margin-top:clamp(60px,8vw,110px);padding:clamp(54px,7vw,86px) 0 24px;border-top:1px solid var(--line);background:#fff;color:var(--ink)}
.go-footer__grid{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,.65fr));gap:clamp(28px,5vw,72px);align-items:start}
.go-footer h3{margin:0 0 18px;font-size:clamp(1.05rem,1.5vw,1.35rem);letter-spacing:-.025em}
.go-footer__brand p{max-width:620px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.75}
.go-footer ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.go-footer li{margin:0;padding:0}
.go-footer a{display:inline-flex;color:var(--muted);font-size:.95rem;font-weight:620;line-height:1.35;text-decoration:none;transition:color .16s ease,transform .16s ease}
.go-footer a:hover{color:var(--coral-dark);transform:translateX(3px)}
.go-footer__bottom{display:flex;justify-content:space-between;gap:18px;margin-top:clamp(36px,5vw,62px);padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
#bm-palette-generator,
#gogu-color-library{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(28px,5vw,64px) clamp(14px,4vw,42px);overflow-x:clip}
.bm-pal-wrap,
.gcl-shell{width:100%;max-width:none;margin-inline:0}
.bm-palette-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:720px){
#bm-palette-generator,#gogu-color-library{padding:24px 12px}
.bm-pal-wrap,.gcl-shell{width:100%;max-width:none;padding:22px 14px;border-radius:22px}
.bm-pal-controls,.bm-copy-row{align-items:stretch;flex-direction:column}
#bmPalSearch,.bm-pal-controls button,.bm-copy-row button{width:100%}
.admin-bar .go-header{top:46px}.go-shell{width:min(calc(100% - 28px),var(--shell))}.go-content>.entry-content>*{max-width:min(calc(100% - 28px),860px)}.go-content>.entry-content>section,.go-content>.entry-content>.alignfull,.go-content>.entry-content>.gogu-page,.go-content>.entry-content>.gogu-about-page,.go-content>.entry-content>[class*="gogu-"][class*="-page"]{max-width:none}.go-header__inner{min-height:72px;gap:12px}.go-brand{min-width:0}.go-logo-wordmark{width:max-content;max-width:64vw;min-width:0}.go-logo-gogu,.go-logo-oksana{font-size:clamp(1.45rem,7vw,2rem)}.go-logo-art{grid-template-columns:7px 7px minmax(26px,1fr) 11px minmax(26px,1fr) 7px 7px;gap:5px}.go-logo-heart{width:11px;height:11px}.go-logo-dot{width:7px;height:7px}.go-logo-wave{min-width:24px;height:8px}.go-brand__tag{display:none}.go-header__actions .go-icon-button:not(.go-menu-toggle){display:none}
.go-hero{min-height:auto;padding-top:58px}h1{font-size:clamp(3rem,15vw,5.2rem)}h2{font-size:clamp(2.2rem,10vw,3.7rem)}.go-hero__art{min-height:390px}
.go-trust{grid-template-columns:1fr 1fr}.go-platform-grid,.go-card-grid,.go-tool-grid,.go-post-grid,.go-collection-track,.products.columns-4,.go-benefits{grid-template-columns:1fr!important}
.go-benefit{border-left:0;border-top:1px solid var(--line)}.go-benefit:first-child{border-top:0}.go-about__card{grid-template-columns:1fr}.go-about__portrait{max-width:280px}
.go-split-heading{grid-template-columns:1fr}.go-footer{margin-top:54px;padding-top:42px}.go-footer__grid{grid-template-columns:1fr;gap:26px}.go-footer__bottom{flex-direction:column}.go-actions{align-items:stretch;flex-direction:column}.go-button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Wide format for interactive content blocks across the site. */
#bm-palette-generator,
#gogu-color-library{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:clamp(18px,4vw,72px)!important;
  padding-right:clamp(18px,4vw,72px)!important;
  overflow-x:clip!important;
}
.bm-pal-wrap,
.gcl-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.gcl-main-grid{
  grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;
}
.gcl-toolbar{
  grid-template-columns:minmax(320px,1.3fr) minmax(190px,.65fr) minmax(140px,.45fr) minmax(120px,.35fr) minmax(150px,.45fr)!important;
}
.bm-palette-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
}
@media(max-width:1100px){
  .gcl-main-grid,
  .gcl-toolbar{grid-template-columns:1fr!important;}
}