/* Video first. A compact invitation follows the three creative windows. */
.hero {margin-top:14px;width:calc(100% - 32px);aspect-ratio:.94;min-height:390px;max-height:510px;background:#111;}
.hero-copy {bottom:25px;}
.hero-shade {background:linear-gradient(180deg,#00000010 15%,#00000026 35%,#030303b8 55%,#030303ed 75%,#030303fa 100%);}
.hero-eyebrow {font-size:11px;line-height:1.55;max-width:250px;color:#e7e7e7;margin-bottom:10px;}
.hero h1 {font-size:29px;line-height:1.12;font-weight:500;letter-spacing:-1.15px;max-width:295px;color:#fff;text-shadow:0 2px 12px #0008;}
.hero-description {font-size:12px;line-height:1.55;color:#f0f0f0;margin-top:10px;max-width:295px;text-shadow:0 1px 6px #000a;}
.hero .consultation {margin-top:18px;}
.creative-strip {display:flex;gap:8px;margin-top:var(--card-gap);margin-bottom:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain;}
.creative-strip::-webkit-scrollbar {display:none;}
.creative-strip .creative-tile {flex:0 0 calc((100% - 16px)/3);scroll-snap-align:start;}
.creative-tile.apparel img {object-position:50% 50%;}
.service[id] {scroll-margin-top:24px;}
.studio-teaser {display:flex;align-items:center;justify-content:space-between;height:127px;margin:0 16px;padding:17px 20px;border:1px solid #ffb52855;border-radius:20px;background:radial-gradient(ellipse at 100% 40%,#ff7b220f,transparent 65%),linear-gradient(130deg,#181818aa,#080808f0);position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffff14;}
.teaser-copy {display:block;position:relative;z-index:1;}
.teaser-eyebrow {display:block;font-size:7px;line-height:1.4;letter-spacing:1.35px;color:#bbb;}
.teaser-copy strong {display:block;font-size:20px;line-height:1.1;font-weight:400;letter-spacing:-.65px;margin:8px 0;}
.teaser-link {width:fit-content;display:flex;align-items:center;gap:10px;font-size:10px;color:#fff1a0;}
.teaser-link .icon {width:12px;height:12px;}
.teaser-portal {width:94px;height:94px;flex-shrink:0;position:relative;display:grid;place-items:center;isolation:isolate;}
.teaser-portal:before {content:'';position:absolute;inset:19px;border-radius:50%;background:radial-gradient(circle,#ffb52818,#050505 70%);box-shadow:0 0 22px #ff7b2225;}
.teaser-portal i {position:absolute;inset:8px;border:1px solid #f9ff3f80;border-right-color:#ff7b2280;border-bottom-color:#ff7b2230;border-radius:50%;transform:rotate(-35deg) scaleY(.8);box-shadow:0 0 13px #ff7b2218,inset 0 0 10px #f9ff3f15;}
.teaser-portal i:nth-child(2) {inset:15px 0;transform:rotate(50deg) scaleY(.65);border-color:#ff7b2260;border-top-color:#f9ff3f90;}
.teaser-portal img {height:22px;width:22px;object-fit:contain;filter:invert(1);position:relative;}
.studio-teaser:hover {border-color:#ffb528a0;}
.studio-invitation-card {margin:24px 16px 0;border:1px solid #ffffff29;border-radius:27px;background:linear-gradient(145deg,#181818b0,#080808e8);overflow:hidden;box-shadow:inset 0 1px #ffffff12;}
.invitation-universe {height:220px;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#ff7b220e,transparent 70%);overflow:hidden;}
.invitation-universe:before {content:'';position:absolute;inset:0;background-image:radial-gradient(#f9ff3f90 .7px,transparent 1px);background-size:17px 17px;opacity:.35;mask-image:radial-gradient(ellipse,black,transparent 68%);}
.invitation-orb {width:106px;height:106px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 6px 5px 20px #ffffff0f,0 0 40px #ff7b2218;background:radial-gradient(circle at 34% 27%,#292929,#0c0c0c 58%,#030303);border:1px solid #ffffff30;}
.invitation-orb:before {content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;border-top-color:#f9ff3f8a;border-right-color:#ff7b2255;box-shadow:0 0 18px #ffb52818;}
.invitation-orb img {width:30px;height:30px;object-fit:contain;filter:invert(1);opacity:.85;}
.invitation-orbit {position:absolute;width:228px;height:108px;border-radius:50%;border:1px solid #f9ff3f55;border-bottom-color:#ff7b2255;transform:rotate(-23deg);box-shadow:0 0 12px #ffb5280b;}
.invitation-orbit.two {width:184px;height:166px;transform:rotate(44deg);border-color:#ff7b2240;border-left-color:#f9ff3f55;}
.invitation-copy {padding:26px 24px 27px;}
.invitation-copy h3 {font-size:30px;line-height:1.12;font-weight:400;letter-spacing:-1.2px;margin-top:13px;}
.invitation-copy>p:not(.teaser-eyebrow) {font-size:12px;line-height:1.75;color:var(--muted);margin-top:17px;}
.studio-steps {display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:20px 0;margin:17px 0 6px;border-top:1px solid #ffffff16;list-style:none;}
.studio-steps li {display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#ddd;}
.studio-steps span {font-size:8px;color:#ffcb55;}
.studio-steps strong {display:block;font-weight:500;line-height:1.4;}
.studio-steps small {display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:3px;}
.invitation-copy .consultation {width:100%;}
.invitation-copy>p.invitation-note {font-size:9px;line-height:1.6;text-align:center;color:#888;margin-top:14px;}
.invitation-copy>p.invitation-followup {font-size:11px;line-height:1.65;margin-top:20px;}
.invitation-followup a {color:#fff1a0;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:350px) {.hero {aspect-ratio:.90;}.hero-copy {left:19px;right:19px;bottom:22px;}.hero h1 {font-size:26px;}.hero-eyebrow {font-size:10px;}.studio-teaser {padding-inline:16px;}.teaser-copy strong {font-size:18px;}.teaser-eyebrow {letter-spacing:.85px;font-size:6.5px;}.teaser-portal {width:76px;height:84px;}.invitation-copy {padding-inline:20px;}.invitation-copy h3 {font-size:27px;}}
/* Keep the invitation exactly as tall as the creative tiles at every phone size. */
:root {--creative-tile-height:127px;--card-gap:12px;}
.creative-tile,.studio-teaser {height:var(--creative-tile-height);}
@media(max-width:350px) {:root {--creative-tile-height:112px;}.teaser-portal {height:76px;}}
.hero-actions {display:flex;align-items:center;gap:8px;margin-top:18px;}
.hero-actions .consultation {margin-top:0;}
.hero-contact {min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;border:1px solid #ffffff45;background:#ffffff09;backdrop-filter:blur(16px);border-radius:100px;font-size:12px;}
.hero-contact .icon {width:15px;height:15px;}
.studio-free-note {font-size:9px;color:#bbb;margin-top:12px;}
@media(max-width:350px){.hero-actions .consultation{font-size:11px;padding-inline:14px;gap:10px;}.hero-contact{font-size:11px;padding-inline:13px;gap:8px;}.studio-free-note{font-size:8px;}}
.agency-teaser {margin-top:var(--card-gap);height:108px;padding-block:13px;color:var(--text);animation:contact-breathe 4.8s ease-in-out infinite;}
.agency-teaser .teaser-copy {width:100%;}
.agency-teaser .teaser-eyebrow {color:#bbb;}
.agency-teaser .teaser-copy h2 {font-size:20px;line-height:1.05;font-weight:400;letter-spacing:-.65px;margin:5px 0 7px;white-space:nowrap;color:var(--text);}
.agency-teaser .teaser-link {width:100%;justify-content:space-between;font-size:24px;font-weight:600;line-height:1.05;letter-spacing:-.65px;color:#fff1a0;}
.agency-teaser .teaser-link .icon {width:23px;height:23px;stroke-width:1.8;}
.agency-teaser:focus-visible {outline-color:#fff2bf;}
@keyframes contact-breathe {0%,100% {box-shadow:0 0 12px #f9ff3f10,0 0 20px #ff7b2210,inset 0 1px #ffffff14;}50% {box-shadow:0 0 22px #f9ff3f25,0 0 36px #ff7b2225,inset 0 1px #ffffff14;}}
@media(max-width:350px){.agency-teaser {height:96px;padding-block:11px;}.agency-teaser .teaser-copy h2{font-size:18px;}.agency-teaser .teaser-link{font-size:22px;}}
@media(prefers-reduced-motion:reduce){.agency-teaser {animation:none;box-shadow:0 0 16px #ff7b2218,inset 0 1px #ffffff14;}}