﻿.about-hero{padding:70px 5% 62px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8vw;border-bottom:1px solid var(--line)}.about-hero h1{font:500 clamp(52px,6vw,96px)/.9 var(--serif);letter-spacing:-.075em;margin:0}.about-hero h1 em{color:var(--blue);font-style:italic}.about-hero p{max-width:500px;font-size:18px;line-height:1.6;margin:28px 0 0}.about-mark{height:390px;position:relative;overflow:hidden;background:#f5efe7}.about-mark span,.about-mark i{position:absolute;display:block}.about-mark span:first-child{width:270px;height:300px;left:11%;top:46px;border-radius:18px;background:linear-gradient(120deg,#164cff,#07143a);box-shadow:inset 18px 0 22px #78a0ff55}.about-mark span:nth-child(2){width:255px;height:255px;left:37%;top:72px;border:3px solid #d8d2c8;border-radius:50%;background:linear-gradient(105deg,#fffaf0 48%,#566071 49%,#ebe6da);opacity:.9}.about-mark span:nth-child(3){width:145px;height:205px;right:8%;bottom:30px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 11px,#777 12px 14px,transparent 15px 21px);transform:rotate(-17deg);filter:drop-shadow(4px 7px 5px #5555)}.about-mark i{width:42px;height:42px;right:16%;top:62px}.about-mark i:before,.about-mark i:after{content:'';position:absolute;background:#ff532d}.about-mark i:before{width:42px;height:1px;top:20px}.about-mark i:after{height:42px;width:1px;left:20px}.about-story{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 5%}.about-story article{min-height:260px;padding:34px 34px 38px;border-right:1px solid var(--line)}.about-story article:first-child{padding-left:0}.about-story article:last-child{border-right:0}.about-story b{font:500 46px/.8 var(--serif);color:var(--blue)}.about-story h2{font-size:18px;margin:34px 0 11px}.about-story p{font-size:14px;line-height:1.6;margin:0}.about-principles{padding:58px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1px solid var(--line)}.about-principles h2{font:500 clamp(34px,4vw,62px)/.95 var(--serif);letter-spacing:-.055em;margin:0}.about-principles h2 em{color:var(--blue);font-style:italic}.about-principles p{font-size:15px;line-height:1.65;margin:0;padding:20px 0;border-bottom:1px solid var(--line)}.about-principles p:first-child{padding-top:0}.about-principles p:last-child{border-bottom:0}@media(max-width:800px){.about-hero{grid-template-columns:1fr;padding:40px 5%;gap:34px}.about-hero h1{font-size:56px}.about-mark{height:300px}.about-mark span:first-child{width:200px;height:240px;left:2%}.about-mark span:nth-child(2){width:190px;height:190px;left:34%;top:68px}.about-story{grid-template-columns:1fr;padding:0 5%}.about-story article,.about-story article:first-child{min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.about-story article:last-child{border-bottom:0}.about-principles{grid-template-columns:1fr;padding:42px 5%;gap:28px}}
.about-story p,.about-principles p{font-size:16px;line-height:1.65}@media(max-width:800px){.about-story p,.about-principles p{font-size:15px}}
.about-hero h1,.about-principles h2{letter-spacing:-.045em}
@media(min-width:1200px){body{max-width:1600px;margin:0 auto}}

