:root{--ink:#142d3a;--ink-light:#224451;--paper:#f7f4ec;--gold:#f5c557;--muted:#b9c9ce;--line:rgba(20,45,58,.18);font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",sans-serif;color:var(--ink);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.projects a:focus-visible,.sumkind a:focus-visible{outline-color:var(--ink)}::selection{background:var(--gold);color:var(--ink)}.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:var(--gold);color:var(--ink);padding:12px;z-index:5}.skip-link:focus{top:12px}.site-masthead{background:var(--paper);border-bottom:1px solid var(--line)}.header{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--ink)}.studio-logo-link{display:flex;align-items:center;max-width:min(290px,66vw)}.studio-logo{width:100%;height:auto}.wordmark{text-decoration:none;font-size:1.5rem;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.wordmark span{font-weight:450;color:var(--gold)}nav{display:flex;gap:28px;align-items:center;font-size:.9375rem}nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,76px);align-items:center;padding-block:88px 92px;color:var(--paper)}.eyebrow,.genre{font-size:.875rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin-bottom:18px;color:var(--gold)}h1{font-size:clamp(3.1rem,5.6vw,5rem);font-weight:800}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:1.125rem;color:#d5dfe2;max-width:450px;margin-block:26px 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 22px;background:var(--gold);color:var(--ink);text-decoration:none;border:1px solid var(--gold);border-radius:8px;font-weight:750;font-size:1rem;transition:background 150ms}.button:hover{background:#ffda80}.parent-line{margin-top:24px;color:var(--muted);font-size:.9375rem}.parent-line a{text-underline-offset:4px}.hero-art{transform:rotate(2deg);background:var(--paper);padding:10px 10px 0;border-radius:4px;color:var(--ink);box-shadow:0 18px 42px #07182066}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1px}.hero-art figcaption{padding:13px 6px;display:flex;justify-content:space-between;gap:10px;font-size:.875rem}.hero-art figcaption strong{font-size:1rem}.hero-art figcaption span{color:#51646c}.projects{padding-block:68px;background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.section-heading .eyebrow,.sumkind .eyebrow{color:#4a6668;margin-bottom:12px}h2{font-size:clamp(2rem,3vw,2.75rem)}.section-heading>p{font-size:.9375rem;color:#506169;max-width:300px}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:start;gap:28px;padding-block:32px;border-bottom:1px solid var(--line)}.number{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:#567777}.genre{color:#4b696c;letter-spacing:.06em;font-size:.8125rem;margin-bottom:8px}.project h3{font-size:1.8rem;margin-bottom:12px}.project p:last-child{max-width:650px;color:#465d64}.status{border:1px solid #b5c2bd;background:#e7ece5;border-radius:999px;white-space:nowrap;padding:5px 12px;font-size:.875rem;align-self:center}.sumkind{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;padding-block:48px;color:var(--ink);position:relative}.sumkind:before{content:"";position:absolute;inset:0 calc((1240px - 100vw)/2);background:#e5e9e2;z-index:-1}.sumkind{background:#e5e9e2;width:100%;padding-inline:max(40px,calc((100% - 1240px)/2))}.sumkind-icon{width:94px;border-radius:24px}.sumkind-copy>p:not(.eyebrow){max-width:640px;margin-top:14px;color:#42575f}.sumkind-copy .release-note{font-size:.9375rem}.outline{background:transparent;border-color:#58716f;white-space:nowrap}.outline:hover{background:#d5ddd2}.footer{color:#d5dfe2;padding-block:40px 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:36px}.footer-top p{font-size:.9375rem;max-width:550px;margin-top:16px}.footer-top p a{text-underline-offset:4px}.contact-link{font-size:1rem;white-space:nowrap;text-underline-offset:5px}.footer-bottom{border-top:1px solid #46606c;margin-top:30px;padding-top:20px;display:flex;align-items:start;justify-content:space-between;gap:30px;font-size:.875rem;color:var(--muted)}.footer-bottom details{max-width:510px}.footer-bottom summary{cursor:pointer;text-align:right;min-height:44px}.footer-bottom details p{margin-top:14px}.footer-bottom details a{text-underline-offset:3px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;padding-block:58px 68px}.sumkind{grid-template-columns:80px 1fr}.sumkind .button{grid-column:2;justify-self:start}.project{grid-template-columns:56px 1fr;gap:20px}.status{grid-column:2;justify-self:start}.section-heading{align-items:start}.hero-art figcaption{flex-wrap:wrap}.sumkind-icon{width:80px}}
@media(max-width:720px){.shell{width:calc(100% - 40px)}.header{min-height:0;align-items:start;flex-direction:column;justify-content:center;gap:8px;padding-block:18px}.studio-logo-link{max-width:230px}.wordmark{font-size:1.45rem}nav{gap:24px;font-size:.875rem}.hero{grid-template-columns:1fr;padding-block:42px 55px;gap:38px}.intro{max-width:100%}h1{font-size:clamp(2.8rem,10.5vw,4.2rem)}.hero-art{transform:rotate(1deg);margin-inline:4px}.projects{padding-block:42px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:20px}.project{grid-template-columns:44px 1fr;gap:16px;padding-block:26px}.number{font-size:2rem}.project h3{font-size:1.6rem}.sumkind{width:100%;padding:36px 20px;gap:20px;grid-template-columns:64px 1fr}.sumkind-icon{width:64px;border-radius:16px}.sumkind .button{grid-column:1/-1}.sumkind-copy{min-width:0}.sumkind h2{font-size:1.9rem}.footer-top,.footer-bottom{display:block}.contact-link{display:inline-block;margin-top:24px}.footer-bottom details{margin-top:20px;max-width:none}.footer-bottom summary{text-align:left}.footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.sumkind::before{display:none}

.project-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;align-self:center}
.project-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.project-actions a{font-size:.9rem;font-weight:750;text-underline-offset:5px;white-space:nowrap}
.project-tile{display:block;flex:0 0 76px;width:76px;height:76px;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(20,45,58,.16);transition:transform 150ms ease,box-shadow 150ms ease}
.project-tile:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(20,45,58,.22)}
.project-tile img{width:100%;height:100%;object-fit:cover}
.kindome-tile{background:#eee8dc}
.kindome-tile img{object-fit:contain}
@media(max-width:1000px){.project-actions{grid-column:2;align-items:flex-start}}
@media(max-width:720px){.project-actions{gap:14px}.project-tile{flex-basis:64px;width:64px;height:64px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.project-tile{transition:none}.project-tile:hover{transform:none}}

/* Storybook composition: the display type now follows the approved studio mark. */
:root { --heading-font: Georgia, Cambria, "Times New Roman", serif; }
h1, h2, h3 { font-family: var(--heading-font); font-weight: 700; letter-spacing: -.035em; }
h1 { line-height: 1.04; }
h1 em { font-style: italic; }
.header { min-height: 140px; padding-block: 22px; }
.genre { font-size: .875rem; color: var(--gold); background: var(--ink); width: fit-content; padding: 2px 8px; border-radius: 3px; }
.project { grid-template-columns: minmax(0,1fr) auto; }
.about { padding-block: 72px 78px; color: var(--paper); background: var(--ink-light); }
.about-intro { max-width: 980px; }
.about-intro>h2 { font-size: clamp(2.7rem,5vw,4.6rem); color: var(--gold); }
.build-thesis { margin-top: 30px; max-width: 850px; }
.build-thesis h3 { font-size: clamp(1.9rem,3vw,2.6rem); margin-bottom: 16px; }
.build-thesis p { color: #d5dfe2; }
.principles { margin-top: 52px; max-width: 850px; display: grid; gap: 44px; }
.principle { padding: 0; }
.principle-label { color: var(--gold); font-size: .875rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
.principle h3 { color: var(--paper); font-size: 1.65rem; margin-bottom: 16px; }
.principle>p:last-child { color: #d5dfe2; }
@media (max-width:720px) {
  .header { min-height: 0; padding-block: 24px 16px; gap: 14px; }
  .about { padding-block: 48px 54px; }
  .build-thesis { margin-top: 24px; }
  .principles { margin-top: 36px; gap: 34px; }
}
@media (max-width:1000px) {
  .project { grid-template-columns: minmax(0,1fr); }
  .project-actions, .project .status { grid-column: 1; justify-self: start; }
}