*{box-sizing:border-box}:root{color:#f5dfcf;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#641b2b;font-family:Cinzel,serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}.studio-page{isolation:isolate;background:radial-gradient(circle at 18% 12%,#ffdcbe1a,#0000 30%),radial-gradient(circle at 82% 78%,#32000c4d,#0000 42%),#641b2b;height:100svh;position:relative;overflow:hidden}.studio-page:before{z-index:-1;content:"";opacity:.27;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(12deg,#0000 0 3px,#ffebd51f 4px,#0000 5px 9px),repeating-linear-gradient(102deg,#0000 0 5px,#1e000a2e 6px,#0000 7px 13px);position:absolute;inset:0}.studio-page:after{z-index:-1;content:"";opacity:.18;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}h1{z-index:2;color:#f5dfcf;--header-top:4rem;letter-spacing:.08em;text-align:center;text-transform:uppercase;place-items:center;width:100%;margin:0;padding:0 1rem;font-family:Cinzel,serif;font-size:clamp(1.8rem,7vw,7rem);font-weight:500;line-height:1.1;animation:4s cubic-bezier(.65,0,.35,1) forwards rise-to-header;display:grid;position:absolute;inset:0}.gallery{z-index:1;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,1fr);gap:clamp(.4rem,.9vw,.9rem);max-width:96rem;margin:auto;display:grid;position:absolute;inset:8rem 5vw 2rem}.gallery-tile{opacity:0;background:linear-gradient(145deg,#ffe2cc38,#0000 45%),#8b3543;border:3px solid #f5dfcf;place-items:center;min-width:0;margin:0;animation:1.8s cubic-bezier(.22,1,.36,1) forwards reveal-tile;display:grid;position:relative;overflow:hidden;transform:translateY(1.5rem)}.gallery-tile:first-child{animation-delay:3.4s}.gallery-tile:nth-child(2){animation-delay:3.8s}.gallery-tile:nth-child(3){animation-delay:4.2s}.gallery-tile:nth-child(4){animation-delay:4.6s}.gallery-tile:nth-child(5){animation-delay:5s}.gallery-tile img{z-index:0;object-fit:cover;filter:sepia(.3)saturate(.7);width:100%;height:100%}.gallery-tile--feature img{object-fit:cover;object-position:center bottom;transform-origin:bottom;transform:scale(1.4)}.gallery-tile--painting img{object-fit:cover;object-position:center 65%;transform-origin:50%;transform:translateY(2%)scale(1.08)}.gallery-tile span{color:#f5dfcfa6;letter-spacing:.14em;text-transform:uppercase;font-family:Cinzel,serif;font-size:.7rem}.gallery-tile--feature{background:#3d1525;grid-area:span 3/span 6}.gallery-tile--tall{background:linear-gradient(160deg,#a45159,#4d182d 70%);grid-area:span 4/span 3}.gallery-tile--small{grid-area:span 2/span 3}.gallery-tile--wide{background:linear-gradient(130deg,#70263a,#a85a55);grid-area:span 2/span 6}.gallery-tile--rose{background:#bd7067}.gallery-tile--slow-art{background:#fff}.gallery-tile--slow-art span{color:#641b2b;letter-spacing:.08em;text-transform:none;font-size:clamp(1.4rem,3vw,3rem)}@media (width>=701px){.gallery-tile--tall{grid-row:span 6}.gallery-tile--painting,.gallery-tile--wide,.gallery-tile--rose{grid-row:span 3}}@keyframes rise-to-header{0%,38%{opacity:1;transform:translateY(0)}78%{opacity:.38;transform:translateY(calc(-50svh + var(--header-top)))}to{opacity:1;transform:translateY(calc(-50svh + var(--header-top)))}}@keyframes reveal-tile{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){h1{opacity:1;animation:none;transform:translateY(calc(4rem - 50svh))}.gallery-tile{opacity:1;animation:none;transform:none}}@media (width<=700px){.studio-page{height:auto;min-height:100svh;padding:5.75rem 1rem 2rem;overflow-x:hidden}h1{--header-top:2.25rem;height:100svh;inset:0 0 auto}.gallery{grid-template-rows:minmax(14rem,52vw) minmax(11rem,40vw) minmax(11rem,40vw) minmax(10rem,30vw);grid-template-columns:repeat(2,1fr);grid-template-areas:"feature feature""tall painting""tall rose""wide wide";gap:.5rem;position:relative;inset:auto}.gallery-tile--feature{grid-area:feature}.gallery-tile--tall{grid-area:tall}.gallery-tile--painting{grid-area:painting}.gallery-tile--rose{grid-area:rose}.gallery-tile--rose img{z-index:1;object-fit:cover;object-position:center top;display:block;position:absolute;inset:0}.gallery-tile--wide{grid-area:wide}.gallery-tile--feature img{transform:scale(1.12)}.gallery-tile--painting img{transform:translateY(2%)scale(1.08)}}