/* Zephyr / editorial portfolio, volume 03 */
:root{--paper:#e7e5dd;--ink:#191917;--muted:#77776f;--line:#bdbdb3;--plum:#dd492c;--green:#333a32;--orange:#dd492c;--accent:#dd492c;--header:80px}
body{background:var(--paper)}body:before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.container{width:min(1440px,calc(100% - 96px))}.site-header{background:#171715f0;color:#e7e5dd;border-color:#ffffff20;padding:0 48px}.wordmark small,.desktop-nav,.motion-toggle{color:#afafa6}.monogram{color:#e7e5dd}.header-connect{border-radius:0;border-color:#73736b}.header-connect:hover{background:#dd492c;color:#fff}.hero{background:#171715;color:#e7e5dd;min-height:calc(100svh - 80px)}.hero-paper{background:radial-gradient(ellipse at 85% 55%,#45453b60,transparent 55%)}.hero-grid{grid-template-columns:1.35fr .65fr;min-height:760px;gap:0;padding-top:48px;align-items:end}.hero-copy{z-index:2;padding-bottom:40px}.eyebrow{color:#a3a399;font-family:monospace;font-size:11px;letter-spacing:1px}.hero-greeting{color:#b7b7ac;font-size:14px;margin-top:52px}.hero h1{font-weight:500;letter-spacing:-5px;line-height:.9;margin:20px 0 30px}.hero-name{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(90px,12vw,190px);letter-spacing:-.065em;line-height:.85;margin-bottom:34px}.hero-chinese{display:block;font-size:clamp(50px,5.6vw,86px);line-height:1.12;letter-spacing:-4px}.hero-chinese em{font-family:'Songti SC',SimSun,serif;font-weight:400;color:#dd492c;font-style:normal}.hero-description{color:#afafa5;font-size:13px;line-height:1.8}.hero-links{margin-top:28px}.button{border-radius:0}.hero .ink{background:#dd492c;color:#fff}.hero .quiet-link{color:#d4d4ca}.hero-locations{color:#a3a399}.hero-portrait{height:570px;align-self:end;margin-bottom:50px}.portrait-grid,.portrait-underlay,.orbit-label,.portrait-caption{display:none}.portrait-label{left:auto;right:0;top:-22px;color:#919187;font-family:monospace;letter-spacing:1px}.portrait-tilt{width:100%;height:530px;transform:rotate(5deg)!important}.portrait-tilt figure{border-radius:0;box-shadow:none}.portrait-tilt img{filter:grayscale(1) contrast(1.05);object-position:50% 40%;transition:filter .8s}.hero-portrait:hover img{filter:grayscale(0)}.current-note{left:-55px;bottom:-22px;transform:rotate(-4deg);border-radius:0;background:#e7e5dd;color:#222;border:0;padding:18px 24px}.current-note small{color:#666}.hero-bottom{color:#88887f;border-color:#ffffff30}.hero-bottom>a{color:#c2c2b8}.hero-bottom>span:nth-child(2){color:#99998f}.introduction{background:#e7e5dd;padding:110px 0}.intro-layout{grid-template-columns:1fr 1fr;gap:10vw}.chapter-label{font-family:monospace;font-size:10px;color:#66665e;letter-spacing:1px;padding-bottom:18px;border-bottom:1px solid currentColor;margin-bottom:50px}h2{font-size:clamp(42px,5.5vw,78px);line-height:1.12;font-weight:550;letter-spacing:-3px}h2 .serif{font-family:inherit;color:#dd492c;font-weight:550}.intro-text p{color:#55554d;font-size:14px}.identity-strip{margin-top:65px;border-color:#a9a99e}.identity-strip>span{color:#222;font-size:15px}.identity-strip small{color:#777}.choices-section{background:#1c1c19;color:#e7e5dd;padding-top:95px}.choices-section .chapter-label,.choices-section .section-heading>p{color:#93938a}.choices-section h2 .serif{color:#dd492c}.story-art{background:#dd492c;border-radius:0;color:#171715;border:0}.story-art-top,.story-art-bottom{color:#2b211b}.story-copy h3{color:#e7e5dd}.story-copy #story-description,.story-fact p,.story-fact>span,.story-controls>span,.story-tabs button{color:#a8a89c}.story-tabs button.active{color:#f2f0e7}.story-fact{border-color:#ffffff30}.story-static-notes{color:#eee}.projects-section{background:#e7e5dd;padding:110px 0}.section-heading{margin-bottom:65px;align-items:end}.section-heading>p{color:#68685e;font-size:13px}.recognition-type{display:flex;justify-content:space-between;border-block:1px solid #909087;padding:34px 0 44px;gap:20px}.recognition-type>span{font-size:clamp(50px,7vw,112px);letter-spacing:-5px;font-weight:600;line-height:1.2}.recognition-type sup{font:10px monospace;letter-spacing:0;vertical-align:top;margin:8px 0 0 12px;display:inline-block;color:#dd492c}.outcome-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:45px}.outcome-editorial article{border-top:1px solid #aaa99f;padding-top:22px}.outcome-editorial .overline{font:10px monospace;color:#6a6a60}.outcome-editorial h3{font-size:30px;letter-spacing:-1px;margin:24px 0 14px;font-weight:500}.outcome-editorial p,.outcome-editorial button{font-size:12px;color:#68685e}.outcome-editorial button{border-bottom:1px solid #9c9c91}.ai-section{background:#cdcec0;padding:100px 0}.ai-section .chapter-label,.ai-section .section-heading>p{color:#626557}.ai-lab,.ai-workspace,.ai-tools button,.ai-flow,.tool-practice,.ai-flow [role=tabpanel]{border-radius:0}.ai-tools button{background:transparent;color:#4f5445;border-bottom:1px solid #a3a692}.ai-tools button.active{background:#242820;color:#e7e5dd}.ai-workspace{background:#e5e5db;color:#262a22;box-shadow:none;border:1px solid #a3a692}.ai-workspace #tool-description,.tool-practice p,.tool-practice>span,.ai-flow #flow-description{color:#636854}.ai-flow{border:1px solid #a3a692;background:transparent}.flow-steps button.active{background:#242820;color:#e7e5dd}.people-section{background:#1b1b18;color:#e7e5dd;padding-top:110px}.people-section .chapter-label,.gallery-controls>span,.gallery-bottom{color:#a3a397}.people-section h2{max-width:1000px}.gallery-controls button{color:#d5d5c9;border-color:#6a6a60}.moments-heading{color:#b0b0a4}.moments-wall{gap:25px;perspective:1500px;padding:20px 0 40px}.moment-tile{border-radius:0;aspect-ratio:.88;box-shadow:0 15px 30px #0003;transform:rotate(-3deg);transition:transform .6s;overflow:visible}.moment-tile:nth-child(2n){transform:rotate(3deg) translateY(20px)}.moment-tile:nth-child(3n){transform:rotate(-1deg) translateY(-8px)}.moment-tile:hover{transform:rotate(0deg) translateY(-10px);z-index:2}.moment-face{border-radius:0;border:8px solid #d8d8ce;border-bottom-width:38px;background:#d8d8ce}.moment-face img{filter:saturate(.8)}.moment-face>span{background:none;color:#333;font-size:10px;bottom:-29px;left:2px;text-shadow:none;padding:0}.moment-open{border-radius:0;background:#181815;color:#eee;right:15px;top:15px}.moments-hint,.moments-bottom p{color:#a3a397}.moments-bottom button,#wall-toggle{color:#dddccf;border-color:#7e7e70;border-radius:0}.photo-card>div{border-radius:0}.photo-card h3{color:#d5d5c8}.photo-card p,.photo-card figcaption>span{color:#a0a093}.gallery-track{padding-top:45px}.journey-section{background:#e7e5dd;padding:110px 0}.timeline details,.timeline summary{border-color:#aaa99f}.timeline small,.timeline details p,.timeline-date,.journey-intro p{color:#6d6d62}.contact-section{background:#dd492c;color:#171715;padding:100px 0}.contact-orbit{display:none}.contact-section h2 .serif{color:#e7e5dd}.contact-section .chapter-label{color:#4b2319}.contact-copy>p:not(.copy-status):not(.topic-hint),.contact-topics button,.topic-hint,.copy-status{color:#4f251a}.contact-topics button{border-color:#8a3622;border-radius:0}.contact-form{border-radius:0;background:#1b1b18;color:#e7e5dd;border:0}.contact-form label,.contact-form small,.contact-form .form-heading>span{color:#b0b0a3}.contact-form input,.contact-form textarea{background:none;border-color:#626255;color:#eee;border-radius:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8b8b7d}.email-link>span,.wechat-copy>span{color:#f2c1ad}.cream{background:#e7e5dd;color:#222}.site-footer{padding-top:50px;padding-bottom:50px}.mobile-dock{background:#1b1b18f5;color:#b4b4a6;border-color:#44443a}.mobile-dock a.active{color:#ed6545}.mobile-menu>nav{background:#252521;color:#e7e5dd}.source-button{color:#65655b}
@media(min-width:1100px){.hero-portrait{margin-left:-35px}.hero-copy{padding-right:10px}.hero-name{position:relative;width:130%;z-index:3}.hero-portrait:before{content:"01 / PORTRAIT";position:absolute;left:0;top:-50px;font:10px monospace;color:#77776a}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.site-header{padding-inline:28px}.desktop-nav{gap:15px}.hero-grid{grid-template-columns:1fr .7fr;min-height:680px}.hero-name{font-size:13vw}.hero-chinese{font-size:7vw}.hero-portrait{height:450px}.portrait-tilt{height:410px}.current-note{left:-20px;font-size:10px}.recognition-type>span{font-size:8vw}.outcome-editorial{gap:25px}.outcome-editorial h3{font-size:24px}}
@media(max-width:760px){:root{--header:68px}.container{width:calc(100% - 40px)}.site-header{padding:0 20px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;gap:0;min-height:0}.hero-copy{padding-bottom:25px}.eyebrow{font-size:8px}.hero-greeting{margin-top:36px;font-size:11px}.hero h1{margin:20px 0 24px;letter-spacing:-2px}.hero-name{font-size:21vw;margin-bottom:24px}.hero-chinese{font-size:14vw;letter-spacing:-3px}.hero-description{font-size:12px}.hero-links{gap:20px}.hero-locations{font-size:8px}.hero-portrait{height:360px;width:72%;margin:0 8% 35px auto;align-self:auto}.portrait-tilt{width:100%;height:330px;transform:rotate(5deg)!important}.portrait-label{font-size:7px;top:0;right:-15px}.current-note{left:-50px;bottom:4px;font-size:10px;padding:14px 18px}.current-note small{font-size:8px}.hero-bottom{padding-bottom:24px}.hero-bottom>span:last-child{display:none}.hero-bottom>span:nth-child(2){font-size:6px;letter-spacing:0}.introduction,.projects-section,.ai-section,.journey-section{padding:70px 0}.choices-section,.people-section{padding-top:70px}.chapter-label{font-size:8px;margin-bottom:35px;padding-bottom:15px}.chapter-label>span:last-child{font-size:6px;letter-spacing:.5px}h2{font-size:37px;letter-spacing:-1.5px;line-height:1.2}.intro-layout{display:block}.intro-text{margin-top:30px}.identity-strip{margin-top:35px}.identity-strip>span{font-size:12px}.identity-strip small{font-size:7px}.section-heading{margin-bottom:35px}.recognition-type{padding:25px 0 30px;gap:12px;flex-wrap:wrap}.recognition-type>span{font-size:12vw;letter-spacing:-3px}.recognition-type sup{font-size:7px;margin:4px 0 0 4px}.outcome-editorial{grid-template-columns:1fr;gap:25px;padding-top:30px}.outcome-editorial article{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding-top:20px}.outcome-editorial h3{font-size:26px;margin:0;grid-column:1;grid-row:2}.outcome-editorial p,.outcome-editorial button{grid-column:2;grid-row:2;font-size:10px;line-height:1.7}.outcome-editorial .overline{grid-column:1/-1;font-size:8px}.moments-wall{gap:15px;padding:15px 5px 30px}.moment-tile{aspect-ratio:.8}.moment-face{border-width:5px;border-bottom-width:29px}.moment-face>span{font-size:7px;bottom:-22px}.moment-tile:nth-child(2n){transform:rotate(3deg) translateY(12px)}.moment-open{right:8px;top:8px}.moments-bottom{padding-top:10px}.moments-hint{font-size:9px}.contact-section{padding:70px 0}.contact-copy h2{font-size:36px}.contact-form{margin-top:35px}.timeline details p{font-size:12px}.timeline small{font-size:9px}.site-footer{padding-bottom:100px}.mobile-menu>summary{color:#e7e5dd}.story-art{border-radius:0}.story-copy h3{font-size:23px}.story-copy #story-description{color:#afafa1}.photo-card>div{height:280px}.gallery-track{padding-top:30px}.gallery-bottom{font-size:8px}.flow-controls>span{color:#636854}}
.moments-wall{transform:perspective(1800px) rotateX(var(--wall-turn,0deg)) translateY(var(--wall-drift,0px));transform-style:preserve-3d}.motion-off .moments-wall{transform:none}.recognition-type sup{display:none}
@media(max-width:760px){.recognition-type{flex-wrap:nowrap}.recognition-type>span{font-size:10vw;letter-spacing:-2px}.moment-tile{transition:transform .35s}}
@media(prefers-reduced-motion:reduce){.moment-tile{transition:none}.moments-wall{transform:none}}