@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'Manrope','Inter',sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #14008F;outline-offset:4px}.studio{padding:9px 5%;display:flex;justify-content:space-between;gap:12px;font-size:12px;background:#14008f;color:white}.studio a{text-decoration:none}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:25px;letter-spacing:-1px;text-decoration:none}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.button,button{display:inline-block;border:0;padding:14px 23px;background:var(--accent);color:var(--buttontext);font-weight:700;text-decoration:none;border-radius:4px}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{padding:70px 5%;display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:clamp(44px,5.7vw,82px);line-height:1.05;letter-spacing:-3px;margin:22px 0}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 22px}h3{font-size:23px;line-height:1.2;margin:12px 0}p{margin:0 0 24px}.hero p{max-width:540px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.art{min-height:400px;position:relative}.section{padding:70px 5%;border-top:1px solid var(--line)}.soft{background:var(--soft)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;border:1px solid var(--line);border-radius:8px}.small{font-size:13px;color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.number{font-size:13px;color:var(--accent);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.form{background:var(--paper);border:1px solid var(--line);padding:30px;border-radius:8px}label{display:block;font-size:14px;font-weight:700;margin-bottom:20px}select{display:block;width:100%;padding:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-top:8px;border-radius:4px}.result{padding:18px;background:var(--soft);margin-top:20px;min-height:64px}.pill{padding:9px 17px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}footer{padding:36px 5%;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:30px}.notice{background:var(--soft);padding:12px 5%;font-size:12px}.home{--paper:#FFFFFF;--ink:#14131A;--accent:#14008F;--buttontext:#fff;--soft:#F4F4F8;--line:#dddde5;--muted:#55545d}.home h1,.home h2{font-family:'Manrope','Inter',sans-serif}.home .art{background:#09071A;border-radius:10px;padding:35px;overflow:hidden}.home .art svg{width:100%;height:340px}.home .art .artlabel{position:absolute;bottom:25px;left:35px;color:#fff;font-size:12px}.fitness{--paper:#09071A;--ink:#FFFFFF;--accent:#D7FF3F;--buttontext:#09071A;--soft:#14008F;--line:#47415e;--muted:#d9d6ed}.fitness h1,.fitness h2{font-family:'Manrope','Inter',sans-serif;text-transform:uppercase;font-weight:700}.fitness .hero{padding-top:85px}.fitness .art{background:#14008F;color:#FFFFFF;padding:36px;border-radius:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.fitness .artword{font-size:clamp(65px,9vw,135px);line-height:.9;font-weight:700;letter-spacing:-7px;transform:rotate(-7deg);margin:48px 0}.fitness .card{border-radius:0}.fitness .button,.fitness button{border-radius:0}.fitness .classlist{display:grid;gap:12px;margin-top:25px}.classitem{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.professional{--paper:#FFFFFF;--ink:#09071A;--accent:#14008F;--buttontext:#fff;--soft:#F4F4F8;--line:#dddde5;--muted:#55545d}.professional h1,.professional h2,.professional .brand{font-family:'Manrope','Inter',sans-serif;font-weight:400}.professional .art{background:#09071A;color:#FFFFFF;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.professional .monogram{font-family:'Manrope','Inter',sans-serif;font-size:170px;line-height:1;text-align:center}.professional .artline{border-bottom:1px solid #D7FF3F;padding:14px 0;font-size:13px}.hub{--paper:#FFFFFF;--ink:#14131A;--accent:#14008f;--buttontext:#fff;--soft:#F4F4F8;--line:#dddde5;--muted:#55545d}.hub .hero{display:block;max-width:1100px}.hub h1{font-family:'Manrope','Inter',sans-serif;font-size:64px}.hub .card{padding:0;overflow:hidden;background:white}.thumb{padding:35px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.thumb span{font-size:42px;line-height:1.05;font-weight:700;letter-spacing:-2px}.cardbody{padding:28px}.tag{font-size:11px;letter-spacing:1px;text-transform:uppercase}.old{margin-top:35px;display:flex;gap:24px;flex-wrap:wrap}.logo{width:175px;height:auto}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}@media(max-width:760px){.studio{font-size:10px;flex-wrap:wrap}nav{padding:20px 5%}.navlinks{gap:12px;font-size:12px}.navlinks a:not(.button){display:none}.hero,.split{grid-template-columns:1fr;gap:35px}.hero,.section{padding:45px 6%}.grid,.process{grid-template-columns:1fr}.art{min-height:330px}h1{letter-spacing:-2px}.hub h1{font-size:43px}.classitem{grid-template-columns:75px 1fr;gap:12px}.classitem button{grid-column:2}footer{flex-direction:column}.professional .monogram{font-size:130px}.fitness .artword{font-size:90px}}

