@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18201e;--muted:#67716c;--accent:#b01600;--line:#e5e9e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main{max-width:1376px;margin:auto}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px}.logo{font-family:Manrope,Arial,sans-serif;font-size:32px;letter-spacing:-1.5px;font-weight:800}.logo span{color:var(--accent)}.logo small{font-family:'DM Sans',sans-serif;display:block;font-size:10px;letter-spacing:2px;margin-top:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:14px}.dark{background:var(--ink);border:1px solid var(--ink);border-radius:9px;color:white;padding:14px 23px;font-weight:500}.dark:hover{background:var(--accent);border-color:var(--accent)}main{padding:0 36px}.intro{padding:62px 0 54px;display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition{font-size:12px;letter-spacing:1.8px;font-weight:600}.eyebrow{color:var(--accent)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.6vw,64px);letter-spacing:-3px;line-height:1.12;margin:20px 0}h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);line-height:1.65;margin-bottom:0}aside{border-left:1px solid var(--line);padding:24px 0 24px 38px;margin-left:30px;min-width:300px}aside .edition{color:var(--muted);font-size:11px}aside p{font-size:25px;line-height:1.5;letter-spacing:-.8px}aside a{font-size:14px;border-bottom:1px solid #b1b9b4;padding-bottom:6px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-.9px;margin:0}.section-head>span{color:var(--muted);font-size:13px}i{font-style:normal;padding:0 10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.canvas{height:185px;position:relative;padding:22px;background:#f4f6f5;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}.canvas.orange{background:#b01600}.canvas.blue{background:#eef3fa}.canvas.pink{background:#fbf0f3}.canvas.green{background:#edf4ef}.canvas.purple{background:#f1eff8}.canvas .category{font-size:11px;letter-spacing:1.5px;font-weight:600}.canvas .num{font-size:13px;color:#5b6762}.canvas .word{position:absolute;bottom:25px;left:22px;font-size:38px;font-weight:600;letter-spacing:-2px;opacity:.65}.canvas .await{position:absolute;top:52px;bottom:auto;left:22px;right:auto;font-size:11px;color:#59645e;border:1px solid #0002;border-radius:20px;padding:5px 9px}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card h3{font-family:Manrope,Arial,sans-serif;font-size:20px;letter-spacing:-.6px;margin:0 0 10px}.desc{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 22px;min-height:69px}.prices{display:flex;gap:24px;margin-bottom:20px}.price strong{font-size:27px;font-family:Manrope,Arial,sans-serif;letter-spacing:-1px}.price b{font-weight:500;font-size:12px;margin-right:5px;letter-spacing:0}.price small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.price+.price{border-left:1px solid var(--line);padding-left:24px}.revisions{color:#58635d;font-size:12px;margin:0 0 16px}details{border-top:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.6}summary{cursor:pointer;font-weight:500}details p{color:var(--muted);margin-bottom:0}.actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.actions button{border:1px solid #dce2de;border-radius:7px;padding:10px 14px;background:white;font-size:13px;font-weight:600}.actions button:hover{border-color:var(--accent);color:var(--accent)}.actions a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.sample-note{font-size:11px;color:var(--muted);margin:12px 0 0}.contact{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:32px 38px;border-radius:15px;margin-top:32px;background:#fafbfaff}.contact h2{font-size:31px}.contact p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;padding:36px 0;font-size:13px;color:var(--muted)}footer .logo{font-size:25px}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;max-width:510px;width:calc(100% - 32px);box-shadow:0 25px 90px #0002}dialog::backdrop{background:#14201cb3;backdrop-filter:blur(4px)}.close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px}.notice{font-size:14px;line-height:1.6;color:var(--muted)}label{display:block;font-size:14px;margin:18px 0 8px}textarea{font:inherit;width:100%;border:1px solid #ccd4ce;border-radius:8px;padding:14px;resize:vertical;margin-bottom:16px}.insta{display:block;font-size:14px;margin-top:19px;text-decoration:underline}#status{font-size:13px;color:var(--accent)}:focus-visible{outline:3px solid #b0160080;outline-offset:4px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}aside{min-width:240px}.intro{padding:40px 0}.lead br{display:none}}@media(max-width:650px){header{height:90px;padding:0 20px}main{padding:0 20px}nav{gap:14px}nav>a:first-child{display:none}nav>a{font-size:12px}nav .dark{padding:10px 12px;font-size:12px}.logo{font-size:27px}.intro{display:block}h1{letter-spacing:-1.8px}aside{display:none}.section-head{align-items:flex-start;gap:15px}.section-head h2{font-size:21px}.section-head>span{font-size:12px;max-width:100px;text-align:right}.grid{grid-template-columns:1fr}.canvas{height:190px}.desc{min-height:0}.contact{display:block;padding:25px}.contact .dark{margin-top:24px}.contact h2{font-size:27px}footer{gap:18px;flex-wrap:wrap}footer p{display:none}}
.video-canvas{background:#f4f6f5}.video-canvas video{display:block;width:100%;height:340px;object-fit:contain;background:#111916}.clip-select{display:flex;gap:7px;flex-wrap:wrap;padding:12px;min-height:64px;align-items:center}.clip-button{border:1px solid transparent;background:transparent;padding:7px 9px;border-radius:6px;font-size:12px;color:#53605a;text-align:left}.clip-button.selected{background:#fff;border-color:#dae1db;color:var(--ink)}.clip-button:hover{color:var(--accent)}.image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#f4f6f5;height:404px}.image-gallery button{border:0;padding:0;overflow:hidden;background:#f4f6f5;min-height:0}.image-gallery img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .2s}.image-gallery button:hover img{transform:scale(1.04)}.lightbox{max-width:900px;padding:18px;background:#fff}.lightbox>img{display:block;height:75vh;width:100%;object-fit:contain}.lightbox .close{background:white;border-radius:50%;width:38px;height:38px;z-index:1}.image-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:12px}.image-controls button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 20px;font-size:20px}#cards>.card:nth-child(2)>.canvas{height:404px;flex-shrink:0}#cards>.card:nth-child(2) .word{bottom:42px}@media(max-width:650px){.video-canvas video{height:390px}.image-gallery{height:440px}#cards>.card:nth-child(2)>.canvas{height:220px}}

/* Updated branding and portrait media canvases. */
.logo small{font-size:10px;letter-spacing:1.2px}.video-canvas video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}.clip-select{background:white;min-height:64px}.clip-button,.clip-button.selected,.clip-button:hover{background:transparent;border:1px solid #000;color:#000}.clip-button.selected{font-weight:700}.image-slider{background:white}.slide-image{display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;background:#f4f6f5;overflow:hidden}.slide-image img{display:block;width:100%;height:100%;object-fit:contain}.slider-controls{display:flex;justify-content:center;align-items:center;gap:14px;min-height:64px;padding:10px;font-size:13px}.slider-controls button{border:1px solid black;background:transparent;border-radius:6px;padding:7px 10px;color:black}#email-project{display:inline-block}h1 em{font-style:italic}@media(max-width:650px){header{height:auto;min-height:100px;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.logo small{font-size:9px;letter-spacing:.6px}.video-canvas video{height:auto;aspect-ratio:9/16}}

.viral-title{font-size:16px;color:var(--muted);margin:0 0 24px}.clip-select a.clip-button{display:inline-block}
