/* Cartel Digital 2.4 — editorial services, work gallery and practical guides. */
.release-hero {padding-bottom:65px}
.release-hero-grid {display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:60px}
.release-hero h1 {font-size:clamp(38px,4.8vw,68px);line-height:1.06;max-width:760px;margin:25px 0}
.release-hero .release-lead {font-size:17px;max-width:590px}
.release-price {font-size:23px;font-weight:600;margin:25px 0;color:var(--ink);letter-spacing:-.03em}
.release-hero .button-row {margin-top:28px;gap:24px}
.release-hero-image {margin:0;align-self:stretch;min-width:0;display:flex;align-items:center}
.release-hero-image img {width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:18px}
.release-format-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.release-format-grid article {padding:27px 0;border-top:1px solid var(--line);min-width:0}
.release-format-grid h3 {font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0 0 6px}
.format-cost {font-size:21px;margin:0 0 22px;color:var(--muted)}
.tariff-actions {display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:auto;width:100%}
.tariff-actions .text-link {font-size:12px;gap:9px;margin:0}
.example-link {display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #8b9b90;border-radius:100px;padding:10px 13px;font-size:12px;font-weight:500;line-height:1.25;transition:background .18s,color .18s}
.example-link:hover {background:var(--ink);color:var(--paper)}
.example-link svg {width:15px;height:15px;flex:none}
.release-steps {margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.release-steps li {display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:30px 0 40px}
.step-no {font-size:15px;color:#a0664d;letter-spacing:.05em;padding-top:4px}
.release-steps h3 {font-size:25px;line-height:1.18;letter-spacing:-.035em;font-weight:500;margin:0 0 18px}
.release-steps p {font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 21px}
.step-output {font-size:13px;border-left:2px solid var(--coral);padding-left:15px;line-height:1.7}
.step-output span {display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8d624c;margin-bottom:5px}
.release-tiles {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.release-tiles article {padding:31px;border:1px solid var(--line);border-radius:16px;background:#ffffff7a;min-width:0}
.release-tiles article:nth-child(4n+2) {background:var(--lavender-soft)}
.release-tiles article:nth-child(4n+3) {background:var(--coral-soft)}
.release-tiles h3 {font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 16px}
.release-tiles p {font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.release-tint {background:#edf0e7}
.release-process {background:#f3f0e9}
.section-end {display:flex;justify-content:center;margin-top:40px}
.work-filters {display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.work-filters button {padding:11px 16px;font-size:12px;border:1px solid #bcc7ba;border-radius:100px;background:transparent;line-height:1.2;min-height:40px}
.work-filters button[aria-pressed=true] {background:var(--ink);color:var(--paper);border-color:var(--ink)}
.work-filters button:hover {border-color:var(--ink)}
.work-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}
.work-card {min-width:0;position:relative;border:0;background:transparent;overflow:visible;padding:0}
.work-card>a {display:block;height:100%}
.work-visual {border-radius:17px;overflow:hidden;aspect-ratio:1.43;display:grid;align-content:center;background:#e5e8df;border:1px solid #163c2910}
.work-card .work-visual>* {transition:transform .35s cubic-bezier(.2,.65,.3,1)}
.work-card:hover .work-visual>* {transform:scale(1.025)}
.work-caption {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.work-caption h3 {font-size:32px;font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:8px 0 0}
.work-caption .small-label {font-size:10px;color:var(--muted)}
.work-card p {font-size:14px;line-height:1.7;color:var(--muted);margin:13px 0;max-width:95%}
.work-arrow {border:1px solid #c5cfc2;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:23px;flex:none}
.work-status {display:inline-block;font-size:10px;border-radius:100px;padding:5px 10px;background:#e9eee3;color:#4b5f52}
.case-real-shot img {display:block;width:100%;height:auto;object-fit:contain}
.work-shelter .work-visual {background:#122c40;padding:25px}
.work-premium .work-visual {background:#222a23;padding:25px}
.work-shelter .case-real-shot,.work-premium .case-real-shot {box-shadow:0 20px 36px #0003;border-radius:4px;overflow:hidden}
.case-meta {display:flex;gap:12px;font-size:11px;color:var(--muted);margin-top:36px}
.case-meta>span {border:1px solid var(--line);border-radius:100px;padding:8px 13px}
.case-hero h1 {font-size:clamp(54px,8vw,112px);letter-spacing:-.065em;margin:22px 0;line-height:1.05}
.case-hero p {max-width:750px;font-size:19px;line-height:1.7}
.case-showcase {padding:55px;border-radius:20px;background:#e9ece4;overflow:hidden}
.showcase-shelter {background:#183544}
.showcase-premium {background:#23322a}
.case-showcase .case-real-shot {box-shadow:0 15px 40px #0003;border-radius:8px;overflow:hidden}
.case-showcase .concept-demo,.case-showcase .flow-demo {max-width:1200px;margin:auto;box-shadow:0 16px 45px #16392b1c;border-radius:7px}
.case-disclosure {font-size:13px;line-height:1.75;color:var(--muted);padding:23px 28px;border-left:2px solid var(--coral);background:#f2eee6;border-radius:0 8px 8px 0}
.case-disclosure p {margin:0}
.concept-demo {background:#e7ecda;color:#203929;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif;width:100%;container-type:inline-size}
.concept-nav {display:flex;justify-content:space-between;align-items:center;padding:3.4% 5%;gap:20px;border-bottom:1px solid #1f442020;font-size:clamp(8px,1cqw,13px)}
.concept-nav>b {font-size:clamp(15px,2.3cqw,29px);letter-spacing:-.04em;line-height:1}
.concept-nav>b>span {color:#d97843}
.concept-screen {position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:0;align-items:center;padding:5%;gap:5%}
.concept-screen>img {width:100%;aspect-ratio:.95;object-fit:cover}
.concept-copy {position:relative;z-index:1;min-width:0}
.concept-kicker {display:block;font-size:clamp(6px,.9cqw,12px);letter-spacing:.11em;text-transform:uppercase;margin-bottom:9%}
.concept-copy h3 {font-size:clamp(18px,4.9cqw,60px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 15%}
.concept-action {display:inline-block;background:#233b2b;color:#f5f2e9;padding:5% 7%;font-size:clamp(7px,1.08cqw,13px);border-radius:0;line-height:1.3}
.concept-bottom {display:flex;justify-content:space-between;border-top:1px solid #1f442020;padding:2% 5%;font-size:clamp(6px,.85cqw,11px);color:#465848}
.concept-forma {background:#f4eee2;color:#2a281f}
.concept-forma .concept-nav>b {font-family:Georgia,serif;letter-spacing:.12em;font-size:clamp(13px,2cqw,26px)}
.concept-forma .concept-copy h3 {font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(18px,4.4cqw,55px)}
.concept-forma .concept-action {background:#8a4934}
.concept-sono {background:#252ae9;color:#fff3e1}
.concept-sono .concept-screen {grid-template-columns:.9fr 1.1fr}
.concept-sono .concept-copy h3 {font-weight:800;font-size:clamp(22px,6cqw,74px);letter-spacing:-.07em;text-transform:uppercase}
.concept-sono .concept-nav {border-color:#fff3e144}
.concept-sono .concept-nav>b {font-weight:900}
.concept-sono .concept-nav>b>span {color:#ff853f}
.concept-sono .concept-action {background:#ff873e;color:#241963}
.concept-sono .concept-bottom {border-color:#fff3e144;color:#eee8fe}
.concept-tera {background:#eee6d8;color:#472e22}
.concept-tera .concept-nav>b {font-family:Georgia,serif;letter-spacing:.1em}
.concept-tera .concept-copy h3 {font-family:Georgia,serif;font-weight:400;font-size:clamp(20px,4.6cqw,59px);letter-spacing:-.05em}
.concept-tera .concept-action {border-radius:100px;background:#6e422f}
.work-volta .work-visual {background:#cdd9bf;padding:22px}
.work-forma .work-visual {background:#dfd3c2;padding:22px}
.work-sono .work-visual {background:#191ac1;padding:22px}
.work-tera .work-visual {background:#d9c8b7;padding:22px}
.flow-demo {background:#f6f7fa;color:#292a40;font-family:'Segoe UI',Arial,sans-serif;container-type:inline-size;width:100%}
.flow-bar {display:flex;align-items:center;gap:22px;border-bottom:1px solid #e4e4ee;padding:3% 4%;font-size:clamp(6px,1cqw,12px)}
.flow-bar b {font-size:clamp(17px,2.7cqw,34px);letter-spacing:-.08em;color:#5651b2}
.flow-avatar {margin-left:auto;border-radius:50%;background:#e5dff7;color:#50497e;padding:1% 1.6%}
.flow-layout {display:grid;grid-template-columns:20% 1fr;min-height:0}
.flow-menu {display:flex;flex-direction:column;gap:20px;padding:20% 12%;font-size:clamp(6px,1.1cqw,13px);color:#707085;background:#edeef4}
.flow-menu strong {color:#5c4eaa}
.flow-content {padding:5% 6%;min-width:0}
.flow-content>.small-label {font-size:clamp(6px,.85cqw,11px);margin:0}
.flow-content h3 {font-size:clamp(16px,2.5cqw,30px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:4% 0 6%}
.flow-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%;margin-bottom:6%}
.flow-metrics>div {padding:12% 10%;background:white;border:1px solid #e5e4ed;border-radius:6px}
.flow-metrics small {display:block;font-size:clamp(6px,.9cqw,11px);color:#73718a;white-space:nowrap}
.flow-metrics b {display:block;font-size:clamp(20px,3.5cqw,43px);font-weight:500;margin-top:10%}
.flow-task {display:flex;gap:10px;align-items:center;border-top:1px solid #e2e1eb;padding:3% 0;font-size:clamp(6px,1.05cqw,13px)}
.flow-task i {width:8px;height:8px;background:#bfc9a3;border-radius:50%;flex:none}
.flow-task em {margin-left:auto;font-style:normal;font-size:clamp(5px,.75cqw,10px);background:#ebe7f8;color:#75659e;padding:4px 7px;border-radius:4px}
.flow-caption {font-size:clamp(6px,.85cqw,10px)!important;color:#858394!important;margin:4% 0 0!important}
.work-flow .work-visual {padding:22px;background:#dad7ef}
.services-editorial {display:flex;flex-direction:column;gap:55px}
.service-editorial {display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-bottom:55px;border-bottom:1px solid var(--line)}
.service-editorial:nth-child(even) .service-editorial-picture {order:2}
.service-editorial-picture img {display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:17px}
.service-editorial-copy h2 {font-size:clamp(30px,4vw,55px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:20px 0}
.service-editorial-copy p {font-size:17px;line-height:1.8;color:var(--muted);max-width:510px;margin:0 0 26px}
.article-body .guide-summary {padding:24px 28px;margin:0 0 35px;background:#eaf0e5;border-left:3px solid #85a56c;border-radius:0 10px 10px 0}
.guide-summary strong {display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.guide-summary p {font-size:16px;line-height:1.7;margin:0}
.article-body .guide-example {margin:32px 0;padding:25px;background:#f0eaf8;border-radius:12px;overflow:auto}
.guide-example .example-label {font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#766488;display:block;margin-bottom:16px}
.article-body .guide-example p:last-child {margin-bottom:0}
.article-body table {border-collapse:collapse;width:100%;min-width:460px;font-size:14px;line-height:1.6}
.article-body .table-scroll {overflow-x:auto;margin:28px 0;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.article-body th,.article-body td {border:1px solid #d4dad0;padding:14px;text-align:left;vertical-align:top}
.article-body th {background:#e9eee3;font-weight:600}
.article-body figure.guide-figure {margin:35px 0}
.guide-figure img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.guide-figure figcaption {font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.article-body .guide-checklist {padding:26px;background:#fcf0e6;border-radius:12px;margin:32px 0}
.guide-checklist h3 {margin:0 0 15px;font-size:23px}
.guide-checklist ul {padding-left:22px;margin-bottom:0}
.guide-checklist li {padding-left:4px;margin:9px 0}
.article-body .guide-sources {border-top:1px solid var(--line);margin-top:38px;padding-top:22px;font-size:13px;color:var(--muted)}
.guide-sources p {font-size:13px;margin:0 0 9px}
.guide-sources ul {margin:10px 0;padding-left:20px}
.article-body code {overflow-wrap:anywhere}
.article-body pre {overflow:auto;padding:22px;background:#14372e;color:#eef4e7;border-radius:10px;font-size:13px;line-height:1.7}
.article-body pre code {white-space:pre;overflow-wrap:normal}
.article-photo img {object-fit:cover}
.article-updated {color:var(--muted)}
.gemstone-motion.gem-static {animation:none!important;transform:none!important;will-change:auto}
.gem-viewport:has(.gem-static) .gem-orbit {animation:none}
@media(min-width:1001px) and (max-width:1250px){.main-nav{gap:17px}.header-inner{gap:22px}.header-cta{font-size:11px;padding:12px 15px}.main-nav a{font-size:12px}}
@media(max-width:1000px){.release-hero-grid{gap:30px}.release-hero h1{font-size:42px}.release-hero-image img{aspect-ratio:.85}.release-steps{column-gap:30px}.release-steps li{grid-template-columns:32px 1fr;gap:10px}.tariff-actions{align-items:flex-start;gap:16px}.work-grid{gap:40px 22px}.work-visual{aspect-ratio:1.2}.work-visual .concept-screen{gap:3%}.case-showcase{padding:30px}.service-editorial{gap:35px}}
@media(max-width:760px){
 .release-hero{padding-bottom:40px}.release-hero-grid{grid-template-columns:1fr;gap:32px}.release-hero h1{font-size:clamp(34px,8vw,47px);line-height:1.1}.release-hero .release-lead{font-size:16px}.release-hero-image img{aspect-ratio:1.5;border-radius:13px}.release-price{font-size:21px;margin-top:22px}.release-hero .button-row{gap:20px}
 .release-format-grid{grid-template-columns:1fr}.release-format-grid article{padding:25px 0}.release-format-grid h3{font-size:24px}.release-steps{grid-template-columns:1fr}.release-steps li{grid-template-columns:28px 1fr;gap:15px;padding:26px 0 33px}.release-steps h3{font-size:24px}.release-steps p{font-size:15px}.release-tiles{grid-template-columns:1fr;gap:14px}.release-tiles article{padding:25px}.release-tiles h3{font-size:24px}
 .tariff-actions .text-link{font-size:12px}.example-link{font-size:12px;padding:11px 13px}.tariff-actions{gap:17px;align-items:center}.work-grid{grid-template-columns:1fr;gap:38px}.work-visual{aspect-ratio:1.43}.work-caption h3{font-size:29px}.work-card p{font-size:14px}.work-caption{margin-top:19px}.work-filters{gap:7px}.work-filters button{font-size:11px;padding:10px 13px}.work-shelter .work-visual,.work-premium .work-visual,.work-volta .work-visual,.work-forma .work-visual,.work-sono .work-visual,.work-tera .work-visual,.work-flow .work-visual{padding:17px}
 .case-hero h1{font-size:clamp(46px,11vw,80px)}.case-hero p{font-size:16px}.case-meta{margin-top:27px;font-size:10px;flex-wrap:wrap}.case-showcase{padding:15px;border-radius:12px}.case-disclosure{padding:19px 23px;font-size:12px}.concept-screen{gap:4%}.concept-copy h3{font-size:clamp(17px,4.9cqw,60px)}.concept-kicker{font-size:7px}.flow-menu{gap:15px}.flow-task{gap:6px}.flow-task em{padding:3px 5px}
 .services-editorial{gap:35px}.service-editorial{grid-template-columns:1fr;gap:24px;padding-bottom:35px}.service-editorial:nth-child(even) .service-editorial-picture{order:0}.service-editorial-copy h2{font-size:34px;margin:14px 0}.service-editorial-copy p{font-size:16px;margin-bottom:24px}.service-editorial-picture img{aspect-ratio:1.5}
 .article-body .guide-summary,.article-body .guide-checklist,.article-body .guide-example{padding:22px}.guide-summary p{font-size:15px}.article-body th,.article-body td{padding:11px}.article-body table{font-size:13px}.article-body figure.guide-figure{margin:28px 0}.article-body pre{font-size:12px;padding:17px}
}
@media(max-width:380px){.tariff-actions{align-items:flex-start;flex-direction:column}.concept-nav>span:nth-child(2){font-size:6px}.case-showcase{padding:8px}.work-visual{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){.work-card .work-visual>*{transition:none}.work-card:hover .work-visual>*{transform:none}.example-link{transition:none}}

[data-case][hidden] {display:none!important}
.work-filters button:focus-visible,.example-link:focus-visible {outline:3px solid #527e63;outline-offset:4px}

.faq-list details {border-bottom:1px solid var(--line);padding:22px 0}
.faq-list summary {font-size:20px;font-weight:500;line-height:1.4;cursor:pointer;padding-right:20px}
.faq-list p {max-width:850px;color:var(--muted);font-size:15px;line-height:1.8;margin:18px 0 0}
@media(max-width:760px){.faq-list summary{font-size:18px}}