.studio-index{--si-ink:#111;--si-muted:#5f5f61;--si-line:#dedee0;--si-paper:#fff;background:var(--si-paper);min-height:100vh;color:var(--si-ink);padding:24px max(28px,50vw - 720px);font:14px/1.5 Arial,Helvetica,sans-serif}.studio-index *,.studio-index :before,.studio-index :after{box-sizing:border-box}.studio-index h1,.studio-index h2,.studio-index p,.studio-index figure{margin:0}.studio-index a{color:inherit;text-decoration:none}.studio-index img{max-width:100%;display:block}.studio-index .co-flex{display:flex}.studio-index .co-inline-flex{display:inline-flex}.studio-index .co-grid{display:grid}.studio-index .co-items-start{align-items:flex-start}.studio-index .co-items-center{align-items:center}.studio-index .co-items-end{align-items:flex-end}.studio-index .co-justify-between{justify-content:space-between}.studio-index .co-justify-center{justify-content:center}.studio-index .co-flex-col{flex-direction:column}.studio-index .co-relative{position:relative}.studio-index .co-absolute{position:absolute}.studio-index .co-overflow-hidden{overflow:hidden}.studio-index .co-w-full{width:100%}.studio-index .co-h-full{height:100%}.studio-index .co-object-cover{object-fit:cover}.studio-index .co-transition{transition-property:transform,opacity,color,border-color}.studio-index .co-duration-300{transition-duration:.3s}.studio-index .co-duration-500{transition-duration:.5s}.studio-index .co-ease-out{transition-timing-function:cubic-bezier(.16,1,.3,1)}.studio-index .co-text-center{text-align:center}.si-icon{flex:none;display:block}.si-icon-light{filter:brightness(0)invert()}.si-header{min-height:170px}.si-identity{font-size:11px;line-height:1.35}.si-identity strong{margin-bottom:7px}.si-header nav{gap:13px}.si-header nav a{border-radius:50%;place-items:center;width:26px;height:26px;transition:background .25s;display:grid}.si-header nav a:hover{background:#eee}.si-eyebrow{color:#777;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;margin-bottom:14px!important}.si-intro{padding:70px 0 88px}.si-intro h1{letter-spacing:-.06em;max-width:930px;font-size:clamp(40px,5vw,74px);font-weight:400;line-height:1.02}.si-intro>p:last-child{max-width:590px;color:var(--si-muted);margin-top:30px;font-size:16px}.si-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 16px;padding-bottom:130px}.si-project{min-width:0}.si-project-cover{aspect-ratio:1;border-radius:18px;display:block}.si-project-cover img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.si-project-cover:hover img{transform:scale(1.035)}.si-project-meta{gap:12px;margin-top:19px;font-size:11px;line-height:1.1}.si-project-meta strong{font-size:12px}.si-project-meta span{color:#5e5e60}.si-project p{color:#555;max-width:620px;margin:14px 0 24px;font-size:12px}.si-case-link{border-bottom:1px solid;gap:9px;padding-bottom:2px;font-size:11px;font-weight:700}.si-case-link:hover{color:#555}.si-footer{border-top:1px solid var(--si-line);min-height:150px;padding:27px 0;font-size:11px}.si-footer p{line-height:1.55}.si-footer p a{font-weight:700}.si-footer>div{gap:20px}.si-footer>div a{color:#666}.si-detail-page{width:100%;margin:0 auto}.si-detail-page .si-header{min-height:115px}.si-back{gap:9px;margin:15px 0 75px;font-size:11px;font-weight:700}.si-back img{transform:rotate(180deg)}.si-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(38px,6vw,90px);padding-bottom:65px;display:grid}.si-detail-hero>*{min-width:0}.si-detail-hero h1{letter-spacing:-.085em;max-width:700px;font-size:clamp(64px,10vw,150px);font-weight:400;line-height:.83}.si-detail-hero>div:first-child>p:last-child{color:#343436;max-width:590px;margin-top:32px;font-size:clamp(17px,2vw,25px);line-height:1.28}.si-detail-labels{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:20px;padding-top:35px}.si-detail-label{border-top:1px solid var(--si-line);flex-direction:column;justify-content:space-between;min-width:0;min-height:110px;padding:15px 0;display:flex}.si-detail-label span{color:#777;letter-spacing:.05em;text-transform:uppercase;gap:8px;font-size:10px}.si-detail-label strong{overflow-wrap:anywhere;max-width:190px;font-size:13px;line-height:1.3}.si-detail-image{background:#f1f1ef;border-radius:20px;overflow:hidden}.si-detail-image img{object-fit:cover;width:100%;height:min(65vw,720px)}.si-detail-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14%;padding:120px 9%}.si-detail-story h2,.si-system-copy h2{-webkit-line-clamp:3;letter-spacing:-.055em;-webkit-box-orient:vertical;font-size:clamp(31px,4vw,57px);font-weight:400;line-height:.98;display:-webkit-box;overflow:hidden}.si-detail-story>p{color:#454549;max-width:490px;padding-top:42px;font-size:16px}.si-system{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;padding:0 9% 110px}.si-system>*{min-width:0}.si-system-card{color:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:500px;padding:26px;display:flex;overflow:hidden}.si-system-card span{letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.si-system-card b{letter-spacing:-.12em;font-size:clamp(160px,20vw,310px);font-weight:400;line-height:.72}.si-system-copy{flex-direction:column;justify-content:center;min-height:500px;padding:9%;display:flex}.si-system-copy>p:not(.si-eyebrow){color:#56565a;max-width:430px;margin-top:28px}.si-swatches{flex-wrap:wrap;gap:9px;margin-top:38px}.si-swatches i{background:#141414;border-radius:50%;flex:0 0 35px;width:35px;height:35px}.si-swatches i:nth-child(3){background:#d6d4ce}.si-swatches i:nth-child(4){background:#f1eee6}.si-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-bottom:120px}.si-gallery figure{background:#f1f1ef;border-radius:18px;min-height:430px;overflow:hidden}.si-gallery figure:first-child{grid-column:1/3;min-height:680px}.si-gallery figure.is-tall{min-height:630px}.si-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.si-gallery figure:hover img{transform:scale(1.025)}.si-detail-outcome{max-width:970px;padding:0 0 130px}.si-detail-outcome h2{-webkit-line-clamp:3;letter-spacing:-.065em;-webkit-box-orient:vertical;margin-bottom:42px;font-size:clamp(36px,5vw,72px);font-weight:400;line-height:.96;display:-webkit-box;overflow:hidden}.si-detail-page .si-footer>a{align-items:center;gap:9px;font-weight:700;display:inline-flex}@media (max-width:760px){.studio-index{padding-inline:16px}.si-header{min-height:125px}.si-intro{padding:35px 0 55px}.si-intro>p:last-child{font-size:14px}.si-grid{grid-template-columns:1fr;gap:65px;padding-bottom:95px}.si-project-cover{border-radius:13px}.si-project-meta{flex-wrap:wrap;align-items:flex-start}.si-project-meta strong{width:100%}.si-footer{flex-direction:column;gap:18px;min-height:130px;justify-content:center!important;align-items:flex-start!important}.si-detail-page .si-header{min-height:95px}.si-back{margin-bottom:45px}.si-detail-hero{grid-template-columns:1fr;gap:15px;padding-bottom:44px}.si-detail-hero h1{font-size:clamp(62px,18vw,100px)}.si-detail-labels{padding-top:16px}.si-detail-image{border-radius:13px}.si-detail-image img{height:74vw}.si-detail-story{grid-template-columns:1fr;gap:14px;padding:78px 0}.si-detail-story>p{padding-top:10px;font-size:15px}.si-system{grid-template-columns:1fr;padding:0 0 78px}.si-system-card,.si-system-copy{min-height:340px}.si-system-card b{font-size:210px}.si-system-copy{padding:38px 0}.si-gallery{grid-template-columns:1fr;padding-bottom:80px}.si-gallery figure,.si-gallery figure:first-child,.si-gallery figure.is-tall{border-radius:13px;grid-column:auto;min-height:330px}.si-detail-outcome{padding-bottom:90px}}@media (max-width:420px){.si-detail-hero h1{font-size:56px}.si-detail-labels{grid-template-columns:1fr;gap:0}.si-detail-label{min-height:88px}.si-detail-image img{height:82vw}.si-system-card{min-height:300px;padding:22px}.si-system-card b{font-size:165px}.si-system-copy{min-height:0;padding:30px 0 10px}.si-gallery figure,.si-gallery figure:first-child,.si-gallery figure.is-tall{min-height:260px}.si-detail-page .si-footer>a{overflow-wrap:anywhere;max-width:100%}}@media (prefers-reduced-motion:reduce){.studio-index *,.studio-index :before,.studio-index :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
