.personal-intro{padding:110px 0 120px}.intro-heading{max-width:760px;margin-bottom:64px}.intro-heading h2{font-size:clamp(42px,4.8vw,68px);font-weight:450;letter-spacing:-.06em;margin-bottom:28px}.intro-heading>p:last-child{max-width:610px;margin:auto;font-size:16px;line-height:1.8;color:#687078}.personal-eyebrow{font-size:10px;letter-spacing:.13em}.intro-bento{grid-template-columns:1fr 1fr 1.65fr;grid-template-rows:350px 250px;gap:16px}.intro-bento article{border-radius:18px;padding:32px}.intro-photo{border-radius:18px}.intro-photo img{object-position:48% center;filter:saturate(.7)}.intro-photo figcaption{bottom:31px;left:29px;font-size:21px}.intro-bento h3{font-size:29px;letter-spacing:-.045em}.intro-bento p{font-size:13px;line-height:1.7}.bento-tag{font-size:10px;letter-spacing:.035em;margin-bottom:22px}.intro-clarity{background:#e0e5df;display:flex;flex-direction:column}.clarity-symbol{height:100px;display:flex;align-items:center;margin:0 0 auto;color:#687d6e}.clarity-symbol svg{width:180px;height:100px;max-width:100%}.intro-clarity h3{font-size:33px}.intro-system{background:radial-gradient(ellipse at 10% 0%,#37483e,transparent 70%),#19221f;grid-template-columns:1.1fr 1fr;gap:30px;color:#f2f5ef}.intro-system .bento-tag{color:#b5c2b9}.intro-system p{color:#b7c0bb}.intro-system a{color:#e5ede5;font-size:12px;margin-top:23px}.premium-ui{position:relative;transform:perspective(900px) rotateY(9deg) rotateZ(-7deg);border:1px solid #66726a;border-radius:13px;background:#202a25;box-shadow:0 30px 45px #0005;min-width:0;margin-left:-5px}.ui-toolbar{height:27px;border-bottom:1px solid #ffffff12;padding:8px;display:flex;align-items:center;gap:4px}.ui-toolbar>span{width:4px;height:4px;background:#748579;border-radius:50%}.ui-toolbar b{font-size:7px;font-weight:400;color:#9aa99e;margin-left:auto}.ui-body{display:flex;min-height:140px;padding:12px 9px;gap:10px}.ui-sidebar{width:17px;border-right:1px solid #ffffff0c;padding-right:7px}.ui-sidebar i{display:block;height:7px;width:7px;border-radius:2px;background:#607668;margin:0 0 12px}.ui-sidebar i:first-child{background:#cfddbf}.ui-main{flex:1;min-width:0}.ui-title{height:5px;width:55%;background:#9eaea3;border-radius:3px;margin:4px 0 20px}.ui-graph{border:1px solid #ffffff0d;border-radius:5px;padding:5px;background:#ffffff03}.ui-graph svg{display:block;width:100%}.ui-metrics{display:flex;gap:5px;margin-top:7px}.ui-metrics i{height:20px;flex:1;border:1px solid #ffffff12;border-radius:4px;background:linear-gradient(120deg,#ffffff07,transparent)}.ui-floating{position:absolute;bottom:-21px;left:19px;white-space:nowrap;background:#f2f3ed;color:#516449;border:1px solid #fff;padding:12px;border-radius:8px;font-size:12px;box-shadow:0 8px 25px #0002}.ui-floating span{font-size:8px;color:#33443b;margin-left:5px}.intro-detail{background:#fafaf8;border:1px solid #e0e2dd}.intro-detail .bento-tag{color:#7a7f78}.intro-detail h3{font-size:26px}.intro-detail p{color:#666e68}.intro-contact{background:#e9e4d9}.intro-contact h3{font-size:32px}.intro-contact a{font-size:12px;margin-top:18px}.intro-contact .bento-tag{color:#766b58}@media(max-width:1100px){.intro-bento{grid-template-columns:1fr 1fr;grid-template-rows:330px 270px auto}.intro-system{min-height:310px}.premium-ui{max-width:260px;width:100%;margin:auto}.intro-contact{min-height:240px}}@media(max-width:600px){.personal-intro{padding:60px 0 70px}.intro-heading{margin-bottom:34px}.intro-heading h2{font-size:43px;line-height:1.06}.intro-heading>p:last-child{font-size:16px}.intro-bento{display:flex;gap:14px}.intro-photo{height:440px}.intro-bento article{padding:29px}.intro-clarity{min-height:330px!important}.clarity-symbol{margin:0 0 25px;height:80px}.intro-system{display:flex;flex-direction:column;align-items:stretch;gap:60px;padding-top:45px!important}.premium-ui{min-height:180px}.intro-system h3{font-size:32px}.intro-bento p{font-size:15px}.intro-contact{min-height:250px}}