@import url('./tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-6)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.55;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}button{border:0}h1,h2,p{margin:0}button{background:none}img{max-width:100%;height:auto;display:block}.page-shell{width:min(calc(100% - 96px),var(--width-page));margin:auto}.studio-header{height:112px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:1.65rem;font-weight:760;letter-spacing:-.08em;display:flex;align-items:baseline;gap:8px;min-height:44px;align-content:center;flex-wrap:wrap}.wordmark span{font-size:var(--text-sm);letter-spacing:-.025em;font-weight:550}.studio-header nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm);font-weight:550}.studio-header nav a,.language{min-height:44px;display:inline-flex;align-items:center}.studio-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.language{justify-content:center;min-width:44px;border:1px solid var(--color-line);border-radius:var(--radius-sm);font-size:var(--text-xs)}.language:hover{background:var(--color-surface)}.studio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-7);padding:var(--space-7) 0 var(--space-8)}.studio-intro h1{font-family:var(--font-display);font-size:var(--text-title);font-weight:640;line-height:1.13;letter-spacing:-.055em}.studio-intro p{max-width:320px;color:var(--color-secondary);padding-bottom:var(--space-1);word-break:keep-all}.featured-image{display:block;position:relative;overflow:hidden;width:100%;background:var(--color-retalk);border-radius:var(--radius-panel);padding:var(--space-7) 7% 0;aspect-ratio:2.1/1;text-align:left}.featured-image img{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:transform var(--dur-move) var(--ease);box-shadow:0 0 0 1px var(--color-line)}.featured-image:hover img{transform:translateY(-4px)}.featured-caption{padding-bottom:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-5);align-items:center}.featured-caption h2{font-size:var(--text-project);font-weight:630;line-height:1.2;letter-spacing:-.04em}.featured-caption p{color:var(--color-secondary);margin-top:var(--space-2)}.featured-next{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.featured-actions{display:flex;align-items:center;gap:var(--space-5)}.featured-actions .text-link{padding:0;font-weight:450}.note-image{margin-top:var(--space-5)}.note-image img{border:1px solid var(--color-line);border-radius:var(--radius-sm)}.note-image .text-link{font-size:var(--text-xs)}.availability{font-size:var(--text-xs);color:var(--color-secondary)}.text-link{display:inline-flex;gap:var(--space-5);font-size:var(--text-sm);font-weight:600;min-height:44px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.collection-heading{margin:var(--space-9) 0 var(--space-5)}.collection-heading h2{font-size:var(--text-sm);font-weight:500;color:var(--color-secondary)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.tile-button{display:block;padding:0;text-align:left;width:100%;border-radius:var(--radius-panel)}.project-cover{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;aspect-ratio:1.48;border-radius:var(--radius-panel);transition:transform var(--dur-move) var(--ease)}.tile-button:hover .project-cover{transform:translateY(-4px)}.cover-agentryx{background:var(--color-agentryx);color:var(--color-accent)}.ax-letter{font-weight:650;font-size:clamp(7rem,15vw,13rem);line-height:1;letter-spacing:-.11em;transform:translate(-8px,-8px)}.ax-letter span{font-weight:350}.cover-itineva{background:var(--color-itineva);color:var(--color-ink)}.itineva-letter{font-size:clamp(8rem,16vw,14rem);font-weight:550;line-height:1;letter-spacing:-.065em;transform:rotate(-12deg) translate(-16px,-4px)}.itineva-dot{position:absolute;width:22%;aspect-ratio:1;border:1px solid var(--color-ink);border-radius:50%;right:15%;top:18%}.cover-moduboza{background:var(--color-moduboza);color:var(--color-ink)}.modu-letter{font-size:clamp(2.8rem,5.8vw,5.2rem);font-weight:750;line-height:.98;letter-spacing:-.085em;transform:rotate(-8deg)}.modu-letter>span{padding-left:var(--space-6)}.cover-open{position:absolute;right:var(--space-4);bottom:var(--space-3);font-size:var(--text-lg)}.tile-caption{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.tile-caption strong{font-size:var(--text-lg);font-weight:600;letter-spacing:-.03em}.tile-caption>span{font-size:var(--text-xs);color:var(--color-secondary)}.tile-description{display:block;font-size:var(--text-sm);color:var(--color-secondary);margin-top:var(--space-1);word-break:keep-all}.studio-close{margin-top:var(--space-10);padding:var(--space-8) 0;border-top:1px solid var(--color-line);display:flex;justify-content:space-between;gap:var(--space-7);align-items:center}.studio-close h2{font-size:clamp(1.7rem,2.6vw,2.5rem);font-weight:600;letter-spacing:-.045em}.studio-close p{color:var(--color-secondary);margin-top:var(--space-4);font-size:var(--text-sm)}.contact-link{display:flex;gap:var(--space-5);align-items:center;min-height:56px;font-size:var(--text-lg);border-bottom:1px solid var(--color-ink);letter-spacing:-.03em}.contact-link:hover{background:var(--color-accent)}.studio-footer{display:flex;justify-content:space-between;align-items:center;color:var(--color-secondary);font-size:var(--text-xs);padding:var(--space-5) 0 var(--space-7)}.studio-footer a{min-height:44px;display:flex;align-items:center}.project-dialog{background:var(--color-paper);color:var(--color-ink);border:0;border-radius:var(--radius-dialog);padding:var(--space-7);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);box-shadow:var(--shadow-dialog)}.project-dialog::backdrop{background:var(--color-overlay)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;right:var(--space-4);top:var(--space-4);width:44px;height:44px;border-radius:50%;font-size:1.75rem;background:var(--color-surface);line-height:1}.dialog-close:hover{background:var(--color-surface-hover)}.eyebrow{font-size:var(--text-xs);color:var(--color-secondary);margin-bottom:var(--space-5)}.project-dialog h2{font-size:var(--text-project);font-weight:600;letter-spacing:-.04em}.project-dialog dl{margin:var(--space-6) 0}.project-dialog dl>div+div{margin-top:var(--space-5)}.project-dialog dt{font-size:var(--text-xs);color:var(--color-secondary);margin-bottom:var(--space-2)}.project-dialog dd{margin:0;word-break:keep-all}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--color-accent);padding:var(--space-3) var(--space-5);min-height:48px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.primary-action:hover{background:var(--color-accent-hover)}.review-heading{padding-top:var(--space-7);font-size:var(--text-lg)}.component-example{padding:var(--space-7) 0;border-bottom:1px solid var(--color-line)}.review-label{font-size:var(--text-xs);font-weight:500;color:var(--color-secondary);margin-bottom:var(--space-5)}.review-focus .tile-button{outline:3px solid var(--color-focus);outline-offset:5px}.review-selected .project-cover{box-shadow:inset 0 0 0 4px var(--color-focus)}.component-example .studio-close{margin-top:0}.component-example .studio-intro{padding-top:0}.component-example .studio-header{height:80px}
@media(min-width:1600px){.featured-image{aspect-ratio:2.2/1}}
@media(max-width:900px){.page-shell{width:calc(100% - 64px)}.studio-intro p{max-width:240px;font-size:var(--text-sm)}.project-grid{gap:var(--space-4)}.tile-caption{align-items:flex-start;flex-direction:column;gap:0}.studio-close{align-items:flex-start;flex-direction:column;gap:var(--space-6)}.featured-image{padding-top:var(--space-6)}}
@media(max-width:600px){.page-shell{width:calc(100% - 40px)}.studio-header{height:88px}.wordmark{font-size:1.45rem}.studio-header nav{gap:var(--space-4)}.studio-header nav a{font-size:var(--text-xs)}.language{min-width:40px}.studio-intro{padding:var(--space-5) 0 var(--space-7);display:block}.studio-intro h1{font-size:2.6rem}.studio-intro p{max-width:290px;margin-top:var(--space-5);font-size:var(--text-sm)}.featured-image{aspect-ratio:auto;padding:var(--space-3);border-radius:var(--radius-sm)}.featured-image img{max-width:100%;width:100%;border-radius:var(--radius-sm)}.featured-caption{align-items:flex-start;gap:var(--space-4);flex-direction:column}.featured-caption h2{font-size:1.9rem}.featured-caption p{font-size:var(--text-sm);word-break:keep-all}.featured-next{align-items:flex-start;gap:var(--space-2)}.featured-actions{gap:var(--space-4)}.featured-actions .primary-action{font-size:var(--text-xs);padding:var(--space-3) var(--space-4);gap:var(--space-3)}.text-link{gap:var(--space-2);font-size:var(--text-xs)}.availability{font-size:.75rem}.collection-heading{margin-top:var(--space-8)}.project-grid{grid-template-columns:1fr;gap:var(--space-7)}.project-cover{aspect-ratio:1.65;border-radius:var(--radius-sm)}.tile-caption{flex-direction:row;align-items:baseline}.ax-letter{font-size:11rem}.itineva-letter{font-size:12rem}.modu-letter{font-size:4.5rem}.studio-close{margin-top:var(--space-8);padding-top:var(--space-7)}.studio-close h2{font-size:1.8rem}.contact-link{font-size:clamp(1rem,4.4vw,1.3rem);gap:var(--space-4)}.project-dialog{padding:var(--space-6)}.project-dialog dd{font-size:var(--text-sm)}.primary-action{gap:var(--space-4)}.component-example{padding:var(--space-6) 0}}
@media(max-width:350px){.page-shell{width:calc(100% - 32px)}.studio-header nav{gap:var(--space-3)}.wordmark{font-size:1.25rem;gap:5px}.wordmark span{font-size:.75rem}.studio-intro h1{font-size:2.25rem}.featured-caption p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.footer-links{display:flex;gap:var(--space-5)}
.detail-page{padding:var(--space-5) 0 var(--space-8)}
.back-link{font-weight:450;color:var(--color-secondary);margin-bottom:var(--space-6)}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:var(--space-8);padding:var(--space-5) 0 var(--space-8)}
.detail-hero h1{font-size:var(--text-title);line-height:1.12;font-weight:630;letter-spacing:-.055em;white-space:pre-line}
.detail-hero .eyebrow{margin-bottom:var(--space-4)}
.detail-lead{max-width:620px;font-size:var(--text-lg);color:var(--color-secondary);margin-top:var(--space-5);word-break:keep-all}
.detail-hero .primary-action{margin-top:var(--space-6)}
.detail-hero-retalk{grid-template-columns:1fr;padding-bottom:var(--space-7)}
.detail-hero .project-cover{width:100%;aspect-ratio:1.35}
.project-screen{padding:var(--space-6);background:var(--color-retalk);border-radius:var(--radius-panel)}
.project-screen img{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-sm)}
.project-screen .text-link{margin-top:var(--space-2);font-weight:450}
.detail-sections{margin-top:var(--space-8)}
.detail-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--space-8);padding:var(--space-7) 0;border-top:1px solid var(--color-line)}
.detail-section h2{font-size:var(--text-lg);font-weight:600;letter-spacing:-.03em}
.detail-section p{max-width:700px;word-break:keep-all;color:var(--color-secondary)}
.detail-section p+p{margin-top:var(--space-4)}
.detail-section .primary-action{margin-top:var(--space-5)}
.detail-links{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-5)}
.detail-next{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-7);border-top:1px solid var(--color-line)}
.studio-page .detail-hero{grid-template-columns:1fr;max-width:880px}
.company-facts{margin:0 0 var(--space-6)}
.company-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-4);padding:var(--space-2) 0}
.company-facts dt{font-size:var(--text-sm);color:var(--color-secondary)}
.company-facts dd{margin:0;overflow-wrap:anywhere}
.company-facts a:hover{text-decoration:underline}
@media(max-width:900px){.detail-hero{gap:var(--space-7)}.detail-lead{font-size:var(--text-body)}.detail-section{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-6)}}
@media(max-width:600px){.detail-page{padding-top:var(--space-2)}.detail-hero{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4) 0 var(--space-6)}.detail-hero h1{font-size:2.6rem}.detail-hero .project-cover{aspect-ratio:1.65}.detail-lead{font-size:var(--text-body);margin-top:var(--space-4)}.detail-section{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6) 0}.detail-section p{font-size:var(--text-sm)}.detail-sections{margin-top:var(--space-6)}.project-screen{padding:var(--space-3);border-radius:var(--radius-sm)}.detail-next{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.company-facts>div{grid-template-columns:1fr;gap:var(--space-1)}.company-facts dd{font-size:var(--text-sm)}.studio-page .detail-hero h1{font-size:2.2rem}.footer-links{gap:var(--space-4)}}