@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#101110;color:#f4f4ed;font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c9fa57;outline-offset:5px}header{height:96px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.logo{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:900;letter-spacing:.5px}.logo-sub{display:block;font-size:10px;letter-spacing:5px;margin-top:4px}.mark{width:38px;height:42px;background:#c9fa57;color:#111;display:grid;place-items:center;font-size:20px;clip-path:polygon(0 0,100% 13%,100% 87%,0 100%)}nav{display:flex;gap:36px;font-size:13px;color:#c4c5be}nav a:hover{color:#c9fa57}.nav-cta{font-size:13px;border:1px solid #55574e;padding:13px 18px;border-radius:4px}.nav-cta span{margin-left:25px}.hero{max-width:1600px;margin:auto;padding:22px 5% 52px;display:grid;grid-template-columns:1fr 1.03fr;gap:4%;min-height:660px}.hero-copy{padding-top:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot,.pulse{width:7px;height:7px;border-radius:50%;background:#c9fa57;display:inline-block}.hero h1{font-size:clamp(40px,4.3vw,72px);line-height:1.32;letter-spacing:-3px;margin:37px 0 22px;font-weight:900}.outline{color:#c9fa57}.intro{font-size:14px;color:#a5a69f;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:#c9fa57;color:#141610;padding:18px 24px;margin-top:22px;border:0;font-weight:700;font-size:13px;border-radius:3px}.button:hover{background:#dcff92;transform:translateY(-2px)}.hero-bottom{border-top:1px solid #35372e;margin-top:48px;padding-top:19px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8e9087}.hero-art{position:relative;overflow:hidden;border-radius:5px;min-height:550px;background:#5a6d71}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 30%,#000b)}.frame-top{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.vertical{position:absolute;right:22px;top:95px;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px}.image-caption{position:absolute;bottom:88px;left:33px}.tag{font-size:9px;letter-spacing:1px;border:1px solid #ffffff70;padding:8px 12px;border-radius:30px}.image-caption h2{font-size:47px;line-height:1.15;letter-spacing:-2px;margin:26px 0 17px}.image-caption>span:last-child{font-size:12px;color:#eee}.image-bottom{position:absolute;bottom:0;left:0;right:0;padding:21px 28px;background:#ffffff0d;backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;font-size:10px}.image-bottom>span:last-child{margin-left:auto;font-size:21px}.ticker{background:#c9fa57;color:#151810;display:flex;gap:45px;align-items:center;justify-content:center;padding:20px 0;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:900;letter-spacing:1px}.ticker i{font-size:28px;font-style:normal}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.section h2{font-size:38px;line-height:1.35;letter-spacing:-1px;margin:22px 0 0}.section-head>p{font-size:13px;line-height:1.9;color:#a5a69f}.filters{display:flex;gap:10px;margin:36px 0 26px;flex-wrap:wrap}.filters button{border:1px solid #41443b;background:transparent;color:#b1b4a9;padding:10px 18px;border-radius:30px;font-size:12px}.filters button.active{background:#f0f1e8;color:#111;border-color:#f0f1e8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{text-align:left;background:none;color:inherit;border:0;padding:0;min-width:0}.card[hidden]{display:none}.card-art{height:350px;position:relative;border-radius:4px;overflow:hidden;transition:transform .3s}.card:hover .card-art{transform:translateY(-5px)}.card-art>img{height:100%;width:100%;object-fit:cover}.card-number{position:absolute;top:18px;left:18px;font-size:12px}.round-arrow{position:absolute;bottom:18px;right:18px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:22px}.card-meta{display:flex;justify-content:space-between;color:#9fa393;font-size:9px;margin-top:20px;letter-spacing:.5px}.card h3{font-size:15px;line-height:1.6;margin:12px 0}.city{background:#b8c1eb;color:#17204b}.buildings{position:absolute;inset:25% -10% 0;display:flex;gap:8%;align-items:flex-end;transform:rotate(-15deg)}.buildings i{background:repeating-linear-gradient(0deg,transparent 0 12px,#d8eab7 13px 16px),#222958;width:20%;height:80%;box-shadow:10px 0 #454b7a}.buildings i:nth-child(2){height:100%}.buildings i:nth-child(3){height:60%}.city-word{position:absolute;top:45px;left:24px;font-size:49px;line-height:.92;letter-spacing:-3px;font-weight:900;color:#f8ffb8}.life{background:#dda98c;color:#542f21}.sun{position:absolute;width:260px;height:260px;background:#f8d2a0;border-radius:50%;top:-70px;right:-70px}.cup{position:absolute;width:125px;height:145px;background:linear-gradient(100deg,#f7ead7,#fff9ed);border-radius:8px 8px 56px 56px;bottom:30px;right:45px;transform:rotate(-13deg);box-shadow:25px 20px 30px #7c3d3544}.cup:after{content:'';position:absolute;width:50px;height:65px;border:13px solid #f8e8d6;border-radius:50%;right:-35px;top:15px}.life-word{position:absolute;top:58px;left:25px;font-size:43px;line-height:1;letter-spacing:-3px;font-weight:900}.editor-note{font-size:10px;color:#818678;margin-top:23px}.about{background:#1b1d18;max-width:none;padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.about-grid h2{font-size:36px}.about-grid h2 span{color:#c9fa57}.about-grid p{font-size:14px;color:#b1b5a7;line-height:2}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #c9fa57;padding-bottom:8px;margin-top:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.values>div{border-top:1px solid #464a3e;padding-top:22px}.values span{font-size:10px;color:#c9fa57}.values h3{font-size:18px}.values p{font-size:12px;color:#a8ae9c;line-height:1.7}.creator{display:grid;grid-template-columns:1fr 1fr;background:#c9fa57;color:#192010;margin-top:75px;width:90%;padding:65px 5%;overflow:hidden;position:relative}.creator h2{font-size:43px}.creator p:not(.eyebrow){font-size:14px;line-height:1.9}.dark{background:#192010;color:#f3f6e9}.dark:hover{background:#333d25}.creator-type{font-size:74px;line-height:.95;font-weight:900;letter-spacing:-5px;transform:rotate(-8deg);justify-self:center}.creator-type span{color:transparent;-webkit-text-stroke:1px #192010}.guide{display:grid;grid-template-columns:1fr 1.2fr;gap:7%}.guide h2{font-size:30px}.questions details{border-bottom:1px solid #3b4034;padding:24px 0}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:14px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:#c9fa57}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:13px;line-height:1.9;color:#a8ae9c}footer{margin:0 5%;padding:35px 0 26px;border-top:1px solid #35392e;display:flex;align-items:center;flex-wrap:wrap;gap:30px}footer>p{font-size:12px;color:#a8ae9c}footer>div{display:flex;gap:26px;margin-left:auto;font-size:11px}footer button{background:none;border:0;padding:0;color:inherit;font-size:11px}.copyright{width:100%;font-size:9px;color:#707767;margin-top:15px;letter-spacing:1px}dialog{background:#f4f5ec;color:#192010;border:0;border-radius:8px;max-width:560px;width:90%;padding:45px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px;line-height:1.4}dialog p:not(.eyebrow){font-size:15px;line-height:1.9}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px}.skip{position:fixed;left:10px;top:-90px;padding:12px;background:#c9fa57;color:#111;z-index:99}.skip:focus{top:10px}@media(min-width:1600px){.creator{max-width:1440px}}@media(max-width:900px){header{height:80px}nav{gap:18px}.hero{gap:25px;min-height:0}.hero h1{font-size:42px;letter-spacing:-2px}.hero-art{min-height:520px}.image-caption h2{font-size:36px}.card-art{height:280px}.section{padding-top:65px;padding-bottom:65px}.section h2{font-size:31px}.creator-type{font-size:65px}.city-word{font-size:38px}.life-word{font-size:33px}}@media(max-width:620px){header{padding:0 6%;height:76px}.logo{font-size:12px}.mark{width:30px;height:35px}.logo-sub{font-size:8px}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:10px}nav{display:none}.hero{grid-template-columns:1fr;padding:8px 6% 35px;gap:26px}.hero-copy{padding:8px 0}.hero h1{font-size:46px;margin-top:25px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:13px}.hero-bottom{margin-top:30px}.hero-art{min-height:470px}.image-caption h2{font-size:42px}.ticker{gap:25px;font-size:14px;padding:14px 0;justify-content:flex-start}.section{padding:58px 6%}.section-head{display:block}.section h2{font-size:30px}.section-head>p{margin-top:22px}.filters{gap:8px;margin-top:26px}.filters button{padding:9px 13px;font-size:11px}.cards{grid-template-columns:1fr;gap:30px}.card-art{height:370px}.card-meta{font-size:10px}.card h3{font-size:16px}.city-word{font-size:60px}.life-word{font-size:53px}.about-grid{grid-template-columns:1fr;gap:22px}.values{grid-template-columns:1fr;gap:22px;margin-top:30px}.values h3{margin:12px 0}.creator{width:88%;padding:38px 7%;margin-top:45px;grid-template-columns:1fr}.creator h2{font-size:31px}.creator-type{font-size:65px;justify-self:end;margin:40px 0 0;line-height:.9;opacity:.85}.guide{grid-template-columns:1fr;gap:20px}.guide h2{font-size:28px}footer{margin:0 6%;gap:18px}footer>div{width:100%;margin:10px 0;font-size:12px}dialog{padding:32px 25px}.button{padding:16px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}