@charset "UTF-8";
:root{--paper:#faf7f3;--ink:#463d40;--muted:#7b6c70;--rose:#9a6978;--line:#dcd1ce;--serif:Georgia,'Times New Roman',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:6px}::selection{background:#dfbec9}h1,h2,h3,p,figure{margin:0}h2{font-weight:400;line-height:1.2}em{font-family:var(--serif);font-weight:400;color:var(--rose)}.skip{position:fixed;top:-80px;left:24px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.header{height:100px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;z-index:5}.brand{font:32px var(--serif);display:flex;align-items:center;gap:18px}.brand span{font:10px var(--sans);letter-spacing:2px;border-left:1px solid #cdbec0;padding-left:18px}.header nav{display:flex;gap:42px}.header nav a{font-size:12px;position:relative}.header nav a:after{content:'';position:absolute;bottom:-8px;height:1px;background:var(--ink);left:0;width:0;transition:width .3s}.header nav a:hover:after{width:100%}.header nav span{font:12px var(--serif);margin-left:8px;color:var(--muted)}.header-note{font-size:9px;letter-spacing:2px}.hero{height: min(900px,100svh);min-height:740px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 46%,#f1dce1 0,transparent 43%),linear-gradient(115deg,#f8f4ef 15%,#f7edef 60%,#eee9f2);padding:150px 9% 0}.hero-index{font-size:10px;letter-spacing:2px;position:relative;z-index:2}.hero-copy{position:relative;z-index:2;padding-top:110px;width:60%}.eyebrow{font-size:10px;letter-spacing:2.3px;line-height:1.8}.hero-copy>.eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:27px}.hero h1{font-weight:400;font-size:88px;letter-spacing:12px;line-height:1.1}.hero h1>span{display:block;font:italic 81px/1.3 var(--serif);letter-spacing:-3px;color:var(--rose);margin-top:8px}.hero-disciplines{font:17px var(--serif);letter-spacing:1.5px;margin-top:24px}.hero-disciplines i{font-style:normal;color:#b99b9e;padding:0 12px}.text-link{display:inline-flex;align-items:center;gap:38px;border:0;border-bottom:1px solid #a28b91;background:none;padding:12px 0;font-size:12px;letter-spacing:1px}.text-link>span{font-size:20px;transition:transform .3s}.text-link:hover>span{transform:translate(3px,-3px)}.hero-link{margin-top:45px;border:0;gap:24px}.circle-arrow{display:grid;place-items:center;border:1px solid #b89da5;width:42px;height:42px;border-radius:50%}.hero-bottom{position:absolute;bottom:35px;left:9%;right:9%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.hero-bottom a span{margin-left:24px}.hero-side{position:absolute;right:3%;top:44%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#8e7a82}.arch-scene{position:absolute;width:46%;height:78%;left:48%;top:16%;pointer-events:none;transform:translateY(var(--parallax,0px))}.arch{position:absolute;width:72%;height:92%;left:14%;top:0;border-radius:50% 50% 2px 2px / 38% 38% 2px 2px;background:linear-gradient(135deg,#fffcf3aa,#e8d3df99 30%,#f8e8dfbb 68%,#fff8ed);box-shadow:-18px -10px 30px #fffaf1a6,12px 10px 35px #c4acc026,inset 9px 4px 12px #fff9f0cc,inset -3px -2px 12px #d2baca77;border:1px solid #fff8f3a6;overflow:hidden}.arch:before{content:'';position:absolute;inset:22px;border-radius:inherit;border:1px solid #fffaf599;background:linear-gradient(135deg,#e1d5e0aa,#f6e7e7 46%,#f6e5d7)}.arch-light{position:absolute;width:160%;height:130%;left:-35%;top:10%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent 22%,#fffdf677 44%,#fffaf2c9 47%,#fff7ec22 55%,transparent 65%);filter:blur(12px)}.arch-halo{position:absolute;inset:10% -20% -10%;background:radial-gradient(ellipse,#f3cfd866,transparent 65%);filter:blur(28px)}.arch-floor{position:absolute;width:100%;height:30%;bottom:-12%;left:-10%;background:radial-gradient(ellipse,#e9ccd966,transparent 68%);filter:blur(18px)}.section-pad{padding:110px 9%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.section-heading h2{font:56px var(--serif);letter-spacing:-2px;margin-top:16px}.section-intro{font-size:12px;line-height:2.1;color:var(--muted);padding-bottom:6px}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px 8%}.work-threads{padding-top:135px}.work-aigc{margin-top:-30px;padding-right:15%}.work-lesson{padding-top:95px}.work-cover{display:block;position:relative;overflow:hidden;transition:transform .7s var(--ease),filter .7s;min-height:330px}.work-cover:hover{transform:translateY(-6px);filter:brightness(1.025)}.cover-meta{position:absolute;top:26px;left:28px;font-size:8px;letter-spacing:2px}.placeholder-label{position:absolute;bottom:25px;left:28px;font-size:10px;letter-spacing:1px}.cover-open{position:absolute;right:26px;bottom:22px;font-size:22px;transition:transform .3s}.work-cover:hover .cover-open{transform:translate(3px,-3px)}.social-cover{height:480px;background:#e9dfdd}.social-cover:after{content:'';position:absolute;inset:18%;border:1px solid #fcf8f080;transform:rotate(-7deg);pointer-events:none}.social-type{font:51px/1.2 var(--serif);letter-spacing:-2px;position:absolute;left:12%;top:33%;z-index:1}.social-type em{font-size:44px}.threads-cover{height:365px;background:#f0e5e8}.threads-stat{position:absolute;top:30%;left:10%;right:10%;border-bottom:1px solid #c7acb4;padding-bottom:25px}.threads-stat>span{font:76px/1.2 var(--serif);letter-spacing:-5px;color:#825766}.threads-stat p{font-size:11px;margin-top:8px;letter-spacing:2px}.aigc-cover{height:440px;background:#e7e4ed}.aigc-type{position:absolute;left:12%;top:33%;font:52px/1.12 var(--serif);letter-spacing:-2px}.aigc-type>span{display:block}.aigc-type em{color:#7d748a}.lesson-cover{height:360px;background:#ede8dc}.lesson-type{position:absolute;left:12%;top:22%;font:50px/1.05 var(--serif);letter-spacing:-2px}.lesson-type>span{display:block}.lesson-type sup{font-size:30px;color:#8f8e6b;margin-left:12px}.lesson-type p{font:11px var(--sans);letter-spacing:1px;margin-top:25px}.work-caption{display:flex;gap:16px;margin-top:21px;align-items:baseline}.work-no{font:11px var(--serif);color:var(--muted)}.work-caption h3{font:24px var(--serif)}.work-caption p{font-size:10px;color:var(--muted);letter-spacing:.7px;margin-top:7px}.caption-tag{font-size:8px;letter-spacing:1px;margin-left:auto;color:var(--muted)}.material-note{font-size:10px;color:var(--muted);margin-top:45px;letter-spacing:.5px}.social-detail{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 8%}.social-detail>.eyebrow{grid-column:1/-1}.social-detail h2{font-size:30px}.social-detail p{color:var(--muted);font-size:12px}.social-detail .text-link{margin-top:16px}.case{background:#f1e8e8}.case-top{display:flex;justify-content:space-between;align-items:center}.case-top>span{font-size:10px;letter-spacing:1px}.case-heading{display:flex;justify-content:space-between;align-items:center;margin:48px 0 65px}.case-heading h2{font-size:47px;line-height:1.55;letter-spacing:3px}.case-heading h2 em{font-family:var(--sans);font-style:normal}.case-stat{font:96px/1 var(--serif);color:var(--rose);padding-right:12%}.case-stat>span{font:25px var(--sans);margin-left:12px}.case-stat p{font:10px var(--sans);letter-spacing:1px;margin-top:18px}.case-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.post-placeholder{height:500px;background:#faf7f3;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:30px;text-align:center}.post-icon{font:100px/1 var(--serif);color:#c9aab5;height:80px}.post-placeholder h3{font-size:17px;font-weight:400;letter-spacing:1px}.post-placeholder p{margin-top:20px;color:var(--muted);font-size:12px}.post-placeholder small{font-size:10px;color:var(--muted);margin-top:8px}.post-foot{position:absolute;bottom:27px;left:30px;font-size:8px;letter-spacing:2px}.frame-corner{position:absolute;width:20px;height:20px;border-color:#d2bec4}.top-left{left:25px;top:25px;border-left:1px solid;border-top:1px solid}.bottom-right{bottom:25px;right:25px;border-right:1px solid;border-bottom:1px solid}.case-tabs{display:flex;gap:24px;border-bottom:1px solid #d7c9cc}.case-tabs button{border:0;background:none;padding:12px 0;font-size:11px;color:var(--muted);position:relative}.case-tabs button[aria-selected=true]{color:var(--ink)}.case-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--rose);position:absolute;left:0;right:0;bottom:-1px}.tab-panel{padding-top:32px;min-height:265px}.small-index{font-size:8px;letter-spacing:2px;color:var(--muted)}.tab-panel h3{font-weight:400;font-size:21px;margin:18px 0}.tab-panel p{font-size:12px;color:#75686d;line-height:2;margin-top:12px}.case-evidence{border-top:1px solid #d7c9cc;display:flex;gap:35px;padding-top:22px;font-size:11px}.case-evidence>span{color:var(--muted)}.case-evidence small{font-size:10px;color:var(--muted)}.motion{padding-bottom:95px}.motion-wall{display:grid;grid-template-columns:1.75fr 1fr;gap:7%;align-items:center}.video-placeholder{height:330px;background:#e7e5ea;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#79717f;font-size:11px;letter-spacing:2px}.portrait{padding:45px 0 0}.portrait .video-placeholder{height:435px;background:#e9ddd7;color:#826e68}.film-index{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:2px}.play-mark{font-size:40px;line-height:1}.motion-item figcaption{margin-top:18px;font-size:12px;display:flex;justify-content:space-between}.motion-item figcaption small{font-size:10px;color:var(--muted)}.lesson-section{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center;padding-top:50px}.lesson-screen{height:395px;background:#eeece3;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between}.screen-label,.screen-foot{font-size:8px;letter-spacing:1.5px;color:#777765}.lesson-screen>div{text-align:center}.outline-star{font-size:60px;color:#a6a589;font-weight:100}.lesson-screen h3{font-size:19px;font-weight:400;margin-top:5px}.lesson-screen p{font-size:11px;color:var(--muted);margin-top:12px}.lesson-copy h2{font:43px var(--serif);letter-spacing:-2px;margin:22px 0}.lesson-copy>p:not(.eyebrow){font-size:12px;line-height:2.1}.lesson-copy .subtle{font-size:10px!important;color:var(--muted);margin-top:16px}.unavailable{cursor:default;color:#83767a;border-color:#c9bdbf;margin-top:25px}.lesson-copy>small,.about-copy>small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;border-top:1px solid var(--line);margin:0 9%;padding:90px 0}.about h2{font-size:36px;line-height:1.8;margin-top:20px;letter-spacing:2px}.about h2 em{font-family:var(--sans);font-style:normal}.about-copy{padding-top:35px;font-size:13px;line-height:2.1}.about-copy>p+p{margin-top:18px}.about-directions{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:25px}footer{background:#eee4e6;padding-top:70px!important;padding-bottom:25px!important}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:70px}.footer-top h2{font:64px var(--serif);letter-spacing:-2px;margin-top:22px}.contact-placeholder{font-size:12px;padding-right:7%}.contact-placeholder p{color:var(--muted);font-size:10px;margin-top:10px}.footer-bottom{border-top:1px solid #d5c5ca;padding-top:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.reveal{transition:opacity .8s var(--ease),transform 1s var(--ease)}.motion-enabled .reveal:not(.visible){opacity:0;transform:translateY(25px)}.hero-copy{animation:arrive 1.1s var(--ease) both}.hero-index{animation:arrive 1s .1s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}dialog{border:0;background:#faf7f3;padding:45px 22px 22px;width:min(900px,92vw);max-height:90svh}dialog::backdrop{background:#30252bd9}dialog video{width:100%;max-height:70svh}.dialog-close{position:absolute;right:20px;top:10px;background:none;border:0}dialog p{font-size:12px}.media-button{padding:0;border:0;background:none;width:100%;display:block}.media-button video{display:block;width:100%;height:330px;object-fit:cover}.portrait .media-button video{height:435px}
@media(min-width:1600px){.section-pad{padding-left:max(9%,calc((100vw - 1280px)/2));padding-right:max(9%,calc((100vw - 1280px)/2))}}
@media(max-width:900px){.header-note{display:none}.hero{min-height:700px}.hero h1{font-size:72px}.hero h1>span{font-size:65px}.hero-copy{padding-top:110px}.arch-scene{left:48%;width:55%;height:64%;top:25%;opacity:.85}.section-pad{padding:80px 7%}.social-type{font-size:38px}.social-type em{font-size:32px}.threads-stat>span{font-size:57px}.aigc-type{font-size:42px}.work-grid{gap:55px 6%}.caption-tag{display:none}.case-layout{gap:6%}.case-tabs{gap:17px}.case-stat{padding-right:4%}.lesson-copy h2{font-size:36px}.lesson-screen{height:350px}.about{padding:75px 0}.about h2{font-size:29px}.social-detail{padding-top:0}.section-heading h2{font-size:48px}}
@media(max-width:600px){html{scroll-padding-top:24px}.header{height:80px;padding:0 6%}.brand{font-size:28px}.brand span{display:none}.header nav{gap:23px}.header nav a{font-size:11px}.header nav span{display:none}.hero{height:90svh;min-height:680px;max-height:850px;padding:112px 8% 0}.hero-index{font-size:8px}.hero-copy{width:100%;padding-top:128px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:64px;letter-spacing:8px}.hero h1>span{font-size:61px;letter-spacing:-2px}.hero-disciplines{font-size:13px;letter-spacing:1px}.hero-disciplines i{padding:0 7px}.hero-link{margin-top:28px}.arch-scene{left:42%;width:77%;height:62%;top:20%;opacity:.65}.hero-bottom{bottom:28px;left:8%;right:8%;font-size:8px;letter-spacing:.3px}.hero-bottom a span{margin-left:8px}.hero-side{display:none}.section-pad{padding:70px 7%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:43px;letter-spacing:-1.5px}.section-intro{font-size:11px;margin-top:22px}.work-grid{grid-template-columns:1fr;gap:40px}.work-threads,.work-lesson{padding-top:0}.work-aigc{padding-right:17%;margin-top:0}.work-threads{padding-left:12%}.work-cover{min-height:280px}.social-cover{height:350px}.threads-cover{height:290px}.aigc-cover{height:340px}.lesson-cover{height:290px}.social-type{font-size:46px}.social-type em{font-size:39px}.threads-stat>span{font-size:63px}.work-caption h3{font-size:23px}.work-caption p{font-size:10px}.cover-meta{font-size:7px}.material-note{font-size:9px;margin-top:30px}.social-detail{padding-top:0;grid-template-columns:1fr;gap:15px}.social-detail h2{font-size:26px}.case-heading{margin:35px 0;gap:15px}.case-heading h2{font-size:30px;letter-spacing:1px}.case-stat{font-size:60px;padding:0}.case-stat>span{font-size:17px;margin-left:4px}.case-stat p{font-size:8px;letter-spacing:0;margin-top:10px}.case-top>span{font-size:8px}.case-layout{grid-template-columns:1fr;gap:25px}.post-placeholder{height:390px}.case-tabs{gap:30px}.tab-panel{min-height:240px}.motion-wall{grid-template-columns:1fr;gap:30px}.video-placeholder{height:230px}.portrait{padding:0;width:67%;margin-left:auto}.portrait .video-placeholder{height:330px}.lesson-section{padding-top:0;grid-template-columns:1fr;gap:30px}.lesson-screen{height:300px}.lesson-copy h2{font-size:41px}.about{grid-template-columns:1fr;gap:15px;margin:0 7%;padding:60px 0}.about h2{font-size:30px}.about-copy{padding-top:10px}.footer-top{display:block;padding-bottom:40px}.footer-top h2{font-size:49px}.contact-placeholder{margin-top:35px}.footer-bottom{font-size:8px;gap:15px}.footer-bottom>span:nth-child(2){display:none}.media-button video{height:230px}.portrait .media-button video{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal:not(.visible){opacity:1;transform:none}.arch-scene{transform:none}.work-cover:hover{transform:none}}