@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,800;1,900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#281537;--lime:#d9f653;--purple:#6335e8}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.hero{position:relative;width:100%;min-height:100svh;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#fff}.art{position:absolute;inset:0;background:url('/assets/hero-art-no-stars.png') center/100% 100% no-repeat;z-index:-1;transform:translate3d(var(--x,0px),var(--y,0px),0) scale(1.012);transition:transform .8s ease-out}header{display:flex;justify-content:space-between;align-items:center;padding:2.2% 3.7%;position:relative;z-index:5}.brand{width:16%;max-width:270px;min-width:130px;display:block}.brand img{display:block;width:100%;height:auto}nav{display:flex;align-items:center;gap:clamp(15px,2.1vw,35px);color:#fff;font-size:clamp(13px,1.05vw,18px)}.contact-button,.idea-button{background:var(--lime);color:var(--ink);border:0;border-radius:40px;font-weight:700;padding:14px 24px;transition:transform .2s,box-shadow .2s}.contact-button:hover,.idea-button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #28153733}.copy{position:absolute;left:3.8%;top:20.5%;width:39%;z-index:2}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:900;font-size:clamp(75px,10.2vw,165px);line-height:.86;letter-spacing:-.045em;margin:0;transform:skew(-4deg);transform-origin:left}h1 span{display:block;white-space:nowrap}h1 span:first-child{font-size:.76em;letter-spacing:-.05em}h1 span:nth-child(2){margin-top:.08em}p{font-size:clamp(16px,1.6vw,26px);line-height:1.4;margin:27px 0 24px}.idea-button{display:inline-flex;align-items:center;gap:28px;font-size:clamp(16px,1.4vw,23px);padding:17px 28px}.idea-button span{font-size:1.6em;line-height:.8;font-weight:400}.motion{position:absolute;right:20px;bottom:15px;background:#281537b0;color:#fff;border:1px solid #ffffff50;border-radius:30px;padding:9px 14px;font-size:11px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--purple);outline-offset:5px}nav :focus-visible{outline-color:var(--lime)}dialog{padding:40px;background:#281537;color:#fff;border:1px solid #9875c2;border-radius:8px;width:min(540px,calc(100% - 30px))}dialog::backdrop{background:#160c28b0;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:14px;top:10px;background:none;color:white;border:0;font-size:30px}dialog h2{font-size:45px;margin:20px 0}dialog .eyebrow{font-size:11px;letter-spacing:2px}form{display:grid;gap:14px}label{font-size:14px}textarea,select{background:#190c2a;color:white;border:1px solid #85649c;padding:13px;font:16px 'DM Sans',sans-serif;border-radius:4px;width:100%}textarea{resize:vertical}.form-note{font-size:12px;line-height:1.5;margin:5px 0;color:#ccbddc}body:has(dialog[open]){overflow:hidden}.paused .art{transform:none}.copy{animation:enter .7s both}@keyframes enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1800px){h1{font-size:10.2vw}}@media(max-width:700px){.hero{aspect-ratio:auto;min-height:100svh;overflow:hidden;padding-bottom:0}.art{position:relative;inset:auto;display:block;height:74vw;margin-top:20px;background-size:150% auto;background-position:right bottom;transform:none;z-index:0;order:3}.hero{display:flex;flex-direction:column}header{order:0;padding:22px 6%;gap:20px}.brand{width:165px;min-width:0}nav>a{display:none}.contact-button{font-size:12px;padding:12px 15px}nav{gap:0}.copy{position:relative;top:auto;left:auto;width:auto;padding:35px 6% 0;order:1;animation:none}h1{font-size:clamp(82px,20vw,135px);line-height:.85}h1 span:first-child{font-size:.8em}p{font-size:17px;margin:25px 0 20px}.idea-button{font-size:16px;padding:15px 22px}.motion{display:none}.desktop-break{display:none}dialog{padding:30px 23px}.copy{background:white}.art{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.art{transform:none!important}.motion{display:none}}
/* Taller, more open lettering matching the approved direction. */
h1{font-weight:800;font-size:clamp(90px,11vw,190px);letter-spacing:0;line-height:.91;transform:skew(-7deg) scaleX(.79);width:126.6%;transform-origin:left top}h1 span:first-child{font-size:.79em;letter-spacing:0}h1 span:nth-child(2){margin-top:0}.copy p{margin-top:24px}.spark{position:fixed;pointer-events:none;z-index:100;width:var(--size,9px);height:var(--size,9px);background:#d9f653;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);animation:spark-flight 650ms ease-out forwards;will-change:transform,opacity}.spark.dot{clip-path:none;border-radius:50%;width:4px;height:4px}@keyframes spark-flight{0%{opacity:1;transform:translate(-50%,-50%) scale(.6) rotate(0)}25%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(20deg)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0) rotate(100deg)}}@media(max-width:700px){h1{font-size:clamp(85px,22vw,140px);line-height:.9;letter-spacing:0;transform:skew(-7deg) scaleX(.8);width:125%}h1 span:first-child{font-size:.78em}.copy p{margin-top:24px}}@media(prefers-reduced-motion:reduce){.spark{display:none}}
/* Align the lines optically without shearing the whole text block. */
h1{transform:scaleX(.79);transform-origin:left top}h1 span{transform:skew(-7deg);transform-origin:left bottom;padding-left:.045em}h1 span:first-child{padding-left:.045em}@media(max-width:700px){h1{transform:scaleX(.8)}}
.decor-stars{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translate3d(var(--x,0px),var(--y,0px),0) scale(1.012);transition:transform .8s ease-out}.decor-star{position:absolute;left:var(--sx);top:var(--sy);width:var(--sw);aspect-ratio:.8;background:#d9f653;clip-path:polygon(50% 0,60% 35%,68% 43%,100% 50%,68% 57%,60% 65%,50% 100%,40% 65%,32% 57%,0 50%,32% 43%,40% 35%);animation:star-breathe var(--duration,4s) ease-in-out infinite;animation-delay:var(--delay,0s);transform-origin:center}.decor-star.white{background:#fff}@keyframes star-breathe{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.6) rotate(-6deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(6deg)}}.paused .decor-star{animation-play-state:paused}.paused .decor-stars{transform:none}@media(prefers-reduced-motion:reduce){.decor-star{animation:none!important;transform:translate(-50%,-50%);opacity:.8}}@media(max-width:700px){.decor-stars{display:none}.art .decor-stars{display:block;transform:none;inset:0}}
.art>.decor-stars{transform:none;transition:none}.art{z-index:-1}@media(max-width:700px){.art>.decor-stars{width:150%;height:100%;left:-50%;top:0;right:auto;bottom:auto}}