.front-body .information-about>.front-page-heading{position:relative;display:flex;align-items:center;min-height:390px;padding:clamp(28px,5vw,62px);margin:0 0 30px;overflow:hidden;border:1px solid #ead8ca;border-radius:24px;background-image:linear-gradient(90deg,#fff7f0 0%,#fff7f0f5 35%,#fff7f0c4 49%,#fff7f04d 68%,#fff7f000 86%),url("images/about-maker-studio-hero.png");background-position:center,right center;background-size:cover}.front-body .information-about>.front-page-heading>div{position:relative;z-index:1;max-width:545px}.front-body .information-about>.front-page-heading .eyebrow{color:#c14a18;font-weight:800}.front-body .information-about>.front-page-heading h1{margin:8px 0 12px;color:#202c48;font-size:clamp(34px,4vw,52px);line-height:1.2}.front-body .information-about>.front-page-heading p{max-width:45ch;color:#5d5d6c;font-size:15px;line-height:1.9}
.about-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,6vw,90px);align-items:center;padding:clamp(28px,5vw,60px);margin-bottom:28px;border:1px solid #dce5ef;border-radius:24px;background:#fff}.about-kicker,.about-section-heading>span,.about-process-heading>span{display:block;color:#df5d16;font-size:11px;font-weight:800;letter-spacing:.14em}.about-intro h2{margin:12px 0 18px;color:#172844;font-size:clamp(30px,4vw,46px);line-height:1.25}.about-intro-copy>p{max-width:58ch;color:#586a80;font-size:15px;line-height:1.95}.about-intro-note{display:flex;align-items:center;gap:10px;margin:20px 0 0!important;color:#234f79!important;font-weight:650}.about-intro-note span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf4ff;color:#e55d16}.about-intro-visual{position:relative;min-height:280px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 31% 28%,#ffbd83 0 10%,transparent 10.5%),radial-gradient(circle at 72% 67%,#84c1e7 0 13%,transparent 13.5%),linear-gradient(135deg,#173757,#28648a);isolation:isolate}.about-intro-visual:before,.about-intro-visual:after{content:"";position:absolute;border:1px solid #ffffff4d;border-radius:50%}.about-intro-visual:before{width:310px;height:310px;left:-70px;bottom:-150px}.about-intro-visual:after{width:180px;height:180px;right:-65px;top:-40px}.about-orbit{position:absolute;border-radius:50%;border:1px solid #ffb56c;transform:rotate(-35deg)}.about-orbit-one{width:190px;height:95px;left:22%;top:36%}.about-orbit-two{width:190px;height:95px;left:22%;top:36%;transform:rotate(38deg);border-color:#93d3ed}.about-visual-label{position:absolute;left:calc(22% + 46px);top:calc(36% + 26px);color:#fff;font-size:27px;font-weight:800;line-height:.92;letter-spacing:-.07em}
.about-principles{padding:clamp(30px,5vw,60px) 0;margin-bottom:22px}.about-section-heading{max-width:680px;margin-bottom:26px}.about-section-heading h2,.about-process-heading h2{margin:10px 0 10px;color:#172844;font-size:clamp(27px,3.1vw,38px);line-height:1.32}.about-section-heading p,.about-process-heading p{margin:0;color:#5d6f84;line-height:1.8}.about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-principle-card{min-height:210px;padding:25px;border:1px solid #dce6f0;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);transition:transform .2s,box-shadow .2s}.about-principle-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #17365312}.about-principle-number{display:block;margin-bottom:26px;color:#e9601b;font-size:12px;font-weight:800;letter-spacing:.1em}.about-principle-card h3{margin:0 0 10px;color:#193452;font-size:18px}.about-principle-card p{margin:0;color:#627289;font-size:14px;line-height:1.8}
.about-process{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,84px);padding:clamp(28px,5vw,54px);border-radius:24px;background:linear-gradient(135deg,#142e4b,#255c80);color:#fff}.about-process-heading h2{color:#fff}.about-process-heading>span{color:#ffb277}.about-process-heading p{max-width:37ch;color:#c5d8e6}.about-journey{display:grid;gap:0;margin:0;padding:0;list-style:none}.about-journey li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:0 0 22px}.about-journey li:last-child{padding-bottom:0}.about-journey li>span{display:grid;place-items:center;align-self:start;width:38px;height:38px;border:1px solid #84badb;border-radius:50%;color:#ffbd83;font-size:11px;font-weight:800}.about-journey li:not(:last-child)>span{position:relative}.about-journey li:not(:last-child)>span:after{content:"";position:absolute;top:44px;width:1px;height:22px;background:#ffffff42}.about-journey h3{margin:5px 0 4px;color:#fff;font-size:16px}.about-journey p{margin:0;color:#c6d7e3;font-size:13px;line-height:1.75}.information-about .information-next{justify-content:center;padding:26px;margin-top:24px;border:1px solid #dce5ef;border-radius:18px;background:#f6fbff}.information-about .information-next .btn{min-width:175px}
@media(max-width:767px){.front-body .information-about>.front-page-heading{align-items:flex-start;min-height:480px;padding:28px 22px;background-image:linear-gradient(180deg,#fff7f0 0%,#fff7f0ed 41%,#fff7f0a6 59%,#fff7f01f 83%,#fff7f000 100%),url("images/about-maker-studio-hero.png");background-position:65% center}.front-body .information-about>.front-page-heading h1{font-size:34px}.front-body .information-about>.front-page-heading p{font-size:14px}.about-intro,.about-process{grid-template-columns:1fr;padding:24px 20px;gap:26px}.about-intro-visual{min-height:220px;order:-1}.about-principles{padding:30px 0}.about-principle-grid{grid-template-columns:1fr;gap:10px}.about-principle-card{min-height:0;padding:21px}.about-principle-number{margin-bottom:15px}.about-process-heading h2{font-size:28px}.about-journey li{grid-template-columns:43px minmax(0,1fr);gap:12px}.information-about .information-next{align-items:stretch;padding:20px}.information-about .information-next .btn{width:100%}}