.brand-lockup{display:flex;align-items:center;gap:20px}.gazprom-mark{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:12px 17px;min-width:140px;min-height:68px}.gazprom-mark img{display:block;width:115px;height:52px;object-fit:contain}.brand-lockup .creative-brand{font-size:25px}.brand-lockup .creative-brand small{font-size:8px}.creative-header nav{gap:24px}.discovery-section{padding:90px 0 0;background:linear-gradient(180deg,#f4f9ff,#fff 75%)}.discovery-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.discovery-heading,.learning-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}.discovery-heading .eyebrow,.collection-heading .eyebrow,.learning-heading .eyebrow{color:#0079c8;font-size:9px;letter-spacing:.17em}.discovery-heading h2{font-size:clamp(38px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.08;margin-top:21px}.discovery-heading h2 span{color:#0079c8}.discovery-heading>p,.learning-heading>p{font-size:14px;line-height:1.8;color:#617c94;max-width:400px}.world-switch{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.world-switch a{min-height:48px;border:1px solid #cbdeef;background:#f6faff;border-radius:30px;padding:13px 22px;display:inline-flex;gap:12px;align-items:center;color:#6084a0;font-size:10px}.world-switch a span{color:#205a85;font-size:12px}.world-switch a:hover{background:#e8f4ff;border-color:#0079c8}.world-frame{margin:26px 0 0;background:white;border:1px solid #d5e6f4;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px #195b8a13}.world-frame>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.world-frame figcaption{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:18px 24px;font-size:11px;line-height:1.7;color:#526f88}.world-frame figcaption a{color:#0079c8;white-space:nowrap;min-height:36px;display:flex;align-items:center}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:60px}.collection-heading h3,.learning-heading h3{font-size:34px;letter-spacing:-.04em;line-height:1.15;font-weight:500;margin-top:17px}.collection-heading>p{font-size:12px;color:#0079c8;border:1px solid #cce2f4;border-radius:30px;padding:11px 17px;background:#f4faff}.merit-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:30px}.merit-art{display:block;aspect-ratio:1;background-image:url('./assets/creative-round-03/griffin-merit-patches.png');background-size:400% 200%;background-repeat:no-repeat}.patch-0{background-position:0 0}.patch-1{background-position:33.333333% 0}.patch-2{background-position:66.666667% 0}.patch-3{background-position:100% 0}.patch-4{background-position:0 100%}.patch-5{background-position:33.333333% 100%}.patch-6{background-position:66.666667% 100%}.patch-7{background-position:100% 100%}.merit-choice{position:relative;border:1px solid transparent;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 6px 17px;min-width:0;color:#476b86;font-size:11px;line-height:1.5}.merit-choice>.merit-art{width:min(158px,100%);filter:drop-shadow(0 10px 10px #12375b10);transition:transform .2s}.merit-choice:hover>.merit-art{transform:translateY(-6px) rotate(-3deg)}.merit-choice[aria-pressed=true]{background:#eaf5ff;border-color:#b6d9f4;color:#006ab1}.merit-choice[data-earned=true]:after{content:'✓';position:absolute;top:5px;right:8px;border-radius:50%;width:23px;height:23px;display:grid;place-content:center;color:#fff;background:#138b80;font-size:12px;box-shadow:0 0 0 3px white}.merit-story{margin-top:19px;font-size:14px;line-height:1.8;color:#52748f;text-align:center;min-height:50px}.merit-story strong{color:#11547f;font-weight:500}.learning-heading{margin-top:75px;scroll-margin-top:35px}.learning-art{margin-top:30px}.learning-route{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-bottom:80px}.learning-route li{position:relative;padding-top:45px}.route-step{position:absolute;top:0;left:0;border:1px solid #c6ddeb;border-radius:50%;width:31px;height:31px;display:grid;place-content:center;background:#fff;color:#86a3b9;font-size:11px;z-index:1}.learning-route li:before{content:'';position:absolute;top:15px;left:30px;right:-18px;height:1px;background:#cfdfeb}.learning-route li:last-child:before{display:none}.learning-route .is-done .route-step{background:#e4f6f0;color:#188376;border-color:#b8e4d8}.learning-route .is-current .route-step{background:#0079c8;color:white;border-color:#0079c8;box-shadow:0 0 0 5px #e2f2ff}.learning-route h4{font-weight:500;font-size:16px;color:#284f70;line-height:1.3;margin:0}.learning-route p{font-size:11px;color:#6a859b;line-height:1.8;margin-top:12px}.learning-route li>div>span{font-size:9px;color:#0079c8;margin-top:13px;display:block}.classroom-section{background:radial-gradient(ellipse at 90% 10%,#0a649d 0%,#083c6d 40%,#072b50 90%);padding-block:85px;color:#fff}.classroom-section .discovery-heading .eyebrow{color:#8edaff}.classroom-section .discovery-heading h2 span{color:#90dbff}.classroom-section .discovery-heading>p{color:#bdd7ed}.classroom-art{margin-top:35px}.classroom-art figcaption{background:#f3f9ff}.classroom-live{margin-top:36px;display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.class-board,.award-panel{background:#f5faff;border:1px solid #c8e0f2;border-radius:14px;color:#163f62;padding:29px}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.board-heading h3,.award-panel h3,.recognition-feed h3,.month-card h3{font-size:25px;letter-spacing:-.035em;font-weight:500;line-height:1.2;margin-top:14px}.board-heading .eyebrow,.award-panel .eyebrow{color:#0079c8;font-size:8px}.local-scene{font-size:9px;color:#6e8ca4;max-width:90px;line-height:1.6;text-align:right}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.student-tile{border:1px solid #d4e4f0;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 8px;color:#315c7c;min-width:0}.student-tile:hover{border-color:#0079c8}.student-tile[aria-pressed=true]{border:2px solid #0079c8;padding:12px 7px;background:#eaf6ff;box-shadow:0 5px 20px #0079c815}.student-face{width:min(90px,100%)}.student-tile strong{font-size:12px;font-weight:500}.student-badges{display:flex;align-items:center;justify-content:center;gap:3px;min-height:25px;font-size:10px}.mini-patch{width:25px;min-width:25px;flex-shrink:0}.whole-class-button{width:100%;margin-top:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 17px;min-height:46px;border:1px solid #c9dfef;border-radius:6px;background:#fff;color:#0073ba;font-size:11px}.whole-class-button[aria-pressed=true]{border-color:#0079c8;background:#dcefff}.award-panel label{display:block;font-size:10px;color:#638099;margin-top:23px}.award-panel select{margin-top:9px;min-height:47px;width:100%;border:1px solid #c9deef;border-radius:6px;background:#fff;padding:10px 12px;color:#1d557e;font:inherit;font-size:12px}.award-preview{display:flex;align-items:center;gap:20px;margin-block:24px}.award-preview>.merit-art{width:125px;min-width:125px}.award-preview>p{font-size:12px;line-height:1.8;color:#5c7c96}.give-badge{display:flex;justify-content:space-between;gap:25px;align-items:center;width:100%;background:#0079c8;color:#fff;border:0;border-radius:6px;font-size:12px;font-weight:700;padding:17px 20px;min-height:52px}.give-badge span{color:#b0eaff;font-size:18px}.give-badge:disabled{background:#5d90b6;cursor:default}.reset-achievements{min-height:42px;display:block;margin:5px auto 0;background:none;border:0;color:#6d8ca3;font-size:10px}.award-status{min-height:57px;font-size:11px;line-height:1.7;color:#39816f;margin-top:10px}.classroom-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.recognition-feed{padding:10px 0}.recognition-feed .eyebrow,.month-card .eyebrow{font-size:8px;color:#91d6fa}.recognition-feed h3{font-size:24px}.recognition-feed ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:15px}.recognition-feed li{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.8;color:#bdd7eb}.recognition-feed li .mini-patch{width:40px;min-width:40px}.recognition-feed li strong{font-size:12px;font-weight:500;color:#edf8ff;display:block}.recognition-feed li div>span{display:block;font-size:10px;margin-top:3px;line-height:1.7}.month-card{border:1px solid #4c7da0;background:#ffffff08;border-radius:14px;display:flex;align-items:center;gap:23px;padding:25px}.month-card>.merit-art{width:145px;min-width:145px}.month-card h3{font-size:22px;color:#fff}.month-card p:not(.eyebrow){font-size:11px;line-height:1.8;color:#bdd7eb;margin-top:14px}.month-card div>span{font-size:8px;color:#90c8ed;display:block;line-height:1.8;margin-top:13px}.classroom-section+.faq{padding-top:45px}
@media(max-width:1100px){.discovery-wrap{width:calc(100% - 64px)}.creative-header nav{gap:16px;font-size:10px}.brand-lockup{gap:13px}.gazprom-mark{min-width:117px;padding:10px;min-height:58px}.gazprom-mark img{width:97px;height:42px}.brand-lockup .creative-brand{font-size:23px}.school-name{display:none}.discovery-heading>p,.learning-heading>p{font-size:12px;max-width:330px}.merit-choice{font-size:10px}.classroom-live{grid-template-columns:1.15fr 1fr}.class-board,.award-panel{padding:23px}.board-heading h3{font-size:22px}.student-grid{gap:8px}.award-preview{gap:13px}.award-preview>.merit-art{width:100px;min-width:100px}.classroom-bottom{gap:24px}.month-card{padding:22px;gap:15px}.month-card>.merit-art{width:105px;min-width:105px}.month-card h3{font-size:20px}}
@media(max-width:760px){.discovery-wrap{width:calc(100% - 40px)}.discovery-section{padding-top:48px}.discovery-heading,.learning-heading{display:block}.discovery-heading h2{font-size:39px}.discovery-heading>p,.learning-heading>p{margin-top:22px;font-size:12px;max-width:none}.world-switch{gap:8px;margin-top:25px}.world-switch a{padding:11px 14px;gap:8px;font-size:8px;min-height:44px}.world-switch a span{font-size:10px}.world-frame{border-radius:9px;margin-top:20px}.world-frame figcaption{padding:13px 15px;display:block;font-size:10px}.world-frame figcaption a{font-size:9px;min-height:32px;display:inline-flex;margin-top:3px}.collection-heading{display:block;margin-top:35px}.collection-heading h3,.learning-heading h3{font-size:29px}.collection-heading>p{display:inline-block;font-size:10px;margin-top:17px;padding:9px 13px}.merit-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.merit-choice{gap:10px;padding:9px 5px 12px;font-size:9px}.merit-choice>.merit-art{width:min(140px,100%)}.merit-story{font-size:12px;text-align:left;min-height:72px;margin-top:20px}.learning-heading{margin-top:35px}.learning-route{grid-template-columns:1fr;gap:25px;margin-top:28px;padding-bottom:45px}.learning-route li{padding:0 0 0 47px}.route-step{width:29px;height:29px}.learning-route li:before{left:14px;top:29px;bottom:-25px;right:auto;width:1px;height:auto}.learning-route h4{font-size:15px}.learning-route p{margin-top:7px;font-size:11px}.learning-route li>div>span{margin-top:9px}.classroom-section{padding-block:48px}.classroom-live{grid-template-columns:1fr;gap:18px;margin-top:23px}.class-board,.award-panel{padding:22px;border-radius:10px}.board-heading h3{font-size:23px;max-width:230px}.student-grid{gap:9px}.student-face{width:min(82px,100%)}.student-tile strong{font-size:11px}.mini-patch{width:22px;min-width:22px}.award-panel h3{font-size:26px}.award-preview>.merit-art{width:125px;min-width:125px}.award-status{min-height:40px}.classroom-bottom{grid-template-columns:1fr;gap:25px;margin-top:30px}.month-card>.merit-art{width:115px;min-width:115px}.month-card h3{font-size:21px}.recognition-feed h3{font-size:25px}.recognition-feed li div>span{font-size:11px}.classroom-section+.faq{padding-top:24px}}
@media(max-width:680px){.creative-header{align-items:center;gap:14px;padding:18px 20px}.brand-lockup{gap:11px}.gazprom-mark{min-width:108px;min-height:54px;padding:8px 10px}.gazprom-mark img{width:88px;height:38px}.brand-lockup .creative-brand{font-size:22px}.brand-lockup .creative-brand small{font-size:7px;max-width:65px;line-height:1.4}.creative-header nav a:first-child{max-width:82px;font-size:8px}.hero-copy{padding-top:25px}.collection-heading .eyebrow,.learning-heading .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.merit-choice>.merit-art{transition:none}.merit-choice:hover>.merit-art{transform:none}}

/* The inverse vector sits directly on school blue, with its original geometry. */
.gazprom-mark{background:transparent;border-radius:0;padding:0;min-width:120px;min-height:64px}.gazprom-mark img{width:118px;height:57px}.hero-domain{font-size:10px;letter-spacing:.035em;color:#c2e3ff;margin-top:19px;line-height:1.6}.hero-copy .creative-cta{margin-top:23px}
@media(max-width:680px){.gazprom-mark{min-width:96px;min-height:47px}.gazprom-mark img{width:94px;height:45px}.hero-domain{font-size:8px;margin-top:15px;max-width:270px}.hero-copy .creative-cta{margin-top:21px}.hero-copy{padding-bottom:355px}}