@font-face{font-family:Satoshi;src:url('assets/satoshi-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/satoshi-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#fff;font-family:Satoshi,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:6px}
.hero{position:relative;isolation:isolate;width:calc(100% - 1.9270833vw);aspect-ratio:1883/819;margin:0.78125vw auto 0;overflow:hidden;border-radius:2.34375vw;container-type:inline-size;background:#9b9b95}
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;animation:photo-arrive 1.7s cubic-bezier(.2,.65,.25,1) both}
.portrait{position:absolute;width:152.5757%;height:307.632%;max-width:none;left:-27.9873%;top:-85.2259%}
.shade{position:absolute;left:-2.1774%;top:0;width:106.3197%;height:101.8315%;object-fit:cover}
.headline{position:absolute;left:22.4642%;top:45.0549%;width:50.9825%;--delay:100ms}
h1{margin:0;width:46.9792%;font-size:3.00962cqw;line-height:1.104;letter-spacing:-.09029cqw;font-weight:400;overflow-wrap:normal}h1 strong{font-weight:500}.divider{display:block;width:100%;height:1px;margin-top:2.07116cqw;opacity:1}
.credential{position:absolute;left:58.1147%;top:59.9512%;display:flex;align-items:center;gap:.63728cqw;--delay:260ms}.avatar{position:relative;width:2.77743cqw;height:2.77743cqw;flex-shrink:0;border-radius:50%;overflow:hidden;border:1px solid #ffffff3b;background:white}.avatar img{position:absolute;width:271.45%;height:407.17%;left:-55.15%;top:-140.5%;max-width:none}.credential-copy{display:flex;flex-direction:column;gap:.4364cqw}.credential-copy p{margin:0;font-size:.6155cqw;line-height:1.3;color:#dfdfdf;white-space:nowrap}.credential-copy span{font-size:1.15528cqw;font-weight:500;line-height:1.3;white-space:nowrap}
.hero-bottom{position:absolute;left:22.4642%;right:26.5534%;top:77.2894%;display:flex;align-items:flex-start;justify-content:space-between;gap:2cqw;--delay:400ms}.intro{margin:0;width:43.8542%;font-size:1.27069cqw;line-height:1.13;letter-spacing:-.02541cqw;color:#ffffff8f}.appointment{flex-shrink:0;width:16.72862cqw;height:3.40341cqw;display:flex;align-items:center;justify-content:center;gap:.63728cqw;padding:.63728cqw 1.16835cqw .63728cqw .74349cqw;border:1px solid #ffffff40;border-radius:100px;background:#ffffff2e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff;cursor:pointer;font-size:1.16835cqw;font-weight:500;white-space:nowrap;transition:background .25s ease,transform .25s ease,border-color .25s ease}.appointment:hover{background:#ffffff40;border-color:#ffffff70;transform:translateY(-3px)}.appointment:active{transform:translateY(0)}.icon-badge{width:2.12427cqw;height:2.12427cqw;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#ffffff1f}.icon-badge img{width:1.27456cqw;height:1.27456cqw}
.scroll-hint{position:absolute;left:8.0722%;top:73.5128%;width:.90281cqw;display:flex;flex-direction:column;align-items:center;gap:.90281cqw;color:#ffffff8f;text-decoration:none;--delay:550ms}.scroll-hint span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.80005cqw;letter-spacing:.096cqw;line-height:1.13;height:3.61126cqw}.scroll-hint img{width:3.664365cqw;height:.78173cqw;transform:rotate(90deg);margin-top:1.46cqw;opacity:.8}.wireframe-continuation{height:92.96875vw}
.entrance{animation:content-arrive 1.05s cubic-bezier(.2,.7,.25,1) var(--delay,0ms) both}@keyframes content-arrive{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes photo-arrive{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
.appointment-dialog{position:fixed;width:min(460px,calc(100% - 40px));border:1px solid #d5d2cd;border-radius:24px;padding:40px;color:#49382f;background:#faf9f6;font-family:Satoshi,Arial,sans-serif}.appointment-dialog::backdrop{background:#25231fcc;backdrop-filter:blur(6px)}.appointment-dialog h2{font-weight:500;font-size:30px;line-height:1.12}.appointment-dialog p{line-height:1.5}.eyebrow{font-size:13px;letter-spacing:.05em}.dialog-detail{font-size:14px;color:#756c65}.dialog-close{position:absolute;top:12px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#49382f;font-size:28px;cursor:pointer}.dialog-close:focus-visible{outline-color:#49382f}
@media(min-width:2300px){.hero{max-width:2260px}.wireframe-continuation{height:1800px}}
@media(max-width:700px){.hero{width:calc(100% - 20px);margin-top:10px;aspect-ratio:auto;height:calc(100svh - 20px);min-height:720px;max-height:960px;border-radius:26px}.portrait{width:auto;height:160%;left:50%;top:-24%;transform:translateX(-50%)}.shade{left:0;width:100%;height:100%;object-fit:fill}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 27%,#21231e18 42%,#21231eae 100%)}.headline{left:7%;right:7%;top:auto;bottom:233px;width:auto}h1{width:min(290px,90%);font-size:36px;line-height:1.08;letter-spacing:-1.1px}.divider{margin-top:25px}.credential{left:auto;right:7%;top:30px;gap:8px}.avatar{width:34px;height:34px}.credential-copy{gap:5px}.credential-copy p{font-size:8px}.credential-copy span{font-size:13px}.hero-bottom{left:7%;right:7%;top:auto;bottom:43px;display:flex;flex-direction:column;gap:24px}.intro{width:100%;max-width:360px;font-size:16px;line-height:1.3;letter-spacing:-.3px;color:#ffffffb8}.appointment{height:54px;width:250px;gap:12px;font-size:18px;padding:8px 20px 8px 12px}.icon-badge{width:34px;height:34px}.icon-badge img{width:22px;height:22px}.scroll-hint{display:none}.wireframe-continuation{height:45vh}.appointment-dialog{padding:30px}}
@media(max-width:700px){.portrait{top:-32%}.shade{display:none}}
.scroll-hint img{animation:scroll-arrow-float 2.4s ease-in-out 1.6s infinite}
.intro,.appointment{font-family:'DM Sans',Satoshi,Arial,sans-serif;font-optical-sizing:none;font-variation-settings:'opsz' 14}
.hero-bottom{right:26.28784%}.intro{width:47.97927%;flex-shrink:0}
.scroll-hint img{width:3.63781cqw;height:.39108cqw}
@media(max-width:700px){
  .hero{display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:0 7% 28px}
  .hero-media:after{background:linear-gradient(180deg,transparent 25%,#21231e18 40%,#161a15c7 100%)}
  .headline{position:relative;inset:auto;order:1;width:100%}
  .hero-bottom{position:relative;inset:auto;order:2;width:100%}
  .intro{width:100%}
  .appointment{max-width:100%}
  .credential{position:relative;inset:auto;order:3;align-self:flex-start;gap:10px;flex-shrink:0}
  .avatar{width:40px;height:40px}
  .credential-copy{gap:4px}
  .credential-copy p{font-size:10px;color:#f0f0ed}
  .credential-copy span{font-size:16px;color:#fff}
}
@keyframes scroll-arrow-float{0%,100%{transform:translateY(0) rotate(90deg)}50%{transform:translateY(7px) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entrance,.hero-media,.scroll-hint img{animation:none}.appointment{transition:none}.appointment:hover{transform:none}}
