/* Curiofarer is a studio identity; Fliphibit retains its own museum palette. */
body.studio{--cream:#fff;--ink:#222b30;--teal:#f8f9fa;--deep:#edf0f2;--gold:#18514e;--muted:#526169;--line:#dce2e4;color:var(--ink);background:#f8f9fa;color-scheme:light;letter-spacing:0}
.studio h1,.studio h2,.studio h3,.studio .studio-name,.studio .footer-brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto}
.studio .container,.studio .nav-wrap{max-width:1120px}
.studio .site-header{position:sticky;top:0;z-index:20;background:#f8f9faed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.studio .nav-wrap{min-height:88px}
.studio .studio-name{font-size:1.375rem;font-weight:650;letter-spacing:-.045em;line-height:1.1}
.studio .studio-name>span{font-size:.5rem;font-weight:600;letter-spacing:.22em;margin-top:.5rem;color:var(--muted)}
.studio nav a{font-size:.8125rem;font-weight:500}
.studio nav a:hover{color:var(--gold);text-decoration:underline}
.studio a:focus-visible,.studio button:focus-visible{outline-color:var(--gold)}
.studio .eyebrow{font-size:.6875rem;letter-spacing:.1em;font-weight:600;color:var(--muted);margin-bottom:2rem}
.studio-intro{padding-block:4rem}
.studio-intro h1{font-size:clamp(3rem,6.5vw,5.25rem);font-weight:550;line-height:1.03;letter-spacing:-.055em}
.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-top:2rem}
.intro-bottom p{font-size:1.0625rem;line-height:1.7;max-width:46ch;color:var(--muted)}
.studio .text-link{color:var(--gold);font-size:.875rem;white-space:nowrap;font-weight:600}
.studio-work{padding-block:1rem 4rem;scroll-margin-top:7rem}
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.5rem}
.work-heading h2{font-size:.9375rem;font-weight:600;letter-spacing:0}
.work-heading>span{font-size:.75rem;color:var(--muted)}
.project{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden}
.project-art{position:relative;background:#103d3d;min-height:440px;display:grid;grid-template-rows:1fr auto}
.project-museum{width:100%;height:340px;object-fit:cover;object-position:50% 16%;aspect-ratio:1.5}
.project-sign{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;color:#f6f1e6}
.project-sign img{width:180px;height:auto}
.project-sign span{font-size:.75rem;color:#dfebe7;white-space:nowrap}
.project-information{padding:3rem;align-self:center}
.project-information h3{font-size:2.25rem;line-height:1.15;font-weight:600;letter-spacing:-.04em}
.project-information .project-category{font-size:.8125rem;color:var(--muted);margin:.75rem 0 1.5rem}
.project-information p{font-size:.9375rem;line-height:1.7}
.studio .button{background:#18514e;color:white;border-color:#18514e;font-size:.8125rem;min-height:48px;border-radius:.5rem;gap:2rem;box-shadow:none}
.studio .button:hover{background:#123e3b;border-color:#123e3b}
.project-information .button{margin-top:1.5rem}
.project-information .project-status{font-size:.6875rem;line-height:1.5;color:var(--muted);margin-top:1rem}
.studio-about{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding-block:4rem;border-top:1px solid var(--line);scroll-margin-top:5rem}
.studio-about h2,.studio-contact h2{font-size:1.125rem;font-weight:600;letter-spacing:-.015em;line-height:1.5}
.studio-about .about-lead{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.4;letter-spacing:-.025em;font-weight:450;margin-bottom:1.5rem}
.studio-about p:not(.about-lead){font-size:.9375rem;color:var(--muted);max-width:62ch}
.studio-contact{padding-block:3rem;background:#edf1f2;scroll-margin-top:5rem}
.studio-contact-inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem}
.studio-contact-inner>div>p{font-size:.8125rem;color:var(--muted);margin-top:1rem;line-height:1.7}
.studio-addresses{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.studio-addresses h3{font-size:.875rem;font-weight:600;letter-spacing:0;line-height:1.5}
.studio-addresses p{font-size:.75rem;margin-top:.5rem;color:var(--muted)}
.studio-addresses a{font-size:.8125rem;display:inline-flex;align-items:center;gap:1rem;min-height:44px;margin-top:.5rem;color:var(--gold);font-weight:550;overflow-wrap:anywhere}
.studio .site-footer{background:#f8f9fa;color:var(--muted);padding-block:2rem 1.5rem}
.studio .footer-brand{font-size:.875rem;font-weight:650;letter-spacing:-.015em;color:var(--ink)}
.studio .footer-top{padding-bottom:1.5rem}
.studio .footer-top>div>p:last-child{font-size:.6875rem}
.studio .footer-bottom{font-size:.625rem}
.studio .prose{padding-block:1rem}
.studio .prose h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:550;letter-spacing:-.04em}
.studio .prose h2{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.studio .prose p{font-size:.9375rem}
.studio .prose a{color:var(--gold)}
.studio .menu-toggle{border-color:#becbce}
@media(max-width:1000px){.project-information{padding:2rem}.project-sign{flex-direction:column;gap:.75rem;align-items:flex-start}.project-museum{height:300px}.studio-about,.studio-contact-inner{gap:2rem}}
@media(max-width:720px){.studio .nav-wrap{min-height:76px}.studio .studio-name{font-size:1.25rem}.studio-intro{padding-block:3rem}.studio-intro h1{font-size:clamp(2.75rem,11vw,4rem)}.studio .eyebrow{font-size:.5625rem;margin-bottom:1.5rem}.intro-bottom{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:1.5rem}.intro-bottom p{font-size:1rem}.studio-work{padding-bottom:3rem}.work-heading{padding-block:1rem}.work-heading>span{font-size:.625rem}.project{grid-template-columns:1fr}.project-art{min-height:0}.project-museum{height:280px;object-position:50% 18%}.project-sign{flex-direction:row;align-items:center;padding:1rem;gap:1rem}.project-sign img{width:150px}.project-sign span{font-size:.625rem;white-space:normal}.project-information{padding:1.5rem}.project-information h3{font-size:2rem}.studio-about,.studio-contact-inner{grid-template-columns:1fr;gap:1.5rem}.studio-about{padding-block:3rem}.studio-about .about-lead{font-size:1.5rem}.studio-about .about-lead br{display:none}.studio-addresses{grid-template-columns:1fr;gap:1.5rem}.studio-contact-inner>div>p br{display:none}.studio .footer-top nav{gap:.5rem 1rem}.studio .footer-top nav a{font-size:.6875rem}}
@media(prefers-reduced-transparency:reduce){.studio .site-header{background:#f8f9fa;backdrop-filter:none}}
@media(prefers-contrast:more){body.studio{--muted:#303a40;--line:#7b898e}.studio .site-header{background:#fff;backdrop-filter:none}.studio .project{border-width:2px}}