.hero h1{font-size:clamp(52px,5.7vw,92px);line-height:1.3}.hero-description{max-width:660px;line-height:1.9}.hero-content{max-width:76%;bottom:157px}.hero-primary{background:#f2f0e9;color:#10223e;border:0;padding:12px 23px;gap:25px}.hero-primary:hover{background:white;gap:25px}.hero-proof{display:inline-block;margin-top:22px;color:#cbd9ef;font-size:12px;border-bottom:1px solid #adc2e452;padding-bottom:5px}html[lang=en] .hero h1{font-size:clamp(43px,4.7vw,76px);line-height:1.18}.hero-links{flex-wrap:wrap;gap:28px}
.case-study{padding-block:88px 58px;background:#08348b;color:#fff;position:relative}.case-heading>.eyebrow{color:#bad0f7;margin-bottom:26px}.case-title-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.case-title-row h2{font-size:clamp(37px,4.7vw,72px);line-height:1.42}.case-outline{color:#b7caf1}.case-brand{min-width:190px;text-align:center;border-inline-start:1px solid #ffffff30;padding-inline-start:48px;display:grid;justify-items:center;gap:15px}.case-brand img{width:155px;height:90px;object-fit:contain}.case-brand>span{font-size:11px;color:#bfcfee}.case-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-block:1px solid #ffffff36;margin-block:45px 39px;padding-block:27px}.case-stats>div{display:flex;flex-direction:column;padding-inline:27px;border-inline-end:1px solid #ffffff2b;gap:5px}.case-stats>div:first-child{padding-inline-start:0}.case-stats>div:last-child{border:0}.case-stats strong{font-family:var(--en),var(--font);font-size:clamp(29px,4vw,60px);font-weight:600;line-height:1.2;white-space:nowrap;direction:ltr;align-self:flex-start}.case-stats>div:last-child strong{font-family:var(--font);font-size:clamp(29px,3.3vw,50px)}.case-stats span{font-size:12px;color:#c6d6f3}.case-story{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.case-story .eyebrow{font-size:10px;color:#aac6f4;margin-bottom:15px}.case-story h3{font-size:24px;margin-bottom:16px}.case-story article>p:last-child{font-size:14px;color:#d5e2f8;line-height:1.95}.case-footer{border-top:1px solid #ffffff26;margin-top:37px;padding-top:24px;display:flex;gap:30px;justify-content:space-between;align-items:center}.case-footer>p{font-size:10px;max-width:550px;color:#acc6ee}.case-footer .line-link{flex:none;font-size:12px}
.plan-fit{font-size:12px;line-height:1.9;color:#68717d;margin-block:12px 7px;min-height:68px}.featured .plan-fit{color:#d1e0fa}.plan-scope{margin-top:18px;border-block:1px solid #8490a336;padding-block:12px;font-size:11px}.plan-scope summary{display:flex;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}.plan-scope summary::-webkit-details-marker{display:none}.plan-scope[open] summary>span:last-child{transform:rotate(45deg)}.plan-scope dl{margin-block:15px 0}.plan-scope dt{font-weight:600;font-size:11px}.plan-scope dd{margin:4px 0 12px;line-height:1.8;opacity:.8}.plan-quote-button{font-size:11px;border-bottom:1px solid #657a993b;margin-top:13px;align-self:center;padding:6px 0}.quote-create{width:100%;margin-bottom:13px}.quote-create:disabled{opacity:.35;cursor:not-allowed;transform:none}.process-steps h3{font-size:26px}.process-delivery{margin-top:23px;padding-top:18px;border-top:1px solid #ffffff24}.process-delivery b{display:block;font-size:11px;color:#b9cbea;margin-top:13px}.process-delivery p{font-size:12px;margin-top:5px}
.testimonials{padding-block:75px;background:#eeeae3;color:#142033}.testimonials .section-head{margin-bottom:30px}.testimonials .eyebrow{color:#45658e}.testimonials .page-blocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.testimonials .page-kind-testimonial{grid-column:auto;background:#fbfaf6;padding:29px;border-top:3px solid #08348b}.testimonial-quote{margin:0;font-size:21px;line-height:1.9;white-space:pre-wrap}.testimonial-quote:before{content:'“';font-family:Georgia,serif;font-size:60px;display:block;color:#a5b7d2;height:58px;line-height:1}.testimonial-author{font-size:12px!important;font-weight:500;color:#48627f;margin-top:24px!important;white-space:pre-wrap}.testimonials .line-link{font-size:11px;color:#08348b;border-color:#08348b40}.testimonials-owner-note{padding:17px;background:#dce7fa;border:1px dashed #7095c9;color:#1c446f;font-size:13px}.page-edit-active .testimonials .page-kind-testimonial{grid-column:auto}.page-edit-active .testimonials .page-kind-testimonial [contenteditable]:empty{min-height:60px}.page-edit-active .testimonials .page-add-element{grid-column:1/-1}
.faq{padding-block:82px;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:var(--paper);color:var(--ink)}.faq-intro>.eyebrow{color:var(--blue);margin-bottom:23px}.faq-intro h2{font-size:clamp(33px,3.8vw,56px);line-height:1.45}.faq-intro .line-link{margin-top:25px}.faq-list{border-top:1px solid #18223030}.faq details{border-bottom:1px solid #18223030}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:18px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary>span:last-child{font-size:24px;color:#64728a;font-weight:400}.faq details[open] summary>span:last-child{transform:rotate(45deg)}.faq details>p{color:#586575;font-size:14px;padding:0 0 22px;line-height:1.9}.faq>.page-blocks{grid-column:1/-1}
#mobile-whatsapp{position:fixed;inset-inline-end:18px;bottom:max(20px,env(safe-area-inset-bottom));z-index:42;display:none;align-items:center;gap:10px;background:#08348b;color:white;box-shadow:0 5px 30px #0004;border:1px solid #b4cffa66;border-radius:28px;padding:12px 20px;font-size:13px}.cms-owner #mobile-whatsapp,body:has(dialog[open]) #mobile-whatsapp{display:none!important}.price-admin-entry{display:none}.cms-owner .price-admin-entry{display:inline-flex}
.quote-dialog{padding:0;border:1px solid #8b9ebb44;border-radius:10px;width:min(880px,94vw);max-height:90svh;color:#142033;background:#f6f4ee;overflow:auto}.quote-dialog::backdrop{background:#050c1dd9;backdrop-filter:blur(5px)}.quote-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;background:#08348b;color:white;padding:25px 30px;gap:25px}.quote-dialog-head .eyebrow{font-size:10px;color:#bacff2;margin-bottom:10px}.quote-dialog-head h2{font-size:30px;letter-spacing:0}.quote-dialog-close{font-size:29px;line-height:1;min-width:38px;min-height:38px;border:1px solid #ffffff44;border-radius:4px}.quote-dialog-body{padding:26px 30px}.quote-client-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px}.quote-client-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px}.quote-client-fields input{min-width:0;background:white;border:1px solid #16376235;border-radius:3px;padding:11px 12px;color:#142033;font-size:15px;width:100%}.quote-reference{font-size:11px;color:#586b84;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:18px}.quote-table-wrap{overflow:auto}.quote-table{border-collapse:collapse;width:100%;font-size:13px;min-width:480px}.quote-table th{text-align:start;padding:12px;background:#e4eaf3;font-weight:500;font-size:11px;white-space:nowrap}.quote-table td{padding:15px 12px;border-bottom:1px solid #b9c5d633;vertical-align:top}.quote-table th:first-child{width:49%}.quote-table td small{display:block;color:#6b7686;font-size:10px;margin-top:4px}.quote-table td:not(:first-child){font-family:var(--en);white-space:nowrap;direction:ltr}.quote-table td:first-child{overflow-wrap:anywhere}.quote-doc-totals{margin-block:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quote-doc-total{padding:15px;border:1px solid #a7b7cf44;background:#fff}.quote-doc-total:last-child{background:#08348b;color:#fff}.quote-doc-total>span{display:block;font-size:11px;margin-bottom:7px}.quote-doc-total>strong{font-size:22px;font-weight:500}.quote-doc-terms{font-size:11px;color:#607089;padding-top:17px;border-top:1px solid #a7b7cf44;line-height:1.8;white-space:pre-wrap}.quote-features{font-size:12px;margin-top:22px}.quote-features h3{font-size:15px;margin-bottom:8px}.quote-features ul{columns:2;padding-inline-start:22px;line-height:1.9}.quote-dialog-footer{position:sticky;bottom:0;background:#f6f4eef5;backdrop-filter:blur(10px);padding:18px 30px;border-top:1px solid #bdc9d955;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.quote-dialog-footer button,.quote-dialog-footer a{font-size:12px;padding:12px 18px;border:1px solid #08348b;border-radius:3px;min-height:44px}.quote-dialog-footer button{background:#08348b;color:white}.quote-dialog-footer button:disabled{opacity:.6;cursor:wait}.quote-dialog-footer a{color:#08348b}.quote-dialog-footer p{width:100%;font-size:11px;color:#65758c}.quote-dialog-footer p.error{color:#b02536}
@media(max-width:1000px){.case-brand{padding-inline-start:25px;min-width:150px}.case-story{gap:25px}.case-story h3{font-size:20px}.testimonials .page-blocks{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.hero-content{max-width:85%}.hero-description{max-width:620px}}
@media(max-width:700px){.hero{min-height:775px}.hero-content{inset-inline:6%;bottom:157px;max-width:none}.hero h1{font-size:clamp(44px,10.6vw,69px);line-height:1.4}.hero-description{font-size:13px;max-width:420px;margin-top:14px}.hero-links{gap:19px;margin-top:23px}.hero-primary{padding:11px 16px}.hero-proof{font-size:10px;margin-top:17px}.hero-content .eyebrow{font-size:9px}.hero-links .line-link{font-size:11px}.hero-links .reel-link{font-size:10px}html[lang=en] .hero h1{font-size:clamp(37px,8.5vw,58px);line-height:1.22}html[lang=en] .hero-content{bottom:155px}.case-study{padding-block:52px 36px}.case-title-row{gap:25px;align-items:flex-start;flex-direction:column}.case-title-row h2{font-size:36px}.case-brand{border:0;padding:0;display:flex;gap:20px}.case-brand img{width:90px;height:48px}.case-stats{grid-template-columns:1fr 1fr;margin-block:30px;padding-block:0}.case-stats>div{padding:22px 12px!important;border-bottom:1px solid #ffffff29}.case-stats>div:nth-child(2n){border-inline-end:0}.case-stats>div:nth-child(n+3){border-bottom:0}.case-stats strong{font-size:37px}.case-stats>div:last-child strong{font-size:33px}.case-stats span{font-size:11px}.case-story{grid-template-columns:1fr;gap:29px}.case-story h3{font-size:25px;margin-bottom:10px}.case-story article>p:last-child{font-size:14px}.case-story .eyebrow{margin-bottom:10px}.case-footer{flex-direction:column;align-items:flex-start;gap:15px}.case-footer>p{font-size:10px}.plan-fit{font-size:13px;min-height:0;max-width:400px;margin-bottom:14px}.plan-scope{font-size:12px}.plan-scope dt,.plan-scope dd{font-size:12px}.plan-quote-button{font-size:12px}.process-steps h3{font-size:24px}.process-delivery p{font-size:12px}.testimonials{padding-block:50px}.testimonials .page-blocks{grid-template-columns:1fr}.testimonial-quote{font-size:19px}.testimonials .page-kind-testimonial{padding:23px}.faq{grid-template-columns:1fr;gap:34px;padding-block:50px}.faq-intro h2{font-size:38px}.faq summary{font-size:16px;padding-block:20px}.faq details>p{font-size:13px}#mobile-whatsapp{display:flex}.footer{padding-bottom:90px}.quote-dialog-head{padding:21px}.quote-dialog-head h2{font-size:25px}.quote-dialog-body{padding:21px}.quote-client-fields{grid-template-columns:1fr;gap:13px}.quote-doc-totals{grid-template-columns:1fr;gap:8px}.quote-doc-total{display:flex;justify-content:space-between;align-items:center;padding:13px}.quote-doc-total>span{margin:0}.quote-doc-total>strong{font-size:21px}.quote-dialog-footer{padding:15px 21px}.quote-features ul{columns:1}}
@media(prefers-reduced-motion:reduce){.hero-primary,.faq summary>span,.plan-scope summary>span{transition:none}}

body:has(.quote-dialog[open]){overflow:hidden}
.quote-file-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;max-width:100%}
.quote-file-actions[hidden],.quote-file-actions [hidden],#quote-download[hidden]{display:none!important}
.quote-file-actions a,.quote-file-actions button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media (max-width:760px){.quote-file-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.quote-file-actions #quote-share{grid-column:1/-1}.quote-file-actions a{min-width:0}}

/* Agency showreel cover */
.statement.statement-showreel{position:relative;display:grid;place-items:center;min-height:560px;padding:70px 6%;isolation:isolate;background:#06235c;border-block:1px solid #ffffff24}
.showreel-cover{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#1551b0 0%,#08348b 37%,#051329 100%)}
.showreel-cover::after{content:'';position:absolute;inset:25px 3%;border:1px solid #ffffff20;pointer-events:none}
.showreel-wordmark{position:absolute;bottom:-.15em;left:50%;transform:translateX(-50%);font-family:var(--en);font-size:clamp(88px,19vw,310px);font-weight:800;letter-spacing:-.075em;line-height:1;color:#ffffff05;-webkit-text-stroke:1px #ffffff14;white-space:nowrap;user-select:none}
.statement-showreel .statement-copy{position:relative;inset:auto;padding:0;max-width:100%;display:flex;flex-direction:column;align-items:center}
.statement-showreel .showreel-brand{width:clamp(150px,15vw,210px);height:auto;object-fit:contain;margin-bottom:30px}
.statement-showreel .statement-copy h2{font-size:clamp(30px,4.6vw,66px);line-height:1.45;margin-top:16px}
.statement-showreel .statement-copy .eyebrow{color:#dce8fc;font-size:11px}
.statement-showreel .reel-link{margin-top:25px;font-size:14px}
.statement-showreel .play-icon{width:48px;height:48px;border-color:#ffffff90;background:#ffffff08}
.statement-showreel .reel-link:hover .play-icon{background:#ffffff20}
@media(max-width:600px){.statement.statement-showreel{min-height:440px;padding:60px 8%}.showreel-cover::after{inset:18px}.statement-showreel .showreel-brand{width:150px;margin-bottom:25px}.statement-showreel .statement-copy .eyebrow{font-size:9px}.statement-showreel .statement-copy h2{font-size:30px}.statement-showreel .reel-link{font-size:12px}}

.company-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:25px}.company-profile-actions .line-link{min-height:48px}

/* Three client stories, using original project stills and the original award photo. */
.stories-heading{max-width:820px;margin-bottom:38px}
.stories-heading>.eyebrow{color:#bad0f7;margin-bottom:16px}
.stories-heading h2{font-size:clamp(29px,3.3vw,48px);line-height:1.5;margin-bottom:15px}
.stories-heading>p:last-child{font-size:14px;line-height:1.9;color:#d0dff7;max-width:730px}
.story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:48px}
.story-tabs button{display:flex;align-items:center;gap:18px;text-align:start;min-height:74px;padding:18px 22px;border:1px solid #ffffff35;color:#d9e5fb;background:#ffffff04;font-size:16px;transition:background .18s,color .18s}
.story-tabs button[aria-selected=true]{background:#f2f0e9;border-color:#f2f0e9;color:#08348b}
.story-tabs button:hover{border-color:#ffffffb3}
.story-tab-index{font-family:var(--en);font-size:11px;opacity:.65}
.story-panel{scroll-margin-top:110px;outline-offset:8px}
.story-tabs[hidden],.story-panel[hidden]{display:none!important}
.story-proof-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;align-items:center;margin-top:45px;padding-top:35px;border-top:1px solid #ffffff30}
.story-award{margin:0;min-width:0}
.story-award>a{display:grid;place-items:center;background:#f2f0e9;padding:18px}
.story-award img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain}
.story-award figcaption{font-size:10px;line-height:1.8;color:#c4d7f8;margin-top:12px}
.story-proof-copy>.eyebrow{color:#bad0f7;margin-bottom:13px}
.story-proof-copy h3{font-size:clamp(24px,2.7vw,38px);line-height:1.5;margin-bottom:15px}
.story-proof-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d0dff7;margin-bottom:26px;max-width:580px}
.story-film{display:block;width:100%;min-width:0;padding:0;text-align:start;border:1px solid #ffffff35;background:#052663;color:white}
.story-film-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#101b2a}
.story-film-image img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.story-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:49px;height:49px;border-radius:50%;border:1px solid #ffffffa6;background:#05152bbf;font-size:16px;padding-left:3px;backdrop-filter:blur(5px)}
.story-film:hover .story-film-image img{opacity:.8}
.story-film-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;font-size:12px;line-height:1.7}
.story-gallery-head{margin:39px 0 19px;padding-top:30px;border-top:1px solid #ffffff30}
.story-gallery-head h3{font-size:21px}
.story-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.story-film-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-account-links{display:flex;flex-wrap:wrap;gap:18px 32px;margin-top:28px}
.story-account-links .line-link{font-size:12px;min-height:44px}
.case-stats.story-three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-three-stats>div:last-child strong{font-family:var(--en),var(--font);font-size:clamp(29px,4vw,60px)}
.story-brand-name{flex:none;font-family:Georgia,serif;letter-spacing:.12em;font-size:26px;text-align:center;padding-inline-start:30px;border-inline-start:1px solid #ffffff30}
.story-brand-name span{display:block;font-family:var(--en);font-size:10px;letter-spacing:.32em;margin-top:10px}
.story-client-brand{flex:none;padding-inline-start:30px;border-inline-start:1px solid #ffffff30}
.alfares-logo-frame{position:relative;width:190px;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#fff}
.story-client-brand .alfares-logo-frame img{position:absolute;display:block;width:182.6087%;height:173.3696%;max-width:none;left:-47.0109%;top:-20.3804%;object-fit:fill}
@media(max-width:1000px){.story-client-brand{padding-inline-start:20px}.alfares-logo-frame{width:160px}}
@media(max-width:700px){.story-client-brand{border:0;padding:0}.alfares-logo-frame{width:145px}}
.story-intro{margin-block:35px 38px;padding-block:24px;border-block:1px solid #ffffff30;font-size:16px;color:#d5e2f8;line-height:1.95}
.story-intro p{max-width:970px}
.story-extra:empty{display:none}
.story-extra .page-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.story-extra .page-kind-image{grid-column:auto}
.story-extra .page-kind-image img{width:100%;height:auto;max-height:680px;object-fit:contain;background:#052663}
.story-extra .page-add-element{grid-column:1/-1}
.stories-editing .story-panel+.story-panel{margin-top:65px;padding-top:55px;border-top:2px solid #ffffff50}
.success-stories :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1000px){.story-tabs button{padding:16px;gap:10px;font-size:14px}.story-proof-grid{gap:28px}.story-film-three{gap:12px}.story-film-caption{padding:13px;font-size:11px}.story-brand-name{font-size:21px;padding-inline-start:20px}}
@media(max-width:700px){.stories-heading{margin-bottom:25px}.stories-heading h2{font-size:30px}.stories-heading>p:last-child{font-size:13px}.story-tabs{gap:7px;margin-bottom:33px}.story-tabs button{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:13px 10px;min-height:84px;font-size:12px}.story-tab-index{font-size:10px}.story-proof-grid{grid-template-columns:1fr;gap:28px;margin-top:30px;padding-top:27px}.story-award>a{padding:15px}.story-award img{max-height:420px}.story-award figcaption{font-size:11px}.story-proof-copy h3{font-size:29px}.story-film-grid,.story-film-three{grid-template-columns:1fr;gap:20px}.story-film-caption{font-size:13px;padding:16px}.story-gallery-head{margin-top:30px}.story-gallery-head h3{font-size:21px}.case-stats.story-three-stats>div{padding:20px 8px!important;border-bottom:0;border-inline-end:1px solid #ffffff2b}.case-stats.story-three-stats>div:last-child{border:0}.story-three-stats strong,.story-three-stats>div:last-child strong{font-size:clamp(26px,7vw,40px)}.story-three-stats span{font-size:10px;line-height:1.7}.story-brand-name{font-size:25px;border:0;padding:0;text-align:start}.story-intro{font-size:14px;margin-block:26px 30px}.story-account-links{gap:14px}.story-extra .page-blocks{grid-template-columns:1fr}.stories-editing .story-panel+.story-panel{margin-top:40px;padding-top:35px}}
@media(prefers-reduced-motion:reduce){.story-tabs button,.story-film-image img{transition:none}}

/* Studio award photo and a direct comparison of the client's real account images. */
.story-award>a{padding:0;background:#07172f;border:1px solid #98b6e033;border-radius:9px;overflow:hidden;box-shadow:0 22px 60px #00132c45}
.story-award img{max-height:620px;width:100%;height:auto;object-fit:contain}
.story-award figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:17px}
.award-source{font-size:10px;color:#c4d7f8;border-bottom:1px solid #c4d7f84d;padding-block:5px}
.identity-comparison{margin-block:35px 43px;padding:30px;background:#061e4d;border:1px solid #b7caf130}
.identity-comparison[hidden],.identity-comparison [hidden]{display:none!important}
.identity-compare-heading>.eyebrow{color:#b4c9ee;margin-bottom:13px}
.identity-compare-heading h3{font-size:clamp(27px,3vw,43px);line-height:1.5;margin-bottom:12px}
.identity-compare-heading>p:last-child{color:#c9d8f1;font-size:13px;line-height:1.9;max-width:680px}
.identity-compare-views{display:flex;gap:7px;flex-wrap:wrap;margin-block:24px 18px}
.identity-compare-views button{min-height:42px;border:1px solid #a8bfdf44;padding:10px 17px;color:#d9e5f8;font-size:11px}
.identity-compare-views button[aria-pressed=true]{background:#f2f0e9;border-color:#f2f0e9;color:#12366f}
.identity-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.identity-comparison:not([data-view=both]) .identity-compare-grid{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
.identity-compare-card{min-width:0;border:1px solid #b7caf13d;background:#fff;color:#182b4c}
.identity-card-head{padding:17px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #172b4524}
.identity-card-head>span{font-family:var(--en);font-size:10px;color:#7c8ba1}
.identity-card-head h4{font-size:15px;font-weight:500;line-height:1.6}
.identity-compare-card[data-compare-side=jblah] .identity-card-head{background:#dce8fa}
.identity-image-open{display:block;padding:0;width:100%;text-align:start;color:#182b4c}
.identity-image-open img{display:block;width:100%;aspect-ratio:3/4;height:auto;object-fit:contain;background:#eaeef4}
.identity-enlarge-hint{display:block;padding:12px 17px;font-size:11px;border-top:1px solid #172b451a}
.identity-image-placeholder{display:grid;place-items:center;width:100%;min-height:260px;border:1px dashed #7692b9;background:#eaf0f8;color:#15427c;font-size:15px}
.identity-compare-tools{display:flex;gap:12px;padding:12px;border-top:1px solid #172b4524}
.identity-compare-tools button{border:1px solid #6783aa55;padding:9px 13px;background:#fff;color:#163d72;font-size:11px}
.identity-compare-owner{background:#dce8fa;padding:16px;margin-top:18px;color:#1a416f;font-size:12px;line-height:1.85}
.identity-zoom{width:min(980px,95vw);max-height:92svh;overflow:auto;padding:0;border:1px solid #7591b344;background:#eff2f7;color:#152b4e;border-radius:8px}
.identity-zoom::backdrop{background:#020a19e8;backdrop-filter:blur(6px)}
.identity-zoom-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;background:#061e4df5;color:white;z-index:1}
.identity-zoom-head h2{font-size:18px;line-height:1.6}
.identity-zoom-close{font-size:29px;min-width:44px;min-height:44px;border:1px solid #ffffff50}
.identity-zoom-image{display:block;width:100%;height:auto;object-fit:contain}
body:has(.identity-zoom[open]){overflow:hidden}
@media(max-width:700px){.story-award img{max-height:560px}.identity-comparison{padding:18px;margin-block:27px 33px}.identity-compare-heading h3{font-size:29px}.identity-compare-grid{gap:10px}.identity-card-head{padding:12px 9px;gap:7px}.identity-card-head h4{font-size:11px}.identity-card-head>span{font-size:9px}.identity-compare-views{gap:6px}.identity-compare-views button{padding:9px 11px;font-size:10px}.identity-enlarge-hint{padding:11px 9px;font-size:10px}.identity-image-placeholder{min-height:210px;font-size:12px}.identity-compare-tools{padding:8px;flex-direction:column;gap:6px}.identity-zoom-head{padding:12px 16px}.identity-zoom-head h2{font-size:15px}}

.identity-comparison{background:linear-gradient(140deg,#152522,#0b1820 65%);border-color:#b7b49544;padding:34px}
.identity-compare-heading>.eyebrow{color:#d3c4a0}
.identity-compare-heading h3{font-size:clamp(31px,3.5vw,52px)}
.identity-compare-grid{align-items:start;gap:24px}
.identity-compare-card{border-color:#aebdb42e;background:#101b20;color:#f1eee5}
.identity-card-head{background:#1b252a;color:#d5ddd9;border-color:#aebdb42e;padding-block:20px}
.identity-card-head h4{font-size:20px;font-weight:600}
.identity-compare-card[data-compare-side=jblah]{border-color:#c8b18380;box-shadow:0 15px 45px #0002}
.identity-compare-card[data-compare-side=jblah] .identity-card-head{background:#c8b183;color:#172621}
.identity-card-head>span{color:inherit;opacity:.7}
.identity-image-open{color:#dbe3dd}
.identity-image-open>img.identity-account-capture{aspect-ratio:auto;height:auto;object-fit:contain;background:#0b1116}
.identity-before-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#111;overflow:hidden}
.identity-before-tile{display:block;position:relative;overflow:hidden}
.identity-before-tile img{position:absolute;max-width:none;object-fit:fill;aspect-ratio:auto}
.identity-enlarge-hint{border-color:#aebdb42e;background:#142421;color:#e1e7dd}
.identity-after-options{display:flex;gap:12px;padding:14px;border-top:1px solid #aebdb42e}
.identity-after-option{display:flex;align-items:center;gap:10px;border:1px solid #aebdb450;padding:8px 12px;color:#dce4dd;font-size:11px;flex:1;text-align:start}
.identity-after-option[aria-pressed=true]{border-color:#c8b183;background:#c8b1831c;color:#e8d8b8}
.identity-after-option img{width:26px;height:44px;object-fit:contain;background:#0b1116}
.identity-compare-tools{flex-direction:column;border-color:#aebdb42e}
.identity-edit-row{display:flex;gap:8px;flex-wrap:wrap}
.email-contact-dialog{padding:0;border:1px solid #829abc50;border-radius:9px;width:min(540px,92vw);background:#f4f2ec;color:#132846;max-height:90svh;overflow:auto}
.email-contact-dialog::backdrop{background:#030b19d9;backdrop-filter:blur(5px)}
.email-contact-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#08348b;color:#fff;padding:20px 26px}
.email-contact-head h2{font-size:27px}
#email-contact-close{font-size:29px;min-height:44px;min-width:44px;border:1px solid #ffffff44}
.email-contact-body{padding:28px}
.email-contact-body label{display:block;font-size:13px;margin-bottom:13px}
#email-contact-address{display:block;width:100%;padding:16px;background:#fff;color:#08348b;border:1px solid #123a7540;border-radius:3px;font-size:clamp(19px,5vw,26px);font-family:var(--en);text-align:center}
.email-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.email-contact-actions>*{padding:13px 18px;border:1px solid #08348b;font-size:12px;min-height:46px;text-align:center}
#email-compose{background:#08348b;color:#fff;flex:1}
.email-contact-note,.email-contact-status{font-size:12px;line-height:1.85;margin-top:17px;color:#596b85}
.email-contact-status{color:#08348b;min-height:23px;margin-top:10px}
body:has(.email-contact-dialog[open]){overflow:hidden}
@media(max-width:700px){.identity-comparison{padding:18px}.identity-compare-grid{gap:10px}.identity-card-head h4{font-size:15px}.identity-after-options{padding:8px;gap:6px}.identity-after-option{padding:7px;gap:6px;font-size:10px}.identity-after-option img{width:17px;height:29px}.email-contact-body{padding:22px}.email-contact-head{padding:17px 22px}.email-contact-head h2{font-size:23px}}