/* TOP-only editorial composition. Other sections continue to use style.css unchanged. */
#top.editorial-hero{padding:0 max(4%,calc((100vw - 1320px)/2));background:#fff;isolation:isolate;overflow:hidden;position:relative}
#top.editorial-hero:before,#top.editorial-hero:after{content:none}
#top .editorial-stage{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:640px;padding:45px 0 35px;isolation:isolate}
#top .editorial-heading{position:relative;z-index:2;padding:0 0 28px}
#top .editorial-heading .eyebrow{background:white;font-size:11px;letter-spacing:1px;padding:5px 9px;margin:0 0 24px;display:inline-block;transform:none}
#top .editorial-title{font-family:'Arial Black','Arial',sans-serif;font-size:clamp(80px,8.6vw,127px);font-weight:1000;font-style:normal;line-height:.96;letter-spacing:-.065em;color:#ff1880;margin:0;isolation:isolate}
#top .title-line{display:block;width:max-content;max-width:100%;white-space:nowrap;background:none;padding:0;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #000,6px 6px #000,7px 7px #000;animation:top-title-enter .65s both cubic-bezier(.2,.7,.3,1)}
#top .title-line:nth-child(2){animation-delay:.1s}
#top .title-portfolio{font-size:.665em;line-height:1.2;letter-spacing:-.055em;margin-top:5px;animation-delay:.2s}
#top .top-illustration{display:block;position:relative;z-index:1;width:110%;max-width:none;margin-left:-8%;animation:top-figure-enter .9s .15s both}
#top .top-illustration img{display:block;width:100%;height:auto;object-fit:contain}
#top .top-chick{position:absolute;z-index:3;width:100px;height:auto;left:39%;bottom:35px;animation:top-chick-hop 8s 2s infinite;transform-origin:50% 100%}
#top .top-art{position:absolute;inset:0 0 auto;height:690px;z-index:-1;pointer-events:none;overflow:hidden}
#top .top-dots{position:absolute;display:block;background:radial-gradient(#cacaca 1.25px,transparent 1.4px);background-size:10px 10px;opacity:.65}
#top .dots-a{width:260px;height:160px;right:-45px;top:0;clip-path:polygon(30% 0,100% 0,100% 100%,0 75%)}
#top .dots-b{width:130px;height:230px;right:-40px;top:290px;border-radius:50%}
#top .dots-c{width:270px;height:110px;right:2%;bottom:0;transform:rotate(-12deg)}
#top .geo{position:absolute;display:block}
#top .geo-triangle{width:130px;height:125px;background:#dedede;clip-path:polygon(0 0,100% 0,35% 100%);top:0;left:-25px;transform:rotate(14deg)}
#top .geo-diamond{width:44px;height:44px;background:#c7c7c7;transform:rotate(35deg);left:32%;top:40px}
#top .geo-square{width:58px;height:58px;border:11px solid #d0d0d0;left:22%;top:65px;transform:rotate(-17deg)}
#top .geo-arc{width:170px;height:170px;border:27px solid #e0e0e0;border-radius:50%;left:-105px;top:285px}
#top .geo-semi{width:160px;height:80px;border-radius:0 0 100px 100px;background:#d4d4d4;left:-26px;bottom:30px;transform:rotate(-25deg)}
#top .geo-dash{width:42px;height:9px;background:#efff38;left:31%;bottom:30px;transform:rotate(-35deg)}
#top .top-support{display:grid;grid-template-columns:1.05fr 1fr;gap:10px 50px;padding:34px 0 25px;border-top:1px dashed #c9c9c9;position:relative;background:white}
#top .hero-tagline{grid-column:1;grid-row:1/3;font-size:clamp(21px,2.1vw,30px);font-weight:800;letter-spacing:-.045em;line-height:1.8;margin:0}
#top .hero-tagline>span{background:linear-gradient(transparent 60%,#efff38 60%,#efff38 94%,transparent 94%)}
#top .top-support .intro{grid-column:2;grid-row:1;margin:0 0 10px}
#top .top-support .hero-tags{grid-column:2;grid-row:2;margin:0}
#top .top-support>.button{grid-column:1;grid-row:3;justify-self:start;margin-top:6px}
#top .top-support>.text-link{grid-column:2;grid-row:3;justify-self:start;align-self:center;margin:0}
#top .hero-bottom{margin-top:5px;position:relative;background:white}
@keyframes top-title-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes top-figure-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes top-chick-hop{0%,81%,91%,100%{transform:translateY(0)}85%{transform:translateY(-5px)}88%{transform:translateY(0)}90%{transform:translateY(-2px)}}
@media(min-width:1600px){#top .editorial-stage{min-height:700px}#top .top-art{height:710px}}
@media(max-width:1000px) and (min-width:701px){#top .editorial-stage{min-height:490px}#top .editorial-title{font-size:8.8vw}#top .top-art{height:490px}#top .editorial-heading .eyebrow{font-size:9px;letter-spacing:0}#top .top-chick{width:81px;bottom:22px}#top .geo-diamond{top:20px}#top .geo-square{top:26px;width:40px;height:40px;border-width:8px}#top .top-support{gap:15px 28px}#top .hero-tagline{font-size:21px}}
@media(max-width:700px){#top.editorial-hero{padding:0 6%}#top .editorial-stage{display:flex;flex-direction:column;align-items:stretch;padding:36px 0 25px;min-height:0;gap:8px}#top .editorial-heading{padding:0;z-index:2}#top .editorial-heading .eyebrow{font-size:9px;letter-spacing:.4px;margin-bottom:20px}#top .editorial-title{font-size:clamp(67px,18vw,110px);line-height:.94;letter-spacing:-.06em}#top .title-portfolio{font-size:.665em;margin-top:6px}#top .title-line{-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #aaa}#top .top-illustration{width:100%;margin:0;align-self:center;max-width:500px}#top .top-chick{width:64px;left:0;bottom:25px}#top .top-art{height:690px}#top .dots-a{width:110px;height:110px;right:-35px;top:40px}#top .dots-b{width:100px;height:140px;right:-45px;top:390px}#top .dots-c{display:none}#top .geo-triangle{width:60px;height:50px;top:-10px;left:-12px}#top .geo-square{display:none}#top .geo-diamond{width:24px;height:24px;left:auto;right:8%;top:80px}#top .geo-arc{display:none}#top .geo-semi{width:75px;height:40px;bottom:80px;left:-27px;background:#e5e5e5}#top .geo-dash{left:auto;right:8%;bottom:40px;width:24px;height:6px}#top .top-support{display:flex;flex-direction:column;gap:20px;padding-top:28px}#top .hero-tagline{font-size:clamp(18px,4.8vw,28px);line-height:1.9;margin:0}#top .top-support .intro{font-size:15px;margin:0}#top .top-support .hero-tags{margin:0}#top .top-support>.button{align-self:flex-start;margin-top:0}#top .top-support>.text-link{align-self:flex-start;margin:0}#top .hero-bottom{margin-top:7px}}
@media(prefers-reduced-motion:reduce){#top .title-line,#top .top-illustration,#top .top-chick{animation:none;transform:none;opacity:1}}
