:root{--bg:#fff;--ink:#333;--ink-strong:#1c1917;--muted:#78716c;--nav:#44403c;--accent:#bf6853;--line:#e7e5e4;--tint:#f7f1ed;--w:1000px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 18px/1.6 "Work Sans",system-ui,sans-serif;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,video{max-width:100%;display:block}
.cs img{border:2px solid #c4c4c4}
.site-nav,.cs{max-width:calc(var(--w) + 112px);margin:0 auto;padding-left:56px;padding-right:56px}
.site-nav{display:flex;justify-content:space-between;align-items:center;padding-top:32px;padding-bottom:32px}
.site-logo{display:inline-flex;align-items:center;gap:8px;font:500 22px/1 Fraunces,serif;letter-spacing:-.01em;color:var(--ink-strong);text-decoration:none}
.logo-mark{font-size:16px;color:var(--accent)}
.site-nav nav{display:flex;gap:24px;font-size:14px;color:var(--muted)}
.site-nav nav a{text-decoration:none}.site-nav nav a:hover{color:var(--nav)}
.cs-back{display:block;font-size:14px;color:var(--muted);text-decoration:none;margin:40px auto 56px;max-width:760px}
.cs-back:hover{color:var(--accent)}
.cs-hero h1{font:500 48px/1.15 Fraunces,serif;letter-spacing:-.02em;color:var(--ink-strong);max-width:760px;margin-left:auto;margin-right:auto}
.cs-date{font-size:14px;color:var(--accent);margin:14px auto 28px;max-width:760px}
.cs-lede{max-width:760px;margin-left:auto;margin-right:auto;font-size:22px;line-height:1.5;color:var(--ink)}
.cs-cover{margin:56px 0 0;border-radius:24px;overflow:hidden;background:var(--tint);padding:56px;display:flex;justify-content:center;gap:24px}
.cs-cover img{max-height:520px;width:auto;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.12)}
.cs-section{padding-top:96px}
.cs-section>h2{font:500 32px/1.2 Fraunces,serif;letter-spacing:-.0125em;color:var(--ink-strong);margin:0 auto 24px;max-width:760px}
.cs-section>h3{font:500 24px/1.25 Fraunces,serif;color:var(--ink-strong);margin:56px auto 12px;max-width:760px}
.cs-section p{max-width:760px;margin:0 auto 18px}
.cs-section p.wide{max-width:none}
.cs-eyebrow{font-size:14px;color:var(--accent);margin:0 auto 10px;max-width:760px}
.cs-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px auto;max-width:760px}
.cs-card{background:var(--tint);border-radius:20px;padding:28px}
.cs-card h4{font:500 22px/1.25 Fraunces,serif;color:var(--ink-strong);margin-bottom:8px}
.cs-card p{font-size:16px;margin:0!important;max-width:none}
.cs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0;padding:32px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.cs-stat b{display:block;font:400 56px/1 Fraunces,serif;letter-spacing:-.03em;color:var(--ink-strong)}
.cs-stat span{display:block;font-size:15px;color:var(--muted);margin-top:10px}
.cs-quote{margin:20px auto;max-width:760px;font:italic 400 22px/1.4 Fraunces,serif;color:var(--ink-strong)}
.cs-quote small{display:block;font:400 14px "Work Sans",sans-serif;color:var(--muted);margin-top:6px;font-style:normal}
.cs-fig{width:100vw;max-width:1320px;box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%);margin:40px 0;padding:0 56px}
.cs-fig .row{display:flex;justify-content:center;gap:20px;background:var(--tint);border-radius:24px;padding:48px 32px;overflow:hidden}
.cs-fig .row img{flex:1 1 0;min-width:0;max-height:560px;object-fit:contain;border-radius:5px;border:none}
.cs-fig.ba .row{align-items:flex-start}
.cs-fig figcaption{font-size:14px;color:var(--muted);margin:12px auto 0;max-width:640px;text-align:center}
.cs-fig .lab{flex:1 1 0;min-width:0;text-align:center;font-size:13px;color:var(--muted)}
.cs-fig .lab img{margin:0 auto 12px;max-height:520px;width:auto}
.cs-list{max-width:760px;margin:0 auto 20px;padding:0;list-style:none}
.cs-list li{padding:14px 0;border-top:1px dashed var(--line)}
.cs-list li:last-child{border-bottom:1px dashed var(--line)}
.cs-list strong{font-weight:600;color:var(--ink-strong)}
.cs-note{background:var(--tint);border-radius:16px;padding:20px 24px;font-size:15px;color:var(--nav);max-width:760px;margin:24px auto}
.cs-result{font-weight:500;color:var(--ink-strong)}
.cs-result::before{content:"→ ";color:var(--accent)}
.cs-pager{display:flex;justify-content:space-between;gap:24px;margin:120px 0 96px;padding-top:32px;border-top:1px dashed var(--line);font:500 24px Fraunces,serif}
.cs-pager a:last-child{text-align:right}
.cs-pager small{display:block;font:400 14px "Work Sans",sans-serif;color:var(--muted)}
.cs-pager a{text-decoration:none;color:var(--ink-strong)}.cs-pager a:hover{color:var(--accent)}
.site-footer{max-width:calc(var(--w) + 112px);margin:0 auto;padding:0 56px 80px}
.site-footer hr{border:0;border-top:1px dashed var(--line)}
.footer-lead{font:400 32px/1.25 Fraunces,serif;letter-spacing:-.02em;margin:64px 0 32px;max-width:520px;color:var(--ink-strong)}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 32px;font-size:16px;color:var(--muted)}
.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--accent)}
@media(max-width:800px){
 .site-nav,.cs,.site-footer{padding-left:20px;padding-right:20px}
 .cs-hero h1{font-size:34px}.cs-lede{font-size:19px}
 .cs-cover{padding:24px 16px;border-radius:16px}
 .cs-section{padding-top:64px}.cs-section>h2{font-size:27px}
 .cs-cards,.cs-stats{grid-template-columns:1fr}
 .cs-stat b{font-size:44px}
 .cs-fig .row{padding:24px 12px;gap:10px;border-radius:16px}
 .cs-fig{padding:0 20px}
 .cs-pager{flex-direction:column;font-size:20px}
}

