/* Yaara's editorial opening: human photography and a single typographic idea. */
.hero-editorial{position:relative;padding:107px 6.1% 0;min-height:865px;isolation:isolate;overflow:hidden;--hero-shift:0px;--photo-shift:0px;background:var(--ivory)}
.hero-edition{display:flex;align-items:center;gap:22px;font-size:12px;color:#686e60;position:relative;z-index:4;animation:editorial-fade .9s var(--ease) both .2s}.hero-edition>span{color:var(--cobalt);font-size:20px;line-height:1}
.hero-poster{position:relative;z-index:3;margin:16px 0 0;font-size:clamp(130px,13.4vw,210px);line-height:.9;font-weight:600;letter-spacing:-.085em;width:max-content;max-width:82%;pointer-events:none}
.poster-line{display:block;padding:0 .08em .16em .02em;margin:0 0 -.11em -.02em;overflow:hidden;transform:translateX(calc(var(--hero-shift) * -1))}.poster-line>span{display:block;animation:editorial-type 1.1s var(--ease) both .1s;will-change:transform}
.poster-mine{margin-left:.77em;padding-top:.06em;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:normal;font-size:1.08em;letter-spacing:-.075em;transform:translateX(var(--hero-shift));line-height:.9}.poster-mine>span{animation-delay:.23s}
.poster-ours{margin-left:.05em;margin-top:.025em;letter-spacing:-.095em;color:var(--cobalt);font-size:1.15em;position:relative;transform:none}.poster-ours>span{animation-delay:.37s;position:relative;z-index:1}.poster-ours:after{content:'';position:absolute;z-index:0;bottom:.21em;left:.07em;width:83%;height:.115em;background:var(--lime);rotate:-3deg;transform-origin:left;animation:editorial-underline 1.1s var(--ease) both .9s}
.hero-portrait{position:absolute;right:8.3%;top:155px;width:35.4%;height:502px;margin:0;z-index:1;perspective:1200px;transform:translateY(var(--photo-shift));animation:editorial-photo 1.3s var(--ease) both .3s}
.portrait-lime{position:absolute;inset:18px -20px -10px -10px;background:var(--lime);transform:rotate(-7deg);clip-path:polygon(0 0,86% 0,100% 13%,100% 100%,0 100%)}.portrait-paper{position:absolute;inset:0;padding:11px;background:#fffefa;transform:rotate(5deg);transform-origin:50% 70%;transition:transform .8s var(--ease);will-change:transform}.hero-portrait:hover .portrait-paper{transform:rotate(1deg) translateY(-6px)}.portrait-paper img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-editorial-copy{position:relative;z-index:4;margin-top:31px;display:flex;gap:45px;align-items:start;max-width:760px;animation:editorial-fade 1.1s var(--ease) both .75s}.hero-editorial-copy>p:first-child{font-family:'Manrope',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.035em;line-height:1.55;max-width:230px}.hero-editorial-copy>div{display:flex;flex-direction:column;gap:12px;padding-top:3px}.hero-editorial-copy>div>p{font-size:11px;line-height:1.9;color:#747b69;margin:0}.hero-cta-actions{display:flex;align-items:center;gap:16px;margin-top:6px}.hero-apk-download{display:inline-flex;align-items:center;gap:12px;padding:11px 22px;border-radius:100px;background:var(--cobalt);color:white;font-size:12px;font-weight:600;transition:transform .3s var(--ease),background .3s;box-shadow:0 8px 24px -6px rgba(65,73,232,.35);text-decoration:none}.hero-apk-download:hover{background:var(--ink);transform:translateY(-2px);color:white}.hero-apk-download span:last-child{font-size:15px;line-height:1;transition:transform .3s}.hero-apk-download:hover span:last-child{transform:translateY(2px)}.hero-apk-free-tag{font-size:11px;color:#7e8674;font-weight:500}
.hero-discover{position:absolute;right:9.3%;top:600px;width:132px;height:132px;background:var(--cobalt);color:var(--ivory);border-radius:50%;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transform:rotate(-10deg);transition:background .4s,transform .6s var(--ease);animation:editorial-button 1s var(--ease) both .8s}.discover-arrow{font-family:'Manrope',sans-serif;font-weight:400;font-size:54px;line-height:1;transition:transform .5s var(--ease)}.hero-discover>span:last-child{font-size:11px}.hero-discover:hover{background:var(--ink);transform:rotate(0deg) scale(1.04)}.hero-discover:hover .discover-arrow{transform:translate(5px,-5px)}
.hero-editorial-bottom{position:relative;margin-top:35px;min-height:77px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:4}.hero-editorial-bottom>span{font-size:10px;color:#727a68}.hero-editorial-bottom>a{font-size:11px;display:flex;gap:33px;align-items:center}.hero-editorial-bottom>a svg{transition:transform .4s}.hero-editorial-bottom>a:hover svg{transform:translateY(5px)}
@keyframes editorial-type{from{transform:translateY(120%) rotate(4deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes editorial-photo{from{opacity:0;translate:50px 45px;rotate:7deg;clip-path:inset(0 0 100% 0)}to{opacity:1;translate:0 0;rotate:0;clip-path:inset(-50px -50px -50px -50px)}}
@keyframes editorial-fade{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes editorial-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes editorial-button{from{opacity:0;scale:.6;rotate:-25deg}to{opacity:1;scale:1;rotate:0deg}}
@media(min-width:1600px){.hero-editorial{padding-left:max(6.1%,calc((100vw - 1450px)/2));padding-right:max(6.1%,calc((100vw - 1450px)/2));min-height:950px;padding-top:115px}.hero-portrait{width:520px;right:max(8%,calc((100vw - 1360px)/2));height:575px;top:175px}.hero-discover{top:685px;right:max(8.5%,calc((100vw - 1320px)/2))}.hero-editorial-bottom{margin-top:38px}.hero-poster{font-size:210px}}
@media(max-width:1100px){.hero-editorial{min-height:800px;padding-top:106px}.hero-poster{font-size:14.3vw}.hero-portrait{right:7%;top:160px;width:36.5%;height:440px}.hero-discover{top:555px;right:7.8%;width:117px;height:117px}.hero-editorial-copy{margin-top:29px;gap:30px}.hero-editorial-copy>p:first-child{font-size:15px}.hero-editorial-copy>p:last-child{font-size:10px;max-width:270px}.hero-editorial-bottom{margin-top:40px}}
@media(max-width:800px){.hero-editorial{padding-top:96px;min-height:745px}.hero-edition{font-size:10px;gap:15px}.hero-poster{font-size:17vw;margin-top:18px;max-width:100%}.poster-mine{margin-left:.55em}.hero-portrait{width:37%;height:355px;right:7%;top:153px}.hero-discover{width:104px;height:104px;right:8%;top:468px}.discover-arrow{font-size:43px}.hero-discover>span:last-child{font-size:9px}.hero-editorial-copy{flex-direction:column;gap:12px;margin-top:26px}.hero-editorial-copy>p:first-child{font-size:15px;max-width:240px}.hero-editorial-copy>p:last-child{font-size:10px;max-width:320px}.hero-editorial-bottom{margin-top:40px;min-height:70px}.hero-editorial-bottom>span{font-size:8px}.hero-editorial-bottom>a{font-size:9px;gap:16px}}
@media(max-width:540px){.hero-editorial{padding:96px 6% 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hero-edition{font-size:10px;justify-content:space-between;gap:15px}.hero-edition>span{font-size:18px}.hero-poster{font-size:27.5vw;margin-top:18px;align-self:start;line-height:.88;max-width:100%}.poster-mine{margin-left:.67em;font-size:1.08em}.poster-ours{margin-top:.01em;font-size:1.14em}.hero-editorial-copy{margin-top:24px;gap:14px;max-width:100%;padding-right:20px}.hero-editorial-copy>p:first-child{font-size:16px;max-width:100%}.hero-editorial-copy>p:last-child{font-size:11px;max-width:100%;line-height:1.9}.hero-portrait{position:relative;right:auto;top:auto;align-self:center;width:86%;height:365px;margin-top:46px;margin-bottom:15px;flex-shrink:0;transform:none}.portrait-paper{padding:9px;transform:rotate(4deg)}.portrait-lime{inset:15px -12px -8px -8px;transform:rotate(-5deg)}.hero-discover{top:auto;bottom:97px;right:5%;width:105px;height:105px;transform:rotate(-8deg)}.hero-editorial-bottom{margin-top:28px;min-height:78px;gap:20px}.hero-editorial-bottom>span{font-size:8px;max-width:80px;line-height:1.7}.hero-editorial-bottom>a{font-size:9px;gap:14px;max-width:210px}.hero-editorial-bottom>a span{max-width:155px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.hero-editorial{--hero-shift:0px!important;--photo-shift:0px!important}.hero-editorial *{animation:none!important;transition:none!important}}
body.reduce-motion .hero-editorial{--hero-shift:0px!important;--photo-shift:0px!important}
@media(max-width:540px){.hero-edition{order:0}.hero-poster{order:1}.hero-editorial-copy{order:2}.hero-portrait{order:3}.hero-editorial-bottom{order:4}}