/* One typeface and one upright weight, with the academy's light blue palette. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-regular-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-regular-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font:Manrope,Arial,sans-serif;--paper:#f7f9fc;--ink:#172b46;--muted:#52647b;--pink:#2563eb;--line:#dce4ef;--green:#eef3fa;--white:#fff;--accent-hover:#1d4ed8;--radius:10px}
*,*::before,*::after{font-weight:400;font-style:normal;font-synthesis:none}
body,button,input,textarea,select{font-family:var(--font);font-weight:400;font-style:normal}
body{font-size:16px;line-height:1.75}
h1,h2,h3,h4,h5,h6,b,strong,em,i{font-family:var(--font);font-weight:400;font-style:normal}
h1,h2,h3{letter-spacing:-.035em;color:var(--ink)}
h1,h2{line-height:1.17}h2{font-size:clamp(30px,3.2vw,42px)}h3{font-size:22px;line-height:1.35}
.wrap{max-width:1200px;padding-inline:40px}
.site-header{min-height:92px;border-bottom:1px solid var(--line)}
.brand{font-size:14px;color:var(--ink)}.brand small{font-size:11px;letter-spacing:0}.monogram{font-size:34px;letter-spacing:-.06em}
.site-header nav{gap:24px;font-size:13px}.site-header .nav-contact{background:var(--pink);color:#fff;border:1px solid var(--pink);border-radius:6px;padding:11px 17px}.site-header .nav-contact:hover{background:var(--accent-hover)}
.hero{grid-template-columns:1.3fr 1fr;gap:70px;padding-top:65px;padding-bottom:70px;align-items:center}
.hero h1{font-size:clamp(48px,5.2vw,68px);line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}.hero h1 span{color:inherit}
.hero-sub{font-size:22px;line-height:1.5;max-width:520px}.hero-desc{font-size:16px;max-width:490px;line-height:1.8}
.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--pink)}
.hero-notes{font-size:12px;gap:20px}.hero-notes span::before{content:'·';font-size:18px}
.hero-actions{gap:12px}.hero-portfolio{padding:14px 18px;background:var(--white);border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:14px;color:var(--ink)}.hero-portfolio:hover{border-color:var(--pink)}
.button{padding:14px 20px;background:var(--pink);border:1px solid var(--pink);border-radius:6px;color:#fff;gap:24px;font-size:14px;line-height:1.65}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.button.outline,.button.light{background:var(--white);color:var(--ink);border:1px solid var(--line)}.button.outline:hover,.button.light:hover{background:var(--green);border-color:var(--pink);color:var(--pink)}
.portrait{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 12px 35px #1e3a5f09;max-width:425px;justify-self:end}.portrait-frame{border-radius:6px;aspect-ratio:1}.portrait img{object-position:50% 48%}.portrait-label{display:none}.portrait figcaption{display:block;font-size:12px;text-transform:none;letter-spacing:0;margin-top:14px;padding:0 2px}.portrait figcaption span{display:block}.portrait figcaption span:first-child{color:var(--ink);font-size:15px;margin-bottom:2px}
.ticker{background:var(--white);font-size:11px;letter-spacing:.06em;gap:28px;padding-block:18px}.ticker b{font-size:12px}
.section{padding-top:72px;padding-bottom:72px}.section-heading{gap:45px;margin-bottom:32px}.section-heading>p{font-size:15px;max-width:440px}
.formats-grid{gap:20px}.format{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}.format-art,.format:nth-child(n) .format-art{background:transparent;height:112px;padding:0;justify-content:flex-start;gap:14px}.format-art .number{color:var(--pink);font-size:11px;letter-spacing:.08em}.format-art .visual-word{font-size:28px!important;line-height:1.2;color:var(--ink);letter-spacing:-.025em}.art-note,.frame-corner{display:none}.format h3{font-size:20px;margin-top:12px;margin-bottom:12px}.format p{font-size:14px;line-height:1.75}.format .tags{margin-top:auto;padding-top:22px;font-size:12px}.format .tags a{display:block;margin-top:4px;color:var(--pink)}
.brief-card{background:var(--green);justify-content:center;color:var(--ink)}.brief-card h3{font-size:27px;line-height:1.35}.brief-card p{color:var(--muted)}.brief-card .button{background:var(--pink);color:#fff}.brief-card .button:hover{background:var(--accent-hover)}
.price-card{border-radius:var(--radius);background:var(--white);padding:26px}.price-card.featured{border-color:#91b4f8;box-shadow:0 8px 24px #2563eb08}.price-card h3{font-size:22px}.price{font-size:42px;letter-spacing:-.04em}.price small{font-size:16px}.price-caption{font-size:13px}.price-note{font-size:13px}.price-card .button{font-size:12px}
.terms-copy{gap:55px}.terms-copy p{font-size:15px;line-height:1.85}.steps{gap:30px}.step-num{font-size:28px}.step-title{font-size:19px!important}.steps p{font-size:14px}.faq{gap:55px}.faq summary{font-size:16px;line-height:1.6}
.contact-shell{background:#eaf1fc;color:var(--ink);border-block:1px solid var(--line);padding-block:58px}.contact-shell h2{font-size:clamp(30px,3.2vw,42px)}.contact-shell p{color:var(--muted);font-size:15px}.contact-shell .eyebrow{color:var(--pink)}.contact-shell .button{background:var(--pink);color:#fff;border-color:var(--pink)}.contact-shell .button:hover{background:var(--accent-hover);color:#fff}.contact-shell a:hover{color:var(--accent-hover)}.email{font-size:clamp(24px,2.6vw,32px);border-color:#a8b8d0;margin-top:20px;letter-spacing:-.025em}.copy-email{color:var(--ink);background:#fff;border-color:#bdcce0;border-radius:6px}.copy-email:hover{background:var(--paper)}.copy-email-row [role=status]{color:var(--muted)}.contact-shell button:focus-visible{outline-color:var(--pink)}
.site-footer{font-size:13px}.footer-name{font-size:16px}.legal{font-size:12px}.copyright{font-size:11px}
.service-hero{padding-top:30px;padding-bottom:60px}.service-intro{gap:55px;grid-template-columns:1.4fr 1fr}.service-intro h1{font-size:clamp(38px,4.4vw,57px)}.service-lead{font-size:18px;line-height:1.8}.service-price{border-radius:var(--radius);border:1px solid var(--line);background:var(--white);padding:30px}.example-grid article,.marketing-project{background:var(--white);border-radius:var(--radius)}.example-grid h3{font-size:22px}.service-examples h2{font-size:34px}.service-brief{border-radius:var(--radius)}
.portfolio-hero{padding-top:40px}.portfolio-hero h1{font-size:clamp(40px,4.8vw,62px)}.portfolio-counts b{font-size:43px}.portfolio-counts span{font-size:12px}.project-card h3,.teaser-grid h3{font-size:27px;line-height:1.3}.project-card>.eyebrow{font-size:11px}.project-card>p:not(.eyebrow){font-size:14px}.project-tags span{font-size:11px;background:var(--white)}.project-image,.asset-image{border-radius:var(--radius);border:1px solid var(--line)}.project-guide{border:1px solid var(--line);border-radius:var(--radius);padding:35px}.project-guide h2{font-size:36px}.project-guide>p:not(.eyebrow){font-size:15px}
.demo-note{font-size:13px}.script-card{border-radius:var(--radius);border-color:var(--line);background:var(--white)}.script-heading h3{font-size:26px}.shoot-note{background:#e5edf8}.frames .frame-shot{font-size:15px}.frames p{font-size:14px}.asset-description h3{font-size:24px}.post-copy,.story-grid article{border-radius:var(--radius)}.story-number{font-size:28px}.marketing-project h3{font-size:26px}.marketing-project .project-type{font-size:11px}.content-calendar thead th{font-size:12px}.artwork-dialog{border-radius:var(--radius)}.artwork-dialog::backdrop{background:#172b46d9}.artwork-close{background:var(--pink);border-radius:6px}
@media(max-width:1000px){.wrap{padding-inline:30px}.hero{gap:35px}.hero h1{font-size:54px}.hero-sub{font-size:20px}.site-header nav{gap:15px}.formats-grid{grid-template-columns:repeat(2,1fr)}.service-intro{gap:30px}.price-card{padding:22px}.price{font-size:36px}.contact-grid{gap:35px}.terms-copy{gap:35px}.section-heading{gap:30px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{padding-block:16px;gap:12px}.site-header nav{gap:6px 12px;font-size:12px}.site-header .nav-contact{padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:38px;gap:30px}.hero h1{font-size:46px;line-height:1.16;margin-bottom:20px}.hero-sub{font-size:20px;max-width:100%}.hero-desc{font-size:15px}.hero-notes{font-size:11px;gap:16px;margin-top:20px}.hero-actions .button,.hero-portfolio{padding:13px 15px;font-size:13px}.portrait{max-width:440px;justify-self:stretch;width:100%;padding:12px}.portrait-frame{border-radius:6px;aspect-ratio:1.12}.portrait figcaption{font-size:11px}.portrait figcaption span:first-child{font-size:14px}.ticker{gap:12px 15px;padding:15px 22px;font-size:10px}.section{padding-block:48px}.section-heading{gap:18px}.section-heading>p{font-size:14px}h2{font-size:32px}.formats-grid{grid-template-columns:1fr;gap:16px}.format{padding:23px}.format-art{height:100px}.brief-card{min-height:260px}.terms-copy{gap:23px}.terms-copy p{font-size:15px;line-height:1.8}.price{font-size:40px}.price-card{padding:24px}.faq{gap:25px;padding-top:12px}.faq summary{font-size:15px}.steps{gap:25px}.steps p{font-size:14px}.step-title{font-size:18px!important}.contact-shell{padding-block:42px}.contact-shell h2{font-size:32px}.contact-grid{gap:25px}.email{font-size:27px}.copy-email-row{gap:8px 14px}.site-footer{grid-template-columns:1fr;gap:23px}.copyright{grid-column:auto;flex-wrap:wrap;font-size:11px}.legal{font-size:12px}.service-hero{padding-top:20px;padding-bottom:40px}.service-intro{grid-template-columns:1fr}.service-intro h1{font-size:38px}.service-lead{font-size:16px}.service-price{padding:25px}.service-examples h2{font-size:30px}.portfolio-hero h1{font-size:40px}.portfolio-counts b{font-size:37px}.portfolio-counts{gap:30px}.portfolio-counts span{font-size:11px}.portfolio-hero{padding-top:25px}.demo-note{font-size:12px}.project-card h3,.teaser-grid h3{font-size:26px}.project-guide h2{font-size:32px}.project-guide{padding:26px;min-height:0}.script-heading h3{font-size:24px}.frames p{font-size:13px}.frames .frame-shot{font-size:14px}.marketing-project h3{font-size:25px}.asset-description h3{font-size:23px}.story-grid p{font-size:14px}.breadcrumbs{font-size:11px}}
@media(max-width:370px){.site-header nav{justify-content:flex-start;gap:6px 18px}.hero h1{font-size:42px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.hero-portfolio{justify-content:center;text-align:center}.email{font-size:24px}.portfolio-counts{gap:22px}.service-intro h1{font-size:34px}}