.cs-fig.wide .row{padding:0;background:none;display:block;overflow:visible}
.cs-fig.wide img{width:100%;max-height:none;border-radius:8px}
.cs-fig.land .row{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:24px;gap:16px}
.cs-fig.land .lab img{width:100%;max-height:none;border-radius:6px}
.cs-fig.single .row img{flex:none;max-height:620px;max-width:100%;width:auto;border:none}
@media(max-width:800px){.cs-fig.land .row{grid-template-columns:1fr;padding:12px}}

.cs-gallery{width:100vw;max-width:1320px;box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%);padding:0 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.cs-gallery figure{margin:0}
.cs-gallery img{width:100%;border-radius:6px;border:2px solid #c4c4c4}
.cs-gallery figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}
@media(max-width:900px){.cs-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.cs-gallery{padding:0 20px}}
@media(max-width:600px){.cs-gallery{grid-template-columns:1fr}}

.cs-seq{width:100vw;max-width:1320px;box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%);margin:32px 0;padding:0 56px}
.cs-seq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cs-seq-grid img{width:100%;border-radius:3px;display:block}
.cs-seq-cap{margin:20px auto 0;max-width:640px;font-size:14px;color:var(--muted);text-align:center}
@media(max-width:800px){.cs-seq{padding:0 20px}.cs-seq-grid{grid-template-columns:1fr;gap:10px}}

.cs-seq-grid--many{display:grid;grid-template-columns:repeat(auto-fill,140px);justify-content:center;gap:6px}
.cs-seq-tile{margin:0}
.cs-seq-tile img{width:100%;border-radius:2px;border:2px solid #c4c4c4;display:block}
.cs-seq-tile span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:420px){.cs-seq-grid--many{grid-template-columns:repeat(auto-fill,100px)}}

.cs-seq-grid--wf{display:grid;grid-template-columns:repeat(auto-fill,280px);justify-content:center;gap:16px}
@media(max-width:420px){.cs-seq-grid--wf{grid-template-columns:repeat(auto-fill,150px);gap:10px}}

