@font-face{font-family:StudioText;src:url('/card/assets/manrope-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:StudioDisplay;src:url('/card/assets/cormorant-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--studio-width:1200px;--studio-gutter:clamp(20px,4vw,56px);--studio-line:#6c889752;--studio-space:clamp(56px,8vw,112px);--studio-ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-padding-top:24px}
body.studio{margin:0;background:var(--card-paper);color:var(--card-ink);font:400 16px/1.65 StudioText,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.studio :is(h1,h2,h3,p,figure){margin:0}
.studio :is(h1,h2){font-family:StudioDisplay,Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-.025em;text-wrap:balance}
.studio h1{font-size:clamp(46px,7vw,88px)}
.studio h2{font-size:clamp(36px,5vw,60px)}
.studio h3{font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.35}
.studio p{color:var(--card-muted);max-width:68ch}
.studio a{color:inherit;text-decoration:none;text-underline-offset:5px}
.studio :is(button,summary){font:inherit;color:inherit;cursor:pointer}
.studio :is(a,button,summary):focus-visible{outline:2px solid var(--card-focus);outline-offset:5px}
.studio :is(a,button,summary){-webkit-tap-highlight-color:#dcebf326}
.studio ::selection{color:var(--card-action-ink);background:var(--card-action)}
.studio{scrollbar-color:#637c8b #071018}
.studio [hidden]{display:none!important}
.studio-skip{position:absolute;z-index:10;left:20px;top:12px;padding:12px 18px;background:var(--card-action);color:var(--card-action-ink)!important;transform:translateY(-160%)}
.studio-skip:focus{transform:none}
.studio-header,.studio-footer,.studio main{width:min(100% - var(--studio-gutter)*2,var(--studio-width));margin-inline:auto}
.studio-header{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px 0 0;gap:10px 12px;border-bottom:1px solid var(--studio-line)}
.studio-wordmark{font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.035em;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.studio-tools{display:flex;align-items:center;gap:4px}
.studio-nav{grid-row:2;grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}
.studio-nav>a{position:relative;display:flex;align-items:center;min-height:54px;font-size:14px;color:var(--card-muted)}
.studio-nav>a[aria-current=page]{color:var(--card-ink)}
.studio-nav>a::after{position:absolute;content:'';inset:auto 0 -1px;height:2px;background:var(--card-action);transform:scaleX(0);transition:transform 160ms var(--studio-ease)}
.studio-nav>a[aria-current=page]::after{transform:scaleX(1)}
.studio-popover{position:relative}
.studio-popover>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;border-radius:12px;font-size:14px}
.studio-popover>summary::-webkit-details-marker{display:none}
.studio-popover[open]>summary{background:#dcebf318}
.studio-popover-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(274px,calc(100vw - 40px));padding:8px;background:#10202c;border:1px solid var(--studio-line);border-radius:12px;box-shadow:0 20px 48px #0006;z-index:10}
.studio-popover-panel>a,.studio-popover-panel>span{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:10px 12px;border-radius:6px;font-size:15px}
.studio-popover-panel>a:hover,.studio-popover-panel>a[aria-current=true]{background:#dcebf314}
.studio-popover-panel>span{color:var(--card-muted)}
.studio-popover-panel small{font-size:12px;color:var(--card-muted)}
.studio-languages .studio-popover-panel{width:96px}
.studio-hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:24px}
.studio-hero-image{grid-area:1/1;position:relative;aspect-ratio:4/5;isolation:isolate}
.studio-hero-image:after{content:'';position:absolute;inset:44% 0 0;background:linear-gradient(transparent,#071018b8)}
.studio-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.studio-hero-identity{grid-area:1/1;z-index:1;align-self:end;padding:24px 22px}
.studio-hero-identity h1{font-size:clamp(48px,14vw,74px);line-height:.9;letter-spacing:-.025em;color:#fff}
.studio-role{margin-top:18px!important;color:#eef4f8!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
.studio-hero-copy{padding-top:26px}
.studio-intro{font-size:17px;line-height:1.8;max-width:45ch!important}
.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:26px}
.studio-button{position:relative;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:52px;padding:12px 24px;border-radius:28px;background:var(--card-action);color:var(--card-action-ink)!important;font-size:15px;line-height:1.45;transition:background-color 150ms,transform 150ms;overflow:hidden}
.studio-button svg{flex:none}
.studio-button.secondary{background:transparent;color:var(--card-ink)!important;border:1px solid #8eacbe80}
.studio-button:active{transform:scale(.985)}
.studio-button:hover{background:var(--card-action-hover)}
.studio-button.secondary:hover{background:#dcebf312}
.studio-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}
.studio-text-link:hover{text-decoration:underline}
.studio-section{margin-top:var(--studio-space)}
.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.studio-section-heading h2{font-size:clamp(36px,5vw,58px)}
.studio-services{margin:0;padding:0;list-style:none;border-top:1px solid var(--studio-line)}
.studio-services>li{border-bottom:1px solid var(--studio-line)}
.studio-service{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:10px 12px;padding:24px 0;transition:background-color 150ms}
.studio-service-name{min-width:0;grid-column:1}
.studio-service-name p{font-size:14px;margin-top:8px;max-width:48ch}
.studio-service-meta{grid-row:2;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;font-variant-numeric:tabular-nums}
.studio-service-meta strong{font-weight:400;color:var(--card-ink)}
.studio-service-meta span{color:var(--card-muted)}
.studio-service-arrow{grid-column:2;grid-row:1/3;align-self:center;transition:transform 180ms var(--studio-ease)}
.studio-portfolio-link{display:grid;gap:28px;padding:40px 0;margin-top:var(--studio-space);border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}
.studio-portfolio-link h2{max-width:16ch}
.studio-portfolio-link p{margin-top:16px}
.studio-portfolio-link .studio-button{justify-self:start}
.studio-offerings{display:grid;gap:36px;padding-top:36px}
.studio-offerings-copy{min-width:0}
.studio-offerings-copy .studio-intro{margin-top:22px}
.studio-location{margin-top:16px!important;font-size:14px}
.studio-guidance{font-size:14px;margin-top:32px!important;margin-bottom:20px!important;max-width:50ch!important}
.studio-offerings-copy>.studio-text-link{margin-top:28px}
.studio-offerings-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.studio-offerings-image figcaption{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding-top:14px;font-size:14px}
.studio-offerings-image figcaption span{color:var(--card-muted)}
.studio-page-heading{padding:40px 0 28px}
.studio-page-heading h1{font-size:clamp(42px,6vw,76px);max-width:16ch}
.studio-page-heading p{margin-top:20px}
.studio-tabs{display:flex;gap:28px;margin-bottom:28px;border-bottom:1px solid var(--studio-line)}
.studio-tabs a{display:flex;align-items:center;min-height:48px;color:var(--card-muted);border-bottom:2px solid transparent}
.studio-tabs a[aria-current=page]{color:var(--card-ink);border-bottom-color:var(--card-action)}
.studio-empty{min-height:340px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:40px clamp(0px,3vw,36px);border-bottom:1px solid var(--studio-line)}
.studio-empty h2{font-size:clamp(34px,5vw,52px);max-width:20ch}
.studio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.studio-photo{min-width:0}
.studio-photo:first-child{grid-column:1/-1}
.studio-photo-open{display:block;position:relative;overflow:hidden;background:#10202c}
.studio-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform 360ms var(--studio-ease)}
.studio-photo-plus{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #f5f8fb80;border-radius:50%;background:#07101899}
.studio-photo figcaption{font-size:14px;color:var(--card-muted);padding-top:10px}
.studio-lightbox{inset:0;width:min(1100px,100% - 24px);height:min(880px,100dvh - 24px);max-width:none;max-height:none;padding:56px 12px 16px;border:1px solid var(--studio-line);border-radius:12px;background:#071018ed;color:var(--card-ink);box-shadow:0 20px 70px #0008}
.studio-lightbox::backdrop{background:#01070dc9;backdrop-filter:blur(6px)}
.studio-lightbox-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;height:calc(100% - 40px)}
.studio-lightbox-stage>img{width:100%;height:100%;object-fit:contain;min-height:0}
.studio-lightbox button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--studio-line);border-radius:50%;background:#142735;color:var(--card-ink)}
.studio-lightbox button:hover{background:#274253}
.studio-lightbox-close{position:absolute;right:12px;top:10px}
.studio-lightbox-prev svg{transform:rotate(180deg)}
.studio-lightbox-caption{text-align:center;padding-top:12px;font-size:14px;max-width:none!important}
.studio-footer{display:grid;gap:22px;margin-top:var(--studio-space);padding:0 0 max(32px,env(safe-area-inset-bottom))}
.studio-footer p{font-size:14px;display:flex;flex-wrap:wrap;gap:8px 24px}
.studio-footer .studio-text-link{justify-self:start}
@media(hover:hover){.studio-service:hover{background:#dcebf307}.studio-service:hover .studio-service-arrow{transform:translateX(4px)}.studio-photo-open:hover img{transform:scale(1.025)}}
@media(min-width:700px){.studio-header{grid-template-columns:minmax(0,1fr) auto auto;padding:24px 0;gap:32px}.studio-nav{grid-area:auto;justify-content:initial;gap:28px}.studio-nav>a{min-height:44px}.studio-nav>a::after{bottom:-25px}.studio-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:1fr auto 1fr;gap:0 48px;padding-top:40px}.studio-hero-image{grid-area:1/2/4/3;aspect-ratio:4/5}.studio-hero-image:after{display:none}.studio-hero-identity{grid-area:2/1;padding:0;align-self:center}.studio-hero-identity h1{font-size:clamp(60px,7vw,96px)}.studio-hero-copy{grid-area:3/1;padding-top:30px}.studio-intro{font-size:18px}.studio-actions{gap:16px;align-items:flex-start;flex-direction:column}.studio-service{grid-template-columns:minmax(0,1fr) auto 24px;gap:28px;padding-block:32px}.studio-service-meta{grid-area:1/2;display:flex;flex-direction:column;align-items:flex-end}.studio-service-arrow{grid-area:1/3}.studio-portfolio-link{grid-template-columns:1fr auto;align-items:center;padding-block:48px}.studio-offerings{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(32px,6vw,88px);padding-top:56px;align-items:start}.studio-offerings-copy h1{font-size:clamp(56px,6vw,84px)}.studio-offerings .studio-service{grid-template-columns:minmax(0,1fr) 24px;gap:12px}.studio-offerings .studio-service-meta{grid-area:2/1;flex-direction:row;align-items:start}.studio-offerings .studio-service-arrow{grid-area:1/2/3/3}.studio-offerings-image{padding-top:10px}.studio-offerings-image figcaption{flex-direction:column}.studio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.studio-photo:first-child{grid-column:span 2;grid-row:span 2}.studio-photo:first-child img{aspect-ratio:4/5}.studio-page-heading{padding-top:56px}.studio-footer{grid-template-columns:1fr auto;align-items:start}.studio-footer p{grid-column:1}.studio-footer>.studio-text-link{grid-area:1/2}}
@media(min-width:1080px){.studio-actions{align-items:center;flex-direction:row;gap:18px}.studio-hero{gap:0 84px}.studio-hero-copy{padding-top:36px}.studio-hero-identity h1{font-size:96px}}
@media(max-width:359px){.studio-wordmark{font-size:17px}.studio-tools{gap:0}.studio-header{gap:8px}.studio-popover>summary{width:40px}.studio-contact .studio-popover-panel{right:-44px}.studio-intro{font-size:16px}.studio-hero-identity{padding:20px 16px}.studio-hero-identity h1{font-size:47px}.studio-button{padding-inline:20px;gap:16px}.studio-section-heading{align-items:start}.studio-section-heading>.studio-text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.studio *, .studio *::after{scroll-behavior:auto!important;transition:none!important}.studio-photo-open:hover img,.studio-service:hover .studio-service-arrow,.studio-button:active{transform:none}}
