.studio-gallery-main{padding-bottom:72px}.studio-gallery-hero{padding-block:64px 74px}.studio-gallery-hero>.beta-eyebrow{margin-bottom:28px}.studio-gallery-hero-row{display:flex;align-items:end;justify-content:space-between;gap:48px;border-bottom:1px solid var(--line);padding-bottom:48px}.studio-gallery-hero h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(58px,8vw,112px);font-weight:400;line-height:.98;letter-spacing:-.04em}.studio-gallery-intro{max-width:52ch;color:var(--muted);font-size:1.05rem;line-height:1.75;margin-top:28px}.studio-back-home{flex:none}.studio-gallery{padding-bottom:48px}.studio-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 36px}.studio-project{min-width:0;border-top:1px solid var(--line);padding-top:18px}.studio-project summary{display:block;cursor:pointer;list-style:none}.studio-project summary::-webkit-details-marker{display:none}.studio-project summary:focus-visible{outline-offset:8px}.studio-project-cover{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--soft);color:var(--ink)}.studio-project-cover--image{padding:34px;background:#d7e6f5}.studio-project:nth-child(4n+2) .studio-project-cover--image{background:#e3e9f2}.studio-project-cover--image img{width:100%;height:100%;object-fit:contain;box-shadow:0 16px 28px #0d1c2c20;transform:rotate(-3deg);transition:transform .35s ease}.studio-project:nth-child(4n+2) .studio-project-cover--image img{transform:rotate(3deg)}.studio-project summary:hover .studio-project-cover--image img,.studio-project[open] .studio-project-cover--image img{transform:rotate(0) scale(1.03)}.studio-project-cover--type{background:#1a3a55;color:#f4f6fa;padding:32px}.studio-project-cover--type>span:first-child{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(34px,4.7vw,70px);line-height:1;letter-spacing:-.04em;text-align:center}.studio-project-cover--type:nth-child(odd){background:#23455f}.studio-project-number{position:absolute;top:16px;left:18px;font-size:.75rem;letter-spacing:.08em;color:var(--green)}.studio-project-cover--type .studio-project-number{color:#a8d2f5}.studio-project-toggle{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--green);font-size:1.5rem;line-height:1;transition:transform .2s}.studio-project[open] .studio-project-toggle{transform:rotate(45deg)}.studio-project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0 0}.studio-project-caption strong{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.25}.studio-project-caption>span{font-size:.8125rem;color:var(--muted);text-align:right;white-space:nowrap}.studio-project-detail{padding:26px 0 0;max-width:62ch}.studio-project-detail>p{font-size:1rem;line-height:1.8;color:var(--muted)}.studio-project-facts{list-style:none;margin:22px 0 0;padding:16px 0;border-block:1px solid var(--line);display:grid;gap:7px;font-size:.875rem;color:var(--muted)}.studio-project-facts strong{color:var(--ink);font-weight:600;margin-right:4px}.studio-project-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:24px}.studio-project-links .project-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px}.studio-gallery-footer{margin-block:24px 0}.studio-gallery-footer .beta-brand small{display:block;font-family:"DM Sans",sans-serif;font-size:.7rem;color:var(--muted);letter-spacing:0;margin-top:4px}@media(max-width:760px){.studio-gallery-hero{padding-block:42px 52px}.studio-gallery-hero-row{display:block;padding-bottom:38px}.studio-gallery-hero h1{font-size:clamp(52px,16vw,82px)}.studio-gallery-intro{font-size:1rem;margin-top:22px}.studio-back-home{margin-top:28px}.studio-project-grid{grid-template-columns:1fr;gap:52px}.studio-project-caption{display:block}.studio-project-caption>span{display:block;text-align:left;margin-top:6px}.studio-project-cover--image{padding:28px}.studio-gallery-footer{align-items:flex-start;flex-wrap:wrap}.studio-gallery-footer>p{display:none}}@media(prefers-reduced-motion:reduce){.studio-project-cover--image img,.studio-project-toggle{transition:none}}
