.studio-site.about-site{--kd-bg:#24282d;--kd-line:#ffffff21}.about-site .kd-nav{z-index:2;position:relative}.about-site .kd-nav-links [aria-current=page]{color:#ff8e9b}.about-site .about-hero{isolation:isolate;background:#24282d;height:min(790px,100svh - 100px);min-height:660px;position:relative;overflow:hidden}.about-portrait{z-index:0;width:68%;height:100%;animation:1.5s cubic-bezier(.16,1,.3,1) both about-photo-reveal;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24%);mask-image:linear-gradient(90deg,#0000,#000 24%)}.about-portrait-depth{transform:translate3d(var(--portrait-x,0px), var(--portrait-y,0px), 0) rotate(var(--portrait-turn,0deg));transition:transform 1.5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-20px}.about-photo{object-fit:cover;object-position:50% 40%;animation:22s ease-in-out infinite alternate about-photo-drift}.about-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#24282d 1%,#24282df2 20%,#24282d99 38%,#24282d00 70%),linear-gradient(#24282d33,#24282d00 10% 68%,#24282d 100%);position:absolute;inset:0}.about-hero-copy{z-index:2;pointer-events:none;width:89%;max-width:1282px;margin-inline:auto;padding-top:65px;position:relative}.about-site .about-kicker{color:#ff9aa6;letter-spacing:2.2px;text-transform:uppercase;font-size:10px;font-weight:600}.about-site .about-hello{color:#c3c9cc;margin-top:56px;font-size:23px}.about-site .about-hero h1{letter-spacing:-.09em;margin:0 0 25px -8px;font-size:clamp(100px,12.5vw,180px);font-weight:600;line-height:1}.about-hero h1>span{color:#ff526a}.about-site .about-headline{letter-spacing:-1.9px;font-size:clamp(32px,3.8vw,53px);font-weight:400;line-height:1.12}.about-headline>span{color:#bbc3ca}.about-site .about-hero-note{color:#bec8cf;margin-top:26px;font-size:13px;line-height:1.8}.about-coordinate{z-index:3;color:#223341;text-transform:uppercase;letter-spacing:1.8px;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;top:46px;right:5.5%}.about-coordinate>span{border:1px solid #22334166;border-radius:50%;width:23px;height:23px}.about-coordinate>span:before,.about-coordinate>span:after{content:"";background:#22334188;position:absolute}.about-coordinate>span:before{width:1px;height:31px;top:-4px;left:11px}.about-coordinate>span:after{width:31px;height:1px;top:11px;left:-4px}.about-hero-bottom{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:30px;left:5.5%;right:5.5%}.about-site .about-discover{color:#e1e5e8;align-items:center;gap:14px;font-size:11px;display:flex}.about-discover>span{border:1px solid #ffffff3b;border-radius:50%;place-items:center;width:35px;height:35px;font-size:16px;transition:transform .25s;display:grid}.about-discover:hover>span{transform:translateY(4px)}.about-site .about-motion{color:#e1e5e8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24282da3;border:1px solid #fff3;border-radius:24px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:flex}.about-motion>span{font-size:13px}.about-enter{animation:1s cubic-bezier(.16,1,.3,1) .15s both about-copy-in}.about-enter:nth-child(2){animation-delay:.25s}.about-enter:nth-child(3){animation-delay:.35s}.about-enter:nth-child(4){animation-delay:.45s}.about-enter:nth-child(5){animation-delay:.55s}.about-site .about-story{padding-top:68px;padding-bottom:85px}.about-section-label{color:#9ca8b3;text-transform:uppercase;letter-spacing:1.6px;border-bottom:1px solid var(--kd-line);justify-content:space-between;align-items:center;padding-bottom:24px;font-size:10px;display:flex}.about-site .about-section-label h2{font:inherit}.about-story-grid{grid-template-columns:1fr 1fr;gap:80px;padding-top:42px;display:grid}.about-site .about-story h2{letter-spacing:-2.5px;font-size:clamp(35px,4.4vw,60px);font-weight:400;line-height:1.12}.about-site em{font:inherit;color:#ff8c9b}.about-story-copy{max-width:480px}.about-site .about-story-copy p{color:#bbc4cc;margin-bottom:21px;font-size:15px;line-height:1.85}.about-site .about-story-copy p:first-child{color:#ebedf0;letter-spacing:-.3px;font-size:19px;line-height:1.65}.about-site .about-story-copy a{color:#fff;text-underline-offset:4px;-webkit-text-decoration:underline #fff4;text-decoration:underline #fff4}.about-site .about-story-copy a:hover{text-decoration-color:#ff8c9b}.about-signature{letter-spacing:-1.8px;align-items:center;gap:26px;margin-top:5px;font-family:Georgia,serif;font-size:34px;font-style:italic;display:inline-flex}.about-signature>span{color:#ff758b;font-family:Arial,sans-serif;font-size:24px}.about-site .about-principles{padding-bottom:76px}.about-principle{border-bottom:1px solid var(--kd-line);grid-template-columns:55px 1.1fr 1fr;align-items:start;gap:30px;padding:33px 0;display:grid}.about-principle-number{color:#ff8c9b;font:11px/2.5 monospace}.about-site .about-principle h3{letter-spacing:-.9px;font-size:clamp(22px,2.4vw,31px);font-weight:400;line-height:1.3}.about-site .about-principle p{color:#aab5bf;max-width:360px;font-size:13px;line-height:1.9}.about-site .about-invitation{padding:55px 0 85px}.about-site .about-invitation h2{letter-spacing:-3.6px;margin-top:20px;font-size:clamp(42px,6.3vw,85px);font-weight:400;line-height:1.1}.about-invitation>div{justify-content:space-between;align-items:center;gap:30px;margin-top:30px;display:flex}.about-site .about-invitation p:not(.about-kicker){color:#b5bfc8;font-size:14px;line-height:1.8}.about-site .about-say-hello{color:#251920;background:#ff8c9b;border-radius:100px;justify-content:space-between;align-items:center;gap:50px;padding:17px 24px;font-size:13px;transition:background .2s,transform .2s;display:flex}.about-say-hello>span{font-size:23px}.about-site .about-say-hello:hover{background:#ffa7b3;transform:translateY(-3px)}.about-photo-description{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.about-hero[data-paused=true] .about-photo,.about-hero[data-paused=true] .about-enter,.about-hero[data-paused=true] .about-portrait{animation-play-state:paused}.about-hero[data-paused=true] .about-portrait-depth{transform:none}@keyframes about-photo-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes about-copy-in{0%{opacity:0;filter:blur(5px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes about-photo-drift{0%{transform:scale(1.01)translateY(0)}to{transform:scale(1.09)translateY(-1%)}}@media (min-width:1500px){.about-site .about-hero{max-width:1600px;margin-inline:auto}}@media (max-width:1000px){.about-site .about-hero{height:720px;min-height:630px;max-height:900px}.about-portrait{width:78%}.about-site .about-hero h1{font-size:120px}.about-hero-shade{background:linear-gradient(90deg,#24282d 0%,#24282dd9 17%,#24282d77 41%,#24282d00 75%),linear-gradient(#24282d00 65%,#24282d 100%)}.about-story-grid{gap:40px}.about-principle{grid-template-columns:30px 1fr 1fr;gap:20px}}@media (max-width:700px){.about-site .about-hero{height:850px;min-height:760px;max-height:none}.about-portrait{width:100%;height:69%;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.about-photo{object-position:55% 25%}.about-hero-shade{background:linear-gradient(#24282d1a 0% 35%,#24282de6 65%,#24282d 74% 100%)}.about-hero-copy{padding-top:20px}.about-site .about-kicker{letter-spacing:1.6px;font-size:9px}.about-hero .about-kicker{background:#24282dd9;border-radius:30px;width:fit-content;padding:8px 10px}.about-site .about-hello{margin-top:345px;font-size:17px}.about-site .about-hero h1{margin-bottom:17px;margin-left:-4px;font-size:clamp(87px,19vw,134px)}.about-site .about-headline{letter-spacing:-1px;font-size:32px}.about-headline br{display:none}.about-headline>span:before{content:" "}.about-site .about-hero-note{margin-top:18px;font-size:12px}.about-coordinate{display:none}.about-hero-bottom{bottom:20px}.about-site .about-story{padding-block:35px 52px}.about-story-grid{grid-template-columns:1fr;gap:30px;padding-top:28px}.about-site .about-story h2{letter-spacing:-1.8px;font-size:43px}.about-section-label{letter-spacing:1.1px;padding-bottom:17px;font-size:8px}.about-site .about-story-copy p:first-child{font-size:18px}.about-site .about-story-copy p{font-size:14px}.about-principle{grid-template-columns:22px 1fr;gap:7px 14px;padding-block:25px}.about-site .about-principle h3{font-size:24px}.about-site .about-principle p{grid-column:2;font-size:13px}.about-site .about-principles{padding-bottom:20px}.about-site .about-invitation{padding-block:44px 56px}.about-site .about-invitation h2{letter-spacing:-1.8px;font-size:clamp(36px,8vw,54px)}.about-invitation>div{flex-direction:column;align-items:flex-start;gap:22px;margin-top:22px}.about-site .about-say-hello{padding:13px 22px}}@media (max-width:360px){.about-site .about-hero{height:800px;min-height:800px}.about-portrait{height:62%}.about-site .about-headline{font-size:27px}.about-site .about-motion{padding:8px 10px;font-size:9px}.about-site .about-discover{gap:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){.about-site .about-hero *{transition:none!important;animation:none!important}.about-portrait-depth{transform:none!important}.about-site .about-motion{display:none}.about-site .about-say-hello{transition:none}.about-site .about-say-hello:hover,.about-discover:hover>span{transform:none}}
