/* Transform and opacity animations only: Figma's resting layout remains unchanged. */
#gw-app{font-size:calc(16 * var(--gw-unit))}
#gw-articles .section-actions .gw-btn{background:var(--paper);color:var(--ink)}
#gw-app button,#gw-app a{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.gw-image{isolation:isolate}
.gw-image>img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.gw-archive-card,.gw-related-card,.gw-quiz-art-card,.gw-sexed-course-card,.gw-hub-event,.gw-myth-card,.gw-episode-card{transition:box-shadow .3s ease,background-color .3s ease,transform .3s ease}
.gw-archive-card:hover .gw-image>img,.gw-sexed-course-card:hover .gw-image>img,.gw-hub-event:hover .gw-image>img,.gw-myth-card:hover .gw-image>img{transform:scale(1.045)}
.gw-archive-card:hover,.gw-quiz-art-card:hover,.gw-related-card:hover{box-shadow:inset 0 0 0 2px var(--purple)}
#gw-app .gw-btn:hover,.gw-doc-v13-watch:hover{transform:translateY(-3px);box-shadow:0 6px 0 #12131625}
.rail-controls button:hover,.gw-doc-arrow:hover{background:var(--ink)!important;color:var(--paper)!important;transform:rotate(-9deg)}
.brand img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.brand:hover img{transform:rotate(-7deg) scale(1.06)}
.gw-nav button:hover,.gw-nav a:hover{color:var(--pink)}
.gw-footer a:hover,.gw-footer button:hover,.gw-social-links a:hover{transform:translateY(-2px)}
.gw-back-to-top{transition:opacity .3s,transform .3s,visibility .3s}
.gw-back-to-top:not(.gw-show){transform:translateY(15px)}
.gw-back-to-top:hover{transform:translateY(-5px)}
.gw-quiz-progress>span{transition:width .45s ease}
.gw-feedback,.gw-result{animation:gw-feedback-in .4s cubic-bezier(.2,.75,.2,1) both}
.gw-view.gw-active:not([data-view=home]){animation:gw-view-in .5s cubic-bezier(.2,.75,.2,1) both}
.gw-modal.gw-open .gw-modal-inner,.gw-video-popup.gw-open .gw-video-popup-dialog{animation:gw-modal-in .35s cubic-bezier(.2,.75,.2,1) both}
.gw-mobile-panel.gw-open{animation:gw-menu-in .3s ease both}
.motion-ready .home-section:not(.motion-seen)>.gw-container,.motion-ready .gw-footer:not(.motion-seen)>.gw-container{opacity:0;transform:translateY(48px)}
.motion-ready .home-section.motion-seen>.gw-container,.motion-ready .gw-footer.motion-seen>.gw-container{animation:gw-section-in .85s cubic-bezier(.16,1,.3,1) both}
.motion-ready .home-section.motion-seen .section-heading{animation:gw-heading-in .8s cubic-bezier(.16,1,.3,1) both}
.motion-ready .home-section.motion-seen .article-grid>.gw-archive-card,.motion-ready .home-section.motion-seen .event-grid>.gw-hub-event,.motion-ready .home-section.motion-seen .rail>article,.motion-ready .home-section.motion-seen .rail>a{animation:gw-card-in .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--stagger,0) * 80ms + 80ms)}
.article-grid>:nth-child(2),.event-grid>:nth-child(2),.rail>:nth-child(2){--stagger:1}
.article-grid>:nth-child(3),.event-grid>:nth-child(3),.rail>:nth-child(3){--stagger:2}
.article-grid>:nth-child(4),.event-grid>:nth-child(4),.rail>:nth-child(4){--stagger:3}
.article-grid>:nth-child(5),.rail>:nth-child(5){--stagger:4}
.article-grid>:nth-child(6),.rail>:nth-child(6){--stagger:5}
.motion-ready .hero h1{animation:gw-hero-in 1.15s cubic-bezier(.16,1,.3,1) both}
.motion-ready .hero mark{box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:gw-mark-in .85s .18s cubic-bezier(.16,1,.3,1) both}
.motion-ready .hero-cut,.motion-ready .gw-quiz-art-card>.animated-illustration,.motion-ready .promo>.animated-illustration{animation:gw-float 6.5s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 55%}
.motion-ready .hero .h1{animation-name:gw-paper-float;animation-duration:7.5s;animation-delay:-2s}
.motion-ready .hero .h2{animation-name:gw-float;animation-duration:8s;animation-delay:-4s}
.motion-ready .hero .h3{animation-name:gw-paper-float;animation-duration:9s;animation-delay:-6s}
.motion-ready .gw-quiz-art-card:nth-child(2n)>.animated-illustration{animation-name:gw-wiggle;animation-duration:7s;animation-delay:-1.8s}
.motion-ready .gw-quiz-art-card:nth-child(3n)>.animated-illustration{animation-name:gw-paper-float;animation-duration:5.5s;animation-delay:-3s}
.motion-ready .promo>.animated-illustration{animation-name:gw-wiggle;animation-duration:8s}
.motion-ready .motion-live .hero-cut,.motion-ready .motion-live .gw-quiz-art-card>.animated-illustration,.motion-ready .motion-live .promo>.animated-illustration{animation-play-state:running}
.motion-ready .ticker-track{animation:gw-marquee 34s linear infinite;animation-play-state:paused}
.motion-ready .ticker.motion-live .ticker-track{animation-play-state:running}
.motion-ready .ticker:hover .ticker-track,.motion-ready .ticker:focus-within .ticker-track{animation-play-state:paused}
.motion-ready .ticker img{animation:gw-flower-spin 16s linear infinite;animation-play-state:paused}
.motion-ready .ticker.motion-live img{animation-play-state:running}
.motion-ready.motion-paused *{animation-play-state:paused!important}
@keyframes gw-section-in{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}
@keyframes gw-heading-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes gw-card-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gw-hero-in{from{opacity:0;transform:translateY(36px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes gw-mark-in{from{background-color:transparent;color:var(--ink)}to{background-color:var(--ink);color:var(--orange)}}
@keyframes gw-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes gw-paper-float{0%,100%{transform:translate(0,0) rotate(2deg)}50%{transform:translate(8px,-11px) rotate(-3deg)}}
@keyframes gw-wiggle{0%,100%{transform:translateY(0) rotate(-5deg) scale(1)}50%{transform:translateY(-12px) rotate(6deg) scale(1.035)}}
@keyframes gw-marquee{to{transform:translateX(-50%)}}
@keyframes gw-flower-spin{to{transform:rotate(360deg)}}
@keyframes gw-view-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes gw-feedback-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes gw-modal-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gw-menu-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 #gw-app *,#gw-app *:before,#gw-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #gw-app .home-section>.gw-container,#gw-app .gw-footer>.gw-container{opacity:1!important;transform:none!important}
}
.animated-illustration{display:block;position:relative;flex-shrink:0;background:transparent;border:0;box-shadow:none}
.animated-illustration>img{width:100%;height:100%;object-fit:contain}
.eye-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.eye-lids,.eye-wake{opacity:0}
.motion-ready .eye-lids{animation:gw-blink var(--blink-duration,6.7s) var(--blink-delay,0s) infinite;animation-play-state:paused;transform-box:fill-box}
.motion-ready .eye-wake{animation:gw-wake 8.5s var(--blink-delay,0s) infinite;animation-play-state:paused;transform-box:fill-box}
.motion-ready .motion-live .eye-lids,.motion-ready .motion-live .eye-wake{animation-play-state:running}
.gw-archive-card,.gw-hub-event,.gw-quiz-art-card,.gw-episode-card,.gw-sexed-course-card,.gw-myth-card,.gw-related-card,.gw-editorial-card{transform-origin:left center}
.motion-ready .home-section.motion-seen .article-grid>.gw-archive-card,.motion-ready .home-section.motion-seen .event-grid>.gw-hub-event,.motion-ready .home-section.motion-seen .rail>article,.motion-ready .home-section.motion-seen .rail>a,.motion-ready .home-section.motion-seen .gw-sexed-course-card{animation-name:gw-accordion-in;animation-duration:.95s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;animation-delay:calc(var(--stagger,0) * 120ms + 100ms)}
.motion-ready .gw-view.gw-active .gw-articles-archive-grid>.gw-archive-card,.motion-ready .gw-view.gw-active .gw-related-row>.gw-related-card,.motion-ready .gw-modal.gw-open .gw-search-results>.gw-editorial-card{animation:gw-accordion-in .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--stagger,0) * 100ms)}
.gw-articles-archive-grid>:nth-child(3n+2),.gw-related-row>:nth-child(4n+2),.gw-search-results>:nth-child(3n+2),.gw-course-edit-row{--stagger:1}
.gw-articles-archive-grid>:nth-child(3n+3),.gw-related-row>:nth-child(4n+3),.gw-search-results>:nth-child(3n+3){--stagger:2}
.gw-related-row>:nth-child(4n+4){--stagger:3}
@keyframes gw-accordion-in{0%{opacity:0;transform:perspective(1200px) rotateY(-65deg) scaleX(.16);clip-path:inset(0 100% 0 0)}45%{opacity:1;clip-path:inset(0 12% 0 0)}100%{opacity:1;transform:perspective(1200px) rotateY(0) scaleX(1);clip-path:inset(0 0 0 0)}}
@keyframes gw-blink{0%,88%,94%,100%{opacity:0;clip-path:inset(0 0 100% 0)}89%{opacity:1;clip-path:inset(0 0 80% 0)}90%,92%{opacity:1;clip-path:inset(0 0 0 0)}93%{opacity:1;clip-path:inset(0 0 80% 0)}}
@keyframes gw-wake{0%,65%,89%,100%{opacity:0}68%,84%{opacity:1}}
@media(min-width:1601px){.home-section .section-heading{min-height:calc(76 * var(--gw-unit))}#gw-quizzes{padding-bottom:calc(119 * var(--gw-unit))}}
@media(prefers-reduced-motion:reduce){#gw-app .eye-lids,#gw-app .eye-wake{opacity:0!important}#gw-app [class*="card"],#gw-app .gw-hub-event{clip-path:none!important;transform:none!important}}
@media(min-width:1601px){.hero h1{font-size:calc(88 * var(--gw-unit))}}
#gw-articles .section-actions .gw-btn{background:var(--paper);color:var(--ink)}
@media(min-width:769px){.hero h1{font-size:clamp(34px,4.35vw,calc(84 * var(--gw-unit)))}}