/* GCom Pro: spacious editorial direction, October 2026. */
body{--paper:#FFFFFF;--ink:#14131A;--accent:#14008F;--buttontext:#FFFFFF;--soft:#F4F4F8;--line:#e7e7ee;--muted:#55545d}
.studio{background:#F4F4F8;color:#55545d;padding:10px 6%;font-size:11px}
nav{padding:26px 6%;background:#FFFFFF}.brand{color:#09071A;font-size:23px;letter-spacing:-.6px}.logo{width:150px}
.hero{padding:100px 6% 108px;gap:9%;grid-template-columns:1.12fr 1fr}.hero p{font-size:16px;line-height:1.85;max-width:480px;color:#55545d}
h1,.hub h1{font-size:clamp(40px,4.6vw,64px);letter-spacing:-2.2px;line-height:1.14;font-weight:600;margin:24px 0}
h2{font-size:clamp(28px,3vw,40px);line-height:1.25;font-weight:600;letter-spacing:-1.2px}h3{font-size:20px;font-weight:600;line-height:1.4}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:none;color:#14008F}.eyebrow::before{content:"";display:inline-block;width:24px;height:3px;background:#D7FF3F;vertical-align:middle;margin-right:12px}
.button,button{padding:12px 19px;font-size:13px;font-weight:600;border-radius:3px;background:#14008F;color:#FFFFFF}.ghost{background:transparent;color:#14008F;border:1px solid var(--line)}
.section{padding:84px 6%;border-color:#e7e7ee}.grid{gap:32px}.card{border:0;border-top:1px solid #dddde5;border-radius:0;padding:28px 0;background:transparent}.card p{color:#55545d;font-size:14px}.card button{background:transparent;color:#14008F;padding:8px 0;text-align:left}.form{border:0;border-radius:0;padding:32px;background:#FFFFFF}.result{font-size:14px}.soft .card{background:transparent}.number,.tag{font-size:11px;letter-spacing:1px;font-weight:500}.process{gap:48px}.process p{font-size:14px;color:#55545d}
.art{min-height:360px}.home .art{background:#F4F4F8;border-radius:0;padding:25px}.home .art svg{height:300px}.home .art .artlabel{color:#55545d;font-size:11px;bottom:20px;left:30px}
.fitness{--paper:#FFFFFF;--ink:#14131A;--accent:#14008F;--buttontext:#FFFFFF;--soft:#F4F4F8;--line:#e7e7ee;--muted:#55545d}.fitness h1,.fitness h2{text-transform:none;font-weight:600}.fitness .hero{padding-top:100px}.fitness .art{background:#F4F4F8;color:#09071A;padding:36px;position:relative}.fitness .artword{font-size:clamp(38px,4.6vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.3;transform:none;margin:34px 0;color:#14008F}.fitness .artword::after{content:"";display:block;height:3px;width:48px;background:#D7FF3F;margin-top:24px}.fitness .art>span:last-child{font-size:11px;letter-spacing:1px}.fitness .button,.fitness button{border-radius:3px}.pill{background:transparent;color:#55545d;border:1px solid #dddde5;border-radius:30px!important}.pill[aria-pressed=true]{background:#14008F;color:white}.classitem{font-size:14px}
.professional h1,.professional h2{font-weight:600}.professional .art{background:#F4F4F8;color:#09071A;padding:36px}.professional .monogram{font-size:104px;font-weight:400;color:#14008F;text-align:left;margin:24px 0}.professional .artline{border-bottom:1px solid #dddde5;color:#55545d;padding:10px 0;font-size:12px}.professional .artline:last-child{border-bottom:3px solid #D7FF3F}
.hub .hero{display:block;max-width:none;background:#FFFFFF;padding:90px 6% 96px}.hub .hero h1{max-width:800px}.hub .hero p{max-width:580px}.hub .section.soft{background:#FFFFFF;padding-top:0;border-top:0}.hub .card{padding:0;border:0;overflow:visible;border-radius:0;background:white}.hub .thumb{background:#F4F4F8;color:#09071A;padding:30px;min-height:270px;border:0}.hub .thumb span{font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.25;color:#14008F}.hub .thumb>div:last-child{font-size:11px;color:#55545d}.hub .thumb .tag{color:#55545d}.hub .cardbody{padding:26px 0}.hub .cardbody .button{padding:0;background:transparent;color:#14008F;border-bottom:1px solid #D7FF3F;border-radius:0}.hub .cardbody h3{font-size:18px}.hub .cardbody p{font-size:14px}.hub .card:nth-child(2) .thumb{background:#FFFFFF;border:1px solid #e7e7ee}.hub .card:nth-child(3) .thumb{background:#F4F4F8}
footer{padding:30px 6%;color:#55545d;font-size:11px}.button:hover,button:hover{filter:brightness(.92)}
@media(max-width:760px){.hero,.fitness .hero,.hub .hero{padding:60px 6%;grid-template-columns:1fr;gap:38px}.section{padding:54px 6%}.hub .section.soft{padding-top:0}.hub h1{font-size:42px}.art{min-height:310px}.grid{gap:28px}.hub .thumb{min-height:220px}.form{padding:24px}.studio{flex-wrap:wrap}.professional .monogram{font-size:90px}.fitness .artword{font-size:46px}.logo{width:130px}nav>.button{padding:10px 13px;font-size:11px}}

/* Prominent GCom lime calls to action, per Jennifer. */
.hub nav .button,.hub .cardbody .button{background:#D7FF3F;color:#09071A;padding:14px 22px;border:1px solid #D7FF3F;border-radius:4px;font-weight:800;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.hub nav .button:hover,.hub .cardbody .button:hover{background:#09071A;color:#D7FF3F;border-color:#09071A;filter:none}
.hub .button:focus-visible{outline:3px solid #14008F;outline-offset:4px}

/* Showcase logo scaled to suit its spacious header. */
.hub nav .brand{display:flex;align-items:center;flex-shrink:0;line-height:1}
.hub nav{padding-top:18px;padding-bottom:18px}
.hub nav .logo{display:block;width:220px;height:auto;object-fit:contain}
@media(max-width:680px){.hub nav{padding-top:16px;padding-bottom:16px;gap:14px}.hub nav .logo{width:170px;height:auto}.hub nav>.button{padding:11px 14px}}
@media(max-width:380px){.hub nav .logo{width:150px}.hub nav>.button{padding:10px;font-size:10px}}
