/*
Theme Name: DS WORKS 2026 Version 13
Theme URI: https://www.dronescenery.co.jp/
Author: DroneScenery
Description: DS WORKS corporate theme for Drone / Construction / Landscape.
Version: 14.0.0
Text Domain: dsworks
*/
:root{--green:#2e9d52;--green2:#78bd44;--deep:#0a1a22;--nav:#08151c;--text:#17212a;--muted:#66737b;--line:#dfe5e8;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.site-header{position:absolute;z-index:30;top:0;left:0;right:0;background:rgba(4,17,24,.92);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{height:86px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;color:#fff;min-width:290px}.brand-mark{font-weight:900;font-style:italic;font-size:36px;letter-spacing:-7px;line-height:1;color:#fff}.brand-mark span{color:var(--green2)}.brand-title{font-size:22px;font-weight:800;letter-spacing:1px}.brand-sub{font-size:8px;letter-spacing:2px;margin-top:3px;color:#c9d2d6}.brand-op{font-size:8px;margin-top:3px;color:#a8b5ba}.main-nav{margin-left:auto;display:flex;align-items:stretch;height:100%}.main-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 13px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.main-nav small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px;color:#a9b7bd}.contact-nav{height:100%;display:flex;align-items:center;gap:10px;padding:0 22px;background:linear-gradient(135deg,#087f47,#45b33f);color:#fff;font-weight:700}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:720px;position:relative;overflow:hidden;background:#0b1f2b}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,27,.76) 0%,rgba(4,20,27,.38) 52%,rgba(4,20,27,.32) 100%),url('assets/img/hero.jpg') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,19,26,.20),transparent 40%)}.hero-inner{position:relative;z-index:3;padding-top:160px;color:#fff;min-height:720px}.hero-logo{font-size:76px;font-weight:900;letter-spacing:-5px;line-height:.95}.hero-logo .ds{font-style:italic;margin-right:14px}.hero-logo .ds b{color:var(--green2)}.hero-kicker{font-size:14px;letter-spacing:4px;margin:18px 0 22px}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:56px;line-height:1.35;font-weight:500;letter-spacing:6px;margin:0 0 20px}.hero-copy{font-size:20px;letter-spacing:2px}.hero-tags{margin-top:22px;letter-spacing:7px;font-size:12px}.hero-drone{position:absolute;right:-40px;top:95px;width:620px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.35));opacity:.98}.hero-side{position:absolute;right:12px;top:285px;text-align:left;letter-spacing:5px;font-size:13px;line-height:2}.hero-side .jp{letter-spacing:1px;margin-top:20px;font-size:13px}.green-corner{position:absolute;left:-40px;top:135px;width:110px;height:240px;background:linear-gradient(180deg,var(--green2),var(--green));clip-path:polygon(35% 0,100% 0,65% 100%,0 100%);opacity:.92}
.services{display:grid;grid-template-columns:repeat(3,1fr);background:#0d1720}.service{position:relative;min-height:330px;overflow:hidden;color:#fff}.service:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,31,.78),rgba(7,20,31,.15));z-index:1}.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.45s transform}.service:hover img{transform:scale(1.04)}.service:nth-child(2):before{background:linear-gradient(90deg,rgba(47,32,21,.78),rgba(47,32,21,.12))}.service:nth-child(3):before{background:linear-gradient(90deg,rgba(8,57,33,.78),rgba(8,57,33,.12))}.service-content{position:relative;z-index:2;padding:34px 34px 28px}.service h2{font-size:28px;letter-spacing:1px;margin:0 0 8px}.service .lead{font-size:16px;margin-bottom:18px}.service ul{list-style:none;padding:0;margin:0 0 24px;line-height:1.9;font-size:14px}.more{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.more i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17212a;font-style:normal}
.message{padding:64px 0 56px;background:#fff;position:relative;overflow:hidden}.message-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.message h2{font-family:"Yu Mincho",serif;font-size:36px;font-weight:500;line-height:1.55;letter-spacing:4px;margin:0 0 20px}.message p{line-height:2;font-size:14px}.cta-btn{display:inline-block;margin-top:10px;padding:14px 28px;background:linear-gradient(90deg,#08603b,#56b640);color:#fff;font-size:13px;font-weight:700}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}.pillar-icon{width:70px;height:70px;border:1px solid #cfd8dc;border-radius:50%;display:grid;place-items:center;margin:auto auto 10px;font-size:28px}.pillar strong{font-size:13px}.pillar small{display:block;color:#7b8a90;font-size:9px;letter-spacing:2px;margin-top:5px}.big-ds{position:absolute;right:245px;top:15px;font-size:150px;font-weight:900;color:#f0f4f5;z-index:0}.message-grid>*{position:relative;z-index:1}
.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:28px;margin:0;letter-spacing:1px}.section-head h2 span{font-size:12px;font-weight:700;margin-left:10px}.link-arrow{font-size:12px;color:#174f3b;font-weight:700}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.work-card img{height:160px;width:100%;object-fit:cover}.work-tag{display:inline-block;margin-top:-28px;position:relative;padding:5px 11px;color:#fff;background:#0b8c61;font-size:10px}.work-card h3{font-size:16px;margin:10px 0 4px}.work-card p{margin:0;color:#617078;font-size:12px}.news{border-top:1px solid #e8edef}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-item{border-top:1px solid var(--line);padding-top:10px;font-size:12px}.news-date{color:#65727a;margin-right:14px}.news-label{background:#148651;color:#fff;padding:4px 9px}.news-item p{margin:12px 0 0;font-size:13px}
.bottom-cta{position:relative;color:#fff;background:linear-gradient(rgba(4,25,33,.78),rgba(4,25,33,.78)),url('assets/img/nature.jpg') center/cover no-repeat}.bottom-cta .wrap{min-height:190px;display:flex;align-items:center;justify-content:space-between}.bottom-cta h2{font-family:"Yu Mincho",serif;font-size:30px;font-weight:500;letter-spacing:5px;margin:0 0 10px}.bottom-cta p{margin:0;letter-spacing:2px}.bottom-btn{min-width:300px;padding:22px 28px;background:linear-gradient(90deg,#087b49,#54b63e);display:flex;align-items:center;justify-content:space-between;font-weight:700}.site-footer{background:#07151c;color:#dfe7ea;padding:30px 0 20px}.footer-top{display:flex;align-items:center;gap:32px}.footer-brand{font-size:22px;font-weight:800}.footer-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;color:#9baab0}
.page-hero{padding:160px 0 90px;background:linear-gradient(90deg,rgba(4,18,25,.82),rgba(4,18,25,.45)),url('assets/img/hero.jpg') center/cover;color:#fff}.page-hero h1{font-size:52px;margin:0}.page-hero p{letter-spacing:3px}.content-section{padding:70px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.two-col img{width:100%;height:380px;object-fit:cover}.content-section h2{font-size:34px;margin:0 0 20px}.content-section p{line-height:2}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.service-list div{padding:16px;border:1px solid #dce4e7;background:#fbfcfc}.contact-box{padding:30px;background:#f4f7f8}.contact-form-placeholder{padding:26px;border:1px dashed #b7c4ca;color:#65737a;background:#fff}
@media(max-width:980px){.main-nav{display:none}.contact-nav{display:none}.menu-toggle{display:block}.header-inner{height:72px}.brand{min-width:auto}.hero-inner{padding-top:125px}.hero-logo{font-size:54px}.hero h1{font-size:42px}.hero-drone{width:440px;right:-90px;top:105px}.hero-side{display:none}.services{grid-template-columns:1fr}.service{min-height:290px}.message-grid{grid-template-columns:1fr}.works-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.brand-title{font-size:18px}.brand-mark{font-size:30px}.brand-sub,.brand-op{display:none}.hero{min-height:640px}.hero-inner{min-height:640px;padding-top:115px}.hero-logo{font-size:40px;letter-spacing:-2px}.hero-kicker{font-size:10px}.hero h1{font-size:34px;letter-spacing:3px}.hero-copy{font-size:15px}.hero-tags{font-size:9px;letter-spacing:4px}.hero-drone{width:300px;top:120px;right:-95px;opacity:.9}.service-content{padding:28px 24px}.message h2{font-size:29px}.pillars{grid-template-columns:1fr}.works-grid{grid-template-columns:1fr 1fr}.work-card img{height:125px}.bottom-cta .wrap{min-height:240px;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.bottom-btn{min-width:0;width:100%}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.page-hero h1{font-size:40px}.two-col img{height:280px}.service-list{grid-template-columns:1fr}}
/* ===== DS WORKS 2026 final homepage ===== */
:root{--lime:#83ff00;--cyan:#16c8f4;--ink:#02080b;--line:rgba(255,255,255,.14)}
body{background:#02080b;color:#fff}.site-header{background:rgba(2,8,11,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-brand .brand-mark{background:linear-gradient(90deg,var(--lime),var(--cyan));-webkit-background-clip:text;color:transparent}.contact-link{background:linear-gradient(90deg,var(--lime),var(--cyan))!important;color:#031015!important;border:0!important}
.hero-final{min-height:760px;position:relative;overflow:hidden;background:#041019}.hero-final-bg{position:absolute;inset:0;background:url('assets/img/hero.jpg') center/cover no-repeat;filter:saturate(.85) contrast(1.05)}.hero-final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,7,11,.92) 0%,rgba(0,7,11,.62) 42%,rgba(0,7,11,.16) 75%),linear-gradient(0deg,rgba(0,7,11,.68),transparent 48%)}
.hero-final-inner{position:relative;min-height:760px;padding-top:105px}.hero-brand{width:470px;max-width:48vw}.hero-brand img{display:block;width:100%;mix-blend-mode:screen}.hero-brand p{margin:-10px 0 42px 6px;font-size:12px;letter-spacing:.08em;color:#ddd}.hero-final h1{font-family:serif;font-size:64px;line-height:1.22;font-weight:500;letter-spacing:.06em;margin:0}.hero-final h1 span{color:#b9f8ff}.hero-tags{margin-top:25px;letter-spacing:.55em;font-size:14px}.hero-drone-final{position:absolute;width:49%;right:0;top:95px;filter:drop-shadow(0 25px 35px rgba(0,0,0,.45));mix-blend-mode:screen}.hero-right{position:absolute;right:1%;bottom:80px;text-align:left}.hero-right strong{font-family:serif;font-size:20px;line-height:1.7}.hero-right i{display:block;width:42px;height:1px;background:#fff;margin:20px 0}.hero-right small{font-size:11px;letter-spacing:.15em;line-height:2}
.service-panels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-panel{position:relative;height:330px;overflow:hidden;color:#fff;text-decoration:none;border-right:1px solid var(--line)}.service-panel img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:.5s}.service-panel:hover img{transform:scale(1.04)}.panel-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,8,12,.92),rgba(0,8,12,.08) 75%)}.panel-body{position:absolute;left:12%;right:8%;bottom:35px}.panel-body b{letter-spacing:.18em;font-size:15px}.panel-body h2{font-size:24px;margin:7px 0 16px}.panel-body p{font-size:13px;line-height:1.8;color:#e6e6e6}.panel-body span{position:absolute;right:0;top:34px;font-size:28px;color:var(--cyan)}
.works-final{padding:72px 0;background:#03090c}.works-final>.wrap{display:grid;grid-template-columns:200px 1fr;gap:40px}.works-title small{color:#bbb}.works-title h2{font-size:34px;margin:8px 0 18px}.works-title p{font-size:13px;line-height:1.8;color:#ccc}.works-title a,.about-final a{display:inline-block;margin-top:18px;padding:10px 22px;border:1px solid transparent;border-radius:24px;background:linear-gradient(#03090c,#03090c) padding-box,linear-gradient(90deg,var(--lime),var(--cyan)) border-box;color:#fff;text-decoration:none;font-size:13px}.works-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.works-cards img{width:100%;aspect-ratio:1.35;object-fit:cover}.works-cards h3{font-size:15px;margin:12px 0 4px}.works-cards p{font-size:12px;color:#aaa;margin:0}
.about-final{position:relative;padding:78px 0;overflow:hidden}.about-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,12,18,.92),rgba(0,12,18,.65)),url('assets/img/nature.jpg') center/cover}.about-grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center;gap:45px}.about-grid small{letter-spacing:.2em}.about-grid h2{font-family:serif;font-size:32px;line-height:1.55}.about-grid p{font-size:14px;line-height:2;color:#e4e4e4}.about-grid img{width:100%;mix-blend-mode:screen}
.contact-final{padding:42px 0;background:linear-gradient(90deg,#061710,#09251c)}.contact-final>.wrap{display:grid;grid-template-columns:1fr 1.5fr auto;gap:35px;align-items:center}.contact-final h2{font-family:serif;font-size:24px;line-height:1.55}.contact-final p{font-size:13px;line-height:1.8;color:#ddd}.contact-final a{background:linear-gradient(90deg,var(--lime),var(--cyan));color:#021016;padding:16px 34px;border-radius:30px;text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:900px){.hero-final,.hero-final-inner{min-height:690px}.hero-final-inner{padding:90px 24px 0}.hero-brand{width:330px;max-width:80vw}.hero-final h1{font-size:42px}.hero-drone-final{width:70%;right:-16%;top:210px;opacity:.9}.hero-right{display:none}.service-panels{grid-template-columns:1fr}.service-panel{height:260px}.works-final>.wrap{grid-template-columns:1fr}.works-cards{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-grid img{max-width:340px}.contact-final>.wrap{grid-template-columns:1fr}.contact-final a{width:max-content}}
@media(max-width:520px){.hero-final h1{font-size:35px}.hero-tags{font-size:11px;letter-spacing:.3em}.hero-drone-final{width:92%;right:-35%;top:220px}.works-cards{grid-template-columns:1fr 1fr}.works-cards p{display:none}}

/* Rev.2 — 2026-09-21: official logo + clean drone treatment */
.brand-image{display:block;min-width:255px;width:255px;padding-top:4px}.brand-image img{display:block;width:210px;height:auto;mix-blend-mode:screen}.brand-company{font-size:8px;letter-spacing:.04em;color:#c7d1d5;margin-top:1px;margin-left:2px}.header-inner{height:92px}.main-nav a{padding:0 11px}.contact-nav{background:linear-gradient(90deg,#8cff00,#00cfff)!important;color:#041017!important}
.hero-final-bg{background:url('assets/img/hero.jpg') center/cover no-repeat;filter:saturate(.82) contrast(1.08)}
.hero-brand{width:455px;max-width:44vw}.hero-brand img{width:100%;mix-blend-mode:screen}.hero-brand p{position:relative;z-index:2;margin:14px 0 38px 4px;padding-top:0;font-size:13px;line-height:1.4;letter-spacing:.06em;color:#f3f6f7}.hero-brand:after{content:"";display:block;width:100%;height:2px;background:linear-gradient(90deg,#8cff00,#00cfff);margin-top:-27px;margin-bottom:30px;opacity:.95}
.hero-drone-photo{position:absolute;right:0;top:125px;width:47%;height:315px;overflow:hidden;border:1px solid rgba(255,255,255,.24);box-shadow:0 28px 60px rgba(0,0,0,.35);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.hero-drone-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,18,.6),transparent 35%),linear-gradient(0deg,rgba(2,12,18,.45),transparent 45%)}.hero-drone-photo img{width:100%;height:100%;object-fit:cover;object-position:center 70%}.hero-drone-photo span{position:absolute;z-index:2;right:24px;bottom:18px;font-size:9px;letter-spacing:.28em;color:#fff}.hero-right{right:2%;bottom:72px}
@media(max-width:1100px){.brand-image{width:220px;min-width:220px}.brand-image img{width:180px}.main-nav a{padding:0 7px;font-size:10px}.hero-drone-photo{width:45%}}
@media(max-width:900px){.brand-image{width:205px;min-width:205px}.brand-image img{width:175px}.hero-brand{max-width:80vw}.hero-drone-photo{width:58%;right:-12%;top:235px;height:250px;opacity:.92}.hero-brand p{font-size:11px}}
@media(max-width:520px){.brand-image{width:190px;min-width:190px}.brand-image img{width:165px}.brand-company{font-size:7px}.hero-brand{width:300px}.hero-drone-photo{width:76%;right:-28%;top:250px;height:210px}}


/* Rev.3 — approved mockup locked as homepage hero */
.home .site-header{display:none!important}
.approved-hero{position:relative;width:100%;background:#02080b;overflow:hidden}
.approved-hero-image{display:block;width:100%;height:auto;margin:0}
.approved-hotspots a{position:absolute;display:block;z-index:5}
.hs-home{left:38.5%;top:2.5%;width:4.5%;height:7%}.hs-drone{left:44%;top:2.5%;width:6%;height:7%}.hs-construction{left:51.5%;top:2.5%;width:7.5%;height:7%}.hs-landscape{left:59%;top:2.5%;width:7.5%;height:7%}.hs-works{left:67.5%;top:2.5%;width:4%;height:7%}.hs-company{left:72.5%;top:2.5%;width:5.5%;height:7%}.hs-news{left:78.5%;top:2.5%;width:5.5%;height:7%}.hs-contact{left:85.5%;top:0;width:14.5%;height:11%}
.hs-card-drone{left:50%;top:76%;width:15%;height:16%}.hs-card-construction{left:65%;top:76%;width:16%;height:16%}.hs-card-landscape{left:81%;top:76%;width:16%;height:16%}
.approved-hotspots a:focus-visible{outline:3px solid #16c8f4;outline-offset:-3px;background:rgba(22,200,244,.08)}
@media(max-width:900px){.approved-hero{min-height:auto}.approved-hero-image{width:100%;max-width:none}.approved-hotspots{display:none}.home .site-header{display:flex!important;position:relative}.home .approved-hero{margin-top:0}}

/* Rev.8: service images are cropped to the sharp panoramic source band. */
.service-panel img{width:100%;height:100%;object-fit:cover;object-position:center center;}

/* Rev.9: exact banner-proportioned service panels. No cover zoom/cropping. */
.service-panel{height:auto;aspect-ratio:704/477;background:#06111a;}
.service-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;transform:none!important;}
.service-panel .panel-overlay,.service-panel .panel-body{display:none;}
@media(max-width:900px){.service-panel{height:auto;aspect-ratio:704/477;}}

/* Rev.10 — company-first footer. DroneScenery is the legal company; DS WORKS is the brand. */
.company-first-footer{background:linear-gradient(180deg,#06131a 0%,#041018 100%);color:#fff;padding:54px 0 24px;border-top:1px solid rgba(255,255,255,.08)}
.company-first-footer .footer-main{display:grid;grid-template-columns:minmax(410px,.9fr) 1.6fr;gap:44px;align-items:center}
.company-first-footer .footer-company-block{padding-right:42px;border-right:1px solid rgba(255,255,255,.18)}
.company-first-footer .footer-tagline{font-size:13px;font-weight:700;letter-spacing:.08em;color:#e7edf0;margin-bottom:10px}
.company-first-footer .footer-company-name{font-size:36px;line-height:1.18;font-weight:900;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.company-first-footer .footer-accent{width:64px;height:4px;margin:17px 0 16px;background:linear-gradient(90deg,#8cff00,#00cfff)}
.company-first-footer .footer-brand-sub{font-size:22px;line-height:1;font-weight:900;letter-spacing:.01em;color:#fff}
.company-first-footer .footer-brand-categories{font-size:9px;letter-spacing:.28em;color:#d6e0e4;margin-top:7px}
.company-first-footer .footer-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#fff}
.company-first-footer .footer-nav a{transition:.2s opacity}.company-first-footer .footer-nav a:hover{opacity:.68}
.company-first-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:10px;color:#d1dce0}
.company-first-footer .footer-top-link{width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px}
@media(max-width:980px){.company-first-footer .footer-main{grid-template-columns:1fr}.company-first-footer .footer-company-block{padding-right:0;padding-bottom:30px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.company-first-footer .footer-nav{justify-content:flex-start}.company-first-footer .footer-company-name{white-space:normal}}
@media(max-width:620px){.company-first-footer{padding-top:40px}.company-first-footer .footer-company-name{font-size:28px}.company-first-footer .footer-tagline{font-size:11px}.company-first-footer .footer-brand-sub{font-size:19px}.company-first-footer .footer-nav{gap:14px 20px;font-size:11px}.company-first-footer .footer-bottom{flex-direction:row;gap:12px}}

/* Version 13: discreet school service pause notice between WORKS and ABOUT. */
.school-pause{background:linear-gradient(110deg,#06121a,#0b1d25 65%,#071b1d);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:34px 0;color:#f5f8fa}
.school-pause-inner{display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;gap:34px;align-items:center;border-left:3px solid #80eb43;padding-left:25px}
.school-pause-label{display:flex;align-items:center;gap:12px;color:#a3e9ec;font-size:11px;font-weight:700;letter-spacing:.16em}
.school-pause-icon{display:grid;place-items:center;border:1px solid #2f9e9b;border-radius:50%;width:43px;height:43px;color:#9af354;font-size:20px}
.school-pause-copy h2{font-size:20px;line-height:1.5;margin:0 0 10px;font-weight:800}
.school-pause-status{display:inline-block;vertical-align:middle;border:1px solid #849ba4;border-radius:3px;padding:3px 9px;margin-left:10px;font-size:11px;font-weight:600;color:#d6e2e6;white-space:nowrap}
.school-pause-copy p{font-size:12px;line-height:1.9;color:#c9d5da;margin:0}
.school-pause-copy .school-pause-note{color:#a6e6c6;margin-top:7px}
@media(max-width:750px){.school-pause-inner{grid-template-columns:1fr;gap:15px}.school-pause{padding:28px 0}.school-pause-copy h2{font-size:18px}.school-pause-status{margin-left:5px}}