@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');:root{color-scheme:dark;--bg:#0c0b0b;--panel:#181616;--orange:#f46b40;--cream:#fff6e9;--muted:#9d9995}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:var(--cream);font-family:'DM Sans',Arial,sans-serif}.shell{width:min(100%,510px);margin:0 auto;background:var(--bg);min-height:100vh;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 12px}.wordmark{font:700 19px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.7px}.wordmark>span{color:var(--orange)}.wordmark small{display:block;font:600 8px/1.7 'DM Sans',sans-serif;letter-spacing:3.3px;margin-top:3px}.switch{display:flex;background:#262222;border:1px solid #3a302e;border-radius:50px;padding:3px}.switch button{border:0;background:transparent;color:#aaa;font-weight:800;font-size:11px;padding:8px 11px;border-radius:40px;cursor:pointer}.switch button.selected{background:var(--orange);color:#16100e}.hero{position:relative;padding:18px 24px 8px;text-align:center}.hero-halo{position:absolute;width:270px;height:270px;left:50%;top:18px;transform:translateX(-50%);background:radial-gradient(circle,#e15b3836 0%,#e15b3812 47%,transparent 72%);border-radius:50%}.avatar{position:relative;display:block;width:218px;height:218px;object-fit:contain;border-radius:50%;background:#fff;margin:10px auto 18px;border:6px solid #f46b40;box-shadow:0 0 0 9px #f46b4016}.eyebrow{font-weight:800;font-size:10px;letter-spacing:3px;color:var(--orange);margin:0 0 8px}.identity h1{font:700 clamp(48px,13vw,67px)/.95 'Space Grotesk',Arial,sans-serif;letter-spacing:-3px;margin:0}.fullname{font-size:19px;font-weight:600;margin:11px 0 7px}.role{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0}.role span{color:var(--orange)}.primary{padding:25px 24px 4px}.save{display:flex;gap:14px;align-items:center;justify-content:center;text-decoration:none;background:var(--orange);color:#17110f;border-radius:15px;min-height:66px;font-size:15px;font-weight:800;letter-spacing:.6px;box-shadow:0 12px 30px #f46b4027}.save svg{width:23px;height:23px}.save .arrow{font-size:23px;margin-left:3px}.micro{text-align:center;color:#96908b;font-size:11px;margin:12px 0 4px}.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 24px 34px}.actions a{min-height:91px;background:#1c1919;border:1px solid #302a29;border-radius:13px;text-decoration:none;color:#f7f1e9;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;font-size:11px;font-weight:700}.action-icon{font-size:25px;color:var(--orange);line-height:1}.work{padding:27px 24px 31px;background:#151212;border-top:1px solid #2d2523}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-head h2,.connect h2{font:700 31px/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.2px;margin:0}.section-symbol{font-size:30px;color:var(--orange)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{position:relative;min-height:162px;padding:15px;border:1px solid #514038;border-radius:13px;color:#fff6e9;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#4d2c25,#241c1a)}.tile:after{content:'';position:absolute;width:125px;height:125px;border:28px solid #ffffff09;border-radius:50%;right:-55px;bottom:-68px}.tile-food{background:linear-gradient(145deg,#70412f,#261b19)}.tile-video{background:linear-gradient(145deg,#352b32,#171519)}.tile-real{background:linear-gradient(145deg,#333d3b,#191e1c)}.tile-brand{background:linear-gradient(145deg,#613d2c,#241a16)}.tile-index{font-size:10px;font-weight:700;letter-spacing:1px;color:#ffffffa3}.tile-title{font:700 22px/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.8px;z-index:1}.tile-arrow{position:absolute;right:14px;top:10px;font-size:21px;color:#f9aa88}.work-note{color:#8c8480;font-size:10px;line-height:1.6;margin:15px 2px 0}.connect{padding:36px 24px;text-align:center}.connect h2{margin:4px 0 19px}.connect a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--orange);color:var(--orange);padding:13px 20px;border-radius:50px;text-decoration:none;font-weight:800;font-size:13px}footer{text-align:center;padding:13px 24px 30px;border-top:1px solid #2c2422}footer img{display:block;width:120px;height:105px;object-fit:contain;margin:0 auto;filter:invert(1)}footer p{font-size:9px;letter-spacing:1.5px;color:#7d7470}@media(min-width:650px){body{padding:30px 0}.shell{border-radius:24px;border:1px solid #3c3330;box-shadow:0 24px 90px #000}}@media(max-width:360px){.top,.hero,.primary,.work,.connect{padding-left:17px;padding-right:17px}.actions{padding-left:17px;padding-right:17px;gap:6px}.actions a{font-size:10px}.avatar{width:194px;height:194px}}
.header-logo{display:block;width:min(72%,265px);height:auto;object-fit:contain;flex-shrink:1}.top{gap:14px}.switch{flex-shrink:0}@media(max-width:360px){.header-logo{width:min(68%,230px)}}

/* Studio location, matching approved card design */
.location{margin:0 24px 30px;padding:16px;background:#1c1919;border:1px solid #302a29;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.location-copy{display:flex;align-items:center;gap:11px;min-width:0}.location-pin{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f46b401a;color:var(--orange);font-size:25px;flex-shrink:0}.location-heading{font-size:12px;font-weight:800;color:var(--cream);margin:0 0 4px}.location-city{font-size:11px;color:var(--muted);margin:0}.location-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--orange);border-radius:9px;color:var(--orange);text-decoration:none;font-size:11px;font-weight:800;padding:11px 10px;white-space:nowrap}.location-link:hover,.location-link:focus-visible{background:var(--orange);color:#17110f}@media(max-width:360px){.location{margin-left:17px;margin-right:17px;padding:12px;gap:8px}.location-link{font-size:10px;padding:10px 7px}.location-heading{font-size:11px}}

/* Location card v3 - compact, fully styled on mobile */
.location{margin:0 24px 22px;padding:12px 13px;background:#1c1919;border:1px solid #302a29;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:9px}
.location-copy{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.location-pin{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#39261f;color:#f46b40;flex:0 0 38px;font-size:0}
.location-pin svg{width:20px;height:20px;stroke:#f46b40}
.location-heading{margin:0 0 3px;color:#fff6e9;font-size:12px;line-height:1.2;font-weight:800}
.location-city{margin:0;color:#aaa19b;font-size:11px;line-height:1.3}
.location-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;background:#f46b40;color:#17110f!important;text-decoration:none!important;border:0;border-radius:9px;padding:11px 12px;font:800 11px/1 'DM Sans',Arial,sans-serif;white-space:nowrap}
.location-link:hover,.location-link:focus-visible{background:#ff815a;color:#17110f!important}
.actions{padding-bottom:18px}
@media(max-width:360px){.location{margin-left:17px;margin-right:17px;padding:10px;gap:6px}.location-heading{font-size:11px}.location-city{font-size:10px}.location-link{font-size:10px;padding:10px 9px}.location-pin{width:32px;height:32px;flex-basis:32px}}

.back-home{display:inline-block;color:var(--orange);font-size:12px;text-decoration:none;margin:10px 0 20px}a:focus-visible,button:focus-visible{outline:3px solid #fff6e9;outline-offset:4px}a,button{-webkit-tap-highlight-color:transparent} .save:hover{background:#ff815a}.actions a:hover{border-color:var(--orange)}.tile:hover{border-color:var(--orange)}