.cs-priority-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:32px 0}
.cs-priority-matrix{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:8px;column-gap:14px}
.cs-priority-axis{font-size:13px;color:var(--ink-strong);text-align:center;line-height:1.3}
.cs-priority-axis.top{grid-column:2;grid-row:1}
.cs-priority-axis.bottom{grid-column:2;grid-row:3}
.cs-priority-axis.left{grid-column:1;grid-row:2}
.cs-priority-axis.right{grid-column:3;grid-row:2}
.cs-priority-grid{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:28px 40px;position:relative;padding:8px 28px}
.cs-priority-grid::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line)}
.cs-priority-grid::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.cs-priority-cell{display:flex;flex-direction:column;align-items:center;gap:6px}
.cs-priority-dot{width:44px;height:44px;border-radius:50%}
.cs-priority-dot.p1{background:#4b4b4b}
.cs-priority-dot.p2{background:#a3a3a3}
.cs-priority-dot.p3{background:#e5e5e5}
.cs-priority-dot.p4{background:#fff;border:1px solid var(--line)}
.cs-priority-cell span{font-size:12px;color:var(--muted)}
.cs-priority-note{font-size:13px;color:var(--muted);font-style:italic;text-align:center;margin-top:16px}
@media(max-width:800px){.cs-priority-wrap{grid-template-columns:1fr;gap:40px}}
.cs-fig.grid6 .row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:start;padding:40px 24px}
.cs-fig.grid6 .lab img{width:100%;max-height:none;aspect-ratio:359/790;object-fit:contain}
@media(max-width:800px){.cs-fig.grid6 .row{grid-template-columns:repeat(2,1fr);gap:24px 12px;padding:24px 12px}}
.cs-fig img{cursor:zoom-in}
.cs-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(20,18,16,.88);cursor:zoom-out}
.cs-lightbox[hidden]{display:none}
.cs-lightbox img{max-width:min(80vw,900px);max-height:86vh;cursor:default;width:auto;height:auto;object-fit:contain;border-radius:8px;background:#fff}
.cs-lightbox .cs-lb-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border:0;background:none;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.cs-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font-size:22px;cursor:pointer}
.cs-lb-nav:hover,.cs-lightbox .cs-lb-close:hover{background:rgba(255,255,255,.12)}
.cs-lb-nav[hidden]{display:none}
.cs-lb-prev{left:24px}.cs-lb-next{right:24px}
.cs-lb-count{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:rgba(255,255,255,.75);font-size:14px}
@media(max-width:800px){.cs-lb-nav{width:42px;height:42px;font-size:18px}.cs-lb-prev{left:8px}.cs-lb-next{right:8px}}
.cs-collage .cl-stage{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#f4f1ec 0%,#ece8f1 100%);container-type:inline-size}
.cl-stage>*{position:absolute;box-shadow:0 1px 2px rgba(28,25,23,.06),0 12px 32px rgba(28,25,23,.12);border-radius:1.4cqw;background-color:#fff}
.cl-phone{height:auto;cursor:zoom-in}
.cl-phone-a{left:31%;top:9%;width:21%;z-index:2}
.cl-phone-b{left:56%;top:17%;width:19%;z-index:1}
.cl-crop{background-repeat:no-repeat}
.cl-gold{left:5%;top:48%;width:34%;height:auto;z-index:3}
.cl-prompt{left:78%;top:8%;width:16%;aspect-ratio:449/542;background-size:110.7% auto;background-position:47.9% 50%;z-index:3}
.cl-welcome{left:71%;top:63%;width:23%;aspect-ratio:328/135;background-size:106.1% auto;background-position:50% 23.4%;z-index:3}
.cl-stat{left:5%;top:12%;z-index:3;padding:1.8cqw 2.2cqw;display:flex;flex-direction:column;gap:.4cqw}
.cl-stat span{font-size:1.15cqw;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cl-stat b{font:500 3.6cqw/1.05 Fraunces,serif;letter-spacing:-.02em;color:var(--ink-strong)}
.cl-stat small{font-size:1.05cqw;color:var(--muted)}
@media(max-width:800px){.cs-collage .cl-stage{border-radius:16px}}