:root{--bg-color:#fbfbfd;--nav-bg:#fbfbfdcc;--text-primary:#1d1d1f;--text-secondary:#86868b;--card-bg:#fff;--border-color:#d2d2d7;--link-color:#06c;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-hero:clamp(2.2rem, 4.5vw, 4rem);--font-size-h1:clamp(1.6rem, 3vw, 2rem);--font-size-h2:clamp(1.25rem, 2vw, 1.5rem);--font-size-body:clamp(.9375rem, 1.2vw, 1.0625rem);--font-size-small:clamp(.8125rem, 1vw, .875rem);--nav-height:52px;--page-max-width:1080px;--padding-inline:40px;--grid-gap:34px;--card-padding:24px;--border-radius:24px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;display:block}ul{list-style:none}.global-nav{width:100%;height:var(--nav-height);background-color:var(--nav-bg);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid #0000000d;flex-direction:column;justify-content:center;display:flex;position:fixed;top:0}.nav-content{max-width:var(--page-max-width);width:100%;padding:0 var(--padding-inline);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:500}.nav-links{gap:32px;display:flex}.nav-links a{color:#000c;font-size:.75rem;transition:color .2s;display:inline}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:16px;display:flex}.nav-btn{color:#000c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.nav-btn:hover{color:var(--text-primary)}.mobile-menu{background-color:var(--bg-color);padding:20px var(--padding-inline);border-bottom:1px solid var(--border-color);top:var(--nav-height);flex-direction:column;width:100%;display:none;position:absolute;box-shadow:0 10px 20px #0000000d}.mobile-menu.active{display:flex}.mobile-menu a{border-bottom:1px solid #0000000d;padding:16px 0;font-size:1.1rem;font-weight:500}.mobile-menu a:last-child{border-bottom:none}.menu-burger{display:none}@media (width<=768px){.nav-links{display:none}.menu-burger{display:block}}.search-overlay{-webkit-backdrop-filter:blur(25px);z-index:2000;opacity:0;pointer-events:none;background:#fbfbfdf2;width:100%;height:100vh;padding-top:80px;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.search-overlay.active{opacity:1;pointer-events:auto}.search-container{max-width:600px;padding:0 var(--padding-inline);margin:0 auto;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(-20px)}.search-overlay.active .search-container{transform:translateY(0)}.search-input-wrapper{border-bottom:1px solid var(--border-color);align-items:center;padding-bottom:8px;display:flex;position:relative}.search-icon-inside{position:absolute;left:0}#searchInput{width:100%;font-size:var(--font-size-h2);color:var(--text-primary);background:0 0;border:none;outline:none;padding:8px 16px 8px 32px;font-weight:600}#searchInput::placeholder{color:var(--text-secondary)}.close-search{font-size:var(--font-size-body);color:var(--link-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:16px}.search-suggestions{margin-top:32px}.search-suggestions p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.75rem;font-weight:600}.search-suggestions ul li a{font-size:var(--font-size-body);color:var(--text-primary);border-bottom:1px solid #0000000d;padding:12px 0;transition:color .2s;display:block}.search-suggestions ul li a:hover{color:var(--link-color)}.newsroom-header{max-width:var(--page-max-width);padding:calc(var(--nav-height) + 60px) var(--padding-inline) 40px;text-align:left;margin:0 auto}.newsroom-header h1{font-size:var(--font-size-h1);letter-spacing:-.03em;font-weight:700}@media (width<=768px){.newsroom-header{padding:calc(var(--nav-height) + 40px) var(--padding-inline) 24px}}.news-grid{max-width:var(--page-max-width);padding:0 var(--padding-inline);gap:var(--grid-gap);grid-template-columns:repeat(6,1fr);margin:0 auto 80px;display:grid}.tile{background-color:var(--card-bg);border-radius:var(--border-radius);cursor:pointer;border:1px solid #00000005;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000008}.image-box{width:100%;position:relative;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.tile:hover .image-box img{transform:scale(1.04)}.text-box{padding:var(--card-padding);flex-direction:column;flex-grow:1;display:flex}.tile-category{font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:700;display:block}.tile-title{font-size:var(--font-size-h2);color:var(--text-primary);letter-spacing:-.01em;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-date{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:auto;font-weight:500;display:block}.tile.landscape{grid-column:span 6;grid-template-columns:1.5fr 1fr;height:360px;display:grid}.tile.landscape .image-box{height:100%}.tile.landscape .text-box{padding:calc(var(--card-padding) * 1.5);justify-content:center}.tile.landscape .tile-title{font-size:var(--font-size-h1);-webkit-line-clamp:4}.tile.square{aspect-ratio:1;height:auto;min-height:unset;flex-direction:column;grid-column:span 3;display:flex}.tile.square .image-box{height:55%;aspect-ratio:unset;flex:0 0 55%}.tile.square .text-box{height:45%;padding:var(--card-padding);flex:0 0 45%}.tile.triple{grid-column:span 2;min-height:380px}.tile.triple .image-box{aspect-ratio:16/10}.tile.triple .tile-title{font-size:var(--font-size-body)}@media (width<=900px){.news-grid{grid-template-columns:1fr}.tile.landscape,.tile.triple{grid-column:1/-1;height:auto;min-height:auto}.tile.square{grid-column:1/-1}.tile.landscape{grid-template-columns:1fr}.tile.landscape .image-box,.tile.triple .image-box{aspect-ratio:16/10;height:auto}.tile.landscape .text-box{padding:var(--card-padding)}.tile.landscape .tile-title{font-size:var(--font-size-h2)}}.loading{color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 0;font-weight:500;display:flex}.spinner{border:3px solid #0000001a;border-top-color:var(--text-primary);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loop-section{width:100%;margin:0 0 80px}.loop-header{max-width:var(--page-max-width);padding:0 var(--padding-inline);justify-content:space-between;align-items:center;margin:0 auto 28px;display:flex}.loop-header h2{font-size:var(--font-size-h1);letter-spacing:-.02em;font-weight:700}.btn-view-all{color:#1d1d1f;background-color:#e8e8ed;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-view-all:hover{background-color:#d2d2d7}.loop-carousel-wrapper{width:100%}.loop-carousel{gap:var(--grid-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-left:max(var(--padding-inline), calc((100% - var(--page-max-width)) / 2 + var(--padding-inline)));padding-right:max(var(--padding-inline), calc((100% - var(--page-max-width)) / 2 + var(--padding-inline)));scroll-padding-left:max(var(--padding-inline), calc((100% - var(--page-max-width)) / 2 + var(--padding-inline)));scroll-padding-right:max(var(--padding-inline), calc((100% - var(--page-max-width)) / 2 + var(--padding-inline)));padding-bottom:32px;display:flex;overflow-x:auto}.loop-carousel::-webkit-scrollbar{display:none}.loop-card{flex:0 0 calc((var(--page-max-width) - (var(--padding-inline) * 2) - (var(--grid-gap) * 2)) / 3);scroll-snap-align:start;background:var(--card-bg);border-radius:var(--border-radius);pointer-events:none;border:1px solid #00000005;flex-direction:column;height:540px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000003}.loop-card.dark-mode{color:#f5f5f7;background:#1d1d1f}.loop-card.is-focused{pointer-events:auto;opacity:1;filter:grayscale(0);box-shadow:0 4px 12px #00000008}.loop-card.is-focused:hover{box-shadow:0 8px 24px #0000000f}.loop-card.is-focused:hover .loop-card-image img{transform:scale(1.04)}.loop-card-image{flex-shrink:0;width:100%;height:300px;overflow:hidden}.loop-card-image.bg-placeholder{background:#f0f0f5}.loop-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.loop-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.loop-author{align-items:center;gap:12px;margin-bottom:12px;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.author-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.loop-card.dark-mode .author-name{color:#f5f5f7}.loop-text{font-size:var(--font-size-body);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:16px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.loop-footer{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:auto;font-weight:500}.loop-controls-wrapper{max-width:var(--page-max-width);padding:0 var(--padding-inline);margin:0 auto}.loop-controls{justify-content:space-between;align-items:center;margin-top:-10px;display:flex}.loop-dots{gap:8px;display:flex}.loop-dot{background-color:#d2d2d7;border-radius:50%;width:6px;height:6px;transition:background-color .3s}.loop-dot.active{background-color:#1d1d1f}.loop-arrows{gap:12px;display:flex}.arrow-btn{cursor:pointer;color:#1d1d1f;background-color:#e8e8ed;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.arrow-btn:hover{background-color:#d2d2d7}@media (width<=768px){:root{--padding-inline:20px}.loop-card{flex:0 0 280px;height:480px}.loop-card-image{height:260px}}
