#about.about-designed{background:radial-gradient(ellipse at 0 0,#dbe8de,transparent 55%),#f0f0e9;padding-top:100px}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-copy .label{font-size:9px;letter-spacing:1.8px}.about-copy h2{font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.35;letter-spacing:-2px;margin:26px 0}.about-copy h2 span{color:#9b5c83}.about-copy p{font-size:13px;line-height:2;max-width:450px}.about-copy .about-lead{font-size:19px;line-height:1.8;color:#35594b;margin-bottom:22px}.about-cta{display:inline-flex;align-items:center;gap:32px;margin-top:20px;font-size:12px;color:#335846}.about-cta span{border:1px solid #8ca696;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .3s,color .3s,transform .3s}.about-cta:hover span{background:#355a48;color:white;transform:rotate(45deg)}.brand-composition{position:relative;aspect-ratio:1/1.08;background:#292836;color:#f4eee7;border-radius:9px;overflow:hidden;isolation:isolate;box-shadow:18px 22px 0 #d9e1d7;transition:transform .5s}.composition-label{position:absolute;top:26px;left:28px;font-size:8px;letter-spacing:2px;z-index:4;color:#d4c3db}.composition-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px}.brand-panel{position:absolute;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.panel-orange{width:50%;height:60%;right:-12%;top:5%;background:linear-gradient(135deg,#edb481,#d47256);border-radius:150px 150px 0 0;transform:rotate(-25deg)}.panel-purple{width:44%;height:38%;right:10%;bottom:13%;background:linear-gradient(140deg,#ba9ac5,#805e9e);border-radius:50%;box-shadow:0 15px 35px #0003}.panel-green{width:37%;height:20%;right:-9%;bottom:8%;background:#abc4af;transform:rotate(-25deg)}.composition-type{position:absolute;left:8%;top:24%;z-index:3;font-family:Georgia,serif;display:grid;font-size:clamp(42px,5.5vw,79px);letter-spacing:-4px;line-height:1.1;text-shadow:0 3px 25px #29283622}.composition-type em{color:#d8edcf;font-weight:400}.composition-foot{position:absolute;left:28px;right:26px;bottom:26px;display:flex;align-items:center;justify-content:space-between;z-index:5}.composition-foot span:first-child{font-size:16px;letter-spacing:3px}.composition-foot span:last-child{font-size:7px;letter-spacing:1.5px}.composition-dot{position:absolute;width:12px;height:12px;border-radius:50%;left:9%;top:17%;background:#e4a182}.brand-composition:hover{transform:translateY(-5px)}.brand-composition:hover .panel-orange{transform:rotate(-16deg) translate(-10px,7px)}.brand-composition:hover .panel-purple{transform:translate(-8px,-9px)}.brand-composition:hover .panel-green{transform:rotate(-15deg) translate(-5px,-8px)}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:75px}.about-values article{position:relative;border-top:1px solid #abbfaf;padding:25px 0 15px}.about-values article:nth-child(2){border-color:#b5a0c2}.about-values article:nth-child(3){border-color:#d1a58c}.value-no{font-size:9px;letter-spacing:1.8px;color:#688371}.about-values article:nth-child(2) .value-no{color:#875e92}.about-values article:nth-child(3) .value-no{color:#a76643}.about-values h3{font-size:23px;font-weight:500;color:#355846;margin:18px 0 10px}.about-values p{font-size:12px;line-height:1.9;max-width:300px;margin:0}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:65px;padding-top:42px;border-top:1px solid #cad3c8}.process-heading h3{font-size:28px;font-weight:500;letter-spacing:-1px;color:#355846;margin:14px 0 0}.process-caption{font-size:11px;color:#657b6a}#about .steps{margin-top:32px;gap:20px}#about .step{border:1px solid #cbd7cd;border-radius:8px;padding:22px;background:#ffffff36;position:relative}#about .step:nth-child(2){background:#e7deec70}#about .step:nth-child(3){background:#e0e8ef80}#about .step:nth-child(4){background:#efdfd380}#about .step h3{font-size:17px;color:#355846}#about .step p{font-size:11px;margin-bottom:0}#about .step small{font-size:9px;letter-spacing:1px}@media(max-width:700px){#about.about-designed{padding-top:65px}.about-intro{grid-template-columns:1fr;gap:40px}.about-copy h2{font-size:40px}.about-copy .about-lead{font-size:18px}.brand-composition{width:calc(100% - 12px);max-width:500px;box-shadow:12px 14px 0 #d9e1d7}.composition-type{font-size:64px;letter-spacing:-3px}.about-values{grid-template-columns:1fr;margin-top:50px;gap:8px}.about-values article{padding:22px 0}.about-values h3{font-size:21px;margin-top:12px}.about-values p{max-width:none}.process-heading{display:block;margin-top:35px;padding-top:30px}.process-heading h3{font-size:25px}.process-caption{display:block;margin-top:16px}#about .steps{gap:12px}#about .step{padding:17px 14px}}@media(prefers-reduced-motion:reduce){.brand-composition,.brand-panel,.about-cta span{transition:none}.brand-composition:hover{transform:none}}