/* LVW cover identity revamp | isolated to website gallery artwork.
 * No changes to approved 9 Church/Beauty covers, their sites or checkout flows.
 * Cover elements use deliberate individual brand compositions, not shared pastels. */
.gallery .concept-card>a.cover-upgraded,
.gallery .starter-card>a.cover-starter{
 display:block!important;position:relative;isolation:isolate;
 overflow:hidden;box-sizing:border-box;min-height:320px;height:320px!important;
 padding:0!important;border-radius:0;text-decoration:none;
}
.gallery .cover-upgraded *,
.gallery .cover-starter *{box-sizing:border-box}
.gallery .cover-upgraded .cover-copy{
 position:absolute;z-index:4;top:0;left:0;bottom:0;width:55%;padding:27px 21px 24px 28px;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0
}
.gallery .cover-upgraded .cover-copy h2{
 display:block!important;position:relative!important;margin:18px 0 15px!important;
 padding:0!important;font-size:clamp(27px,2.7vw,43px)!important;
 line-height:1.08!important;font-weight:700;letter-spacing:-.04em;
 text-wrap:balance;max-width:100%;color:inherit!important;grid-column:auto!important;
}
.gallery .cover-upgraded .cover-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}
.gallery .cover-upgraded .cover-eyebrow{
 font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.1em;
 text-transform:uppercase;margin:0;max-width:100%;color:inherit
}
.gallery .cover-upgraded .cover-sub{font-size:11px;line-height:1.45;max-width:230px}
.gallery .cover-upgraded .cover-note{font-size:9px;font-weight:800;letter-spacing:.075em;margin-top:auto}
.gallery .cover-upgraded .cover-photo{
 display:block!important;position:absolute;right:0;top:0;bottom:0;z-index:0;
 width:51%;height:100%;max-width:none;object-fit:cover;object-position:center;
 transition:transform .35s ease,filter .35s ease;
}
.gallery .cover-upgraded:hover .cover-photo{transform:scale(1.035)}
.gallery .cover-upgraded:focus-visible,.gallery .cover-starter:focus-visible{
 outline:4px solid #2860e2;outline-offset:-5px
}
.gallery .cover-upgraded :is(.cover-strategy,.cover-ticket,.cover-seal,.cover-agenda,.cover-tech,.cover-industrial,.cover-legal-paper,.cover-timeline,.cover-property-data,.cover-community-note,.cover-dashboard,.cover-player,.cover-personality-label,.cover-learning){
 position:absolute;z-index:3
}
/* 01 / Northline: strategy-room editorial with a miniature engagement flow. */
.gallery .cover--consult{background:#123e39;color:#f7f2e5}
.gallery .cover--consult .cover-copy{width:59%;justify-content:flex-start;padding-top:30px}
.gallery .cover--consult .cover-copy h2{font-family:Georgia,serif;font-weight:400!important;font-size:38px!important}
.gallery .cover--consult .cover-copy h2 em{color:#f9c28b}
.gallery .cover--consult .cover-photo{width:50%;filter:grayscale(.15) brightness(.7);object-position:60%}
.gallery .cover--consult::after{content:'';position:absolute;inset:0;background:linear-gradient(92deg,#123e39 0%,#123e39 41%,#123e3970 73%,transparent 100%);z-index:1}
.gallery .cover--consult .cover-strategy{right:15px;bottom:17px;width:43%;background:#f7f2e8;color:#153934;padding:12px 15px;box-shadow:5px 5px 0 #e0ad83}
.gallery .cover--consult .cover-strategy small{display:block;font:800 8px/1.3 Arial,sans-serif;letter-spacing:.08em;margin-bottom:6px}
.gallery .cover--consult .cover-strategy b{display:flex;gap:9px;align-items:baseline;padding:4px 0;border-bottom:1px solid #b6c4bc;font:600 11px/1.25 Arial,sans-serif}
.gallery .cover--consult .cover-strategy i{font:700 10px/1 Arial,sans-serif;color:#bc5a38}
/* 02 / FORM: full-bleed gym poster with an athletic plan ticket. */
.gallery .cover--training{background:#121b13;color:#e9fb9d}
.gallery .cover--training .cover-photo{width:100%;object-position:70% 45%;filter:brightness(.47) grayscale(.18)}
.gallery .cover--training::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142115 0%,#142115cf 42%,transparent 100%);z-index:1}
.gallery .cover--training .cover-copy{width:88%;justify-content:flex-start;padding:24px 26px}
.gallery .cover--training .cover-copy h2{font:900 clamp(34px,3.6vw,56px)/.96 Arial,sans-serif!important;letter-spacing:-.08em;text-transform:uppercase;margin-top:44px!important}
.gallery .cover--training .cover-copy h2 em{font:inherit;color:#fff}
.gallery .cover--training .cover-sub{color:#fff}
.gallery .cover--training .cover-ticket{right:20px;bottom:17px;background:#e4ff87;color:#18231a;padding:11px 16px;transform:rotate(3deg);max-width:46%;box-shadow:4px 4px 0 #101b0f}
.gallery .cover--training .cover-ticket span,.gallery .cover--training .cover-ticket small{display:block;font:700 8px/1.4 Arial,sans-serif;letter-spacing:.08em}
.gallery .cover--training .cover-ticket b{display:block;font:900 14px/1.1 Arial,sans-serif;margin:4px 0}
/* 03 / Common Ground: lived-in home rather than patio / landscaping. */
.gallery .cover--care{background:#f0e8d7;color:#294c37}
.gallery .cover--care .cover-copy{width:53%;justify-content:flex-start;padding-top:34px}
.gallery .cover--care .cover-copy h2{font:400 39px/1.06 Georgia,serif!important;letter-spacing:-.05em}
.gallery .cover--care .cover-copy h2 em{color:#b75e45}
.gallery .cover--care .cover-photo{width:48%;height:91%;right:0;top:9%;border-top-left-radius:105px;object-position:center}
.gallery .cover--care .cover-seal{bottom:20px;right:8px;width:135px;padding:13px;background:#c8d9b9;color:#2b503e;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.045em;transform:rotate(-4deg)}
/* 04 / Fieldnote: a real agenda as hero art, not an empty stage. */
.gallery .cover--workshop{background:#f1c55c;color:#183641}
.gallery .cover--workshop .cover-copy{width:51%;justify-content:flex-start;padding-top:34px}
.gallery .cover--workshop .cover-copy h2{font:800 37px/1.05 'Arial',sans-serif!important}
.gallery .cover--workshop .cover-copy h2 em{font:italic 34px/1.1 Georgia,serif;color:#bd4d31}
.gallery .cover--workshop .cover-agenda{top:23px;bottom:18px;right:13px;width:47%;padding:16px;background:#fff9eb;box-shadow:6px 7px 0 #173b3c;transform:rotate(2deg)}
.gallery .cover--workshop .agenda-top{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #d45e40;padding-bottom:9px;gap:6px}
.gallery .cover--workshop .agenda-top b{font:900 9px/1.2 Arial,sans-serif;letter-spacing:.04em}
.gallery .cover--workshop .agenda-top span{font:800 9px/1 Arial,sans-serif;color:#b64e35}
.gallery .cover--workshop .agenda-item{display:flex;align-items:center;gap:8px;padding:11px 2px;border-bottom:1px solid #bbcec5}
.gallery .cover--workshop .agenda-item b{font:800 10px Arial,sans-serif;color:#b64e35}
.gallery .cover--workshop .agenda-item span{font:700 11px Arial,sans-serif}
.gallery .cover--workshop .agenda-item i{margin-left:auto;width:7px;height:7px;border:1px solid #1c4842;border-radius:50%}
.gallery .cover--workshop .agenda-bottom{font:800 8px/1.35 Arial,sans-serif;letter-spacing:.045em;padding-top:12px}
/* 05 / AIRWELL: technical cool-blue HVAC assembly, no construction scene. */
.gallery .cover--hvac{background:#112c40;color:#eefaff}
.gallery .cover--hvac .cover-copy{width:54%;justify-content:flex-start;padding-top:32px}
.gallery .cover--hvac .cover-copy h2{font:800 39px/1.02 Arial,sans-serif!important;letter-spacing:-.055em}
.gallery .cover--hvac .cover-copy h2 em{color:#72d9df;font-style:normal;font-family:Arial,sans-serif;font-weight:400}
.gallery .cover--hvac .cover-photo{width:54%;height:78%;top:13%;right:-4%;object-fit:contain;filter:contrast(1.2) saturate(.8);border:2px solid #69cbd755;background:#dce5ea}
.gallery .cover--hvac .cover-tech{right:20px;bottom:20px;left:47%;border:1px solid #65d6e0;padding:9px 12px;background:#0d2438dd;color:#9aeff4}
.gallery .cover--hvac .cover-tech b{font:800 19px/1 Arial,sans-serif}
.gallery .cover--hvac .cover-tech span{display:block;font:700 8px/1.4 Arial,sans-serif;letter-spacing:.05em}
.gallery .cover--hvac .cover-tech-line{height:2px;background:linear-gradient(90deg,#87d7e1,transparent);margin-top:4px}
/* 06 / REFRAME: industrial sheet-metal manifesto, cut/measure stamp. */
.gallery .cover--supply{background:#292b26;color:#fff1d0}
.gallery .cover--supply .cover-photo{width:100%;filter:brightness(.46) grayscale(.45);object-position:center}
.gallery .cover--supply::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#262b26f0 2%,#262b26b9 53%,#252a2659);z-index:1}
.gallery .cover--supply .cover-copy{width:88%;padding:30px;justify-content:flex-start}
.gallery .cover--supply .cover-copy h2{font:900 39px/.99 Arial,sans-serif!important;letter-spacing:-.075em;text-transform:uppercase}
.gallery .cover--supply .cover-copy h2 em{color:#f5ba62;font:inherit}
.gallery .cover--supply .cover-industrial{bottom:20px;right:16px;background:#f5ba62;color:#2b2d28;min-width:175px;padding:12px;transform:rotate(-2deg)}
.gallery .cover--supply .cover-industrial b,.gallery .cover--supply .cover-industrial small{display:block;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.05em}
/* 07 / Westmark: paper, discretion and a legal intake—not hotel interiors. */
.gallery .cover--legal{background:#1d2c34;color:#fff4e0}
.gallery .cover--legal .cover-copy{width:54%;justify-content:flex-start;padding-top:32px}
.gallery .cover--legal .cover-copy h2{font:400 38px/1.05 Georgia,serif!important}
.gallery .cover--legal .cover-copy h2 em{color:#d6b984}
.gallery .cover--legal .cover-legal-paper{right:17px;top:25px;bottom:15px;width:46%;background:#fff6e6;color:#1e343b;padding:20px 16px 12px;box-shadow:6px 6px 0 #ba9c72;transform:rotate(2deg)}
.gallery .cover--legal .letter-header{display:flex;justify-content:space-between;align-items:start;gap:5px}
.gallery .cover--legal .letter-header b{font:800 12px Georgia,serif;letter-spacing:.045em}
.gallery .cover--legal .letter-header small{font:700 8px/1.2 Arial,sans-serif;max-width:90px}
.gallery .cover--legal .letter-rule{height:3px;background:#a88753;margin:15px 0 14px}
.gallery .cover--legal .cover-legal-paper>span{font:italic 16px/1.35 Georgia,serif}
.gallery .cover--legal .cover-legal-paper>i{display:block;height:1px;background:#c8b6a1;margin-top:13px;width:100%}
.gallery .cover--legal .cover-legal-paper>i:nth-of-type(2){width:86%}
.gallery .cover--legal .cover-legal-paper>i:nth-of-type(3){width:74%}
.gallery .cover--legal .letter-bottom{font:700 8px/1.4 Arial,sans-serif;letter-spacing:.04em;margin-top:22px}
/* 08 / CLEARLINE: closing milestones alongside actual signing media. */
.gallery .cover--closing{background:#e6f0ea;color:#1e4546}
.gallery .cover--closing .cover-copy{width:52%;justify-content:flex-start;padding-top:32px}
.gallery .cover--closing .cover-copy h2{font:400 38px/1.05 Georgia,serif!important}
.gallery .cover--closing .cover-copy h2 em{color:#ba714e}
.gallery .cover--closing .cover-photo{width:50%;height:80%;top:0;object-position:60%}
.gallery .cover--closing .cover-timeline{bottom:0;left:0;right:0;height:57px;background:#1e4546;color:#fff4e7;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.gallery .cover--closing .cover-timeline span{display:flex;align-items:center;gap:7px;font:800 10px/1.2 Arial,sans-serif;padding-inline:14px}
.gallery .cover--closing .cover-timeline b{display:inline-grid;place-items:center;border:1px solid #edb994;width:25px;height:25px;border-radius:50%;font:800 9px Arial,sans-serif}
/* 09 / HAVEN: portfolio overview instead of home-sale hero. */
.gallery .cover--property{background:#dce5e3;color:#183844}
.gallery .cover--property .cover-copy{width:53%;justify-content:flex-start;padding-top:33px}
.gallery .cover--property .cover-copy h2{font:700 37px/1.05 Georgia,serif!important}
.gallery .cover--property .cover-copy h2 em{color:#537a74}
.gallery .cover--property .cover-photo{width:53%;height:82%;top:0;object-position:center}
.gallery .cover--property .cover-property-data{right:14px;bottom:14px;width:47%;background:#183844;color:#eff8f4;padding:13px;border-left:5px solid #e5bb75}
.gallery .cover--property .cover-property-data small,.gallery .cover--property .cover-property-data span{display:block;font:800 8px/1.5 Arial,sans-serif;letter-spacing:.05em}
.gallery .cover--property .cover-property-data b{font:800 15px/1.4 Arial,sans-serif;display:block;margin:5px 0}
/* 10 / GOODFOLK: active people/community, not empty offices. */
.gallery .cover--community{background:#eab47f;color:#442d32}
.gallery .cover--community .cover-copy{width:53%;justify-content:flex-start;padding-top:34px}
.gallery .cover--community .cover-copy h2{font:700 39px/1.03 Georgia,serif!important}
.gallery .cover--community .cover-copy h2 em{color:#b2423a}
.gallery .cover--community .cover-photo{width:53%;object-position:center;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.gallery .cover--community .cover-community-note{right:10px;bottom:17px;width:43%;background:#f7efc9;padding:12px;color:#5a372e;transform:rotate(2deg);font:800 10px/1.3 Arial,sans-serif;box-shadow:3px 4px 0 #853c35}
.gallery .cover--community .cover-community-note span{float:right;font-size:20px}
/* The four creator covers belong to a different collection, and behave like
 * distinct miniature product interfaces rather than numbered stock thumbnails. */
.gallery .cover--office{background:#deddf9;color:#201e4d}
.gallery .cover--office .cover-copy{width:43%;justify-content:flex-start;padding:27px 19px}
.gallery .cover--office .cover-copy h2{font:800 35px/1.05 Arial,sans-serif!important;letter-spacing:-.07em}
.gallery .cover--office .cover-copy h2 em{color:#594cb0}
.gallery .cover--office .cover-dashboard{right:14px;top:24px;bottom:22px;width:55%;display:grid;grid-template-columns:29% 71%;box-shadow:6px 7px 0 #9c91d5;transform:rotate(1deg);font:10px Arial,sans-serif}
.gallery .cover--office .dash-rail{background:#262957;color:#f7f3ff;padding:10px 8px;display:flex;flex-direction:column;gap:9px}
.gallery .cover--office .dash-rail>b{font-size:13px;padding-bottom:7px}
.gallery .cover--office .dash-rail>span{font-size:8px;opacity:.86}
.gallery .cover--office .dash-main{padding:12px 10px;background:#f8f5ff}
.gallery .cover--office .dash-top{display:flex;justify-content:space-between;font-size:7px;color:#534ea0}
.gallery .cover--office .dash-top i{font-style:normal;color:#a04b73}
.gallery .cover--office .dash-main>strong{display:block;font:800 18px/1.05 Arial,sans-serif;margin:18px 0 14px}
.gallery .cover--office .dash-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.gallery .cover--office .dash-numbers span{display:flex;flex-direction:column;background:#e6e6ff;padding:5px 3px;font:700 6px Arial,sans-serif}
.gallery .cover--office .dash-numbers b{font-size:16px}
.gallery .cover--office .dash-tracks{margin-top:13px}
.gallery .cover--office .dash-tracks i{display:block;height:6px;border-radius:4px;background:#d5d2eb;margin:7px 0}
.gallery .cover--office .dash-tracks i:nth-child(2){width:75%;background:#ada3e5}
.gallery .cover--office .dash-tracks i:nth-child(3){width:48%}
.gallery .cover--channel{background:#17283d;color:#ffefe7}
.gallery .cover--channel .cover-copy{width:62%;padding:28px;justify-content:flex-start}
.gallery .cover--channel .cover-copy h2{font:800 38px/1.03 Arial,sans-serif!important}
.gallery .cover--channel .cover-copy h2 em{color:#ffae71}
.gallery .cover--channel .cover-photo{width:55%;filter:brightness(.6);object-position:center}
.gallery .cover--channel::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#152940 0%,#152940d0 47%,transparent);z-index:1}
.gallery .cover--channel .cover-player{right:13px;bottom:15px;width:49%;border:1px solid #ffb57d;background:#101e32db;color:#fff2e6;padding:12px;display:flex;align-items:center;gap:9px}
.gallery .cover--channel .cover-player>b{width:34px;height:34px;border-radius:50%;background:#ffac74;color:#17283d;display:grid;place-items:center;font-size:15px}
.gallery .cover--channel .cover-player span{font:800 9px/1.4 Arial,sans-serif}
.gallery .cover--channel .cover-player i{display:block;font:700 8px/1.6 Arial,sans-serif}
.gallery .cover--personality{background:#f4d53b;color:#1e3da7}
.gallery .cover--personality .cover-copy{width:53%;padding:25px;justify-content:flex-start}
.gallery .cover--personality .cover-copy h2{font:900 56px/.9 Arial,sans-serif!important;letter-spacing:-.095em;transform:rotate(-2deg);margin-top:45px!important}
.gallery .cover--personality .cover-copy h2 em{font:italic 47px/1 Georgia,serif;color:#db4e65}
.gallery .cover--personality .cover-photo{width:51%;height:77%;top:5%;right:3%;border:5px solid #1e3da7;filter:saturate(1.15);transform:rotate(3deg)}
.gallery .cover--personality:hover .cover-photo{transform:rotate(1deg) scale(1.025)}
.gallery .cover--personality .cover-personality-label{bottom:10px;right:4%;width:48%;background:#1e3da7;color:#fff;padding:9px;transform:rotate(-2deg)}
.gallery .cover--personality .cover-personality-label b,.gallery .cover--personality .cover-personality-label span{display:block;font:800 9px/1.3 Arial,sans-serif}
.gallery .cover--expert{background:#dedaf2;color:#2c3159}
.gallery .cover--expert .cover-copy{width:50%;padding:25px;justify-content:flex-start}
.gallery .cover--expert .cover-copy h2{font:700 37px/1.05 Georgia,serif!important}
.gallery .cover--expert .cover-copy h2 em{color:#565bad}
.gallery .cover--expert .cover-learning{right:15px;top:27px;bottom:22px;width:47%;padding:13px;background:#fbfff7;border:2px solid #2c3159;box-shadow:5px 5px 0 #8dd5c0}
.gallery .cover--expert .cover-learning>small{font:800 8px/1.3 Arial,sans-serif;letter-spacing:.08em}
.gallery .cover--expert .learn-step{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #bbc1d5}
.gallery .cover--expert .learn-step b{font:800 10px Arial,sans-serif;color:#6258bd}
.gallery .cover--expert .learn-step span{font:700 11px Arial,sans-serif}
.gallery .cover--expert .learn-step i{font-style:normal;margin-left:auto}
.gallery .cover--expert .learn-progress{height:6px;background:#e1e2ef;margin:12px 0 7px}
.gallery .cover--expert .learn-progress span{display:block;width:63%;height:100%;background:#665cc1}
/* Three generic starter layouts are now actual visual mini-sites. */
.gallery .starter-card>a.cover-starter{padding:18px!important;background:#ebeff1;color:#203749;height:320px;display:flex!important;flex-direction:column;gap:8px}
.gallery .cover-starter .starter-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.08em}
.gallery .cover-starter .starter-head small{font:700 9px/1.3 Arial,sans-serif;letter-spacing:0}
.gallery .cover-starter .starter-browser{flex:1;min-height:0;background:#fff;border:1px solid #778493;box-shadow:4px 4px 0 #20374929;overflow:hidden}
.gallery .cover-starter .starter-nav{display:flex;justify-content:space-between;align-items:center;gap:5px;font:800 10px/1.3 Arial,sans-serif;padding:10px 13px}
.gallery .cover-starter .starter-nav span{font-size:7px;font-weight:600}
.gallery .cover-starter .starter-caption{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.03em}
.gallery .cover--split{background:#c4e7de!important}
.gallery .cover--split .starter-browser{background:#f8f9ef}
.gallery .cover--split .starter-columns{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 32px)}
.gallery .cover--split .starter-copy{display:flex;flex-direction:column;justify-content:center;padding:14px 15px}
.gallery .cover--split .starter-copy small{font:800 7px Arial,sans-serif}
.gallery .cover--split .starter-copy strong{font:800 23px/.99 Arial,sans-serif;margin:10px 0}
.gallery .cover--split .starter-copy span{font:10px/1.4 Arial,sans-serif}
.gallery .cover--split .starter-copy i{font:800 9px Arial,sans-serif;background:#1b554a;color:white;padding:7px;margin-top:9px;width:max-content}
.gallery .cover--split .starter-image{display:flex;align-items:end;justify-content:center;padding:13px;background:radial-gradient(circle at 60% 38%,#f5b56f 0 15%,transparent 16%),linear-gradient(125deg,#85aab9 25%,#416785 25% 49%,#e4c395 49% 74%,#b05c4a 74%);color:#fff}
.gallery .cover--split .starter-image span{font:800 8px Arial,sans-serif;letter-spacing:.03em;text-shadow:0 1px 3px #000}
.gallery .cover--editorial{background:#e9dfd1!important;color:#422e25}
.gallery .cover--editorial .starter-browser{background:#fff9f1;border-color:#b49f84}
.gallery .cover--editorial .starter-nav{font-family:Georgia,serif;font-weight:400}
.gallery .cover--editorial .editorial-title{padding:13px 24px 3px}
.gallery .cover--editorial .editorial-title small{display:block;font:800 7px Arial,sans-serif;letter-spacing:.09em}
.gallery .cover--editorial .editorial-title strong{display:block;font:400 34px/.93 Georgia,serif;margin:8px 0}
.gallery .cover--editorial .editorial-title em{color:#ae5d47}
.gallery .cover--editorial .editorial-title span{font:10px/1.3 Georgia,serif}
.gallery .cover--editorial .editorial-rule{height:1px;background:#b7a99c;margin:9px 24px}
.gallery .cover--showcase{background:#162c41!important;color:#f2e7cd}
.gallery .cover--showcase .starter-browser{background:#213748;border:1px solid #aeb5c5}
.gallery .cover--showcase .showcase-head{display:flex;justify-content:space-between;gap:15px;padding:10px 13px}
.gallery .cover--showcase .showcase-head strong{font:700 22px/1 Georgia,serif}
.gallery .cover--showcase .showcase-head small{font:700 8px/1.3 Arial,sans-serif;max-width:75px}
.gallery .cover--showcase .showcase-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:4px;height:calc(100% - 110px);padding:0 9px 9px}
.gallery .cover--showcase .showcase-grid span{display:flex;align-items:end;padding:8px;background:linear-gradient(140deg,#d1a67c,#688aa0 65%,#a5b8b2);color:#142f40;font:800 8px Arial,sans-serif}
.gallery .cover--showcase .showcase-grid span:nth-child(2){background:linear-gradient(50deg,#f0c48a,#986e76)}
.gallery .cover--showcase .showcase-grid span:nth-child(3){background:linear-gradient(70deg,#96b7a5,#8d9bc7)}
/* Main gallery's dedicated creator feature is already approved and strong;
 * its three smaller creator thumbnails get matching identity treatment. */
.gallery .creator-demo-card .cover-main-thumb{position:absolute;inset:0;overflow:hidden;display:block}
.gallery .creator-demo-card .cover-main-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gallery .creator-demo-card .cover-main-thumb>strong{position:absolute;left:18px;top:20px;z-index:5;font:900 clamp(24px,3vw,44px)/1 Arial,sans-serif;letter-spacing:-.05em;padding:8px}
.gallery .creator-demo-card--channel .cover-main-thumb{background:#162b3e;color:#fff}
.gallery .creator-demo-card--channel .cover-main-thumb>img{filter:brightness(.58)}
.gallery .creator-demo-card--channel .cover-main-thumb>strong{color:#ffbe87}
.gallery .creator-demo-card--channel .cover-player{position:absolute;bottom:20px;right:18px;z-index:2;background:#122437d9;padding:11px;border:1px solid #ffbe87;color:#fff;display:flex;align-items:center;gap:10px}
.gallery .creator-demo-card--channel .cover-player>b{font:800 20px Arial,sans-serif}
.gallery .creator-demo-card--channel .cover-player span{font:700 9px Arial,sans-serif}
.gallery .creator-demo-card--personality .cover-main-thumb{background:#f4d53b;color:#1e3da7}
.gallery .creator-demo-card--personality .cover-main-thumb>img{width:59%;height:80%;right:8%;top:12%;left:auto;transform:rotate(4deg);border:6px solid #1e3da7}
.gallery .creator-demo-card--personality .cover-main-thumb>strong{font-size:clamp(30px,4vw,50px);max-width:47%;color:#1e3da7}
.gallery .creator-demo-card--personality .cover-personality-label{position:absolute;bottom:15px;left:12px;z-index:3;background:#1e3da7;color:#fff;padding:9px;font:800 10px Arial,sans-serif}
.gallery .creator-demo-card--expert .cover-main-thumb{background:#dedaf2;color:#2c3159}
.gallery .creator-demo-card--expert .cover-main-thumb>strong{top:15px;color:#363878}
.gallery .creator-demo-card--expert .cover-learning{position:absolute;top:70px;left:18px;right:18px;bottom:15px;padding:14px;background:#fff;border:2px solid #2c3159}
.gallery .creator-demo-card--expert .learn-step{display:flex;gap:15px;padding:8px;border-bottom:1px solid #bbb5dc;font:700 12px Arial,sans-serif}
.gallery .creator-demo-card--expert .learn-step i{margin-left:auto}
.gallery .creator-demo-card--expert .learn-progress{height:5px;margin-top:9px;background:linear-gradient(90deg,#6762ba 65%,#dcdbe6 65%)}
@media(max-width:680px){
 .gallery .concept-card>a.cover-upgraded,.gallery .starter-card>a.cover-starter{height:250px!important;min-height:250px}
 .gallery .cover-upgraded .cover-copy{padding:19px 15px;width:57%}
 .gallery .cover-upgraded .cover-copy h2{font-size:clamp(24px,6vw,34px)!important;margin:9px 0!important}
 .gallery .cover-upgraded .cover-eyebrow{font-size:8px}
 .gallery .cover-upgraded .cover-sub{font-size:9px}
 .gallery .cover--training .cover-copy h2,.gallery .cover--supply .cover-copy h2{font-size:clamp(25px,7vw,38px)!important}
 .gallery .cover--personality .cover-copy h2{font-size:43px!important}
 .gallery .cover--workshop .cover-agenda{width:44%;padding:11px}
 .gallery .cover--workshop .agenda-item{padding:6px 0}
 .gallery .cover--workshop .agenda-item span{font-size:9px}
 .gallery .cover--office .cover-dashboard{width:53%;top:15px;bottom:15px}
 .gallery .cover--legal .cover-legal-paper{padding:13px;top:15px;bottom:12px}
 .gallery .cover--legal .cover-legal-paper>span{font-size:12px}
 .gallery .cover--legal .cover-legal-paper>i{margin-top:9px}
 .gallery .cover--closing .cover-timeline{height:44px}
 .gallery .cover--closing .cover-timeline span{font-size:8px;padding-inline:7px}
 .gallery .cover--closing .cover-timeline b{width:18px;height:18px}
 .gallery .cover-starter .starter-nav{padding:7px}
 .gallery .cover--split .starter-copy strong{font-size:20px}
 .gallery .cover--editorial .editorial-title strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.gallery .cover-upgraded .cover-photo{transition:none}.gallery .cover-upgraded:hover .cover-photo{transform:none}}

/* Visual QA refinements: keep headlines inside the intended cover geometry. */
.gallery .cover--personality .cover-copy h2{font-size:clamp(36px,3.3vw,47px)!important}
.gallery .cover--personality .cover-copy h2 em{font-size:.92em;line-height:1}
.gallery .cover--personality .cover-sub{max-width:205px}
.gallery .starter-card>a.cover--showcase{color:#f2e7cd!important}
.gallery .starter-card>a.cover--showcase .starter-browser{color:#f2e7cd!important}
.gallery .cover--showcase .starter-nav,.gallery .cover--showcase .starter-head,.gallery .cover--showcase .starter-caption,.gallery .cover--showcase .showcase-head{color:#f2e7cd!important}
.gallery .cover--consult .cover-eyebrow,.gallery .cover--property .cover-eyebrow{max-width:195px;overflow-wrap:normal}
@media(max-width:680px){
 .gallery .cover--personality .cover-copy{width:49%}
 .gallery .cover--personality .cover-copy h2{font-size:clamp(30px,7.8vw,36px)!important;letter-spacing:-.085em}
 .gallery .cover--personality .cover-sub{max-width:145px;font-size:9px}
 .gallery .cover--personality .cover-photo{width:48%;right:2%}
 .gallery .cover--consult .cover-copy{width:53%}
 .gallery .cover--consult .cover-eyebrow,.gallery .cover--property .cover-eyebrow{max-width:145px;line-height:1.5;font-size:8px}
 .gallery .cover--consult .cover-copy h2{font-size:32px!important}
 .gallery .cover--property .cover-copy{width:49%}
 .gallery .cover--property .cover-copy h2{font-size:29px!important}
 .gallery .cover--property .cover-sub{max-width:155px}
}

/* Main gallery legacy creator-thumb reset: older generic span badges must not
 * override the internal elements of the new creator mini-site artwork. */
.gallery .creator-demo-card .c-thumb .cover-main-thumb{
 position:absolute!important;inset:0!important;display:block!important;
 background:inherit;color:inherit;padding:0!important;border:0!important;
 font:inherit!important;letter-spacing:normal!important;text-transform:none!important;
}
.gallery .creator-demo-card .c-thumb .cover-main-thumb span{
 position:static!important;inset:auto!important;display:inline!important;
 background:transparent!important;color:inherit!important;padding:0!important;
 border:0!important;font:inherit!important;letter-spacing:normal!important;text-transform:none!important;
}
.gallery .creator-demo-card .c-thumb .cover-main-thumb .cover-player span{
 display:block!important;font:700 9px/1.35 Arial,sans-serif!important;color:#fff!important
}
.gallery .creator-demo-card .c-thumb .cover-main-thumb .cover-personality-label span{
 display:block!important;font:800 9px/1.3 Arial,sans-serif!important;color:#fff!important
}
.gallery .creator-demo-card .c-thumb .cover-main-thumb .learn-step span{
 display:inline!important;font:700 11px/1.35 Arial,sans-serif!important;color:#333269!important
}
.gallery .creator-demo-card .c-thumb .cover-main-thumb .learn-progress span{
 display:block!important;width:64%;height:100%;background:#665cc1!important
}
.gallery .creator-demo-card--personality .cover-main-thumb>strong{
 font-size:clamp(29px,3vw,40px);line-height:.95;letter-spacing:-.065em;
 max-width:48%;overflow-wrap:normal
}
.gallery .creator-demo-card--expert .cover-main-thumb>strong{font-size:clamp(25px,2.7vw,37px)}

/* Small main-gallery creator tiles: protect photo/text separation and full lesson roadmap. */
.gallery .creator-demo-card--personality .cover-main-thumb>img.cover-photo{
 width:47%!important;right:1%!important;left:auto!important;top:7%!important;height:86%!important;
 object-fit:cover!important;transform:rotate(3deg)
}
.gallery .creator-demo-card--personality .cover-main-thumb>strong{
 font-size:clamp(27px,2.7vw,36px)!important;max-width:45%;
 left:16px!important;top:24px!important;line-height:.97!important
}
.gallery .creator-demo-card--expert .cover-learning{
 top:63px!important;bottom:8px!important;padding:9px 10px!important
}
.gallery .creator-demo-card--expert .learn-step{
 padding:5px 0!important;font:700 10px/1.2 Arial,sans-serif!important
}
.gallery .creator-demo-card--expert .cover-learning>small{
 display:block;font:800 8px/1.2 Arial,sans-serif!important
}
.gallery .creator-demo-card--expert .learn-progress{margin-top:7px!important}

/* ================================================================
   ART DIRECTION — ORIGINAL TEN / V2
   From shared photo-and-copy halves to distinct industry-led covers.
   Gallery-only and scoped to the original ten brands.
   ================================================================ */
.gallery .cover-upgraded:is(
 .cover--consult,.cover--training,.cover--care,.cover--workshop,.cover--hvac,
 .cover--supply,.cover--legal,.cover--closing,.cover--property,.cover--community
){height:345px!important;min-height:345px;position:relative}
.gallery .cover-upgraded:is(.cover--consult,.cover--training,.cover--care,.cover--workshop,.cover--hvac,.cover--supply,.cover--legal,.cover--closing,.cover--property,.cover--community) .cover-copy{
 align-items:flex-start;z-index:5
}
.gallery .cover-upgraded .cover-copy h2 em{letter-spacing:-.055em}

/* Northline: cinematic strategy editorial. The workspace is supporting
   atmosphere rather than half a stock-photo card. */
.gallery .cover--consult{background:#072e35!important;color:#f7eee0!important}
.gallery .cover--consult .cover-photo{
 width:78%;height:100%;top:0;right:0;object-fit:cover;object-position:80% 50%;
 filter:brightness(.64) saturate(.65);clip-path:none;transform:none
}
.gallery .cover--consult::after{
 background:linear-gradient(90deg,#06292efa 0%,#06292fe8 38%,#06292fa0 67%,#06292f35 100%)!important
}
.gallery .cover--consult::before{
 content:"N / 01";position:absolute;right:26px;top:27px;z-index:3;
 font:700 11px/1 Arial,sans-serif;letter-spacing:.21em;color:#e5be96
}
.gallery .cover--consult .cover-copy{
 top:14px;left:12px;bottom:14px;width:85%;padding:21px 19px;justify-content:center;
 border-left:1px solid #c5ad854f
}
.gallery .cover--consult .cover-copy h2{
 font:400 clamp(37px,4.4vw,64px)/.99 Georgia,serif!important;
 letter-spacing:-.068em!important;max-width:500px;margin:18px 0 20px!important
}
.gallery .cover--consult .cover-copy h2 em{color:#efd5aa!important;font-style:italic}
.gallery .cover--consult .cover-eyebrow{letter-spacing:.24em!important;font-size:9px!important}
.gallery .cover--consult .cover-sub{font:600 12px/1.4 Arial,sans-serif!important;max-width:none;letter-spacing:.02em}
.gallery .cover--consult .cover-strategy{display:none!important}

/* FORM: sports-campaign poster. Full-bleed equipment photography,
   muscular headline, oversized typographic watermark, not card UI. */
.gallery .cover--training{background:#0f1e17!important;color:#efff92!important}
.gallery .cover--training .cover-photo{
 width:100%;height:100%;top:0;left:0;right:0;
 filter:contrast(1.18) brightness(.69) saturate(.6)!important;
 object-position:50% 60%
}
.gallery .cover--training::after{
 background:linear-gradient(100deg,#0a140fe0 0%,#0a140f8a 41%,#0a140f19 100%)!important
}
.gallery .cover--training::before{
 content:"F /";position:absolute;z-index:3;right:8px;bottom:-44px;
 font:900 216px/.9 Arial,sans-serif;letter-spacing:-.14em;
 color:#eaff8a2e;transform:rotate(-8deg)
}
.gallery .cover--training .cover-copy{top:13px;left:0;bottom:6px;width:95%;padding:27px 24px;justify-content:space-between}
.gallery .cover--training .cover-copy h2{
 font:900 clamp(39px,4.7vw,68px)/.87 Arial,sans-serif!important;
 text-transform:uppercase;letter-spacing:-.09em!important;
 margin:0!important;max-width:700px
}
.gallery .cover--training .cover-copy h2 em{font:inherit!important;color:#fff!important}
.gallery .cover--training .cover-sub{
 font:800 12px/1.3 Arial,sans-serif!important;
 background:#eaff92;color:#172016;padding:8px 10px;max-width:none
}
.gallery .cover--training .cover-ticket{display:none!important}

/* Common Ground: lifestyle magazine with the image left and an
   asymmetrical right-side editorial column / large arch. */
.gallery .cover--care{background:#eee7d8!important;color:#214c3f!important}
.gallery .cover--care .cover-photo{
 left:0;right:auto;top:0;width:59%;height:100%;object-fit:cover;
 border-radius:0 170px 0 0;clip-path:none;filter:saturate(.78) sepia(.09)
}
.gallery .cover--care::before{
 content:"CG";position:absolute;z-index:3;left:15px;bottom:17px;
 color:#faf2dd;font:400 38px/.9 Georgia,serif;letter-spacing:-.08em;
 text-shadow:0 2px 10px #152e29aa
}
.gallery .cover--care .cover-copy{
 left:auto;right:0;top:0;bottom:0;width:45%;padding:35px 21px;
 justify-content:center;align-items:flex-start
}
.gallery .cover--care .cover-copy h2{
 font:400 clamp(29px,3.3vw,49px)/1.02 Georgia,serif!important;
 letter-spacing:-.055em!important;margin:16px 0 19px!important
}
.gallery .cover--care .cover-copy h2 em{color:#a75041!important}
.gallery .cover--care .cover-eyebrow{font-size:9px!important;letter-spacing:.07em}
.gallery .cover--care .cover-sub{font:400 12px/1.55 Georgia,serif!important}
.gallery .cover--care .cover-note{margin-top:20px!important;letter-spacing:.11em!important}
.gallery .cover--care .cover-seal{display:none!important}

/* Fieldnote: a recognizable workshop/timetable artifact with
   geometric editorial typography, not a photo or a collection of chips. */
.gallery .cover--workshop{background:#f3d45f!important;color:#1e3440!important}
.gallery .cover--workshop::before{
 content:"FIELDNOTE";position:absolute;top:18px;left:0;right:0;text-align:center;
 font:900 clamp(40px,5.6vw,78px)/1 Arial,sans-serif;letter-spacing:-.08em;
 color:#2c484b17;z-index:0
}
.gallery .cover--workshop .cover-copy{top:0;bottom:0;left:0;width:45%;padding:37px 20px 35px 25px;justify-content:center}
.gallery .cover--workshop .cover-copy h2{
 font:800 clamp(34px,3.5vw,50px)/.99 Arial,sans-serif!important;
 margin:15px 0!important;letter-spacing:-.08em!important
}
.gallery .cover--workshop .cover-copy h2 em{
 font:italic 400 clamp(28px,3.2vw,44px)/1 Georgia,serif!important;
 color:#aa482f!important
}
.gallery .cover--workshop .cover-sub{font:700 11px/1.45 Arial,sans-serif!important}
.gallery .cover--workshop .cover-agenda{
 top:0;bottom:0;right:0;width:53%;transform:none!important;
 border-left:5px solid #ba573a;box-shadow:none;padding:33px 23px 22px;
 background:#fffbec;color:#1e3c40
}
.gallery .cover--workshop .agenda-top{padding-bottom:14px!important;border-bottom:3px solid #c05e40}
.gallery .cover--workshop .agenda-top b{font-size:11px!important}
.gallery .cover--workshop .agenda-item{padding:13px 1px!important}
.gallery .cover--workshop .agenda-item span{font-size:12px!important}
.gallery .cover--workshop .agenda-bottom{font-size:8px!important;letter-spacing:.12em!important}

/* AIRWELL: mechanical blueprint with restrained grid,
   large equipment image and precision temperature typography. */
.gallery .cover--hvac{
 background:#102e42!important;color:#e6f4f7!important;
 background-image:linear-gradient(#9acee110 1px,transparent 1px),linear-gradient(90deg,#9acee110 1px,transparent 1px)!important;
 background-size:25px 25px!important
}
.gallery .cover--hvac::before{
 content:"24°";position:absolute;z-index:1;right:20px;top:-25px;
 font:200 clamp(95px,11vw,158px)/1 Arial,sans-serif;
 color:transparent;-webkit-text-stroke:1px #84e1ec65
}
.gallery .cover--hvac .cover-photo{
 width:69%;height:95%;right:-3%;top:4%;object-fit:contain;clip-path:none;
 background:transparent!important;border:0!important;
 filter:saturate(.75) contrast(1.12) drop-shadow(0 10px 13px #08151c9c)
}
.gallery .cover--hvac .cover-copy{
 left:0;top:0;bottom:0;width:57%;padding:30px 24px;justify-content:space-between
}
.gallery .cover--hvac .cover-copy h2{
 font:800 clamp(36px,4.3vw,60px)/.98 Arial,sans-serif!important;
 letter-spacing:-.075em!important;margin:0!important
}
.gallery .cover--hvac .cover-copy h2 em{font:400 .88em/1 Arial,sans-serif!important;color:#79e3eb!important}
.gallery .cover--hvac .cover-sub{
 background:#d7f7f3;color:#0f3449;padding:8px 10px;
 font:800 10px/1.35 Arial,sans-serif!important;max-width:250px
}
.gallery .cover--hvac .cover-tech{display:none!important}

/* REFRAME: industrial photographic manifesto with hard-surface yellow
   column and type, rather than a repeated 'ticket' in the corner. */
.gallery .cover--supply{background:#191e1c!important;color:#f9e5be!important}
.gallery .cover--supply .cover-photo{
 inset:0;width:100%;height:100%;filter:grayscale(.35) brightness(.57) contrast(1.35);
 object-position:55% 40%
}
.gallery .cover--supply::after{background:linear-gradient(90deg,#141c1bdc,#141c1ba9 55%,#151f206b)!important}
.gallery .cover--supply::before{
 content:"↘";position:absolute;z-index:3;right:-6px;top:-25px;
 font:800 120px/1 Arial,sans-serif;color:#f4b44f
}
.gallery .cover--supply .cover-copy{left:0;top:0;bottom:0;width:89%;padding:26px 22px;justify-content:space-between}
.gallery .cover--supply .cover-copy h2{
 font:900 clamp(40px,4.4vw,65px)/.89 Arial,sans-serif!important;
 letter-spacing:-.09em!important;text-transform:uppercase;margin:0!important
}
.gallery .cover--supply .cover-copy h2 em{color:#f3bb65!important;font:inherit!important}
.gallery .cover--supply .cover-eyebrow{letter-spacing:.22em!important;font-size:9px!important}
.gallery .cover--supply .cover-sub{color:#fff5e3;font-weight:800!important;max-width:none;letter-spacing:.1em}
.gallery .cover--supply .cover-industrial{display:none!important}

/* Westmark: the paper itself is the brand. A large letterhead, serif
   editorial headline and restrained heritage rule, no stock lobby. */
.gallery .cover--legal{
 background:#eee9dd!important;color:#273a37!important;
 background-image:linear-gradient(90deg,#c1a375 0 10px,transparent 10px)!important
}
.gallery .cover--legal::before{
 content:"W";position:absolute;z-index:1;right:15px;top:-49px;
 font:400 235px/1 Georgia,serif;color:#29403710
}
.gallery .cover--legal .cover-copy{
 left:0;right:0;top:0;bottom:0;width:100%;
 padding:30px 38px;justify-content:flex-start
}
.gallery .cover--legal .cover-copy h2{
 font:400 clamp(38px,4.4vw,63px)/.98 Georgia,serif!important;
 max-width:93%;margin:29px 0 16px!important;z-index:3
}
.gallery .cover--legal .cover-copy h2 em{color:#937143!important}
.gallery .cover--legal .cover-eyebrow{letter-spacing:.18em!important;font-size:10px!important}
.gallery .cover--legal .cover-sub{border-top:1px solid #9d8c6f;padding-top:12px;margin-top:auto;font:italic 15px Georgia,serif!important;max-width:none}
.gallery .cover--legal .cover-legal-paper{
 display:none!important
}
/* Clearline: architectural journal spread. Image spans top, oversized
   headline + streamlined three-phase closing guide sits below. */
.gallery .cover--closing{background:#f9f3e8!important;color:#1d4145!important}
.gallery .cover--closing .cover-photo{
 width:100%;height:61%;left:0;right:0;top:0;object-fit:cover;
 object-position:50% 48%;filter:saturate(.75)
}
.gallery .cover--closing::after{
 content:'';position:absolute;top:0;left:0;right:0;height:61%;
 background:linear-gradient(180deg,#143b402b,transparent);z-index:1
}
.gallery .cover--closing .cover-copy{
 top:61%;bottom:0;left:0;right:0;width:100%;
 padding:13px 20px 52px;justify-content:flex-start
}
.gallery .cover--closing .cover-copy h2{
 font:400 clamp(30px,3.1vw,45px)/.95 Georgia,serif!important;
 margin:0 0 4px!important;max-width:none
}
.gallery .cover--closing .cover-copy h2 em{color:#ba6d4e!important}
.gallery .cover--closing .cover-eyebrow{display:none!important}
.gallery .cover--closing .cover-sub{font:600 10px/1.2 Arial,sans-serif!important;max-width:none}
.gallery .cover--closing .cover-timeline{
 bottom:0;height:40px;right:0;left:0;
 background:#183e44!important
}
.gallery .cover--closing .cover-timeline span{font-size:10px!important;letter-spacing:.03em}
.gallery .cover--closing .cover-timeline b{border-color:#dfac82!important}

/* HAVEN: property magazine identity with photo as full canvas and
   identity placed over subtle architectural midnight gradient. */
.gallery .cover--property{background:#122e38!important;color:#fff5e7!important}
.gallery .cover--property .cover-photo{
 inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;
 filter:brightness(.8) saturate(.72)
}
.gallery .cover--property::after{
 content:'';position:absolute;inset:0;z-index:1;
 background:linear-gradient(180deg,#082a35a8 0%,#082a3520 41%,#082a35da 100%)
}
.gallery .cover--property::before{
 content:"HAVEN";position:absolute;z-index:3;top:17px;left:16px;right:16px;
 font:400 clamp(52px,7.1vw,99px)/1 Georgia,serif;
 letter-spacing:.13em;color:#fff7e9e8;white-space:nowrap
}
.gallery .cover--property .cover-copy{
 top:auto;bottom:0;left:0;right:0;width:100%;
 padding:17px 23px 23px;justify-content:flex-end
}
.gallery .cover--property .cover-copy h2{
 font:400 clamp(28px,3.2vw,44px)/1.06 Georgia,serif!important;
 margin:0 0 10px!important;max-width:400px
}
.gallery .cover--property .cover-copy h2 em{color:#f3d4ad!important}
.gallery .cover--property .cover-eyebrow,.gallery .cover--property .cover-sub{display:none!important}
.gallery .cover--property .cover-property-data{display:none!important}

/* Goodfolk: human community cover as a poster rather than lobby photo
   with a text column. Warm image + cut-paper editorial statement. */
.gallery .cover--community{background:#edab6e!important;color:#422d32!important}
.gallery .cover--community .cover-photo{
 inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 46%;
 clip-path:none;filter:saturate(.88) contrast(.98) brightness(.83)
}
.gallery .cover--community::after{
 content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c282acc,#1c282a16 90%);z-index:1
}
.gallery .cover--community .cover-copy{
 top:0;left:0;bottom:0;width:86%;padding:30px 26px;justify-content:space-between;
 color:#fff5dd!important
}
.gallery .cover--community .cover-copy h2{
 font:700 clamp(37px,4.7vw,62px)/.96 Georgia,serif!important;
 max-width:520px;letter-spacing:-.07em!important;margin:0!important
}
.gallery .cover--community .cover-copy h2 em{color:#ffd18d!important}
.gallery .cover--community .cover-sub{
 font:800 11px/1.3 Arial,sans-serif!important;
 border-bottom:4px solid #f8b56e;padding-bottom:10px;
 max-width:max-content
}
.gallery .cover--community .cover-community-note{display:none!important}

@media(max-width:680px){
 .gallery .cover-upgraded:is(.cover--consult,.cover--training,.cover--care,.cover--workshop,.cover--hvac,.cover--supply,.cover--legal,.cover--closing,.cover--property,.cover--community){
  height:265px!important;min-height:265px
 }
 .gallery .cover--consult .cover-copy{width:95%;padding:17px;top:5px;bottom:5px}
 .gallery .cover--consult .cover-copy h2{font-size:clamp(36px,9.3vw,52px)!important;max-width:95%}
 .gallery .cover--consult .cover-copy .cover-sub{font-size:9px!important}
 .gallery .cover--training .cover-copy{padding:20px}
 .gallery .cover--training .cover-copy h2{font-size:clamp(38px,10vw,57px)!important}
 .gallery .cover--training::before{font-size:155px;bottom:-30px}
 .gallery .cover--care .cover-photo{width:54%;border-top-right-radius:130px}
 .gallery .cover--care .cover-copy{width:48%;padding:16px 11px}
 .gallery .cover--care .cover-copy h2{font-size:clamp(25px,6.4vw,34px)!important}
 .gallery .cover--care .cover-copy .cover-note{font-size:7px!important;margin-top:9px!important}
 .gallery .cover--care .cover-copy .cover-sub{font-size:10px!important}
 .gallery .cover--workshop .cover-copy{width:44%;padding:18px 12px}
 .gallery .cover--workshop .cover-copy h2{font-size:clamp(25px,7.2vw,35px)!important}
 .gallery .cover--workshop .cover-copy h2 em{font-size:clamp(24px,6.3vw,31px)!important}
 .gallery .cover--workshop .cover-agenda{width:54%;padding:18px 10px}
 .gallery .cover--workshop .agenda-item{padding:8px 0!important}
 .gallery .cover--workshop .agenda-item span{font-size:10px!important}
 .gallery .cover--workshop .agenda-top b{font-size:8px!important}
 .gallery .cover--workshop .agenda-bottom{font-size:7px!important}
 .gallery .cover--hvac .cover-photo{width:75%;right:-8%}
 .gallery .cover--hvac .cover-copy{width:65%;padding:19px 15px}
 .gallery .cover--hvac .cover-copy h2{font-size:clamp(36px,8.9vw,49px)!important}
 .gallery .cover--hvac::before{font-size:105px;right:4px;top:0}
 .gallery .cover--hvac .cover-sub{font-size:8px!important;max-width:210px}
 .gallery .cover--supply .cover-copy{width:96%;padding:19px}
 .gallery .cover--supply .cover-copy h2{font-size:clamp(36px,9.7vw,55px)!important}
 .gallery .cover--supply::before{font-size:80px;top:-10px}
 .gallery .cover--legal .cover-copy{padding:22px 25px}
 .gallery .cover--legal .cover-copy h2{font-size:clamp(38px,9.5vw,55px)!important;margin:12px 0!important}
 .gallery .cover--legal .cover-sub{font-size:12px!important}
 .gallery .cover--closing .cover-copy{padding:11px 15px 45px}
 .gallery .cover--closing .cover-copy h2{font-size:clamp(29px,7.6vw,39px)!important}
 .gallery .cover--closing .cover-timeline{height:38px}
 .gallery .cover--closing .cover-timeline span{font-size:9px!important}
 .gallery .cover--property::before{font-size:clamp(44px,14vw,68px);letter-spacing:.075em}
 .gallery .cover--property .cover-copy{padding:15px}
 .gallery .cover--property .cover-copy h2{font-size:clamp(27px,7.4vw,39px)!important}
 .gallery .cover--community .cover-copy{width:95%;padding:18px}
 .gallery .cover--community .cover-copy h2{font-size:clamp(36px,9.5vw,51px)!important}
}

/* ================================================================
   ART DIRECTION — ALL FOUR CREATORS / V2
   PLUS THREE STARTER EXPERIENCES. All seven predate Oct 28 launch.
   Editorial visual storytelling takes priority over badges/cards.
   ================================================================ */

/* Creator Office: the product UI IS the cover. A lavender operating
   system, crisp dashboard, deep-navy rail and inset working widgets. */
.gallery .cover--office{
 background:#c8c6f3!important;color:#1a1c4c!important;
 background-image:radial-gradient(circle at 95% 9%,#fff9 0 5%,transparent 5.5%),
 linear-gradient(135deg,#d1cffc 0%,#9e9bd7 100%)!important
}
.gallery .cover--office::before{
 content:"CREATOR HQ  /  SYSTEM 01";position:absolute;top:14px;left:19px;z-index:3;
 color:#202252;font:800 9px/1.3 Arial,sans-serif;letter-spacing:.14em
}
.gallery .cover--office .cover-copy{
 top:12px;left:0;right:0;bottom:auto;width:100%;height:82px;
 padding:15px 22px;justify-content:center
}
.gallery .cover--office .cover-copy h2{
 font:800 clamp(31px,3.3vw,46px)/.98 Arial,sans-serif!important;
 letter-spacing:-.08em!important;margin:12px 0 0!important;
 max-width:none
}
.gallery .cover--office .cover-copy h2 em{
 font:400 .92em/1 Georgia,serif!important;color:#6657b2!important
}
.gallery .cover--office .cover-copy .cover-eyebrow,
.gallery .cover--office .cover-copy .cover-sub{display:none!important}
.gallery .cover--office .cover-dashboard{
 position:absolute;top:123px;bottom:16px;left:23px;right:21px;
 width:auto;display:grid;grid-template-columns:23% 77%;
 transform:none!important;box-shadow:7px 7px 0 #7770bf!important;
 border:1px solid #383569;overflow:hidden
}
.gallery .cover--office .dash-rail{padding:17px 11px;gap:12px;background:#20265b}
.gallery .cover--office .dash-rail>b{font-size:17px!important}
.gallery .cover--office .dash-rail>span{font-size:10px!important}
.gallery .cover--office .dash-main{padding:15px;background:#f8f8ff}
.gallery .cover--office .dash-main>strong{margin:9px 0 8px;font:800 21px/1.05 Arial,sans-serif}
.gallery .cover--office .dash-top{font-size:9px}
.gallery .cover--office .dash-numbers{gap:7px}
.gallery .cover--office .dash-numbers span{font-size:8px;padding:6px 8px}
.gallery .cover--office .dash-numbers b{font-size:23px}
.gallery .cover--office .dash-tracks{display:flex;align-items:flex-end;gap:6px;height:29px;margin-top:10px}
.gallery .cover--office .dash-tracks i{
 width:32%;height:100%;margin:0;border-radius:4px 4px 0 0;
 background:#d2d0ef
}
.gallery .cover--office .dash-tracks i:nth-child(2){width:25%;height:73%;background:#8678ca}
.gallery .cover--office .dash-tracks i:nth-child(3){width:28%;height:48%;background:#a1ccdf}

/* Channel: cinematic video/stream cover. Photography fills the canvas,
   gradient tint, oversize story and player bar—not stock with a header. */
.gallery .cover--channel{background:#0e2339!important;color:#f7f0e7!important}
.gallery .cover--channel .cover-photo{
 inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 41%;
 filter:brightness(.64) contrast(1.12) saturate(.92)
}
.gallery .cover--channel::after{
 background:linear-gradient(90deg,#091d34f3 0%,#0a223ac7 43%,#0b263c5e 84%,#091d3445)!important
}
.gallery .cover--channel::before{
 content:"●  ON AIR";position:absolute;right:20px;top:20px;z-index:5;
 background:#f29b64;color:#10283b;padding:8px 11px;
 font:800 11px/1 Arial,sans-serif;letter-spacing:.15em
}
.gallery .cover--channel .cover-copy{
 left:0;right:0;top:0;bottom:0;width:95%;padding:31px 24px 69px;
 justify-content:space-between
}
.gallery .cover--channel .cover-copy h2{
 font:900 clamp(42px,4.6vw,67px)/.92 Arial,sans-serif!important;
 letter-spacing:-.085em!important;text-transform:uppercase;
 max-width:520px;margin:0!important
}
.gallery .cover--channel .cover-copy h2 em{
 color:#ffb17b!important;font:italic .9em/1 Georgia,serif!important;
 text-transform:none
}
.gallery .cover--channel .cover-eyebrow{font-size:9px!important;letter-spacing:.2em!important}
.gallery .cover--channel .cover-sub{max-width:none;font:800 11px/1.4 Arial,sans-serif!important}
.gallery .cover--channel .cover-player{
 left:17px;right:17px;bottom:13px;width:auto;
 border:1px solid #ffccaa85;background:#0d2539e6;
 padding:10px 16px;display:flex;gap:13px;align-items:center
}
.gallery .cover--channel .cover-player>b{width:39px;height:39px}
.gallery .cover--channel .cover-player span{font-size:10px!important}
.gallery .cover--channel .cover-player i{font-size:8px!important;letter-spacing:.13em}

/* Personality: expressive magazine cover, not a generic split image.
   The image has an asymmetrical print frame and a dominant masthead. */
.gallery .cover--personality{
 background:#f6d94b!important;color:#173ca0!important;
 background-image:repeating-linear-gradient(-17deg,#f7dd5c00 0 20px,#e9bd301b 21px 22px)!important
}
.gallery .cover--personality::before{
 content:"PERSONALITY";position:absolute;top:8px;left:13px;right:0;
 font:900 clamp(43px,5.5vw,77px)/1 Arial,sans-serif;
 letter-spacing:-.095em;color:#153a9a;z-index:2;white-space:nowrap
}
.gallery .cover--personality .cover-photo{
 top:25%;right:6%;left:auto;width:49%;height:63%;
 border:7px solid #183e9c;box-shadow:11px 10px 0 #d54a61;
 transform:rotate(6deg);object-fit:cover;filter:saturate(1.2)
}
.gallery .cover--personality:hover .cover-photo{transform:rotate(4deg) scale(1.02)}
.gallery .cover--personality .cover-copy{
 left:0;top:12%;bottom:8px;right:auto;width:57%;
 padding:35px 20px 20px;justify-content:space-between
}
.gallery .cover--personality .cover-copy h2{
 font:900 clamp(38px,4.8vw,64px)/.89 Arial,sans-serif!important;
 letter-spacing:-.095em!important;margin:25px 0 0!important;
 transform:none;max-width:440px
}
.gallery .cover--personality .cover-copy h2 em{
 font:italic .96em/1 Georgia,serif!important;color:#cb3556!important
}
.gallery .cover--personality .cover-eyebrow{display:none!important}
.gallery .cover--personality .cover-sub{
 max-width:210px;background:#193d9f;color:#fff5db;
 padding:9px 10px;font:700 10px/1.35 Arial,sans-serif!important
}
.gallery .cover--personality .cover-personality-label{
 right:3%;bottom:6px;width:48%;padding:8px 12px;
 background:#fff8e5!important;color:#193b92!important;
 box-shadow:3px 3px 0 #193b92!important;transform:none
}
.gallery .cover--personality .cover-personality-label b{font-size:10px}
.gallery .cover--personality .cover-personality-label span{font-size:9px}

/* Expert: academic editorial learning experience with expansive
   large serif top panel and clean horizontal course journey below. */
.gallery .cover--expert{background:#ece6d8!important;color:#2b2b52!important}
.gallery .cover--expert::before{
 content:"LEARN.";position:absolute;right:20px;top:0;z-index:1;
 font:800 clamp(72px,10.5vw,147px)/1 Arial,sans-serif;
 letter-spacing:-.1em;color:#6159a817
}
.gallery .cover--expert .cover-copy{
 top:0;left:0;right:0;bottom:auto;width:100%;
 padding:25px 25px 0;justify-content:flex-start
}
.gallery .cover--expert .cover-copy h2{
 font:400 clamp(37px,4.1vw,61px)/1.02 Georgia,serif!important;
 margin:14px 0 11px!important;max-width:600px
}
.gallery .cover--expert .cover-copy h2 em{
 font:italic .94em/1 Georgia,serif!important;color:#7060b2!important
}
.gallery .cover--expert .cover-eyebrow{font-size:9px!important;letter-spacing:.15em}
.gallery .cover--expert .cover-sub{font-size:10px!important;max-width:none;letter-spacing:.11em}
.gallery .cover--expert .cover-learning{
 position:absolute;left:24px;right:24px;top:auto;bottom:17px;
 width:auto;height:118px;padding:13px 14px;
 background:#fffffc;border:1px solid #676284;
 box-shadow:5px 5px 0 #a4a0d0;display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.gallery .cover--expert .cover-learning>small:first-child{
 grid-column:1/-1;font-size:8px!important
}
.gallery .cover--expert .learn-step{
 min-width:0;display:flex;flex-wrap:wrap;align-content:center;
 gap:4px;padding:6px 8px;
 border:1px solid #d0c8dc;background:#f3f0fc;
 border-bottom:1px solid #d0c8dc
}
.gallery .cover--expert .learn-step b{font-size:10px}
.gallery .cover--expert .learn-step span{font-size:10px;white-space:normal}
.gallery .cover--expert .learn-step i{font-size:9px}
.gallery .cover--expert .learn-progress,.gallery .cover--expert .cover-learning>small:last-child{display:none!important}

/* Split starter: an authentic browser preview, not a gradient rectangle.
   One clean text side; one large photo behind an angled color wash. */
.gallery .cover--split{background:#e0ece6!important;color:#183c36!important}
.gallery .cover--split .starter-browser--split{
 border:0!important;box-shadow:5px 5px 0 #214f4544!important;
 background:#fdfcf3;position:relative;min-height:0
}
.gallery .cover--split .starter-nav{background:#fffdf4;color:#214e42!important;letter-spacing:.06em}
.gallery .cover--split .starter-columns{grid-template-columns:50% 50%}
.gallery .cover--split .starter-copy{padding:15px 12px;background:#fdfcf3}
.gallery .cover--split .starter-copy strong{font:400 clamp(24px,3vw,42px)/.99 Georgia,serif!important}
.gallery .cover--split .starter-copy span{font-size:9px;max-width:190px}
.gallery .cover--split .starter-copy i{border-radius:0;background:#1a5b4c}
.gallery .cover--split .starter-image{
 background-image:linear-gradient(135deg,#39748260,#b1693029),
 url('/gallery/assets/goodfolk-connect-v1.webp')!important;
 background-size:cover;background-position:center;
 position:relative
}
.gallery .cover--split .starter-image::after{
 content:"";position:absolute;inset:0 75% 0 0;background:#245b5240
}
.gallery .cover--split .starter-image span{font-size:7px!important;letter-spacing:.13em}

/* Editorial starter: high-culture magazine with expressive type,
   intentional white space and an image-backed side-column. */
.gallery .cover--editorial{
 background:#e9d7be!important;color:#432e27!important;
 background-image:linear-gradient(100deg,#e9d7be,#f4e9d8)!important
}
.gallery .cover--editorial .starter-browser--editorial{
 border:0!important;box-shadow:6px 6px 0 #5f3b2d45!important;
 background:#fffbf3
}
.gallery .cover--editorial .starter-nav{
 font-family:Georgia,serif;font-size:12px!important;
 border-bottom:1px solid #ab8e7855
}
.gallery .cover--editorial .editorial-title{
 padding:17px 22px 9px;position:relative;z-index:2;
 max-width:78%;height:calc(100% - 50px);
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center
}
.gallery .cover--editorial .editorial-title strong{
 font:400 clamp(34px,4.3vw,57px)/.91 Georgia,serif!important;
 letter-spacing:-.07em;margin:11px 0!important
}
.gallery .cover--editorial .editorial-title em{color:#bd5c48}
.gallery .cover--editorial .editorial-title>span{font:italic 12px/1.4 Georgia,serif}
.gallery .cover--editorial .starter-browser--editorial{
 background-image:linear-gradient(90deg,#fffbf3 0%,#fffbf3 68%,#fffbf300 88%),
 url('/gallery/assets/haven-ground-residence-v2.webp')!important;
 background-size:cover;background-position:90% 58%
}
.gallery .cover--editorial .editorial-rule{height:3px;width:35%;background:#bf725a;margin:3px 22px}

/* Showcase starter: real immersive photographic portfolio / masonry strip.
   Previously these were three empty gradients, not believable work. */
.gallery .cover--showcase{background:#101f32!important;color:#f5e6d0!important}
.gallery .cover--showcase .starter-browser--showcase{background:#17283e;border:0!important}
.gallery .cover--showcase .starter-nav{
 background:#111d32;color:#faf0d9!important;padding:10px 13px!important
}
.gallery .cover--showcase .showcase-head{
 padding:12px 14px!important;gap:6px
}
.gallery .cover--showcase .showcase-head strong{
 font:400 clamp(23px,3.1vw,43px)/.98 Georgia,serif!important
}
.gallery .cover--showcase .showcase-head small{max-width:108px;letter-spacing:.08em}
.gallery .cover--showcase .showcase-grid{
 grid-template-columns:1.3fr .9fr .9fr;gap:6px;
 height:calc(100% - 110px);padding:0 11px 11px
}
.gallery .cover--showcase .showcase-grid span{
 display:flex;align-items:flex-end;color:#fff!important;
 font:800 9px/1.3 Arial,sans-serif!important;
 text-shadow:0 1px 4px #101e2e;
 padding:9px;min-width:0;overflow:hidden;
 background-image:linear-gradient(180deg,#0000 20%,#0b213c9c),
 url('/gallery/assets/reframe-material-bench-v1.webp')!important;
 background-size:cover!important;background-position:center!important
}
.gallery .cover--showcase .showcase-grid span:nth-child(2){
 background-image:linear-gradient(180deg,#0000 15%,#1e213b9a),
 url('/gallery/assets/haven-ground-residence-v2.webp')!important
}
.gallery .cover--showcase .showcase-grid span:nth-child(3){
 background-image:linear-gradient(180deg,#0000 15%,#1e213b9a),
 url('/gallery/assets/goodfolk-connect-v1.webp')!important
}
/* Main gallery needs smaller but equally recognizable Creator previews.
   Keep the approved large Creator Office feature unchanged. */
.gallery .creator-demo-card--channel .cover-main-thumb>strong{
 bottom:18px!important;top:auto!important;max-width:76%;
 font:900 clamp(29px,3.4vw,48px)/.95 Arial,sans-serif!important;
 color:#ffc08e!important;letter-spacing:-.08em!important
}
.gallery .creator-demo-card--channel .cover-player{
 left:15px!important;bottom:75px!important;right:auto!important;
 padding:7px 10px!important
}
.gallery .creator-demo-card--personality .cover-main-thumb{
 background:#f5d94a!important
}
.gallery .creator-demo-card--personality .cover-main-thumb>strong{
 left:14px!important;top:16px!important;max-width:57%;
 color:#183c9e!important;letter-spacing:-.07em!important;
 text-shadow:1px 1px #f9e269
}
.gallery .creator-demo-card--personality .cover-main-thumb>img.cover-photo{
 top:22%!important;right:3%!important;width:51%!important;height:65%!important;
 border:5px solid #173e9d
}
.gallery .creator-demo-card--expert .cover-main-thumb{
 background:#ece6d8!important;color:#292c59!important
}
.gallery .creator-demo-card--expert .cover-main-thumb>strong{
 font:400 clamp(30px,3.4vw,46px)/1 Georgia,serif!important;
 max-width:85%;top:12px!important
}
.gallery .creator-demo-card--expert .cover-learning{
 top:78px!important;bottom:13px!important;right:16px!important;left:16px!important;
 background:#fffdf8!important;border:1px solid #8277aa!important
}

@media(max-width:680px){
 .gallery .cover--office .cover-copy{height:75px;padding:10px 14px}
 .gallery .cover--office .cover-copy h2{font-size:clamp(28px,7.9vw,37px)!important}
 .gallery .cover--office .cover-dashboard{top:103px;bottom:12px;left:14px;right:14px;grid-template-columns:22% 78%}
 .gallery .cover--office .dash-rail{padding:7px;gap:8px}
 .gallery .cover--office .dash-rail>b{font-size:11px!important}
 .gallery .cover--office .dash-rail>span{font-size:7px!important}
 .gallery .cover--office .dash-main{padding:8px}
 .gallery .cover--office .dash-top{font-size:7px!important}
 .gallery .cover--office .dash-main>strong{font-size:16px!important;margin:9px 0}
 .gallery .cover--office .dash-numbers b{font-size:14px!important}
 .gallery .cover--office .dash-numbers span{font-size:6px!important;padding:5px}
 .gallery .cover--channel .cover-copy{padding:20px 16px 60px}
 .gallery .cover--channel .cover-copy h2{font-size:clamp(37px,10vw,49px)!important}
 .gallery .cover--channel .cover-player{left:10px;right:10px;bottom:10px;padding:6px 9px}
 .gallery .cover--channel .cover-player>b{width:31px;height:31px}
 .gallery .cover--channel::before{right:12px;top:12px;font-size:8px}
 .gallery .cover--personality::before{font-size:clamp(34px,10.4vw,50px);top:11px;left:8px}
 .gallery .cover--personality .cover-photo{top:28%;right:3%;width:46%;height:57%;border-width:5px;box-shadow:6px 6px 0 #d54a61}
 .gallery .cover--personality .cover-copy{top:13%;width:61%;padding:22px 12px 11px}
 .gallery .cover--personality .cover-copy h2{font-size:clamp(34px,8.8vw,44px)!important;margin:24px 0 0!important}
 .gallery .cover--personality .cover-sub{max-width:145px;font-size:8px!important;padding:6px 7px}
 .gallery .cover--personality .cover-personality-label{right:2%;width:43%;padding:6px}
 .gallery .cover--expert .cover-copy{padding:17px 16px 0}
 .gallery .cover--expert .cover-copy h2{font-size:clamp(34px,8.5vw,43px)!important;margin:10px 0 7px!important}
 .gallery .cover--expert .cover-learning{bottom:12px;left:12px;right:12px;height:100px;padding:8px;gap:4px}
 .gallery .cover--expert .learn-step{padding:5px}
 .gallery .cover--expert .learn-step span{font-size:8px!important}
 .gallery .cover--expert .learn-step b{font-size:8px!important}
 .gallery .cover--split .starter-copy strong{font-size:clamp(22px,6.4vw,30px)!important}
 .gallery .cover--editorial .editorial-title{padding:10px 14px;max-width:85%}
 .gallery .cover--editorial .editorial-title strong{font-size:clamp(34px,9vw,47px)!important}
 .gallery .cover--showcase .showcase-head strong{font-size:clamp(23px,6.3vw,31px)!important}
 .gallery .cover--showcase .showcase-grid{height:calc(100% - 90px)}
}

/* V2 real-screen correction: closing headline must clear the route bar. */
.gallery .cover--closing .cover-photo{height:53%!important}
.gallery .cover--closing::after{height:53%!important}
.gallery .cover--closing .cover-copy{
 top:53%!important;padding:12px 20px 48px!important
}
.gallery .cover--closing .cover-copy h2{
 font-size:clamp(29px,2.85vw,39px)!important;line-height:.97!important;
 margin:0 0 5px!important
}
.gallery .cover--closing .cover-timeline{height:39px!important}
@media(max-width:680px){
 .gallery .cover--closing .cover-copy{top:53%!important;padding:8px 13px 41px!important}
 .gallery .cover--closing .cover-copy h2{font-size:clamp(25px,7.1vw,34px)!important;line-height:.96!important}
 .gallery .cover--closing .cover-copy .cover-sub{font-size:9px!important}
 .gallery .cover--closing .cover-timeline{height:36px!important}
}

/* ================================================================
   FOCUSED FOUR / V3 — screenshot-informed, mobile-first gallery cover
   improvements. Scoped to the four user-selected brands only.
   None of the nine approved Church/Beauty covers are touched.
   ================================================================ */

/* Personality — actual photographic editorial cover with an
   intentional CSS-background fallback: no broken <img> icon. */
.gallery .cover--personality{background:#f5d44d!important;color:#15388b!important}
.gallery .cover--personality::before{content:none!important}
.gallery .cover--personality .personality-masthead{
 position:absolute;z-index:5;top:13px;left:18px;right:14px;
 display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;
 color:#12388c;line-height:1
}
.gallery .cover--personality .personality-masthead>span{
 font:900 10px/1 Arial,sans-serif;letter-spacing:.13em
}
.gallery .cover--personality .personality-masthead>strong{
 font:900 clamp(43px,5.4vw,79px)/.91 Arial,sans-serif;
 letter-spacing:-.09em;white-space:nowrap
}
.gallery .cover--personality .personality-masthead>small{
 flex-basis:100%;font:800 8px/1.3 Arial,sans-serif;letter-spacing:.19em;
 border-top:2px solid #17388c;padding-top:6px;margin-top:7px
}
.gallery .cover--personality .personality-photo{
 position:absolute;z-index:2;top:105px;right:23px;bottom:26px;width:51%;
 border:7px solid #173c94;box-shadow:10px 10px 0 #ed6576;
 transform:rotate(3deg);
 background-color:#c29f75;
 background-image:linear-gradient(155deg,#223e6730 0%,#20367600 48%,#172a4d33 100%),
 url('/creator-stock/20243345.jpg');
 background-size:cover;background-position:54% 41%;
}
.gallery .cover--personality .personality-photo::after{
 content:"";position:absolute;inset:0;border:1px solid #fff9
}
.gallery .cover--personality .personality-photo-cap{
 position:absolute;z-index:2;bottom:10px;left:10px;right:10px;
 color:#fff;background:#193b8ce9;padding:7px 8px;
 font:800 9px/1.4 Arial,sans-serif;letter-spacing:.1em
}
.gallery .cover--personality .personality-story{
 position:absolute;z-index:4;left:25px;top:123px;bottom:25px;width:47%;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 color:#15388c
}
.gallery .cover--personality .story-kicker{
 display:inline-block;font:900 10px/1.3 Arial,sans-serif;letter-spacing:.13em;
 margin-bottom:16px;max-width:160px
}
.gallery .cover--personality .personality-story>strong{
 display:block;font:900 clamp(40px,4.45vw,66px)/.87 Arial,sans-serif;
 letter-spacing:-.075em;white-space:normal;text-shadow:1px 1px #f5d44d
}
.gallery .cover--personality .personality-story>strong em{
 font:italic .93em/.93 Georgia,serif;color:#d84262
}
.gallery .cover--personality .story-desc{
 font:700 12px/1.35 Arial,sans-serif;max-width:175px;margin-top:18px
}
.gallery .cover--personality .personality-edition{
 position:absolute;z-index:5;bottom:8px;right:7px;
 display:flex;align-items:center;gap:15px;
 background:#fff8eb;color:#17388c;padding:6px 10px;
 border:2px solid #17388c;box-shadow:3px 3px 0 #d64a69
}
.gallery .cover--personality .personality-edition span{
 font:800 8px/1.15 Arial,sans-serif;letter-spacing:.08em;max-width:110px
}
.gallery .cover--personality .personality-edition strong{
 font:900 14px/1 Arial,sans-serif;white-space:nowrap
}
.gallery .cover--personality:hover .personality-photo{transform:rotate(1deg) scale(1.01)}

/* Creator Office — fully realized mini product dashboard with
   a navigation rail, project cards, calendar/production pipeline. */
.gallery .cover--office{
 color:#f5f4ff!important;background:#1e2249!important;
 background-image:linear-gradient(130deg,#111b40 0%,#383b70 65%,#7772b5 100%)!important
}
.gallery .cover--office::before{content:none!important}
.gallery .cover--office .office-coverhead{
 position:absolute;top:14px;left:18px;right:18px;height:62px;z-index:3;
 display:flex;flex-direction:column;gap:7px
}
.gallery .cover--office .office-brand{
 color:#fff;font:500 clamp(18px,2.2vw,29px)/1 Arial,sans-serif;letter-spacing:-.06em
}
.gallery .cover--office .office-brand strong{font-weight:900}
.gallery .cover--office .office-brand strong span{color:#f5bb8e}
.gallery .cover--office .office-coverline{
 display:flex;justify-content:space-between;gap:10px;color:#e5dff8;
 font:800 8px/1.3 Arial,sans-serif;letter-spacing:.15em
}
.gallery .cover--office .office-coverline>span{color:#aeefc5;font-size:8px;white-space:nowrap}
.gallery .cover--office .workbench{
 position:absolute;inset:82px 16px 15px 16px;z-index:2;
 display:grid;grid-template-columns:23% 77%;overflow:hidden;
 border:1px solid #aaa6d9;box-shadow:6px 6px 0 #a99dcd65;
 background:#f7f7fc;color:#272852
}
.gallery .cover--office .workbench-sidebar{
 min-width:0;background:#22264e;color:#d8dcff;padding:13px 8px;
 display:flex;flex-direction:column;gap:11px
}
.gallery .cover--office .workbench-logo{
 display:grid;place-items:center;width:27px;height:27px;border-radius:8px;
 background:#e2b1e7;color:#202449;font:800 19px/1 Arial,sans-serif
}
.gallery .cover--office .workbench-nav{
 min-width:0;display:flex;gap:6px;align-items:center;
 padding:7px 6px;border-radius:4px;
 font:700 9px/1.2 Arial,sans-serif;white-space:nowrap
}
.gallery .cover--office .workbench-nav--active{background:#444873;color:#fff}
.gallery .cover--office .workbench-profile{
 display:flex;align-items:center;gap:8px;margin-top:auto;
 font:700 9px/1.2 Arial,sans-serif
}
.gallery .cover--office .workbench-profile span{
 display:grid;place-items:center;width:22px;height:22px;
 border-radius:50%;background:#e3bb98;color:#22264e;font-weight:800
}
.gallery .cover--office .workbench-content{
 min-width:0;padding:12px 13px 10px;
 display:flex;flex-direction:column;gap:11px
}
.gallery .cover--office .workbench-top{
 display:flex;align-items:center;justify-content:space-between;
 color:#6c6796;font:800 8px/1.2 Arial,sans-serif;letter-spacing:.07em
}
.gallery .cover--office .workbench-avatars{font-size:12px;color:#ba90c0;letter-spacing:-4px}
.gallery .cover--office .workbench-welcome{
 font:800 clamp(20px,2.2vw,32px)/1 Arial,sans-serif;
 letter-spacing:-.055em;max-width:380px
}
.gallery .cover--office .workbench-welcome span{color:#df728f}
.gallery .cover--office .workbench-row{
 display:grid;grid-template-columns:1.4fr 1fr;gap:9px;min-height:0;flex:1
}
.gallery .cover--office .workbench-project{
 background:#e9e7fa;color:#302e5f;
 border:1px solid #d4cee9;border-radius:6px;
 padding:11px;display:flex;flex-direction:column;gap:8px;min-width:0
}
.gallery .cover--office .workbench-project small{
 font:800 7px/1.2 Arial,sans-serif;letter-spacing:.09em
}
.gallery .cover--office .workbench-project strong{
 font:800 clamp(13px,1.6vw,20px)/1 Arial,sans-serif
}
.gallery .cover--office .workbench-project>span{
 font:700 8px/1.3 Arial,sans-serif
}
.gallery .cover--office .workbench-project--two{background:#e4f5ed;border-color:#c6dfd5}
.gallery .cover--office .workbench-progress{
 height:5px;margin:1px 0;background:#cecae8;border-radius:10px;overflow:hidden
}
.gallery .cover--office .workbench-progress i{
 display:block;width:64%;height:100%;background:#7770ce
}
.gallery .cover--office .workbench-stack{display:flex;gap:5px;margin-top:auto}
.gallery .cover--office .workbench-stack i{
 display:block;width:20px;height:18px;border-radius:3px;background:#92c7bd
}
.gallery .cover--office .workbench-stack i:nth-child(2){height:12px;background:#edbb91}
.gallery .cover--office .workbench-stack i:nth-child(3){height:15px;background:#b8a9de}
.gallery .cover--office .workbench-timeline{
 display:grid;grid-template-columns:repeat(4,1fr);gap:5px
}
.gallery .cover--office .workbench-timeline span{
 min-width:0;background:#fff;border:1px solid #e8e4f0;
 padding:6px 5px;font:700 8px/1.2 Arial,sans-serif;white-space:nowrap
}
.gallery .cover--office .workbench-timeline b{display:block;color:#7d74ad;margin-bottom:3px}

/* Expert — an actual premium teaching experience: high-trust editorial
   intro + featured film still + syllabus/progress, not three blank blocks. */
.gallery .cover--expert{
 background:#f1ecdf!important;color:#272b50!important;
 background-image:linear-gradient(115deg,#f8f3e8 0%,#eee5df 100%)!important
}
.gallery .cover--expert::before{content:none!important}
.gallery .cover--expert .expert-editorial{
 position:absolute;z-index:2;top:0;left:0;width:59%;height:73%;
 padding:23px 18px 10px 24px
}
.gallery .cover--expert .expert-head{
 display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;
 font:800 8px/1.4 Arial,sans-serif;letter-spacing:.09em;
 color:#71648c
}
.gallery .cover--expert .expert-head>span:last-child{
 color:#74685b;font-size:7px;letter-spacing:.07em
}
.gallery .cover--expert .expert-editorial h2{
 display:block!important;position:static!important;color:#26284f!important;
 font:400 clamp(33px,3.65vw,53px)/1.01 Georgia,serif!important;
 letter-spacing:-.062em!important;margin:32px 0 12px!important;
 padding:0!important;max-width:430px
}
.gallery .cover--expert .expert-editorial h2 em{
 color:#6556a3;font-style:italic;font-family:Georgia,serif
}
.gallery .cover--expert .expert-editorial p{
 margin:0;max-width:210px;color:#635c79;font:700 11px/1.45 Arial,sans-serif
}
.gallery .cover--expert .expert-lesson{
 position:absolute;z-index:3;top:26px;right:18px;width:40%;height:70%;
 background:#272448;color:#f9f0e3;box-shadow:6px 6px 0 #d5c6cb;
 overflow:hidden
}
.gallery .cover--expert .expert-lesson-image{
 position:relative;height:69%;
 background-color:#625783;
 background-image:linear-gradient(180deg,#28254412,#2421429e),url('/creator-stock/6954150.jpg');
 background-size:cover;background-position:center 32%
}
.gallery .cover--expert .expert-play{
 position:absolute;top:42%;left:46%;transform:translate(-50%,-50%);
 width:37px;height:37px;display:grid;place-items:center;
 border-radius:50%;background:#f8f0e2;color:#29264d;
 font:800 14px/1 Arial,sans-serif
}
.gallery .cover--expert .expert-playtime{
 position:absolute;right:8px;bottom:7px;font:800 8px/1 Arial,sans-serif;
 background:#28284acc;color:#fff;padding:6px
}
.gallery .cover--expert .expert-lesson-details{
 padding:10px 12px;display:flex;flex-direction:column;gap:5px
}
.gallery .cover--expert .expert-lesson-details small{
 font:800 7px/1 Arial,sans-serif;letter-spacing:.07em;color:#dfbc9f
}
.gallery .cover--expert .expert-lesson-details strong{
 font:600 clamp(12px,1.4vw,18px)/1.15 Georgia,serif
}
.gallery .cover--expert .expert-lesson-details>span{
 font:800 7px/1.2 Arial,sans-serif;letter-spacing:.03em
}
.gallery .cover--expert .expert-lesson-details>span b{float:right}
.gallery .cover--expert .expert-course{
 position:absolute;z-index:3;left:23px;right:23px;bottom:18px;height:57px;
 display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:6px;align-items:stretch
}
.gallery .cover--expert .expert-course small,
.gallery .cover--expert .expert-course span{
 min-width:0;display:flex;align-items:center;justify-content:center;
 background:#ded8e9;color:#474078;padding:8px 5px;
 font:800 9px/1.3 Arial,sans-serif
}
.gallery .cover--expert .expert-course small{
 background:#5d558f;color:#fff;text-align:center
}
.gallery .cover--expert .expert-progress{
 position:absolute;z-index:3;bottom:8px;left:24px;right:24px;
 display:flex;align-items:center;gap:8px
}
.gallery .cover--expert .expert-progress span{
 font:700 6px/1 Arial,sans-serif;letter-spacing:.08em;color:#685b89
}
.gallery .cover--expert .expert-progress i{
 display:block;flex:1;height:3px;background:linear-gradient(90deg,#7466aa 62%,#d3cede 62%)
}

/* Westmark — high-trust editorial law studio, gold-notched real brief
   on dark forest ink, replacing the previous near-empty beige typography. */
.gallery .cover--legal{
 background:#14322f!important;color:#fcf4e7!important;
 background-image:linear-gradient(135deg,#0f302f 0%,#213f3a 69%,#315048 100%)!important
}
.gallery .cover--legal::before{content:none!important}
.gallery .cover--legal .legal-canvas{
 position:absolute;inset:0 auto 0 0;width:62%;z-index:2;
 padding:21px 25px 20px 25px;display:flex;flex-direction:column;
 color:#f7efe3
}
.gallery .cover--legal .legal-masthead{
 display:flex;flex-direction:column;gap:5px;color:#f7e6c5;
 border-bottom:1px solid #bfaa85a8;padding-bottom:13px
}
.gallery .cover--legal .legal-masthead strong{
 font:500 clamp(18px,2.45vw,31px)/1 Georgia,serif;
 letter-spacing:.17em
}
.gallery .cover--legal .legal-masthead strong span{
 font:700 9px Arial,sans-serif;vertical-align:top;letter-spacing:0
}
.gallery .cover--legal .legal-masthead>span{
 font:800 8px/1.5 Arial,sans-serif;letter-spacing:.14em
}
.gallery .cover--legal .legal-editorial{
 display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;
 padding-bottom:9px
}
.gallery .cover--legal .legal-editorial>span{
 font:700 9px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#d8bf92
}
.gallery .cover--legal .legal-editorial h2{
 display:block!important;color:#fff9ea!important;
 font:400 clamp(35px,4.5vw,64px)/.96 Georgia,serif!important;
 margin:16px 0 12px!important;padding:0!important;letter-spacing:-.055em!important
}
.gallery .cover--legal .legal-editorial h2 em{
 color:#d9b278!important;font-family:Georgia,serif;font-style:italic
}
.gallery .cover--legal .legal-editorial p{
 margin:0;font:600 11px/1.5 Arial,sans-serif;color:#f5e9d7;max-width:290px
}
.gallery .cover--legal .legal-footer{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding-top:11px;border-top:1px solid #d5b89680;
 font:800 8px/1.3 Arial,sans-serif;letter-spacing:.08em
}
.gallery .cover--legal .legal-footer b{font-size:17px;color:#d9b278}
.gallery .cover--legal .legal-brief{
 position:absolute;z-index:3;right:15px;top:20px;bottom:22px;width:40%;
 background:#f8f0e4;color:#203e38;
 padding:18px 17px 12px;box-shadow:8px 8px 0 #bc9b6b6e;
 border:1px solid #e2d1b6;transform:rotate(2deg);
 display:flex;flex-direction:column;min-width:0
}
.gallery .cover--legal .legal-doc-header{
 display:flex;justify-content:space-between;gap:9px;
 font:800 8px/1.4 Arial,sans-serif;letter-spacing:.07em;
 border-bottom:1px solid #ad9d84;padding-bottom:9px
}
.gallery .cover--legal .legal-monogram{
 display:grid;place-items:center;align-self:center;
 height:72px;width:72px;border:1px solid #bcad95;border-radius:50%;
 font:400 46px/1 Georgia,serif;margin:16px 0;color:#2b5545
}
.gallery .cover--legal .legal-doc-title{
 font:400 clamp(15px,2.05vw,27px)/1.1 Georgia,serif;
 margin:6px 0 12px;letter-spacing:-.045em
}
.gallery .cover--legal .legal-rule{height:2px;background:#b28b5c;width:76%}
.gallery .cover--legal .legal-doc-lines{display:flex;flex-direction:column;gap:7px;margin-top:13px}
.gallery .cover--legal .legal-doc-lines i{
 height:1px;background:#cdbfaa;width:100%
}
.gallery .cover--legal .legal-doc-lines i:nth-child(2){width:86%}
.gallery .cover--legal .legal-doc-lines i:nth-child(3){width:67%}
.gallery .cover--legal .legal-seal{
 margin-top:auto;display:flex;justify-content:space-between;gap:7px;align-items:center;
 color:#5a755d;border-top:1px solid #b3ab9a;padding-top:9px
}
.gallery .cover--legal .legal-seal span{font:800 8px Arial,sans-serif;letter-spacing:.09em}
.gallery .cover--legal .legal-seal strong{font:700 9px Georgia,serif}

/* Phone screens: preserve legibility and show the actual product within
   a roughly 350px-wide catalog card, not a squeezed desktop mockup. */
@media(max-width:680px){
 .gallery .cover--personality .personality-masthead{top:14px;left:12px;right:12px;gap:4px}
 .gallery .cover--personality .personality-masthead>span{font-size:8px}
 .gallery .cover--personality .personality-masthead>strong{
  font-size:clamp(37px,10.3vw,52px);letter-spacing:-.092em
 }
 .gallery .cover--personality .personality-masthead>small{font-size:6px;margin-top:5px}
 .gallery .cover--personality .personality-photo{top:89px;right:13px;bottom:22px;width:49%;border-width:5px;box-shadow:6px 6px 0 #ed6576}
 .gallery .cover--personality .personality-photo-cap{font-size:6px;padding:4px;left:5px;bottom:5px}
 .gallery .cover--personality .personality-story{left:13px;top:105px;bottom:20px;width:49%}
 .gallery .cover--personality .story-kicker{font-size:7px;margin-bottom:10px;max-width:120px}
 .gallery .cover--personality .personality-story>strong{font-size:clamp(33px,8.2vw,45px)}
 .gallery .cover--personality .story-desc{font-size:9px;max-width:125px;margin-top:9px}
 .gallery .cover--personality .personality-edition{bottom:5px;right:5px;padding:3px 5px;gap:5px;border-width:1px}
 .gallery .cover--personality .personality-edition span{font-size:6px;max-width:84px}
 .gallery .cover--personality .personality-edition strong{font-size:10px}
 .gallery .cover--office .office-coverhead{left:13px;right:13px;top:10px;height:49px;gap:5px}
 .gallery .cover--office .office-brand{font-size:21px}
 .gallery .cover--office .office-coverline{font-size:6px;letter-spacing:.1em}
 .gallery .cover--office .office-coverline>span{font-size:6px}
 .gallery .cover--office .workbench{inset:65px 10px 9px 10px;grid-template-columns:22% 78%;box-shadow:3px 3px 0 #a99dcd65}
 .gallery .cover--office .workbench-sidebar{padding:7px 4px;gap:7px}
 .gallery .cover--office .workbench-logo{width:20px;height:20px;font-size:14px}
 .gallery .cover--office .workbench-nav{font-size:7px;padding:4px 2px;gap:3px}
 .gallery .cover--office .workbench-nav>span{display:none}
 .gallery .cover--office .workbench-profile{gap:4px}
 .gallery .cover--office .workbench-profile span{width:17px;height:17px;font-size:6px}
 .gallery .cover--office .workbench-profile small{font-size:6px}
 .gallery .cover--office .workbench-content{gap:6px;padding:8px}
 .gallery .cover--office .workbench-top{font-size:6px}
 .gallery .cover--office .workbench-welcome{font-size:clamp(17px,4.8vw,24px)}
 .gallery .cover--office .workbench-row{gap:5px}
 .gallery .cover--office .workbench-project{padding:6px;gap:6px}
 .gallery .cover--office .workbench-project small{font-size:6px}
 .gallery .cover--office .workbench-project strong{font-size:11px}
 .gallery .cover--office .workbench-project>span{font-size:6px}
 .gallery .cover--office .workbench-stack i{width:11px;height:11px}
 .gallery .cover--office .workbench-timeline{gap:3px}
 .gallery .cover--office .workbench-timeline span{font-size:6px;padding:3px 2px;overflow:hidden}
 .gallery .cover--expert .expert-editorial{width:56%;padding:15px 12px 0 13px;height:73%}
 .gallery .cover--expert .expert-head{font-size:6px}
 .gallery .cover--expert .expert-head>span:last-child{display:none}
 .gallery .cover--expert .expert-editorial h2{font-size:clamp(27px,7.6vw,39px)!important;margin:28px 0 8px!important}
 .gallery .cover--expert .expert-editorial p{font-size:8px}
 .gallery .cover--expert .expert-lesson{top:16px;right:10px;width:43%;height:72%;box-shadow:4px 4px 0 #d5c6cb}
 .gallery .cover--expert .expert-lesson-image{height:63%}
 .gallery .cover--expert .expert-play{height:27px;width:27px;font-size:11px}
 .gallery .cover--expert .expert-playtime{font-size:6px;padding:4px}
 .gallery .cover--expert .expert-lesson-details{padding:6px 8px;gap:4px}
 .gallery .cover--expert .expert-lesson-details small{font-size:6px}
 .gallery .cover--expert .expert-lesson-details strong{font-size:12px}
 .gallery .cover--expert .expert-lesson-details>span{font-size:6px}
 .gallery .cover--expert .expert-course{bottom:12px;left:12px;right:12px;height:44px;gap:3px}
 .gallery .cover--expert .expert-course small,.gallery .cover--expert .expert-course span{font-size:6px;padding:5px 3px}
 .gallery .cover--expert .expert-progress{bottom:6px;left:12px;right:12px}
 .gallery .cover--expert .expert-progress span{font-size:5px}
 .gallery .cover--legal .legal-canvas{width:63%;padding:14px 10px 14px 14px}
 .gallery .cover--legal .legal-masthead{gap:4px;padding-bottom:7px}
 .gallery .cover--legal .legal-masthead strong{font-size:17px}
 .gallery .cover--legal .legal-masthead>span{font-size:6px}
 .gallery .cover--legal .legal-editorial>span{font-size:6px}
 .gallery .cover--legal .legal-editorial h2{font-size:clamp(30px,8.4vw,42px)!important;margin:8px 0!important}
 .gallery .cover--legal .legal-editorial p{font-size:8px;line-height:1.35}
 .gallery .cover--legal .legal-footer{font-size:6px;padding-top:6px}
 .gallery .cover--legal .legal-brief{right:7px;top:18px;bottom:15px;width:38%;padding:10px 7px;box-shadow:4px 4px 0 #bc9b6b6e}
 .gallery .cover--legal .legal-doc-header{font-size:6px;padding-bottom:5px}
 .gallery .cover--legal .legal-monogram{height:44px;width:44px;font-size:30px;margin:16px 0}
 .gallery .cover--legal .legal-doc-title{font-size:14px;margin:5px 0 8px}
 .gallery .cover--legal .legal-doc-lines{gap:5px}
 .gallery .cover--legal .legal-seal span,.gallery .cover--legal .legal-seal strong{font-size:6px}
}
@media(prefers-reduced-motion:reduce){.gallery .cover--personality:hover .personality-photo{transform:rotate(3deg)}}

/* Focused V3 visual inspection corrections — proportions at actual card width. */
.gallery .cover--personality .personality-masthead>span{flex-basis:100%}
.gallery .cover--personality .personality-masthead>strong{
 font-size:clamp(36px,3.35vw,50px)!important;line-height:.93!important;
}
.gallery .cover--office .workbench-content{gap:6px}
.gallery .cover--office .workbench-welcome{font-size:clamp(18px,1.7vw,25px)!important}
.gallery .cover--office .workbench-project{padding:8px;gap:6px}
.gallery .cover--office .workbench-timeline{gap:4px}
.gallery .cover--office .workbench-timeline span{padding:4px 3px;font-size:7px}
.gallery .cover--expert .expert-lesson{top:22px;height:63%}
.gallery .cover--expert .expert-lesson-image{height:60%}
.gallery .cover--expert .expert-lesson-details{padding:8px 9px;gap:4px}
.gallery .cover--expert .expert-lesson-details strong{font-size:clamp(12px,1.05vw,15px)}
.gallery .cover--legal .legal-editorial h2{
 font-size:clamp(30px,2.8vw,42px)!important;line-height:1.02!important;
 margin:11px 0 10px!important
}
.gallery .cover--legal .legal-editorial>span{font-size:8px}
.gallery .cover--legal .legal-masthead{padding-bottom:10px}
.gallery .cover--legal .legal-editorial p{font-size:10px}
@media(max-width:680px){
 .gallery .cover--personality .personality-masthead>strong{font-size:clamp(32px,9vw,39px)!important}
 .gallery .cover--personality .personality-masthead{top:10px}
 .gallery .cover--personality .personality-photo{top:88px}
 .gallery .cover--office .workbench-welcome{font-size:clamp(16px,4.5vw,20px)!important}
 .gallery .cover--office .workbench-project{padding:5px;gap:5px}
 .gallery .cover--office .workbench-timeline span{font-size:6px}
 .gallery .cover--expert .expert-lesson{top:16px;height:64%}
 .gallery .cover--expert .expert-lesson-image{height:59%}
 .gallery .cover--expert .expert-lesson-details strong{font-size:11px}
 .gallery .cover--legal .legal-editorial h2{font-size:clamp(28px,7.9vw,35px)!important;margin:8px 0!important}
}

/* Focused V3 parity for the smaller main-gallery creator tiles. */
.gallery .creator-demo-card--personality .c-thumb .cover-main-thumb>.cover-photo--bg{
 position:absolute!important;display:block!important;
 left:auto!important;right:8%!important;top:13%!important;
 width:47%!important;height:74%!important;
 transform:rotate(4deg);background-color:#d2b598!important;
 background-image:url('/creator-stock/20243345.jpg')!important;
 background-size:cover!important;background-position:54% 39%!important;
 border:5px solid #163d9d!important;
 box-shadow:6px 6px 0 #e15c73!important
}
.gallery .creator-demo-card--personality .cover-main-thumb>strong{
 font:900 clamp(30px,3.2vw,45px)/.93 Arial,sans-serif!important;
 max-width:49%!important;top:23px!important;left:15px!important;
 color:#193c94!important
}
.gallery .creator-demo-card--expert .cover-main-thumb{background:#f1eade!important}
.gallery .creator-demo-card--expert .cover-main-thumb>strong{
 display:block;position:absolute;top:11px!important;left:14px!important;
 font:400 clamp(27px,2.7vw,40px)/1 Georgia,serif!important;
 color:#32315d!important;z-index:5
}
.gallery .creator-demo-card--expert .expert-mini-lesson{
 position:absolute!important;display:flex!important;flex-direction:column!important;
 inset:64px 14px 48px 14px!important;padding:12px!important;z-index:3;
 background:#272447!important;color:#fff8ef!important;border:1px solid #aaa0b1!important
}
.gallery .creator-demo-card--expert .expert-mini-photo{
 display:grid!important;place-items:center!important;flex:1;
 background-color:#57507d!important;
 background-image:linear-gradient(180deg,#29264c35,#29264c66),url('/creator-stock/6954150.jpg')!important;
 background-size:cover!important;background-position:center 33%!important;
 color:#fff!important;font:900 23px/1 Arial,sans-serif!important;
 margin:-12px -12px 8px;padding:0!important;min-height:38px
}
.gallery .creator-demo-card--expert .expert-mini-lesson strong{
 font:600 22px/1.05 Georgia,serif;color:#fff7ee
}
.gallery .creator-demo-card--expert .expert-mini-lesson small{
 font:800 8px/1.3 Arial,sans-serif;letter-spacing:.1em;color:#e5c7b6
}
.gallery .creator-demo-card--expert .expert-mini-path{
 position:absolute!important;display:grid!important;grid-template-columns:repeat(3,1fr);
 gap:4px;bottom:11px;left:14px;right:14px;z-index:4
}
.gallery .creator-demo-card--expert .expert-mini-path>span{
 display:grid!important;place-items:center!important;
 padding:8px 4px!important;background:#dcd4ec!important;color:#393464!important;
 font:800 8px/1 Arial,sans-serif!important;letter-spacing:.06em!important
}
@media(max-width:680px){
 .gallery .creator-demo-card--expert .expert-mini-lesson{top:58px!important;bottom:44px!important;padding:9px!important}
 .gallery .creator-demo-card--expert .expert-mini-photo{margin:-9px -9px 6px!important}
 .gallery .creator-demo-card--expert .expert-mini-lesson strong{font-size:17px}
 .gallery .creator-demo-card--expert .expert-mini-path{bottom:8px}
 .gallery .creator-demo-card--expert .expert-mini-path>span{font-size:7px!important;padding:6px 2px!important}
}

/* Final main-gallery thumbnail readability correction. */
.gallery .creator-demo-card--personality .cover-personality-label{
 position:absolute!important;left:12px!important;right:auto!important;bottom:11px!important;
 background:#183c95!important;color:#fff9ed!important;
 border:0!important;box-shadow:3px 3px 0 #e15b73!important;
 padding:7px 9px!important;max-width:51%;width:auto!important
}
.gallery .creator-demo-card--personality .cover-personality-label b,
.gallery .creator-demo-card--personality .cover-personality-label span{
 display:block!important;color:#fff9ed!important;
 font:800 9px/1.3 Arial,sans-serif!important;letter-spacing:.04em!important
}
.gallery .creator-demo-card--personality .cover-personality-label span{font-size:8px!important}