/* Visual examples extend the selected Cot dark design without changing its core layout. */
.visual-image .hero-illustration .imagegen-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #4a4f4d;border-radius:5px;background:#17191b}
.hero-illustration figcaption{font-size:.72rem;color:var(--quiet);margin-top:12px}

.home-examples{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(34px,6vw,90px);align-items:center;padding:clamp(36px,5vw,74px);border:1px solid #594b46;border-radius:8px;background:linear-gradient(135deg,#25211f,#1b1e20 75%);overflow:hidden}
.home-examples-copy h2{max-width:590px}.home-examples-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem;margin:27px 0 28px;max-width:490px}.home-examples-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;transform:rotate(-1.25deg)}
.home-examples-gallery a{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid #6a6962;border-radius:4px;background:#1b1d1c;transition:transform .25s,border-color .25s}.home-examples-gallery a:first-child{grid-column:1/-1}.home-examples-gallery a:hover{transform:translateY(-4px);border-color:var(--accent)}
.home-examples-gallery img{display:block;width:100%;height:175px;object-fit:cover}.home-examples-gallery a:first-child img{height:255px}.home-examples-gallery a>span{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;padding:8px 11px;background:#141719e8;border:1px solid #747b73;color:#f7f5ef;font-size:.67rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}

.case-summary-illustrated{padding:0;overflow:hidden}.case-summary-image{height:190px;overflow:hidden;border-bottom:1px solid var(--line);background:#242422}.case-summary-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.case-summary-illustrated:hover .case-summary-image img{transform:scale(1.035)}.case-summary-body{display:flex;flex-direction:column;flex:1;min-height:265px;padding:30px 34px 32px}.case-summary-body .case-summary-flow{padding-top:30px}.case-summary-body>p{font-size:.8rem;margin-top:25px}.case-summary-body>p span{color:var(--accent)}

.examples-mast{overflow:hidden;background:radial-gradient(circle at 78% 25%,#56372e65,transparent 41%),#17191b;border-bottom:1px solid var(--line)}.examples-mast-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,6vw,95px);align-items:center;min-height:625px;padding-block:100px}.examples-mast h1{font-size:clamp(4rem,6vw,6.6rem);max-width:900px}.examples-mast .lead{max-width:620px;margin-top:31px}.examples-mast .imagegen-art{width:100%;border:1px solid #68615b;border-radius:7px;box-shadow:0 25px 90px #0007}
.examples-index{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,9vw,150px);padding-block:110px}.examples-index h2{max-width:600px}.examples-index>div>p:last-child{max-width:520px;color:var(--muted);margin-top:25px}.examples-index nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 28px}.examples-index nav a{display:flex;align-items:center;gap:13px;padding:20px 2px;border-bottom:1px solid #565d58;font-size:.96rem;transition:color .2s}.examples-index nav a:hover{color:var(--accent-soft)}.examples-index nav a span:first-child{font-size:.7rem;color:var(--accent);letter-spacing:.1em}.examples-index nav a span:last-child{margin-left:auto;color:var(--accent)}
.examples-stories{border-top:1px solid var(--line)}.example-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,7vw,105px);align-items:center;padding-block:105px;border-bottom:1px solid var(--line);scroll-margin-top:95px}.example-story:nth-child(even) .example-figure{order:2}.example-story:nth-child(even) .example-detail{order:1}.example-figure{margin:0;min-width:0}.example-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #58615d;border-radius:6px;background:#242526}.example-figure figcaption{margin-top:13px;color:var(--quiet);font-size:.71rem}.example-detail h2{font-size:clamp(2.5rem,3.7vw,4.8rem);max-width:650px}.example-detail dl{margin:35px 0 22px}.example-detail dl>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:17px 0;border-top:1px solid #4c5450}.example-detail dl>div:last-child{border-bottom:1px solid #4c5450}.example-detail dt{font-size:.67rem;line-height:1.5;letter-spacing:.1em;color:var(--accent-soft);font-weight:650;text-transform:uppercase}.example-detail dd{margin:0;color:#d3d8d3;font-size:.87rem;line-height:1.6}.example-detail .text-link{margin-top:6px}
.examples-final{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,100px);align-items:center;margin-block:110px;padding:clamp(35px,5vw,70px);border:1px solid #554640;border-radius:7px;background:#211b1b}.examples-final h2{max-width:630px}.examples-final p:not(.eyebrow){color:var(--muted);margin:26px 0 30px;max-width:520px}.examples-final .imagegen-art{width:100%;height:auto;border:1px solid #554d49;border-radius:5px}

@media(max-width:1100px){.home-examples{gap:32px}.home-examples-gallery a:first-child img{height:210px}.home-examples-gallery img{height:145px}.examples-mast-inner{min-height:560px}.example-detail dl>div{grid-template-columns:125px 1fr}}
@media(max-width:760px){.home-examples,.examples-mast-inner,.examples-index,.example-story,.examples-final{grid-template-columns:1fr}.home-examples{padding:28px 22px;gap:35px}.home-examples-gallery{transform:none}.home-examples-gallery a:first-child img{height:230px}.home-examples-gallery img{height:145px}.case-summary-image{height:200px}.case-summary-body{min-height:0;padding:27px}.examples-mast-inner{min-height:0;gap:35px;padding-block:68px}.examples-mast h1{font-size:clamp(3.4rem,10vw,5.4rem)}.examples-index{gap:34px;padding-block:75px}.example-story{gap:30px;padding-block:75px}.example-story:nth-child(even) .example-figure,.example-story:nth-child(even) .example-detail{order:initial}.example-detail h2{font-size:clamp(2.6rem,8vw,4rem)}.examples-final{margin-block:75px;padding:26px;gap:35px}}
@media(max-width:500px){.examples-index nav{grid-template-columns:1fr}.example-detail dl>div{grid-template-columns:1fr;gap:6px}.home-examples-gallery a>span{font-size:.58rem;padding:6px 7px}.home-examples-gallery img{height:120px}.home-examples-gallery a:first-child img{height:200px}}