/* Harlow / Beauty with a point of view / Approved editorial collection */
@font-face{font-family:Fraunces;src:url('/brand/fonts/Fraunces-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/brand/fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--display:Fraunces,Georgia,serif;--sans:Manrope,Arial,sans-serif}
body{font-weight:450}
h1,h2,h3,.stage-number,.big-number,.experience{font-weight:760;font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 72}
.eyebrow,.hero-caption>span,.image-label{font-size:12px;line-height:1.65;letter-spacing:.13em}
.site-header{padding:25px 5.5%;min-height:104px;gap:30px;background:var(--ivory)}
.site-header .logo{width:180px;margin-right:22px}
.site-header nav{font-size:14px;gap:24px}
.site-header nav a{position:relative;border:0}
.site-header nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.site-header nav a:hover::after,.site-header nav a[aria-current]::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.pill{font-size:14px;min-height:48px;font-weight:650}
.hero-caption p{font-size:14px}
.partnership-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-bottom:55px}
.partnership-heading h2{margin:25px 0;font-size:clamp(38px,4.6vw,68px)}
.partnership-heading>div>p:not(.eyebrow){font-size:17px}
.editorial-photo{overflow:hidden;position:relative}
.editorial-photo img{width:100%;transition:transform .75s cubic-bezier(.2,.6,.3,1)}
.partnership-heading figure img{aspect-ratio:3/2;object-fit:contain}
.pathways .editorial-tile{border-top-color:var(--plum)}
.editorial-tile h3{font-weight:650}
.editorial-campaign{min-height:0;background:var(--ivory)}
.editorial-campaign>img{position:static;height:auto;width:100%;object-fit:contain}
.editorial-campaign>div{position:absolute;inset:0 auto auto 0;padding:8% 0 0 5%;width:30%;min-height:0;background:none}
.editorial-campaign h2{font-size:clamp(40px,4.8vw,76px);margin:28px 0;letter-spacing:-.045em;max-width:none}
.editorial-campaign p:not(.eyebrow){font-size:16px;line-height:1.7}
.creator-feature{gap:8%;background:var(--ivory)}
.creator-editorial img{aspect-ratio:4/5;object-fit:contain}
.creator-editorial figcaption{display:flex;flex-direction:column;gap:7px;padding:22px 25px;background:var(--coral)}
.creator-editorial figcaption>span:last-child{font:650 26px/1.2 var(--display);letter-spacing:-.025em}
.page-hero{grid-template-columns:52% 48%;min-height:0;align-items:center}
.page-hero>div{padding:65px 10.5%}
.page-hero h1{font-size:clamp(46px,5.2vw,78px);margin:25px 0}
.page-hero figure{margin:0;align-self:center;overflow:hidden}
.page-hero figure img{position:static;inset:auto;height:auto;width:100%;object-fit:contain}
.page-hero figcaption{position:static;inset:auto;font-size:12px;letter-spacing:.12em;line-height:1.6;padding:18px 24px;background:transparent;text-align:center}
.product-hero figure{margin:40px 30px 40px 0}
.product-hero figure img{aspect-ratio:3/2}
.device-hero figure img{aspect-ratio:4/5;max-height:770px}
.wide-hero{display:block;padding:65px 7.5% 0}
.wide-hero>div{padding:0 0 45px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:8%;align-items:start}
.wide-hero>div>.eyebrow{grid-column:1/-1;margin-bottom:24px}
.wide-hero h1{grid-column:1;grid-row:2/4;margin:0;font-size:clamp(44px,4.8vw,74px)}
.wide-hero>div>p:not(.eyebrow){grid-column:2;grid-row:2;font-size:18px;max-width:520px;padding-top:5px}
.wide-hero .pill{grid-column:2;justify-self:start;margin-top:24px}
.wide-hero figure{margin:0 auto;max-width:1120px}
.wide-hero figure img{aspect-ratio:auto;height:auto}
.build-hero figure{max-width:980px}
.creator-hero{grid-template-columns:1fr 1fr;gap:7%;padding:55px 7.5%}
.creator-hero h1{margin:24px 0 28px;font-size:clamp(46px,5.35vw,82px)}
.creator-hero figure{margin:0;transform:none;width:100%;max-width:600px}
.creator-hero img{border-radius:0;aspect-ratio:4/5;object-fit:contain;max-height:none}
.creator-hero figcaption{font-size:12px;line-height:1.65;padding:18px 12px;background:var(--coral)}
.studio-split figure img{aspect-ratio:4/5;object-fit:contain}
.studio-split figure{position:relative;overflow:hidden}
.about-hero{position:relative}
.about-hero h1{font-size:clamp(58px,7vw,108px)}
.experience span,.big-number span{font-size:12px}
.article-monogram{width:65px;height:auto;margin:0 auto 32px}
.contact-monogram{width:44px;height:auto;margin-bottom:22px}
.article-meta,.form-note,.copy-status,.footer-base,.founder-photo figcaption span{font-size:12px}
.contact-note{font-size:16px}
form label,.choice span,.path-help,.footer-col .text-link{font-size:14px}
.footer-col .eyebrow{font-size:12px}
.footer-top .logo{width:240px;max-width:100%}
.footer-base{flex-wrap:wrap;align-items:center}
.footer-base p:nth-child(2){max-width:510px}
.sector-link{transition:background .25s,padding .25s}
.sector-link:focus-visible{background:var(--pink)}
.reveal.pending{transform:translateY(14px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.editorial-photo:hover img{transform:scale(1.025)}}
.editorial-home{grid-template-columns:52% 48%;min-height:0;align-items:stretch;background:var(--pink)}
.editorial-home .hero-copy{align-self:center;padding:64px 6% 56px 10.6%;min-width:0}
.editorial-home h1{font-size:clamp(56px,6.55vw,104px);margin:28px 0;line-height:1.03;letter-spacing:-.045em}
.editorial-home h1 em{white-space:normal}
.editorial-home .intro{max-width:400px;font-size:19px}
.editorial-home .hero-caption{margin-top:42px}
.editorial-home .hero-image{width:100%;aspect-ratio:4/5;min-height:0;max-height:800px;margin:0;overflow:hidden}
.editorial-home .hero-image>img{position:static;mask-image:none;object-fit:cover;object-position:50% 42%;height:100%;width:100%}
.editorial-home .image-label{position:absolute;inset:auto 0 0;font-size:12px;letter-spacing:.14em;text-align:center;padding:17px 20px;background:var(--pink);line-height:1.5}
@media(max-width:900px){.editorial-home{grid-template-columns:1fr 1fr}.editorial-home .hero-copy{padding:40px 9%}.editorial-home h1{font-size:clamp(44px,6.2vw,60px)}.editorial-home .intro{font-size:17px}.editorial-home .hero-caption{margin-top:28px}.editorial-home .hero-image{aspect-ratio:auto;min-height:580px}.editorial-home .hero-image>img{position:absolute;object-position:50% 40%}}
@media(max-width:640px){.editorial-home{grid-template-columns:1fr}.editorial-home .hero-copy{padding:43px 7% 40px}.editorial-home h1{font-size:clamp(50px,10.8vw,72px);margin:24px 0}.editorial-home .intro{max-width:360px}.editorial-home .hero-caption{margin-top:27px}.editorial-home .hero-image{aspect-ratio:4/5;height:auto;min-height:0;max-height:none}.editorial-home .hero-image>img{position:static}.editorial-home .image-label{font-size:12px;padding:12px}}
@media(max-width:1100px){.site-header{gap:20px}.site-header .logo{width:150px;margin-right:0}.site-header nav{gap:18px}.partnership-heading{gap:5%}.footer-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:960px){.site-header nav{display:none;position:absolute;inset:100% 0 auto;margin:0;padding:22px 6%;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:0 12px 15px #4020390c}.site-header nav.open{display:flex;flex-wrap:wrap;gap:15px 25px}.menu{display:block;font-size:14px}.header-cta{margin-left:auto}.page-hero h1{font-size:clamp(42px,5.7vw,57px)}.page-hero>div{padding:48px 11%}.wide-hero>div{padding:0 0 35px}.wide-hero h1{font-size:48px}.wide-hero>div>p:not(.eyebrow){font-size:16px}.creator-hero h1{font-size:clamp(43px,5.7vw,57px)}.creator-hero{gap:5%}.editorial-campaign>div{width:31%;padding:6% 0 0 4%}.editorial-campaign h2{font-size:clamp(35px,5vw,50px);margin:24px 0}.editorial-campaign p:not(.eyebrow){font-size:14px}.editorial-campaign .eyebrow{font-size:12px}.partnership-heading h2{font-size:43px}}
@media(max-width:760px){.partnership-heading{grid-template-columns:1fr;gap:35px;margin-bottom:35px}.partnership-heading figure{order:2}.partnership-heading>div{order:1}.editorial-campaign{display:flex;flex-direction:column}.editorial-campaign>div{position:static;inset:auto;width:auto;padding:36px 7%;background:var(--pink)}.editorial-campaign h2{font-size:52px;margin:24px 0;max-width:400px}.editorial-campaign>img{aspect-ratio:1672/941;object-fit:contain}.editorial-campaign p:not(.eyebrow){font-size:16px}.page-hero{grid-template-columns:1fr}.page-hero>div{padding:44px 7% 38px}.page-hero h1{font-size:clamp(43px,7.5vw,60px)}.page-hero>div>p:not(.eyebrow){font-size:17px}.page-hero figure{margin:0 7% 35px;height:auto;max-width:none}.page-hero figure img{height:auto}.page-hero figcaption{font-size:12px;padding:16px 8px}.wide-hero{padding:44px 7% 0}.wide-hero>div{display:block;padding:0 0 34px}.wide-hero>div>.eyebrow{margin:0 0 24px}.wide-hero h1{margin:0 0 24px}.wide-hero figure{margin:0}.wide-hero .pill{margin-top:24px}.creator-hero{grid-template-columns:1fr;padding:44px 7%;gap:34px}.creator-hero h1{font-size:clamp(45px,8vw,62px);margin:24px 0}.creator-hero figure{max-width:540px;margin:auto}.creator-feature{grid-template-columns:1fr;gap:36px}.creator-feature>figure{max-width:540px;width:100%;margin:auto}.creator-feature h2{font-size:clamp(43px,7.5vw,58px)}.creator-hero>div>p:not(.eyebrow){font-size:17px}.creator-hero figcaption{font-size:12px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.hero-caption>span{font-size:12px}.ribbon p{font-size:12px}.ribbon{padding:15px 0}}
@media(max-width:600px){.site-header{padding:20px 6%;min-height:85px;gap:17px}.site-header .logo{width:135px}.site-header nav.open{display:grid;grid-template-columns:1fr 1fr;font-size:16px}.header-cta{font-size:13px;padding:10px 15px;min-height:44px}.menu{font-size:14px;min-height:44px}.site-header nav a{padding:9px 0}.logo img{height:auto}.creator-editorial figcaption{padding:19px 21px}.founder-photo{max-width:450px}.founder-photo img{object-fit:contain}.founder-note h2{font-size:43px}.footer-top .logo{width:240px}.footer-col .text-link{font-size:14px;min-height:42px}.footer-col .eyebrow{font-size:12px}.stage-panel .outputs{font-size:14px}.choice span{font-size:14px}.hero-caption p{font-size:14px}.creator-roles .roles-bottom{font-size:12px}.sector-link p{font-size:14px}.article-hero h1{font-size:clamp(41px,8vw,52px)}.about-hero h1{font-size:clamp(46px,9vw,65px)}.footer-base{font-size:12px}}
@media(max-width:380px){.site-header{padding:18px 5%;gap:12px}.site-header .logo{width:120px}.header-cta{padding:9px 11px;font-size:12px}.menu{font-size:13px}.partnership-heading h2{font-size:38px}.editorial-campaign h2{font-size:45px}.creator-hero h1{font-size:43px}.page-hero h1{font-size:41px}.footer-col .eyebrow{letter-spacing:.04em}.footer-top{gap:28px 18px}.footer-col .text-link{font-size:14px}.founder-note h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.editorial-photo img,.site-header nav a::after,.sector-link{transition:none}.editorial-photo:hover img{transform:none}}