:root{--color-bg: #fff;--color-text-primary: #000;--color-text-muted: #a9a9a9;--color-text-secondary: #a9a9a9;--color-text-nav-inactive: #a9a9a9;--color-card-bg: #f7f7f7;--color-nav-bg: #f8f8f8;--color-nav-active-bg: #fff;--color-link-underline: #000;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-weight-medium: 500;--font-size-base: 15px;--line-height-base: 22px;--radius-card: 26px;--radius-pill: 100px;--content-left-padding: max(26px, calc(50% - 180px) );--content-right-padding: 26px;--card-width: 420px;--card-image-height: 460px;--card-gap: 20px;--card-desc-height: 44px;--shadow-nav: 0px 5px 5.5px #00000003, 0px 20px 10px #00000003, 0px 46px 13.5px #00000003, 0px 81px 16px #0000, 0px 127px 17.5px #0000;--hero-padding-top: 226px;--project-padding-top: 298px;--hero-section-gap: 160px;--transition-fast: .15s ease;--transition-normal: .25s ease;--modal-card-height: 548px;--modal-width: 480px;--modal-content-gap: 52px;--modal-content-padding: 52px;--modal-line-height: 26px;--modal-paragraph-gap: 32px;--slider-pad-left: max(26px, calc(50vw - 180px) );--slider-pad-right: 282px;--project-image-width: clamp(280px, var(--card-width), 420px);--project-image-height: clamp(300px, var(--card-image-height), 460px);--ease-out: cubic-bezier(.25, .46, .45, .94);--color-book-spine: #d9a441;--color-book-bind: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, .25) 29.25%, rgba(255, 255, 255, 0) 50.5%, rgba(255, 255, 255, 0) 75.25%, rgba(255, 255, 255, .25) 91%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .1) 12%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .02) 50%, rgba(0, 0, 0, .2) 73.5%, rgba(0, 0, 0, .5) 75.25%, rgba(0, 0, 0, .15) 85.25%, rgba(0, 0, 0, 0));--shadow-book: 0 1px 1px 0 rgba(0, 0, 0, .02), 0 4px 8px -4px rgba(0, 0, 0, .1), 0 16px 24px -8px rgba(0, 0, 0, .03);--shadow-book-border: inset 0 1px 2px 0 rgba(255, 255, 255, .3)}@media(max-width:767px){:root{--card-width: min(78vw, 300px);--modal-card-height: min(500px, calc(100dvh - 94px) );--modal-width: calc(100vw - 32px) ;--modal-content-gap: 44px;--modal-content-padding: clamp(36px, 8vw, 48px);--modal-line-height: 26px;--modal-paragraph-gap: 28px;--card-image-height: 340px;--card-gap: 14px;--content-left-padding: 20px;--content-right-padding: 20px;--hero-padding-top: 80px;--hero-section-gap: 120px;--project-padding-top: 80px;--slider-pad-left: 20px;--slider-pad-right: 48px;--project-image-width: calc(100vw - 40px) ;--project-image-height: 360px}}@media(min-width:768px)and (max-width:1199px){:root{--card-width: 360px;--card-image-height: 420px;--slider-pad-right: 26px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text-primary);scrollbar-width:none;-ms-overflow-style:none;margin:0;padding-bottom:125px}@media(max-width:767px){body{padding-bottom:max(140px,calc(env(safe-area-inset-bottom,0px) + 120px))}}body::-webkit-scrollbar{display:none}body.modal-open{overflow:hidden}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}p{margin:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.nav{position:fixed;top:30px;left:0;right:0;margin-inline:auto;z-index:100;display:flex;align-items:center;gap:4px;padding:4px;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;background:transparent;border:none;border-radius:var(--radius-pill);box-shadow:0 4px 24px #00000012;-webkit-tap-highlight-color:transparent}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:#f2f2f2c7;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 .5px #fffffff2;pointer-events:none}.nav>*{position:relative;z-index:1}.nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:50px;padding:0;border-radius:100px;overflow:hidden;cursor:pointer;border:none;background:transparent;flex-shrink:0;touch-action:manipulation;transition:background-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}.nav-btn--active{background-color:#ffffffeb;box-shadow:0 1px 3px #0000001a,inset 0 .5px #fff}.nav-btn:not(.nav-btn--active){box-shadow:none}.nav-btn--link{text-decoration:none;color:inherit}.nav-btn--link svg{transition:color .4s var(--ease-out)}.nav-btn--link:hover svg{color:#000}.nav-island{position:relative;display:flex;align-items:center;margin-left:2px;padding-left:10px;flex-shrink:0}.nav-island:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:#0000001a}.nav-island-compact{display:flex;align-items:center;gap:8px;height:50px;padding:6px 14px 6px 6px;border:none;border-radius:100px;background:transparent;cursor:pointer;max-width:190px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .3s var(--ease-out)}.nav-island-compact:hover,.nav-island--expanded .nav-island-compact{background-color:#ffffffeb}.nav-island-art{width:38px;height:38px;border-radius:10px;object-fit:cover;object-position:center;flex-shrink:0;display:block;-webkit-user-drag:none}.nav-island-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden;min-width:0}.nav-island-title,.nav-island-artist{display:block;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-island-title{font-size:12px;line-height:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.nav-island-artist{font-size:11px;line-height:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.nav-island-panel{position:fixed;z-index:120;top:96px;right:max(16px,calc(50vw - 210px));left:auto;width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;pointer-events:none;visibility:hidden}.nav-island-panel--open{pointer-events:auto;visibility:visible}.nav-island-panel .apple-player{margin:0;padding:0;gap:8px;width:100%;max-width:100%;overflow:visible}.nav-island-panel .apple-player-frame{background:#fff;border-radius:12px;overflow:hidden;height:175px;box-shadow:0 2px 8px #0000000f,0 10px 28px #0000001a}.nav-island-panel .apple-player-iframe{display:block;width:100%;max-width:100%;height:175px;border-radius:0;overflow:hidden;box-shadow:none;background:#fff}@media(max-width:767px){.nav{top:auto;left:0;right:0;transform:none;width:max-content;max-width:calc(100vw - 32px);margin-inline:auto;bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 10px));gap:2px;padding:5px}.nav-btn{width:48px;height:48px}.nav-island{margin-left:1px;padding-left:8px}.nav-island:before{height:20px}.nav-island-text{display:none}.nav-island-compact{width:48px;height:48px;max-width:none;padding:5px;justify-content:center}.nav-island-art{width:38px;height:38px;border-radius:11px}.nav-island-panel{top:auto;left:16px;right:16px;width:auto;max-width:360px;margin-inline:auto;bottom:calc(72px + max(14px,env(safe-area-inset-bottom,0px) + 10px))}.nav-island-panel .apple-player-frame{height:175px;border-radius:12px}.nav-island-panel .apple-player-iframe{height:175px}}.intro{padding-top:var(--hero-padding-top);padding-left:var(--content-left-padding);padding-right:var(--content-right-padding)}.intro-text{width:min(360px,100%);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.intro-text .muted{color:var(--color-text-muted)}.intro-text .availability-link{font-weight:500;text-decoration:underline;color:#000}.work-section{margin-top:var(--hero-section-gap)}.project-slider{display:flex;flex-direction:row;gap:var(--card-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-left:var(--slider-pad-left);scroll-padding-left:var(--slider-pad-left);padding-right:var(--slider-pad-right);padding-bottom:16px;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}@media(max-width:767px){.project-slider{scroll-snap-type:x mandatory}.project-slider>.fade-in{scroll-snap-align:start}}.project-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.project-slider::-webkit-scrollbar{display:none}.project-slider>.fade-in{flex-shrink:0;display:flex}.project-card{display:flex;flex-direction:column;gap:12px;flex-shrink:0;width:clamp(280px,var(--card-width),420px);scroll-snap-align:start;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.project-card-image{position:relative;width:100%;height:clamp(300px,var(--card-image-height),460px);background-color:var(--color-card-bg);border-radius:var(--radius-card);overflow:hidden}.project-card-image img:not(.project-card-lockup-img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-card:hover .project-card-image img:not(.project-card-lockup-img){transform:scale(1.03)}.project-card-image--centered{display:flex;align-items:center;justify-content:center}.project-card-lockup-img{position:static;width:72%;height:auto;max-height:78%;object-fit:contain;transition:transform .4s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-card:hover .project-card-lockup-img:not(.project-card-lockup-img--crop-left){transform:scale(1.04)}.project-card-image--logos{flex-direction:column;gap:48px;padding:64px 44px}.project-card-lockup-img--logo{width:100%;max-height:none;height:auto}.project-card-image--crop-left{overflow:hidden;justify-content:flex-end;align-items:center}.project-card-lockup-img--crop-left{width:240%;max-height:100%;flex-shrink:0;transform:translate(30%);transform-origin:center right}.project-card:hover .project-card-lockup-img--crop-left{transform:translate(30%) scale(1.03)}.project-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:16px}.project-card-title{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.project-card-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media(max-width:767px){.project-card{width:min(78vw,300px)}.project-card-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.section-label{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding-left:var(--slider-pad-left);padding-right:var(--content-right-padding);margin-bottom:20px}.music-section,.books-section{margin-top:120px}@media(max-width:767px){.music-section,.books-section{margin-top:90px}}.music-shelf{display:flex;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-left:var(--slider-pad-left);scroll-padding-left:var(--slider-pad-left);padding-right:var(--slider-pad-right);padding-bottom:4px;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.music-shelf.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.music-shelf.is-programmatic-scroll{scroll-snap-type:none;scroll-behavior:auto}.music-shelf::-webkit-scrollbar{display:none}.music-shelf>.fade-in,.music-item-wrap{flex-shrink:0;display:flex;scroll-snap-align:start}.music-item{flex-shrink:0;width:120px;height:120px;padding:0;border:none;border-radius:0;background:var(--color-card-bg);overflow:hidden;cursor:pointer;opacity:.4;transition:opacity .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.music-item img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.music-item:hover{opacity:.7}.music-item.is-active,.music-item.is-active:hover{opacity:1}@media(max-width:767px){.music-shelf{gap:12px;scroll-snap-type:x mandatory}.music-item{width:96px;height:96px;border-radius:4px}}.shelf-ledge{height:4px;margin-top:14px;margin-left:var(--slider-pad-left);margin-right:var(--slider-pad-right);border-radius:2px;background:var(--color-card-bg)}@media(max-width:767px){.shelf-ledge{margin-right:var(--slider-pad-right)}}.music-now-playing{margin-top:20px;padding-left:var(--slider-pad-left);padding-right:var(--slider-pad-right);display:flex;align-items:center;justify-content:space-between;gap:16px}.music-now-playing-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.music-now-playing-title,.music-now-playing-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-now-playing-title{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.music-now-playing-artist{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.music-now-playing-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.music-control-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:100px;background:var(--color-nav-bg);color:var(--color-text-primary);cursor:pointer;transition:background-color .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.music-control-btn:hover{background:var(--color-card-bg)}.music-control-btn:active{background:#ececec}.music-control-btn.is-active{background:var(--color-text-primary);color:#fff}.music-control-btn.is-active:hover{background:#222}@media(max-width:767px){.music-control-btn{width:44px;height:44px}}.apple-player{margin-top:16px;padding-left:var(--slider-pad-left);padding-right:var(--content-right-padding);display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.apple-player-frame{width:100%;max-width:min(660px,100%);height:175px;border-radius:12px;overflow:hidden;box-sizing:border-box;background:#fff;box-shadow:0 2px 8px #0000000f,0 10px 28px #0000001a}.apple-player-iframe{display:block;width:100%;height:175px;border:0;border-radius:0;overflow:hidden;box-sizing:border-box;box-shadow:none;background:#fff}@media(max-width:767px){.apple-player{padding-left:var(--content-left-padding);padding-right:var(--content-right-padding)}.apple-player-frame{max-width:100%}}.book-shelf{display:flex;flex-direction:row;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-left:var(--slider-pad-left);scroll-padding-left:var(--slider-pad-left);padding-right:var(--slider-pad-right);padding-top:8px;padding-bottom:20px;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.book-shelf.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.book-shelf::-webkit-scrollbar{display:none}.book-shelf>.fade-in,.book-item-wrap{flex-shrink:0;display:flex;width:max-content;min-width:0;scroll-snap-align:start;animation-name:book-fade-in;will-change:opacity}@keyframes book-fade-in{0%{opacity:0}to{opacity:1}}.book-item{display:flex;flex-direction:column;gap:12px;flex-shrink:0;width:156px;min-width:0;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.book-item:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px;border-radius:4px}.book-cover{position:relative;width:100%}.book-meta{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;overflow:hidden}.book-title{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-author{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.book-shelf{gap:20px;scroll-snap-type:x mandatory}.book-item{width:120px;gap:10px}.book-title{font-size:13px;line-height:18px;-webkit-line-clamp:2}.book-author{font-size:13px;line-height:18px}.contact-section{margin-top:100px;padding-bottom:max(140px,calc(env(safe-area-inset-bottom,0px) + 120px))}}.book-modal-card{width:min(520px,calc(100vw - 32px))}.book-modal-header{align-items:flex-start}.book-modal-heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.book-modal-author{font-size:var(--font-size-base);line-height:var(--modal-line-height);font-weight:var(--font-weight-medium)}.book-modal-mark{flex-shrink:0;margin-right:6px}.project-page{padding-top:var(--hero-padding-top);padding-left:var(--content-left-padding);padding-right:var(--content-right-padding);padding-bottom:120px}.page-back,.modal-close{width:44px;height:44px;border-radius:50%;border:none;background:#f2f2f2e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;animation:card-in .5s var(--ease-out) .1s forwards;opacity:0}.page-back{position:fixed;bottom:32px;left:0;right:0;margin-inline:auto;z-index:90}@media(max-width:767px){.page-back{top:max(20px,calc(env(safe-area-inset-top,0px) + 16px));bottom:auto;left:max(20px,calc(env(safe-area-inset-left,0px) + 16px));right:auto;margin-inline:0}}.page-back:hover,.modal-close:hover{background:#e6e6e6f2}.muted{color:var(--color-text-muted)}.project-page-hero{width:clamp(280px,var(--card-width),420px)}.project-page-meta{width:min(360px,100%);margin-top:16px}.project-page-title{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.project-page-subtitle{margin-top:0}.project-page-body{width:min(360px,100%);margin-top:42px}.project-page-paragraph{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.project-page-paragraph+.project-page-paragraph{margin-top:22px}.project-links-section{margin-top:32px}.project-links-heading{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:16px}.project-links{display:flex;flex-wrap:wrap;gap:10px}.project-link-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 12px;border-radius:var(--radius-pill);background:#f7f7f7f2;border:.5px solid rgba(0,0,0,.04);box-shadow:0 1px 2px #0000000a,inset 0 .5px #ffffffe6;color:var(--color-text-muted);text-decoration:none;transition:transform .25s var(--ease-out),background-color .25s var(--ease-out),box-shadow .25s var(--ease-out),color .25s var(--ease-out)}.project-link-btn:hover{transform:translateY(-1px);background:#fff;color:var(--color-text-primary);box-shadow:0 4px 16px #0000000f,inset 0 .5px #fff}.project-link-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffffd9;color:var(--color-text-muted);flex-shrink:0;transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}.project-link-btn:hover .project-link-btn-icon{background:#f7f7f7f2;color:var(--color-text-primary)}.project-link-btn-label{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);white-space:nowrap}.availability-link,.intro-text .availability-link,.project-page-body .availability-link{font-weight:500;text-decoration:underline;color:#000}.contact-section{margin-top:160px;padding-left:var(--content-left-padding);padding-right:var(--content-right-padding);padding-bottom:120px}.contact-block{margin-bottom:52px}.contact-block:last-child{margin-bottom:0}.contact-label{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.contact-value{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.contact-live{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.contact-live-sep{opacity:.45;-webkit-user-select:none;user-select:none}.contact-weather-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.125rem;line-height:1;flex-shrink:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fade-in-up .65s var(--ease-out) forwards;will-change:opacity,transform}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f599;backdrop-filter:blur(40px) saturate(120%);-webkit-backdrop-filter:blur(40px) saturate(120%);animation:overlay-in .4s var(--ease-out) forwards}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:min(var(--modal-width),calc(100vw - 32px));height:auto;max-height:calc(100dvh - 120px);background:#fff;border-radius:40px;padding:var(--modal-content-padding);box-shadow:0 4px 24px #0000000f,0 16px 48px #0000000a;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:card-in .5s var(--ease-out) forwards}.modal-card::-webkit-scrollbar{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{display:flex;flex-direction:column;gap:var(--modal-content-gap)}.modal-section--intro{display:flex;flex-direction:column;gap:var(--modal-paragraph-gap)}.modal-intro-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-intro-greeting{font-size:var(--font-size-base);line-height:var(--modal-line-height);font-weight:var(--font-weight-medium);color:#000}.modal-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0}.modal-section--intro .modal-paragraph{margin-top:0}.modal-section p{font-size:var(--font-size-base);line-height:var(--modal-line-height);font-weight:var(--font-weight-medium)}.modal-section .muted{color:var(--color-text-muted)}.modal-paragraph{margin-top:var(--modal-paragraph-gap)}.modal-heading{color:#000;margin-bottom:8px}.modal-section .muted .availability-link{color:#000}.modal-services{display:flex;flex-direction:column}.modal-service-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #efefef;font-size:var(--font-size-base);line-height:var(--modal-line-height)}.modal-service-num,.modal-service-name{font-weight:var(--font-weight-medium);color:#000}.modal-service-row:last-child{border-bottom:1px solid #efefef}.modal-contact{font-size:var(--font-size-base);line-height:var(--modal-line-height);font-weight:var(--font-weight-medium);color:var(--color-text-muted);display:block;margin-top:4px}.modal-close{margin-top:20px}.page-blurred{filter:blur(20px);pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-border-style:solid}}}:root,:host{--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-md:.375rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-\[3px\]{top:3px}.right-3{right:calc(var(--spacing) * 3)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.aspect-\[49\/60\]{aspect-ratio:49/60}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-\[calc\(100\%_-_2_\*_3px\)\]{height:calc(100% - 6px)}.h-full{height:100%}.w-\[8\.2\%\]{width:8.2%}.w-\[calc\(29cqw_-_2px\)\]{width:calc(29cqw - 2px)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[230px\]{max-width:230px}.flex-1{flex:1}.grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-background-200{background-color:var(--ds-background-200)}.bg-gray-200{background-color:var(--ds-gray-200)}.bg-\[url\(\'https\:\/\/cdn\.21st\.dev\/assets\/mirror\/1a\/1a2ecfcafab4d36898151e5960d2bddd8c13c8b5e3721538ce626d366810e518\.avif\'\)\]{background-image:url(https://cdn.21st.dev/assets/mirror/1a/1a2ecfcafab4d36898151e5960d2bddd8c13c8b5e3721538ce626d366810e518.avif)}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-\[6\.1\%\]{padding:6.1%}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-\[5px\]{padding-block:5px}.pl-\[14\.3\%\]{padding-left:14.3%}.text-\[10\.5cqw\]{font-size:10.5cqw}.text-\[12cqw\]{font-size:12cqw}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-\[1\.25em\]{--tw-leading:1.25em;line-height:1.25em}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-100{opacity:1}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-book{--tw-shadow:var(--ds-shadow-book);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.brightness-110{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-l-md:after{content:var(--tw-content);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.after\:rounded-r:after{content:var(--tw-content);border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-solid:after{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.after\:border-gray-alpha-400:after{content:var(--tw-content);border-color:var(--ds-gray-alpha-400)}.after\:shadow-book-border:after{content:var(--tw-content);--tw-shadow:var(--ds-shadow-book-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:cursor-grabbing:active{cursor:grabbing}:root{--context-card-border:#ebebeb;--ds-amber-600:oklch(80.25% .1953 73.59);--ds-gray-200:#ebebeb;--ds-gray-1000:#171717;--ds-gray-alpha-400:#00000014;--ds-background-200:#fafafa;--ds-book-bind:linear-gradient(90deg, #fff0, #fff0 12%, #ffffff40 29.25%, #fff0 50.5%, #fff0 75.25%, #ffffff40 91%, #fff0), linear-gradient(90deg, #00000008, #0000001a 12%, #0000 30%, #00000005 50%, #0003 73.5%, #00000080 75.25%, #00000026 85.25%, #0000);--ds-shadow-book:0 1px 1px 0 #00000005, 0 4px 8px -4px #0000001a, 0 16px 24px -8px #00000008;--ds-shadow-book-border:inset 0 1px 2px 0 #ffffff4d}.dark{--context-card-border:#2e2e2e;--ds-amber-600:oklch(75.04% .1737 74.49);--ds-gray-200:#1f1f1f;--ds-gray-1000:#ededed;--ds-gray-alpha-400:#ffffff24;--ds-background-200:#000}.bg-book-gradient{background-image:linear-gradient(#00000009,#0000 34%),linear-gradient(#fff,#fafafa)}.book-rotate{transition-property:transform;transition-duration:.25s;transition-timing-function:ease}.book-rotate:hover,.book-item:hover .book-rotate{transform:rotateY(-20deg)}@media(hover:none){.book-rotate:hover,.book-item:hover .book-rotate{transform:none}}@media(prefers-reduced-motion:reduce){.book-rotate{transition:none}.book-rotate:hover,.book-item:hover .book-rotate{transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
