/* GIGGLEWOK HOLDING PAGE — EASY EDITING SETTINGS */
:root {
  --navy:#17253c;
  --ink:#202e43;
  --muted:#56657b;
  --blue:#078fe3;
  --pink:#ee6ca2;
  --green:#7ac943;
  --yellow:#ffce65;
  --paper:#f4fbff;
  --burgundy:#652541;
  --purple:#241a3e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}
a{color:inherit}
.container{max-width:1170px;width:calc(100% - 48px);margin-inline:auto}
.site-header{background:white;border-bottom:1px solid #eaf0f4}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 0}
.logo-link{width:310px;max-width:61%;display:block;flex-shrink:0}
.logo-link img{width:100%;height:auto;display:block}
.header-note{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#60708a;text-align:right}
.header-note span{color:var(--pink);font-size:18px;margin-left:5px}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
p{margin:0 0 1em}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:850;color:#9a3673;margin:0 0 18px}
.accent-line{display:inline-block;width:28px;height:3px;background:linear-gradient(90deg,var(--pink),var(--blue),var(--green));vertical-align:middle;margin-right:9px}
.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);align-items:center;gap:50px;padding-top:79px;padding-bottom:86px}
h1{font-size:clamp(40px,5.25vw,76px);margin:0 0 23px;font-weight:850;color:#152840;max-width:850px}
h1 em{font-style:normal;color:#db4f91;background:linear-gradient(95deg,#e9589b,#348ada,#3cad7e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.intro-copy{max-width:770px}
.intro p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:17px}
.intro p.lead{font-size:20px;color:#334763;line-height:1.6}
.intro strong{color:var(--ink)}
.intro-mark{height:300px;position:relative;display:grid;place-items:center}
.intro-circle{width:255px;height:255px;border-radius:50%;background:linear-gradient(140deg,#ffecae 3%,#ffca7a 45%,#f88a9c);transform:rotate(9deg);display:grid;place-items:center;color:#552c56;font-size:36px;font-weight:850;line-height:1.05;box-shadow:24px 20px 0 #d5f3e9}
.intro-circle span{transform:rotate(-9deg)}
.pink-dot{color:#f23489}
.spark{position:absolute;width:19px;height:19px;background:#1fa2e3;transform:rotate(45deg);border-radius:5px}.spark-1{top:14px;left:25px}.spark-2{background:#80c941;bottom:18px;right:4px;width:14px;height:14px}
.feature{background:radial-gradient(circle at 12% 20%,#8c3257 0%,transparent 34%),linear-gradient(120deg,var(--burgundy),#351e42 58%,#1c2443);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.feature-grid{display:grid;grid-template-columns:minmax(280px,0.9fr) minmax(0,1fr);align-items:center;gap:65px}
.production-art{width:100%;max-width:520px;margin-inline:auto;padding:0;min-height:0;
  background:transparent;border:0;box-shadow:0;display:block;overflow:visible;position:relative}
.production-poster{display:block;width:100%;height:auto;object-fit:contain;
  box-shadow:0 18px 36px rgba(12,9,30,.3);border-radius:3px}
.eyebrow.pale{color:#ffd0a6}
.feature h2{font-size:clamp(42px,5vw,67px);margin:0 0 20px;color:#fff}
.feature-copy p:not(.eyebrow){color:#e8dde9;font-size:16px}
.feature-copy .feature-subtitle{font-size:21px!important;font-weight:650;color:#fff!important;line-height:1.45}
.feature-copy strong{color:#fff}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;font-weight:850;border-radius:999px;padding:13px 21px;font-size:14px;line-height:1.4;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid #44c4ff;outline-offset:3px}
.button-gold{background:#ffd06b;color:#20243c;box-shadow:0 8px 24px #16132c45}
.button-outline{border:1px solid #f3c5d6;color:white}
.feature-copy .charity-note{font-size:13px!important;color:#e5cfdc!important;line-height:1.7;border-left:3px solid #ffc65d;padding-left:14px;margin-top:25px}
.slate{padding-top:93px;padding-bottom:96px}
.slate-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:31px}
.slate-heading h2{font-size:clamp(34px,4vw,49px);margin:0;color:#172740}
.eyebrow.blue{color:#178ac3}
.slate-heading>p{max-width:370px;color:var(--muted);font-size:15px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.project{padding:30px;border-radius:23px;min-height:246px;display:flex;flex-direction:column;box-shadow:0 9px 25px #263b5310}
.project-type{font-size:11px;font-weight:850;letter-spacing:.16em;margin-bottom:28px}
.project h3{font-size:27px;margin:0 0 10px}
.project p{font-size:15px;margin:0;line-height:1.65}
.journey{background:#eee6fb;color:#3f2d62}.second{background:#ffebe1;color:#703c3b}.kings{background:#def8eb;color:#205844}
.contact-band{background:linear-gradient(110deg,#b7ebf7,#e5f9ed 60%,#fff0ca);padding:65px 0}
.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.contact-inner h2{font-size:42px;margin:0 0 11px;color:#1b3447}.contact-inner p:not(.eyebrow){max-width:600px;margin:0}
.button-dark{background:#172840;color:white;white-space:nowrap}
.site-footer{background:#17253c;color:#dce7ef;font-size:13px;padding:24px 0}
.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media (max-width:850px){.intro{gap:20px}.intro-mark{height:230px}.intro-circle{width:190px;height:190px;font-size:28px}.feature-grid{grid-template-columns:1fr;gap:42px}.production-art{max-width:520px;width:100%;margin:auto}.slate-heading{display:block}.slate-heading>p{margin-top:20px}.project h3{font-size:24px}}
@media (max-width:620px){.container{width:calc(100% - 36px)}.header-row{padding:10px 0}.logo-link{width:230px;max-width:60%}.header-note{font-size:9px;letter-spacing:.06em}.intro{grid-template-columns:1fr;padding-top:43px;padding-bottom:48px}.intro-mark{display:none}.intro p.lead{font-size:18px}.intro p:not(.eyebrow){font-size:16px}.feature{padding:45px 0}.production-art{min-height:0}.art-title{font-size:clamp(30px,8vw,47px)}.art-kicker{margin-bottom:28px}.art-strapline{font-size:13px}.art-footer{bottom:25px}.feature h2{font-size:43px}.feature-copy .feature-subtitle{font-size:19px!important}.buttons{flex-direction:column}.button{width:100%;white-space:normal}.slate{padding-top:54px;padding-bottom:58px}.project-grid{grid-template-columns:1fr}.project{min-height:190px}.contact-band{padding:45px 0}.contact-inner{flex-direction:column;align-items:stretch;gap:25px}.contact-inner h2{font-size:34px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* ================================================================
   VERSION 3 HERO SECTION — from GiggleWok Website v3
   Scoped to .hero so the remainder of this holding page is unchanged.
   You may remove the two links from section.hero in Pinegrow.
   ================================================================ */
.hero { --navy:#202044; --blue:#117bc4; --green:#5aae28; --radius:20px; --muted:#536375; }
.hero h1 {font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.9rem,5.2vw,4.8rem);margin:0 0 18px;max-width:720px;line-height:1.07;letter-spacing:-.035em;}
.hero .eyebrow {font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 15px;}
.hero .hero-lead {font-size:1.42rem;margin-bottom:20px;}
.hero .hero-actions {margin-top:30px;}
.hero .btn {min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;font-size:.9rem;line-height:1.3;font-weight:700;border-radius:7px;text-decoration:none;transition:transform .18s,background .18s;}
.hero .text-link {font-weight:700;text-decoration:none;}
.hero .text-link:hover {text-decoration:underline;}
.hero {background:linear-gradient(125deg,#f1f8fb 0%,#fff 62%,#f9fbf0 100%);border-bottom:1px solid var(--line)}
.hero-layout {display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-block:98px 110px}
.hero-lead {font-size:1.42rem;font-weight:700;color:var(--green);margin-bottom:20px}
.hero-content>p:not(.eyebrow):not(.hero-lead) {font-size:1.06rem;max-width:620px;color:var(--muted)}
.hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}
.hero-panel {background:var(--navy);color:#fff;min-height:345px;position:relative;overflow:hidden;border-radius:var(--radius);padding:39px;box-shadow:0 18px 50px #14233315}
.hero-panel-kicker {font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:#afc3cf}
.hero-panel p {position:relative;z-index:2;font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:700;line-height:1.65;margin:26px 0 0;letter-spacing:-.03em}
.hero-panel p span {color:#ffd078}
.panel-spark {position:absolute;right:-30px;bottom:-80px;font-size:240px;color:#ffffff0c;line-height:1}
.hero {position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 5% 6%,#fce1ee 0,transparent 33%),radial-gradient(circle at 96% 16%,#e5f7c8 0,transparent 32%),linear-gradient(122deg,#eaf8ff 4%,#fffdfb 55%,#fff2da 100%);border-bottom:0}
.hero:before {content:"";width:340px;height:340px;position:absolute;top:-230px;left:45%;border:48px solid #45bfea1c;border-radius:50%;z-index:-1}
.hero:after {content:"";position:absolute;height:8px;bottom:0;left:0;right:0;background:linear-gradient(90deg,#ec699b 0%,#4ab8ef 33%,#91cf45 67%,#f5bd3f 100%)}
.hero-layout {padding-block:93px 105px;gap:56px}
.hero-mini-labels {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.hero-mini-labels span {font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:#24425b;border:1px solid #bbd9df;background:#ffffffd9;border-radius:50px;padding:6px 13px}
.hero-mini-labels span:nth-child(2) {border-color:#f4d09e;background:#fff3de}
.hero-mini-labels span:nth-child(3) {border-color:#c8e6ad;background:#eff9e8}
.hero-content h1 {font-size:clamp(2.9rem,5.2vw,4.8rem)}
.hero-content h1 em {background:linear-gradient(100deg,#ee6a9a 0%,#1299d6 52%,#63b732 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:800}
.hero-lead {color:#3c872b}
.hero-actions .btn-primary {background:linear-gradient(120deg,#088bca,#1658ad);box-shadow:0 10px 22px #0f79b22b}
.hero-panel {background:radial-gradient(circle at 85% 12%,#2268a2 0%,transparent 40%),linear-gradient(145deg,#18385e,#17253f 80%);box-shadow:0 19px 35px #17253f25;border:2px solid #ffffffa6;transform:rotate(1.2deg)}
.hero-panel p {transform:rotate(-1.2deg)}
.hero-panel p span:nth-of-type(1) {color:#ffb5ce}
.hero-panel p span:nth-of-type(2) {color:#9ce7ff}
.hero-panel p span:nth-of-type(3) {color:#ffe38b}
.panel-spark {right:-6px;bottom:-45px;font-size:180px;color:#f7bc3950;transform:rotate(-20deg)}
.panel-decoration {position:absolute;display:block;border:2px solid #ffffff2e;border-radius:50%}
.panel-decoration-one {width:160px;height:160px;top:-80px;right:-35px}
.panel-decoration-two {width:70px;height:70px;bottom:20px;right:42px;border-color:#ffbe514d}
.hero {color:#fff;background:radial-gradient(ellipse at 9% 8%,#ff66a3 0%,transparent 34%),radial-gradient(ellipse at 88% 8%,#29cbd5 0%,transparent 34%),radial-gradient(ellipse at 18% 99%,#424acc 0%,transparent 43%),linear-gradient(117deg,#a43cc2 0%,#5241b5 47%,#1267b7 100%)}
.hero:before {left:-135px;top:40%;width:360px;height:360px;border:65px solid #ffffff13;transform:rotate(20deg)}
.hero:after {height:12px;background:linear-gradient(90deg,#ffcf43,#f36c9f,#5ce2d7,#9fe452,#ffc145)}
.hero-layout {padding-block:99px 116px;align-items:center}
.hero-content .eyebrow {color:#ffdb76;font-weight:800}
.hero-content h1 {color:white;line-height:1.07;text-shadow:0 3px 20px #2a1b7a22}
.hero-content h1 em {color:#ffe278;background:none;-webkit-text-fill-color:#ffe278;font-style:normal;text-decoration:underline;text-decoration-color:#ff88bf;text-decoration-thickness:7px;text-underline-offset:8px}
.hero-content>p:not(.eyebrow):not(.hero-lead) {color:#eef4ff;max-width:620px}
.hero-lead {color:#baffdf;font-weight:800}
.hero-mini-labels span {color:#fff;border:1px solid #ffffff8c;background:#ffffff25;backdrop-filter:blur(5px)}
.hero-mini-labels span:nth-child(2) {background:#ffb94535;border-color:#ffe39c}
.hero-mini-labels span:nth-child(3) {background:#67dc9a38;border-color:#b6f8ce}
.hero-actions .btn-primary {background:#ffe06a;color:#29264f;box-shadow:0 11px 0 #261b7055,0 15px 28px #17165430}
.hero-actions .btn-primary:hover {background:#fff1a8;transform:translateY(-2px)}
.hero-actions .text-link {color:#fff;text-decoration-color:#ffe083}
.hero-panel {background:linear-gradient(145deg,#fff9ea,#fff 62%,#fff0fb);color:#252746;border:5px solid #fff;outline:3px solid #ffffff65;box-shadow:17px 18px 0 #181b7944,0 25px 60px #18184c30;transform:rotate(2deg);border-radius:32px;overflow:hidden}
.hero-panel-kicker {color:#8b409e;font-weight:900}
.hero-panel p {color:#25264a;transform:rotate(-2deg)}
.hero-panel p span:nth-of-type(1) {color:#ed438e}
.hero-panel p span:nth-of-type(2) {color:#087ec1}
.hero-panel p span:nth-of-type(3) {color:#2a995a}
.panel-spark {color:#ffc93d80;right:3px;bottom:-50px}
.panel-decoration-one {border-color:#ff6cac42}
.panel-decoration-two {border-color:#50b9e74a}

/* Tablet and iPhone — same breakpoint behaviour as Website Version 3 */
@media (max-width:1000px) {
  .hero-layout {gap:35px;}
}
@media (max-width:760px) {
  .hero-layout {grid-template-columns:1fr;padding-block:60px 75px;gap:35px;}
  .hero-content h1 {font-size:clamp(2.5rem,10vw,4rem);}
  .hero-panel {min-height:255px;transform:none;box-shadow:8px 9px 0 #181b7944;}
  .hero-panel p {font-size:1.7rem;transform:none;}
}
@media (prefers-reduced-motion:reduce) {
  .hero-actions .btn:hover {transform:none;}
}