.personal-intro{display:block;padding:85px 0 100px}.intro-heading{text-align:center;max-width:770px;margin:0 auto 50px}.intro-heading h2,.process-introduction h2{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0 0 25px}.intro-heading>p:last-child{font-size:17px;line-height:1.65;color:#56616b;margin:0}.intro-bento{display:grid;grid-template-columns:1fr 1fr 1.65fr;grid-template-rows:320px 240px;gap:18px}.intro-bento article{border-radius:24px;padding:28px;overflow:hidden}.bento-tag{font-size:11px;display:block;margin-bottom:17px;color:#415263}.intro-bento h3{font-size:30px;line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.intro-bento p{font-size:14px;line-height:1.6;color:#435363;margin:0}.intro-photo{grid-row:span 2;position:relative;overflow:hidden;border-radius:24px;margin:0;background:#cdc9c2}.intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% center}.intro-photo:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#101a22b3)}.intro-photo figcaption{position:absolute;bottom:28px;left:25px;color:white;z-index:1;font-size:20px}.intro-photo figcaption span{display:block;font-size:12px;color:#e6e9ec;margin-top:6px}.intro-clarity{background:#d7e5ec}.clarity-symbol{font-size:70px;line-height:1;color:#496079;margin-bottom:17px}.intro-system{background:#e0ddec;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.mini-window{background:linear-gradient(140deg,#fffffff0,#fff9);border:2px solid #fff;border-radius:22px;padding:17px;transform:rotate(-6deg);box-shadow:0 18px 30px #55537825;min-height:210px}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.mini-layout i{height:45px;background:#cad5df;border-radius:8px}.mini-layout i:first-child{grid-column:span 2;background:#496079;height:55px}.mini-window>span{font-size:12px;display:block;margin-top:20px;color:#496079}.intro-system a,.intro-contact a{display:inline-block;margin-top:20px;padding-bottom:6px;text-decoration:none;border-bottom:1px solid currentColor;font-size:14px;color:#18232b}.intro-detail{background:#fff;grid-column:2}.intro-detail h3{font-size:25px}.intro-contact{background:#eee8da;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro-contact h3{font-size:31px}@media(max-width:1100px){.intro-bento{grid-template-columns:1fr 1fr;grid-template-rows:310px 260px auto}.intro-photo{grid-row:span 2}.intro-system{grid-column:span 2;grid-row:3}.intro-detail{grid-column:2;grid-row:2}.intro-contact{grid-column:span 2;min-height:210px}}@media(max-width:600px){.personal-intro{padding:48px 0 60px}.intro-heading{margin-bottom:30px;text-align:left}.intro-heading h2{font-size:40px}.intro-heading>p:last-child{font-size:16px}.intro-bento{display:flex;flex-direction:column;gap:14px}.intro-photo{height:420px}.intro-photo img{object-position:center 35%}.intro-bento article{padding:26px;min-height:230px}.intro-system{display:grid;grid-template-columns:1fr;gap:28px}.mini-window{max-width:210px;margin:auto;width:100%}.intro-bento h3{font-size:30px}}
.design-process{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);padding:90px 0 100px;border-top:1px solid #dadddf;scroll-margin-top:35px}.process-introduction{align-self:start;position:sticky;top:55px}.process-introduction>p:not(.personal-eyebrow){font-size:16px;line-height:1.75;color:#56616b;max-width:480px;margin:0 0 28px}.process-cta{display:inline-flex;padding:16px 23px;border-radius:35px;background:#111;color:#fff;text-decoration:none;font-size:14px;box-shadow:0 10px 18px #0002}.process-note{margin-top:75px;color:#68737d;font-size:13px}.process-timeline{list-style:none;margin:0;padding:0 0 0 47px;position:relative}.process-timeline:before{content:"";position:absolute;left:10px;top:18px;bottom:100px;width:3px;background:linear-gradient(#ba604b,#d3b0a5 70%,#e0e4e9)}.process-timeline li{position:relative;padding:0 0 31px;margin-bottom:30px;border-bottom:1px solid #dce0e4}.process-timeline li:last-child{margin-bottom:0;border:0;padding-bottom:0}.timeline-dot{position:absolute;left:-49px;top:1px;width:27px;height:27px;background:#ad503c;border:4px solid #edd2ca;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;line-height:14px}.process-timeline h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:0 0 14px}.process-timeline p{font-size:15px;line-height:1.7;color:#56616b;margin:0 0 15px}.timeline-output{font-size:11px;line-height:1.6;color:#805142;background:#eee3de;display:inline-block;padding:6px 10px;border-radius:6px}.process-cta:focus-visible,.intro-bento a:focus-visible{outline:2px solid #496079;outline-offset:6px}@media(max-width:800px){.design-process{gap:40px}.process-introduction h2{font-size:40px}}@media(max-width:600px){.design-process{grid-template-columns:1fr;padding:48px 0 60px;gap:40px}.process-introduction{position:static}.process-introduction h2{font-size:40px}.process-note{margin-top:28px}.process-timeline p{font-size:16px}.links>a[href="#process"]{display:none}}