.about-page{padding-top:55px}.about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-bottom:75px}.about-intro h1{font-size:64px;line-height:1.06;letter-spacing:-1.8px;margin:22px 0 25px}.about-intro h1 em{font-style:normal;color:#32685a}.about-intro p{font-size:17px;line-height:1.85;max-width:540px;margin:18px 0 26px}.about-intro .about-lead{font-size:23px;line-height:1.5;color:#32685a}.about-lead strong{font-weight:600}.about-art{height:465px;position:relative;isolation:isolate;background-color:#e9ebdc;background-image:radial-gradient(#8b70431a .7px,transparent 1px);background-size:4px 4px;border:1px solid #d7ceba;border-radius:45% 43% 28% 30%;box-shadow:5px 7px 0 #b4a27c15}.about-art:after{content:'';position:absolute;left:8%;right:5%;bottom:28px;height:80px;background:#c8cfb4;border-radius:50%;transform:rotate(-7deg);z-index:-1}.about-art>.character-art{position:absolute;object-fit:contain;filter:drop-shadow(3px 7px 3px #66503224)}.about-art .about-wobble{left:23%;bottom:57px;width:47%;height:290px;z-index:3}.about-art .about-pip{left:4%;bottom:71px;height:219px;width:31%;transform:rotate(-5deg);z-index:2}.about-art .about-nell{right:0;bottom:61px;width:36%;height:165px;transform:rotate(4deg);z-index:4}.about-sun{position:absolute;right:14%;top:40px;width:113px;height:113px;background:#edcf83;border:1px solid #d9b965;border-radius:49% 51% 46% 54%;box-shadow:3px 4px 0 #aa8c4d22;z-index:-1}.about-orbit{position:absolute;left:4%;right:3%;top:22px;bottom:34px;border:2px dashed #9fae8f;border-radius:45%;transform:rotate(-16deg);z-index:-1}.about-star{position:absolute;font:55px Fredoka;color:#c19a48;text-shadow:3px 4px #b08d4922;z-index:3}.about-star.a{left:11%;top:37px;transform:rotate(-13deg)}.about-star.b{right:5%;top:174px;font-size:33px;color:#b990b1}.about-paper-note{position:absolute;right:7%;top:61px;background:#fff8e7;border:1px solid #d0bf97;padding:15px 17px;box-shadow:3px 4px 0 #92784b15;font:21px/1.3 Fredoka;transform:rotate(9deg);z-index:5;color:#756344}.about-paper-note:before{content:'';position:absolute;left:35%;top:-7px;width:32px;height:13px;background:#d6bf8c99;transform:rotate(-7deg)}.about-book{position:absolute;bottom:39px;left:31%;width:173px;height:50px;z-index:5;transform:rotate(-4deg)}.about-book i,.about-book b{position:absolute;left:0;top:0;width:50%;height:100%;background:#fff4d7;border:2px solid #c6b17e;border-bottom:7px solid #8aa7a2;border-radius:12px 3px 2px 4px;transform:skewY(8deg);box-shadow:2px 4px 0 #9a805722}.about-book b{left:50%;transform:skewY(-8deg);border-radius:3px 12px 4px 2px}.about-story{border-top:1px solid #d7ceba;border-bottom:1px solid #d7ceba;padding:55px 0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:45px;align-items:center}.about-year{display:block;background:#eee7f2;border:1px solid #d9cfe1;width:160px;height:160px;border-radius:45% 49% 46% 42%;font:20px/1.3 Fredoka;text-align:center;padding:30px 10px;transform:rotate(-5deg);color:#78638a}.about-year strong{font-size:47px;font-weight:500}.about-story h2{font-size:38px;line-height:1.15;margin:16px 0}.about-story p{line-height:1.9;font-size:17px;max-width:800px;margin:14px 0 0}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:55px 0}.about-values article{padding:28px;border:1px solid #d7ceba;background:#f3ebd2;border-radius:22px 25px 20px 23px}.about-values article:nth-child(2){background:#e4edf0}.about-values article:nth-child(3){background:#eee7f2}.about-number{font-size:12px;letter-spacing:2px;color:#6c7c71}.about-values h2{font-size:28px;margin:22px 0 14px}.about-values p{font-size:16px;line-height:1.85}.about-project{display:grid;grid-template-columns:150px 1fr;gap:35px;align-items:center;padding:40px;border:1px solid #d0d6bd;border-radius:27px;background:#e9eddd}.about-project-character{width:145px;height:170px;object-fit:contain}.about-project h2{font-size:37px;margin:15px 0 7px;color:#32685a}.about-project-tagline{font:23px Fredoka;color:#7c6748;margin-bottom:17px!important}.about-project p{font-size:17px;line-height:1.85;margin:15px 0 20px;max-width:790px}.about-connect{text-align:center;padding:80px 15px 45px}.about-connect h2{font-size:52px;margin:20px 0}.about-connect p{font-size:18px;line-height:1.8;margin-bottom:27px}.about-email{display:block;width:fit-content;margin:18px auto 0;font-size:15px;color:#32685a;text-underline-offset:4px}.about-email:hover{text-decoration:underline}.footer-about{display:block;margin-bottom:14px}.about-context-link{margin:0 0 30px}.about-page a:focus-visible{outline:3px solid #32685a;outline-offset:5px}
@media(min-width:1101px){.header-inner .nav{gap:17px}.header-inner .nav a{font-size:12px}}
@media(max-width:1000px){.about-hero{gap:30px}.about-intro h1{font-size:50px}.about-art{height:390px}.about-art .about-wobble{height:240px;bottom:50px}.about-art .about-pip{height:180px}.about-art .about-nell{height:135px}.about-book{width:140px}.about-paper-note{font-size:18px}.about-values article{padding:23px}.about-values h2{font-size:25px}}
@media(max-width:700px){.about-page{padding-top:35px}.about-hero{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.about-intro h1{font-size:45px;letter-spacing:-1px}.about-intro .about-lead{font-size:22px}.about-intro p{font-size:16px}.about-art{height:345px;max-width:470px;width:100%;margin:auto}.about-art .about-wobble{height:217px}.about-art .about-pip{height:170px}.about-art .about-nell{height:127px}.about-paper-note{top:35px;font-size:17px}.about-sun{top:25px;width:95px;height:95px}.about-star.a{top:16px;font-size:43px}.about-story{grid-template-columns:1fr;gap:25px;padding:35px 0}.about-year{width:120px;height:120px;padding-top:19px;font-size:17px}.about-year strong{font-size:38px}.about-story h2{font-size:33px}.about-story p{font-size:16px}.about-values{grid-template-columns:1fr;padding:35px 0;gap:15px}.about-values h2{margin:12px 0}.about-project{grid-template-columns:1fr;gap:15px;padding:25px}.about-project-character{width:105px;height:105px}.about-project h2{font-size:32px}.about-project p{font-size:16px}.about-connect{padding:50px 0 25px}.about-connect h2{font-size:42px}.about-connect p{font-size:16px}}
.about-art{overflow:hidden}
