.hero{background:var(--color-navy);color:var(--color-white);align-items:center;height:calc(100svh - 130px);min-height:600px;max-height:800px;padding-block:clamp(20px,3vh,36px);display:flex;overflow:clip}.hero__layout{grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;display:grid}.hero__eyebrow{color:var(--color-turquoise);font-size:.69rem}.hero h1{letter-spacing:-.045em;font-size:clamp(3.4rem,5.2vw,5.3rem);line-height:.99}.hero h1>span{color:var(--color-turquoise)}.hero__dot{color:var(--color-electric)}.hero__description{max-width:450px;color:color-mix(in srgb, var(--color-white) 72%, var(--color-navy));margin-top:30px;font-size:1rem}.hero__actions{margin-top:34px}.hero__experience{font:400 1.75rem/1.1 var(--font-hand);color:var(--color-white);margin-top:40px}.hero__visual{min-width:0;padding:52px 8px 42px;position:relative}.hero__browser{border:1px solid color-mix(in srgb, var(--color-white) 30%, transparent);box-shadow:22px 22px 0 var(--color-violet);border-radius:14px;display:block;overflow:hidden}.hero__browser-bar{background:var(--color-navy);min-height:42px;color:color-mix(in srgb, var(--color-white) 70%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:.65rem;display:grid}.hero__browser-dots{align-items:center;display:flex}.hero__browser-dots button{background:0 0;border:0;place-items:center;width:24px;height:30px;padding:0;display:grid}.hero__browser-dots button:after{content:"";background:var(--color-turquoise);opacity:.55;border-radius:50%;width:6px;height:6px;transition:transform .3s,opacity .3s}.hero__browser-dots button.is-active:after{opacity:1;transform:scale(1.5)}.hero__browser-domain{white-space:nowrap}.hero__browser-nav{justify-self:end;gap:2px;display:flex}.hero__browser-nav button{background:color-mix(in srgb, var(--color-white) 10%, transparent);width:32px;height:32px;color:var(--color-white);opacity:.55;border:0;border-radius:50%;place-items:center;padding:0;transition:background .3s,color .3s,opacity .3s;display:grid}.hero__browser-nav button:hover,.hero__browser-nav button:focus-visible{background:var(--color-electric);color:var(--color-navy);opacity:1}.hero__browser-nav .arrow{width:18px;height:18px}.hero__browser-nav .hero__browser-prev .arrow{transform:rotate(180deg)}.hero__project{background:var(--color-navy);transition:opacity .3s;display:block;position:relative;overflow:hidden}.hero__project-image{aspect-ratio:4/3;position:relative;overflow:hidden}.hero__project-image img{object-fit:cover}.hero__project-caption{display:flex}.hero__project-info{background:var(--color-navy);flex-direction:column;gap:2px;width:100%;padding:12px 24px;display:flex}.hero__project-info strong{font:800 32px/1 var(--font-heading)}.hero__project-info span{align-items:center;gap:12px;font-size:.8rem;display:flex}.hero__project-info span .arrow{width:16px;height:16px}@media (max-width:1023px){.hero__layout{gap:24px}}@media (max-width:767px){.hero{height:auto;min-height:0;max-height:none;padding-block:45px 70px;display:block}.hero__layout{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(3rem,10vw,4.8rem)}.hero__visual{width:calc(100% - 24px);max-width:510px;margin:auto}}@starting-style{.hero__project{opacity:0}}@media (prefers-reduced-motion:reduce){.hero__project{transition:none}}
.article-accent{padding-block:48px 60px}.article-accent__card{border-radius:var(--radius-card);background:var(--color-electric);color:var(--color-navy);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:36px 40px;display:grid}.article-accent__card h2{text-wrap:balance;max-width:780px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1}.article-accent__card:hover .article-accent__arrow{background:var(--color-violet);transform:translate(3px,-3px)}.article-accent__card:focus-visible{outline-color:var(--color-violet)}.article-accent__eyebrow{flex-wrap:wrap;gap:8px 12px;margin-bottom:16px;font-size:.65rem}.article-accent__eyebrow span{letter-spacing:normal;text-transform:none;margin-left:12px;font-weight:400}.article-accent__action{white-space:nowrap;align-items:center;gap:20px;font-size:.75rem;font-weight:700;display:flex}.article-accent__arrow{background:var(--color-navy);width:52px;height:52px;color:var(--color-white);border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}@media (max-width:1023px){.article-accent__action>span:first-child{display:none}}@media (max-width:767px){.article-accent{padding-block:32px 45px}.article-accent__card{grid-template-columns:1fr;gap:24px;padding:28px}.article-accent__action{justify-content:space-between}.article-accent__action>span:first-child{display:inline}.article-accent__arrow{width:44px;height:44px}}