@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--red:#ed2638;--black:#080808;--panel:#121212;--muted:#b9b6b4;--white:#f7f4f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,76px);background:#080808;border-bottom:1px solid #2b2b2b;position:relative;z-index:10}.brand{display:block;width:190px;height:68px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover;object-position:center}.topbar nav{display:flex;align-items:center;gap:clamp(15px,2.6vw,38px);font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.topbar nav a:not(.nav-cta):hover{color:var(--red)}.nav-cta{padding:13px 17px;background:var(--red)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:27px}.hero{position:relative;min-height:720px;background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 47%,rgba(0,0,0,.22) 100%),url("assets/storefront.jpg");background-size:cover;background-position:center 54%;display:flex;align-items:center;justify-content:center;padding:65px 24px;overflow:hidden;border-bottom:4px solid var(--red)}.hero-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%)}.hero-watermark{position:absolute;z-index:1;left:50%;top:49%;transform:translate(-50%,-50%);width:min(58vw,760px);max-height:76%;object-fit:contain;opacity:.42;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(237,38,56,.32));pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:860px;width:100%;padding:25px 30px;text-align:center;background:rgba(5,5,5,.64);border:1px solid rgba(237,38,56,.55);border-top:3px solid var(--red);backdrop-filter:blur(3px)}.hero-logo{display:block;width:min(500px,80%);height:auto;max-height:260px;object-fit:contain;margin:0 auto 25px;mix-blend-mode:screen}.hero-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:0 0 24px;font-size:14px;font-weight:700;color:#fff}.hero-contact a{border-bottom:1px solid rgba(237,38,56,.8);padding-bottom:5px}.hero-contact a:hover{color:#ff5361}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--red);font-weight:700;margin:0 0 18px}.hero h1,.section h2,.contact h2{font-family:'Playfair Display',Georgia,serif;font-weight:800;letter-spacing:-1.8px;line-height:.98}.hero h1{font-size:clamp(48px,6vw,78px);margin:0 0 18px}.hero h1 span,.section h2 span,.contact h2 span{color:var(--red)}.intro{font-size:16px;line-height:1.8;color:#eee}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:11px;letter-spacing:1.2px;font-weight:700}.button.red{background:var(--red);border:1px solid var(--red)}.button.outline{border:1px solid #eee;background:rgba(0,0,0,.35)}.button:hover,.nav-cta:hover{filter:brightness(1.15)}.hero-caption{position:absolute;right:clamp(20px,5vw,70px);bottom:20px;font-size:10px;letter-spacing:2px;color:#ddd}.hero-caption span{color:var(--red);padding:0 8px}.intro-strip{background:var(--red);padding:28px clamp(24px,9vw,140px);display:flex;justify-content:space-between;align-items:center;gap:25px}.intro-strip h2{font:700 25px 'Playfair Display',Georgia,serif;margin:0 0 5px}.intro-strip p{font-size:13px;margin:0;color:#ffe6e7}.symbol{font-size:22px;float:left;margin:5px 15px 20px 0}.strip-right{font-size:10px;letter-spacing:1.5px;font-weight:700}.strip-right i{display:inline-block;width:4px;height:4px;border-radius:50%;background:white;margin:0 12px 2px}.section{padding:100px clamp(24px,9vw,140px)}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2,.studio h2,.contact h2{font-size:clamp(40px,5vw,64px);margin:0 0 17px}.section-heading>p:last-child,.studio-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:17px}.tile{position:relative;margin:0;min-height:340px;height:400px;overflow:hidden;background:#1c1c1c}.tile-tall{height:400px}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.04)}.tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.92));display:flex;flex-direction:column;gap:6px}.tile figcaption b{font-size:12px;letter-spacing:1.6px}.tile figcaption span{font-size:12px;color:#ccc}.studio{background:#111;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}.studio-copy>p:not(.eyebrow){max-width:440px;margin:22px 0 28px}.studio-image{height:440px;overflow:hidden;border:1px solid #333}.studio-image img{width:100%;height:100%;object-fit:cover;object-position:center}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#080808}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail{border-left:2px solid var(--red);padding-left:18px}.detail-label{font-size:10px;letter-spacing:2px;color:var(--red);font-weight:700}.detail p{font-size:15px;line-height:1.8}.detail a{font-size:10px;letter-spacing:1px;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:5px}footer{border-top:1px solid #292929;padding:28px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px}footer p,footer>a:last-child{font-size:10px;letter-spacing:1.4px;color:#aaa}.footer-brand{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:14px}.footer-brand span{display:block;color:var(--red);font:700 9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:4px}
@media(max-width:760px){.topbar{height:76px}.brand{width:150px;height:55px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;left:0;right:0;top:76px;padding:20px;background:#090909;flex-direction:column;align-items:stretch;gap:20px}.topbar nav.open{display:flex}.topbar nav a{padding:8px}.hero{min-height:760px;padding:42px 16px;background-position:center center}.hero-contact{flex-direction:column;align-items:center;gap:9px;font-size:12px}.hero-copy{padding:22px 15px;max-width:100%;background:rgba(5,5,5,.66)}.hero-watermark{width:min(94vw,560px);max-height:55%;opacity:.34}.hero-logo{width:min(390px,92%);max-height:210px;margin-bottom:22px}.hero-shade{background:radial-gradient(ellipse at center,rgba(237,38,56,.08),transparent 65%)}.hero h1{font-size:clamp(52px,14vw,82px)}.hero-caption{left:25px;right:auto;font-size:8px}.intro-strip{align-items:flex-start;flex-direction:column}.strip-right{line-height:2}.section{padding:70px 24px}.gallery-grid{grid-template-columns:1fr;gap:14px}.tile,.tile-tall{height:380px}.studio,.contact{grid-template-columns:1fr;gap:35px}.studio-image{height:320px}.contact-details{grid-template-columns:1fr;gap:28px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
