body.studio{--ground:#f1f1ee;--ink:#16171a;--muted:#5d6068;--line:#16171a1a;background:var(--ground);color:var(--ink);font-family:var(--font-plex);line-height:1.6}.lat{font-family:var(--font-geist)}.in{max-width:1200px;margin:0 auto;padding:0 40px}.bar .in{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{align-items:center;gap:8px;min-height:44px;font-size:22px;font-weight:700;display:flex}.brand .lat{color:var(--muted);font-size:14px;font-weight:500}.nav{align-items:center;gap:6px;font-size:15px;display:flex}.nav a{border-radius:8px;align-items:center;min-height:44px;padding:10px 12px;display:inline-flex}.nav a:hover{background:#16171a0d}.nav .en{font-family:var(--font-geist);border:1px solid var(--line);border-radius:999px;margin-inline-start:6px;padding:0 16px;font-size:14px}.open{grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;padding-block:56px 40px;display:grid}.open h1{max-width:13ch;font-size:54px;font-weight:700;line-height:1.22}.open p{color:var(--muted);text-wrap:pretty;justify-self:end;max-width:34ch;font-size:18px}.grid{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:20px;display:grid}.card{background:var(--t-bg);color:var(--t-ink);border:1px solid var(--t-line);border-radius:var(--t-r);font-family:var(--t-body);flex-direction:column;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;display:flex;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #16171a1f}.media{padding:36px 40px 12px;position:relative}.shot{aspect-ratio:2;position:relative;overflow:hidden;container-type:size}.shot img{width:100%;height:auto;transition:transform .9s cubic-bezier(.3,.7,.2,1);display:block;transform:translateY(0)}.card:hover .shot img,.card:focus-within .shot img{transition:transform var(--scroll-dur,10s) linear;transform:translateY(calc(100cqh - 100%))}.body{flex-direction:column;flex:1;gap:16px;padding:24px 36px 32px;display:flex}.name{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.name h2{font-family:var(--t-display);font-weight:var(--t-dw);font-size:40px;line-height:1.25}.name .en{font-family:var(--t-latin);color:var(--t-muted);font-size:15px;font-weight:500}.niche{color:var(--t-muted);margin-top:-12px;font-size:15px}.pitch{max-width:46ch;font-size:16px;line-height:1.75}.facts{border-top:1px solid var(--t-line);border-bottom:1px solid var(--t-line);grid-template-columns:repeat(3,1fr);padding:14px 0;display:grid}.facts div{flex-direction:column;gap:2px;display:flex}.facts div+div{border-inline-start:1px solid var(--t-line);padding-inline-start:16px}.facts b{font-variant-numeric:tabular-nums;font-family:var(--t-display);font-weight:var(--t-dw);font-size:28px;line-height:1.2}.facts span{color:var(--t-muted);font-size:14px}.sig{align-items:center;gap:10px;font-size:15px;display:flex}.sig span{color:var(--t-muted)}.sig strong{font-weight:700}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;display:flex}.status{color:var(--t-muted);font-size:14px}.acts{align-items:center;gap:8px;display:flex}.btn{height:var(--t-btn-h);border-radius:var(--t-btn-r);white-space:nowrap;background:var(--t-pri);color:var(--t-on);justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.card .btn:focus-visible,.card .link:focus-visible{outline-color:var(--t-ink)}.link{text-underline-offset:5px;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:underline 1px;display:inline-flex}.card[data-t=scrapbook]{--t-bg:#f6f7f8;--t-ink:#1d1e23;--t-muted:#5c5f68;--t-line:#1d1e2321;--t-r:18px;--t-display:var(--font-alexandria);--t-dw:800;--t-body:var(--font-tajawal);--t-latin:var(--font-outfit);--t-pri:#1d1e23;--t-on:#fff;--t-btn-r:999px;--t-btn-h:48px;background-image:linear-gradient(#1d1e230e 1px,#0000 1px),linear-gradient(90deg,#1d1e230e 1px,#0000 1px);background-size:24px 24px}.card[data-t=scrapbook] .shot{border:8px solid #fff;border-bottom-width:22px;border-radius:2px;transform:rotate(-1.2deg);box-shadow:0 8px 22px #1d1e231f}.card[data-t=scrapbook] .media:before{content:"";z-index:1;top:24px;background:#f4e6a1d9;width:96px;height:26px;position:absolute;inset-inline-start:50%;transform:translate(50%)rotate(2deg)}.card[data-t=scrapbook] .sig strong{font-family:var(--font-messiri);background:#f4e6a1;padding:2px 12px;font-weight:600;display:inline-block;transform:rotate(-1deg)}.card[data-t=scrapbook] .name h2 em{background:linear-gradient(#0000 62%,#f8dde1 62%);font-style:normal}.card[data-t=raseed]{--t-bg:#111512;--t-ink:#f3f6ed;--t-muted:#a9b2a4;--t-line:#2e382f;--t-r:12px;--t-display:var(--font-readex);--t-dw:700;--t-body:var(--font-readex);--t-latin:var(--font-cabinet);--t-pri:#d4f878;--t-on:#18200d;--t-btn-r:8px;--t-btn-h:52px}.card[data-t=raseed]:hover{box-shadow:none;border-color:#4a584b}.card[data-t=raseed] .media{padding:36px 36px 12px}.card[data-t=raseed] .shot{border:1px solid #2e382f;border-radius:12px}.card[data-t=raseed] .sig:before{content:"";background:#d4f878;border-radius:2px;width:26px;height:3px}.card[data-t=raseed] .facts b{font-variant-numeric:tabular-nums;font-family:var(--font-readex)}.inside{color:var(--muted);padding:12px 0 72px;font-size:15px}.contact{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:56px 64px;display:grid}.contact h2{font-size:30px;font-weight:700;line-height:1.3}.contact p{color:var(--muted);margin-top:6px}.mail{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;font-size:16px;display:flex}.mail .lat{color:var(--muted);direction:ltr}.mail:hover{border-color:#16171a4d}.site-foot{border-top:1px solid var(--line);color:var(--muted);padding:22px 0;font-size:14px}.site-foot .in{justify-content:space-between;gap:16px;display:flex}@media (width<=900px){.in{padding:0 20px}.bar .in{height:64px}.brand{font-size:19px}.nav{gap:0;font-size:14px}.nav a{padding:10px 8px}.open{grid-template-columns:1fr;gap:12px;padding-block:36px 28px}.open h1{font-size:34px}.open p{justify-self:start;font-size:16px}.grid{grid-template-columns:1fr;gap:18px}.media,.card[data-t=raseed] .media{padding:28px 22px 8px}.body{padding:20px 22px 24px}.name h2{font-size:32px}.facts b{font-variant-numeric:tabular-nums;font-size:24px}.inside{padding-bottom:48px}.contact{grid-template-columns:1fr;gap:20px;padding-block:40px 48px}.site-foot .in{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}.card:hover .shot img,.card:focus-within .shot img{transition:none;transform:none}}