/* Scoped Home presentation; workspaces keep their own layouts. */
html.cv-home-showcase .studio-view[data-view="home"] { width:100%; max-width:1800px; padding:34px clamp(24px,3vw,52px) 40px; }
.cv-home-showcase [data-home-hub] { --home-line:rgba(234,218,169,.13); --home-muted:#afb1a7; background:none; }
.cv-home-showcase .studio-view[data-view="home"]::before { display:none; }
.cv-home-showcase .studio-home-start { display:grid; grid-template-columns:1.03fr 1fr; align-items:center; gap:32px; margin:0; min-height:410px; }
.cv-home-intro-copy { min-width:0; padding:12px 0; }
.cv-home-showcase .studio-home-start .studio-kicker { font-size:10px; letter-spacing:.16em; color:#d6c58a; }
.cv-home-showcase .studio-home-start h1 { font-size:clamp(48px,4.4vw,76px); line-height:1.01; letter-spacing:-.058em; margin:24px 0 22px; font-weight:750; }
.cv-home-showcase .studio-home-start h1 em { color:#ead596; font-style:normal; margin-left:.07em; }
.cv-home-showcase .studio-home-start p { max-width:430px; color:#b9bcb2; font-size:15px; line-height:1.7; margin:0; }
.cv-home-intro-actions { display:flex; flex-wrap:wrap; gap:10px; margin:27px 0 22px; }
.cv-home-intro-actions button { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; border-radius:10px; padding:0 18px; cursor:pointer; font-size:13px; font-weight:700; }
.cv-home-primary { border:1px solid #edd897; color:#201d12; background:linear-gradient(120deg,#efdb9f,#d2b666); }
.cv-home-secondary { border:1px solid var(--home-line); background:#ffffff03; color:#eee9db; }
.cv-home-intro-actions button:hover { filter:brightness(1.12); }
.cv-home-trust { display:flex; flex-wrap:wrap; gap:8px 15px; color:#9eaa99; font-size:10px; line-height:1.6; }
.cv-home-trust span+span { padding-left:15px; border-left:1px solid #ffffff20; }
.cv-home-intro-visual { display:grid; grid-template-columns:1.45fr 1fr; gap:10px; position:relative; min-width:0; padding:0 0 24px; }
.cv-home-intro-visual button { position:relative; min-width:0; height:382px; overflow:hidden; border:1px solid #ffffff17; border-radius:16px; background:#172121; padding:0; color:white; text-align:left; cursor:pointer; }
.cv-home-intro-visual button::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,#0005,transparent 28%,transparent 45%,#000b); pointer-events:none; }
.cv-home-intro-visual :is(img,video) { width:100%; height:100%; object-fit:cover; }
.cv-home-visual-photo img { object-position:50% 50%; }
.cv-home-intro-visual .cv-home-visual-video { margin-top:30px; height:352px; }
.cv-home-visual-label { position:absolute; z-index:1; top:20px; left:18px; font-size:9px; font-weight:700; letter-spacing:.14em; text-shadow:0 1px 8px #000; }
.cv-home-intro-visual strong { position:absolute; z-index:1; bottom:22px; left:18px; right:18px; font-size:clamp(19px,1.7vw,29px); font-weight:650; letter-spacing:-.04em; line-height:1.16; }
.cv-home-intro-visual strong > span { display:none; }
.cv-home-intro-visual button:hover { border-color:#ead59690; }
.cv-home-visual-credit { position:absolute; bottom:0; right:0; font-size:8px; color:#868f88; letter-spacing:.17em; }
.cv-home-motion { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin:8px 0 23px; color:#969c91; font-size:10px; }
.cv-home-motion button { color:#ccc8b7; border:0; border-bottom:1px solid #cec4a444; background:none; font-size:10px; padding:6px 0; cursor:pointer; }
.cv-home-showcase .studio-home-tasks { margin:0; padding:0 0 32px; border:0; }
.cv-home-task-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.cv-home-task { display:grid; grid-template-columns:1fr auto; align-content:start; gap:7px; min-width:0; min-height:130px; padding:17px 14px 15px; border:1px solid var(--home-line); border-radius:12px; background:#ffffff03; color:var(--text); text-align:left; cursor:pointer; }
.cv-home-task i { display:block; color:#d7c991; height:23px; margin-bottom:4px; font-style:normal; }
.cv-home-task svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.cv-home-task b { font-size:13px; font-weight:650; grid-column:1/-1; line-height:1.3; }
.cv-home-task small { grid-column:1/-1; color:var(--home-muted); font-size:10px; line-height:1.45; }
.cv-home-task > span { grid-column:2; grid-row:1; color:#7e887a; font-size:17px; }
.cv-home-task:hover { background:#e4ca7c0b; border-color:#e4ca7c55; }
.cv-home-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin:0 0 22px; }
.cv-home-section-head h2 { margin:10px 0 0; font-size:clamp(24px,2.2vw,36px); letter-spacing:-.045em; font-weight:650; line-height:1.2; }
.cv-home-section-head .studio-section-label { font-size:9px; letter-spacing:.15em; color:#cbbb85; }
.cv-home-section-head > button { display:flex; align-items:center; flex-shrink:0; gap:17px; padding:7px 0; border:0; background:none; color:#d7ceae; font-size:12px; cursor:pointer; }
.cv-home-workflows { padding:30px 0 26px; border-top:1px solid var(--home-line); }
.cv-home-workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cv-home-workflow { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); padding:0; border:1px solid var(--home-line); border-radius:15px; min-height:224px; overflow:hidden; background:#141711; color:var(--text); text-align:left; cursor:pointer; }
.cv-home-workflow:hover { border-color:#dec87980; }
.cv-home-workflow-media { position:relative; display:block; overflow:hidden; background:#0e110d; }
.cv-home-workflow-media > :is(video,img) { display:block; width:100%; height:100%; object-fit:cover; }
.cv-home-publication-covers { position:absolute; inset:0; display:block; pointer-events:none; }
.cv-home-publication-covers img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#10130f; opacity:0; transform:scale(.96); transition:opacity .6s,transform .6s; }
.cv-home-publication[data-stage="cover-one"] .cv-home-publication-covers img:first-child,
.cv-home-publication:is([data-stage="cover-two"],[data-stage="copy"]) .cv-home-publication-covers img:last-child { opacity:1; transform:none; }
.cv-home-publication-label { position:absolute; top:12px; left:8px; right:8px; padding:7px 4px; border:1px solid #ffffff25; border-radius:7px; background:#101611e6; color:#fff; font-size:10px; line-height:1.4; text-align:center; }
.cv-home-publication-copy { position:absolute; left:9px; right:9px; bottom:12px; padding:12px 10px; border:1px solid #fff6; border-radius:9px; background:#f5eedb; color:#30291b; box-shadow:0 5px 20px #0004; transition:opacity .5s,transform .5s; }
.cv-home-publication-copy b { display:block; color:#766346; font-size:7px; letter-spacing:.04em; line-height:1.5; }
.cv-home-publication-copy > span { display:block; margin:5px 0 12px; font-size:12px; line-height:1.3; font-weight:700; }
.cv-home-publication-copy i { display:block; height:3px; background:#c9bda6; border-radius:2px; margin-top:5px; }
.cv-home-publication-copy i:last-child { width:70%; }
.cv-home-publication:not([data-stage="copy"]) .cv-home-publication-copy { opacity:0; transform:translateY(12px); }
@media(prefers-reduced-motion:reduce) { .cv-home-publication * { transition:none!important; } }
.cv-home-workflow-copy { display:flex; flex-direction:column; align-items:flex-start; padding:20px 16px 17px; gap:12px; min-width:0; }
.cv-home-workflow-copy small { font-size:8px; color:#c6b982; letter-spacing:.08em; line-height:1.5; }
.cv-home-workflow-copy b { font-size:18px; line-height:1.15; letter-spacing:-.035em; font-weight:650; }
.cv-home-workflow-copy > span { font-size:11px; line-height:1.6; color:#b7baad; }
.cv-home-workflow-copy strong { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding-top:18px; margin-top:auto; color:#e5d7a2; font-size:11px; font-weight:600; }
.cv-home-language { position:absolute; top:12px; left:10px; right:10px; padding:6px 4px; border-radius:6px; text-align:center; font-size:11px; font-weight:650; background:#0d110edd; }
.cv-home-language > span { margin:0 12px; color:#e5d7a2; }
.cv-home-subtitle { position:absolute; left:8px; right:8px; bottom:18px; background:#111b; color:#fff; padding:8px 3px; border-radius:7px; font-size:11px; text-align:center; line-height:1.5; }
.cv-home-subtitle em { font-style:normal; color:#ead596; }
.cv-home-more-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px 23px; margin-top:21px; color:#8e9688; font-size:11px; }
.cv-home-more-tools button { border:0; padding:4px 0; background:none; color:#c8c9bc; font-size:12px; cursor:pointer; }
.cv-home-more-tools button > span { color:#b7a96f; margin-left:7px; }
.cv-home-inspiration { margin-top:32px; }
.cv-home-inspiration-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.cv-home-idea { display:block; min-width:0; padding:0; border:0; background:none; color:inherit; text-align:left; cursor:pointer; }
.cv-home-idea-media { display:block; position:relative; height:240px; border-radius:13px; overflow:hidden; background:#151711; }
.cv-home-idea-media :is(video,img) { width:100%; height:100%; object-fit:cover; }
.cv-home-idea-duration { position:absolute; top:11px; right:11px; padding:5px 8px; border-radius:5px; font-size:10px; background:#080d0abf; color:white; }
.cv-home-idea-action { position:absolute; bottom:10px; left:10px; right:10px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px; border:1px solid #ffffff21; border-radius:7px; font-size:11px; background:#080d0ad9; color:#fff; }
.cv-home-idea > b { display:block; margin:12px 0 0; font-size:13px; line-height:1.4; font-weight:600; }
.cv-home-idea:hover .cv-home-idea-action { background:#171d13; color:#ead596; }
.cv-home-showcase .studio-home-hub > .studio-favorites { margin-top:38px; padding:20px 0; border:0; border-block:1px solid var(--home-line); border-radius:0; background:none; box-shadow:none; }
.cv-home-showcase .studio-favorites header { margin-bottom:14px; }
.cv-home-showcase .studio-favorites .studio-section-label { display:none; }
.cv-home-showcase .studio-favorites h2 { font-size:18px; }
.cv-home-showcase .studio-favorite-list > button { background:#ffffff03; min-height:60px; }
.cv-home-showcase .studio-home-models { margin-top:32px; }
.cv-home-showcase .studio-home-models .studio-section-label { display:none; }
.cv-home-showcase .studio-home-section-head h2 { font-size:24px; }
.cv-home-showcase .studio-home-model-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.cv-home-showcase .studio-home-model-card { grid-template-columns:64px minmax(0,1fr); min-height:100px; padding:12px; gap:12px; border-radius:11px; background:#ffffff02; }
.cv-home-showcase .studio-home-model-card > span:first-child { height:64px; border-radius:8px; background:#fff; overflow:hidden; align-self:center; }
.cv-home-showcase .studio-home-model-card > span:first-child img { object-fit:contain; padding:5px; }
.cv-home-showcase .studio-home-model-card > span:last-child { padding:0; }
.cv-home-showcase .studio-home-model-card small { display:none; }
.cv-home-showcase .studio-home-model-card b { font-size:13px; }
.cv-home-showcase .studio-home-model-card em { font-size:10px; line-height:1.4; margin-top:6px; }
.cv-home-showcase .studio-home-model-card strong { font-size:10px; margin-top:10px; }
.cv-home-showcase .studio-home-platforms { display:flex; justify-content:space-between; gap:20px; padding:24px 0; margin-top:32px; border-block:1px solid var(--home-line); }
.cv-home-showcase .studio-home-platforms > div { display:grid; gap:8px; }
.cv-home-showcase .studio-home-platforms > div b { font-size:15px; font-weight:600; }
.cv-home-showcase .studio-home-platforms > div span { color:#a1a99a; font-size:12px; }
.cv-home-showcase .studio-home-platforms nav { display:flex; align-items:center; gap:20px; }
.cv-home-showcase .studio-home-platforms nav a { color:#dacf9f; text-decoration:none; font-size:12px; padding:8px 0; }
.cv-home-showcase .studio-home-faq { margin-top:28px; }
.cv-home-showcase .studio-home-faq h2 { font-size:18px; }
.cv-home-showcase .studio-faq-grid { gap:10px; }
.cv-home-showcase .studio-faq-grid details { background:none; border-color:var(--home-line); }
.cv-home-showcase .studio-faq-grid summary { font-size:12px; }
.cv-home-showcase .studio-faq-grid p { font-size:12px; color:#b3baac; }
[data-home-hub] button:focus-visible,[data-home-hub] a:focus-visible { outline:2px solid #ead596; outline-offset:4px; }
@media(min-width:1600px) { .cv-home-intro-visual button { height:450px; } .cv-home-intro-visual .cv-home-visual-video { height:420px; } .cv-home-workflow { min-height:260px; } .cv-home-idea-media { height:290px; } .cv-home-task b { font-size:15px; } .cv-home-task small { font-size:12px; } }
@media(max-width:1200px) { .cv-home-showcase .studio-home-start { gap:24px; grid-template-columns:1.1fr 1fr; } .cv-home-showcase .studio-home-start h1 { font-size:48px; } .cv-home-intro-actions { gap:8px; } .cv-home-intro-actions button { font-size:12px; padding-inline:13px; } .cv-home-task-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .cv-home-task { min-height:100px; grid-template-columns:28px 1fr auto; align-items:center; gap:5px 10px; } .cv-home-task b { grid-column:2; grid-row:1; } .cv-home-task i { grid-column:1; grid-row:1/3; } .cv-home-task small { grid-column:2; } .cv-home-task > span { grid-column:3; } .cv-home-workflow-grid { gap:10px; } .cv-home-workflow { grid-template-columns:1fr; } .cv-home-workflow-media { height:160px; } .cv-home-workflow-media > :is(video,img) { object-fit:contain; } .cv-home-workflow-copy { min-height:195px; } .cv-home-subtitle { max-width:140px; margin:auto; } .cv-home-language { left:auto; } .cv-home-idea-media { height:215px; } }
@media(max-width:800px) { .cv-home-showcase .studio-home-start { grid-template-columns:1fr; } .cv-home-intro-visual { max-width:600px; } .cv-home-intro-visual button { height:310px; } .cv-home-intro-visual .cv-home-visual-video { height:280px; } .cv-home-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cv-home-section-head { align-items:flex-start; flex-direction:column; gap:12px; } .cv-home-workflow-grid { grid-template-columns:1fr; } .cv-home-workflow { grid-template-columns:140px minmax(0,1fr); } .cv-home-workflow-media { height:auto; } .cv-home-inspiration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cv-home-showcase .studio-home-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cv-home-showcase .studio-home-platforms { flex-direction:column; } }