/* Public, useful navigation; no hidden keyword copy. */
.site-fallback{height:100dvh;overflow:auto;padding:4vw;background:#fa4238;color:#f6f3ec;font-family:Arial,sans-serif}
.site-fallback .fallback-name{font-size:22px;color:inherit}.site-fallback h1{margin:8vh 0 24px;font-size:clamp(52px,13vw,180px);line-height:.92;font-weight:400;letter-spacing:-.065em}
.site-fallback p{max-width:650px;font-size:clamp(17px,2vw,23px);line-height:1.5}
.site-fallback nav{display:flex;flex-wrap:wrap;gap:20px;margin:32px 0}.site-fallback nav a{color:inherit;text-underline-offset:5px}

.site-fallback p,.site-fallback nav{color:#27100e}
.studio-help-about{display:block;padding:15px 0 18px;border-top:1px solid #38282420;color:inherit;font-size:12px;line-height:1.4;text-decoration:none}
.studio-help-about:hover{text-decoration:underline;text-underline-offset:3px}
.studio-help-about:focus-visible{outline:2px solid #9e3128;outline-offset:3px;border-radius:2px}

/* Native modal top layer keeps the studio and every WebGL canvas behind the drawer. */
.studio-about-panel{position:fixed;inset:0 0 0 auto;margin:0;width:40vw;min-width:380px;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#f6f3ec;color:#28231f;box-shadow:-16px 0 65px #38110d15;overflow-y:auto;overscroll-behavior:contain;font-family:'Helvetica Neue',Arial,sans-serif;transform:translateX(100%);opacity:0;transition:transform .48s cubic-bezier(.22,.8,.2,1),opacity .28s;scrollbar-width:thin;scrollbar-color:#d3cdc2 #f6f3ec}
.studio-about-panel.is-visible{transform:translateX(0);opacity:1}
.studio-about-panel::backdrop{background:#2c100e24;backdrop-filter:blur(2px)}
.about-panel-top{display:flex;align-items:center;justify-content:space-between;padding:27px clamp(28px,3vw,56px);border-bottom:1px solid #28231f14}
.about-panel-label{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.025em}.about-panel-dot{width:6px;height:6px;border-radius:50%;background:#fa4238}
.about-panel-close{display:grid;place-items:center;width:36px;height:36px;background:none;border:1px solid #28231f25;border-radius:50%;color:inherit;cursor:pointer;transition:background .2s,rotate .3s}.about-panel-close:hover{background:#eae4d9;rotate:90deg}
.about-panel-body{padding:44px clamp(28px,3vw,56px) 34px}
.about-panel-eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#786e64}
.studio-about-panel h2{font-size:clamp(54px,5.3vw,84px);line-height:.94;letter-spacing:-.065em;font-weight:400;margin:0 0 32px}.about-name-dot{color:#fa4238}
.about-panel-intro{font-size:clamp(26px,2.4vw,38px);line-height:1.12;letter-spacing:-.045em;margin:0 0 22px}.about-panel-intro em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}
.about-panel-copy{font-size:14px;line-height:1.8;color:#665c52;margin:0;max-width:460px}
.about-panel-section{margin-top:39px}.studio-about-panel h3{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.09em;font-weight:500;margin:0 0 15px;color:#786e64}
.about-panel-services{list-style:none;padding:0;margin:0}.about-panel-services li{display:flex;gap:16px;padding:14px 0;border-top:1px solid #28231f1c;font-size:14px;line-height:1.4}.about-panel-services li span{font:10px/1.8 Arial,sans-serif;color:#9a6558}
.about-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.about-section-heading>a{color:#756b60;font-size:10px;text-decoration:none}
.about-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-work-grid>a{color:inherit;text-decoration:none;min-width:0}.about-work-grid img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;background:#e7e1d8;border-radius:3px;transition:filter .2s}.about-work-grid a:hover img{filter:brightness(1.07)}.about-work-grid a>span{display:block;font-size:13px;margin-top:11px}.about-work-grid small{display:block;color:#82766a;font-size:10px;line-height:1.6;margin-top:3px}
.about-panel-contact{padding:27px 0 29px;margin-top:38px;border-top:1px solid #28231f1c;border-bottom:1px solid #28231f1c}.about-panel-contact>p{font-size:11px;color:#786e64;margin:0 0 10px}.about-panel-contact h3{font-size:clamp(23px,2.15vw,33px);line-height:1.1;text-transform:none;letter-spacing:-.04em;color:#28231f;margin:0 0 18px}.about-panel-email{color:#ad3024;text-decoration:none;border-bottom:1px solid #ad30244a;padding-bottom:4px;font-size:clamp(14px,1.32vw,20px);overflow-wrap:anywhere}
.about-panel-socials{display:flex;flex-wrap:wrap;gap:20px;padding-top:23px}.about-panel-socials a{font-size:10px;color:#756b60;text-decoration:none}.studio-about-panel a:hover{text-decoration:underline;text-underline-offset:4px}.studio-about-panel a:focus-visible,.about-panel-close:focus-visible{outline:2px solid #ad3024;outline-offset:5px}
@media(max-width:700px){.studio-about-panel{width:100vw;min-width:0}.about-panel-top{padding:20px 26px}.about-panel-body{padding:32px 26px}.studio-about-panel h2{font-size:70px}.about-panel-intro{font-size:32px}.about-panel-copy{font-size:14px}.about-panel-section{margin-top:30px}.about-panel-email{font-size:17px}}
@media(prefers-reduced-motion:reduce){.studio-about-panel,.about-panel-close,.about-work-grid img{transition:none}.studio-about-panel::backdrop{backdrop-filter:none}}