/* Google Fonts (Manrope, Archivo Black, DM Mono) are loaded via <link> in index.html to avoid @import render-blocking. */

:root{--ink:#11151b;--ink-2:#1b2026;--paper:#eeefec;--white:#f7f6f2;--muted:#a4a9ac;--line:rgba(255,255,255,.18);--peach:#efb49f;--lavender:#d5c8f4;--body:Manrope,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"DM Mono","SFMono-Regular",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:5px}::selection{background:var(--lavender);color:var(--ink)}.shell{width:min(100% - 96px,1500px);margin-inline:auto}.page-progress{position:fixed;inset:0 auto auto 0;z-index:100;width:100%;height:2px;pointer-events:none}.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--peach),var(--lavender))}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;height:78px;padding:0 48px;display:flex;align-items:center;gap:36px;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,backdrop-filter .35s}.site-header.scrolled{background:rgba(17,21,27,.85);border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f7f6f2;border-radius:50%;font-family:var(--mono);font-size:18px;letter-spacing:-.22em;padding-right:5px}.brand-mark span{color:var(--peach)}.primary-nav{display:flex;align-items:center;gap:34px;margin:auto}.primary-nav a{font-size:12px;font-weight:600;color:#dedfe0;transition:color .25s}.primary-nav a:hover{color:var(--peach)}.header-action{border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:11px 17px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;white-space:nowrap;transition:background .25s,color .25s}.header-action:hover{background:var(--white);color:var(--ink)}.header-action span{padding-left:15px;font-size:15px}.menu-toggle{display:none}
.hero{position:relative;min-height:780px;height:min(920px,100svh);overflow:hidden;background:radial-gradient(ellipse 42% 57% at 75% 52%,#303342 0%,transparent 78%),var(--ink)}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.1;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.hero-inner{position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;height:100%;padding-top:90px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.about-label,.note-index,.art-coordinate,.hero-footer,.work-end,.footer-bottom{font-family:var(--mono);font-size:11px;letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:10px;color:#d0d3d5}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--peach);box-shadow:0 0 14px var(--peach)}.eyebrow-line{display:block;width:35px;height:1px;background:#666c71}.hero-title{font-size:clamp(70px,8vw,145px);font-weight:800;letter-spacing:-.105em;line-height:1.11;margin:52px 0 50px;white-space:nowrap}.title-line{display:block;overflow:visible}.title-line>span{display:block;animation:titleIn 1.05s cubic-bezier(.2,.8,.25,1) both}.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>span{animation-delay:.24s}.title-outline{color:transparent;-webkit-text-stroke:1.5px #fff;position:relative}.title-period{color:var(--peach)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:min(550px,90%);gap:40px}.hero-bottom p{font-size:14px;line-height:1.9;color:#c4c8ca;margin:0}.round-link{flex:0 0 auto;display:grid;place-items:center;width:68px;height:68px;border:1px solid #81888f;border-radius:50%;font-size:24px;transition:background .3s,transform .3s,color .3s}.round-link:hover{background:var(--peach);color:var(--ink);transform:rotate(45deg)}.hero-art{position:absolute;right:-8%;top:0;width:54%;height:100%;display:grid;place-items:center;overflow:visible}.portal-halo{position:absolute;width:min(45vw,720px);height:min(45vw,720px);border-radius:50%;background:radial-gradient(circle at 51% 48%,rgba(226,211,242,.92) 0 7%,rgba(182,169,211,.8) 22%,rgba(92,86,125,.55) 36%,rgba(34,37,57,.1) 58%,transparent 68%);filter:blur(32px);opacity:.82;animation:haloBreath 8s ease-in-out infinite}.portal-core{position:absolute;width:min(34vw,530px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 23%,#5c607a,#171b29 55%,#090d13 78%);box-shadow:inset -30px -30px 65px #05080f,inset 10px 6px 40px #8a83a7,0 0 0 2px #88829e,0 0 70px 15px #cdbdc252,0 0 210px 40px #afa1d044;transform:rotate(-12deg);animation:portalFloat 9s ease-in-out infinite}.portal-core:before{content:"";position:absolute;inset:-2.5%;border-radius:50%;border:2px solid rgba(232,219,223,.52);filter:blur(3px)}.portal-core:after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 30% 10%,rgba(226,224,249,.2),transparent 45%)}.portal-sheen{position:absolute;width:75%;height:45%;border-radius:50%;background:linear-gradient(45deg,transparent 15%,rgba(242,178,162,.13) 52%,transparent 70%);filter:blur(40px);transform:rotate(-28deg)}.art-coordinate{position:absolute;color:#d4d3dd;opacity:.7}.art-coordinate-top{top:24%;right:2%;writing-mode:vertical-rl}.art-coordinate-bottom{bottom:18%;left:0}.hero-footer{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#a5a8ac}.hero-footer span:last-child span{font-size:16px;margin-left:10px}
.work-section{background:var(--ink);padding:130px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:74px}.section-kicker{color:var(--peach);margin:0 0 26px}.section-heading h2,.about-main h2,.notes-heading h2,.site-footer h2{font-weight:800;letter-spacing:-.075em;line-height:1.2;margin:0}.section-heading h2{font-size:clamp(44px,5.2vw,86px)}.section-heading h2 em{font-style:normal;color:var(--lavender)}.section-aside{max-width:305px;font-size:14px;line-height:1.85;color:#b2b7bb;margin:0 0 6px}.aside-rule{display:block;width:100%;height:1px;background:#484d53;margin-top:26px}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:62px 22px}.project-card{grid-column:span 2;min-width:0;cursor:pointer}.project-card:nth-child(n+4){grid-column:span 3}.project-card-button{display:block;width:100%;border:0;padding:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.project-visual{position:relative;aspect-ratio:1/.89;overflow:hidden;border-radius:6px;background:var(--card-bg);isolation:isolate}.project-card:nth-child(n+4) .project-visual{aspect-ratio:1.36}.visual-noise{position:absolute;inset:0;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='.48' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:overlay;pointer-events:none;z-index:3}.project-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17);border-radius:inherit;pointer-events:none;z-index:5}.project-tag{position:absolute;left:22px;top:22px;z-index:4;border:1px solid rgba(255,255,255,.45);border-radius:99px;background:rgba(10,13,19,.32);backdrop-filter:blur(8px);padding:8px 11px;color:#fff;font:10px var(--mono);letter-spacing:.08em}.project-preview{position:absolute;inset:0;display:grid;place-items:center;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.project-card-button:hover .project-preview,.project-card-button:focus-visible .project-preview{transform:scale(1.055)}.project-card-button:hover .screen-float,.project-card-button:focus-visible .screen-float{transform:translateY(-8px) rotate(-2deg)}.project-open{position:absolute;right:19px;bottom:19px;z-index:5;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f4f2ef;color:var(--ink);font-size:22px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.project-card-button:hover .project-open,.project-card-button:focus-visible .project-open{opacity:1;transform:translateY(0)}.card-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:19px 1px 0}.card-meta h3{font-size:22px;letter-spacing:-.04em;margin:0 0 5px}.card-meta p{font-size:12px;color:#9ca4ab;margin:0}.card-meta .card-index{font:11px var(--mono);color:#888e93}.work-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #454a4e;padding-top:24px;margin-top:72px;color:#9fa5a8}.work-end span:last-child{font-size:20px}
/* Five visual mockups are intentionally illustrative, not screenshots of the real projects. */
.mock-browser{position:relative;width:77%;height:66%;border-radius:10px;background:#f8f5ee;box-shadow:0 28px 55px rgba(0,0,0,.33);overflow:hidden;transition:transform .6s}.mock-browser .browser-top{display:flex;gap:5px;align-items:center;height:22px;padding-left:10px;background:#e8e5de}.browser-top i{width:5px;height:5px;border-radius:50%;background:#b7b0a7}.mock-paper{background:#9faca6}.mock-paper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#d0ddcb,transparent 48%)}.mock-paper .mock-browser{transform:rotate(-6deg) translate(8%,8%)}.mock-paper .paper-body{display:flex;height:calc(100% - 22px);padding:14px 15px;gap:12px}.paper-sidebar{width:26%;background:#e2ded5;border-radius:4px;padding:10px 7px}.paper-sidebar i,.paper-text i,.feed-lines i,.job-lines i,.editor-lines i{display:block;height:4px;background:#9a9b96;border-radius:6px;margin-bottom:9px}.paper-sidebar i:nth-child(2){width:70%}.paper-sidebar i:nth-child(3){width:85%}.paper-page{flex:1;background:#fff;padding:12px;box-shadow:0 3px 11px #0001}.paper-page strong{display:block;width:70%;height:8px;background:#293f39;margin-bottom:10px}.paper-text i{background:#d7d5ce;height:3px;margin:0 0 6px}.paper-text i:nth-child(3n){width:78%}.mock-paper .floating-note{position:absolute;right:6%;bottom:10%;height:28%;width:29%;background:#e6f3d2;border-radius:4px;box-shadow:0 15px 25px #0002;transform:rotate(7deg);transition:transform .6s}.project-card-button:hover .mock-paper .floating-note{transform:rotate(3deg) translateY(-12px)}
.mock-signal{background:#292d48}.mock-signal:before{content:"";position:absolute;width:80%;height:90%;left:15%;top:10%;border-radius:50%;background:radial-gradient(circle,#6e6aa5,transparent 65%);filter:blur(25px)}.mock-signal .mock-browser{width:74%;height:71%;background:#171b29;transform:rotate(4deg) translate(-3%,7%);border:1px solid #777aa0}.mock-signal .browser-top{background:#272c3f}.mock-signal .feed-body{padding:14px;color:#e2e3ed}.feed-title{font-size:16px;font-weight:800;margin-bottom:14px}.feed-item{display:flex;gap:10px;padding:8px 0;border-top:1px solid #4b4d61}.feed-thumb{width:25%;height:27px;border-radius:3px;background:linear-gradient(135deg,#a3a6c1,#656888)}.feed-lines{flex:1}.feed-lines i{height:3px;margin-bottom:5px;background:#8f93ab}.feed-lines i:last-child{width:66%;background:#5a6078}.mock-signal .pulse{position:absolute;right:6%;top:16%;width:68px;height:68px;border-radius:50%;border:1px solid #c1b7e8;box-shadow:0 0 0 12px #c1b7e820,0 0 0 24px #c1b7e812;animation:pulse 4s ease-in-out infinite}
.mock-campus{background:#c5aaa3}.mock-campus:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,#ead6bd,transparent 45%)}.mock-campus .mock-browser{width:77%;height:69%;transform:rotate(-3deg) translate(5%,7%);background:#fff}.mock-campus .browser-top{background:#efe9e6}.job-body{padding:15px}.job-head{font-size:16px;font-weight:800;color:#443a3d;margin:0 0 10px}.job-pill{display:inline-block;width:38px;height:11px;background:#f0d3bd;border-radius:10px;margin-right:5px}.job-row{margin-top:8px;padding:8px;border:1px solid #e9ded9;border-radius:5px;display:flex;gap:10px;align-items:center}.job-icon{width:25px;height:25px;border-radius:5px;background:#b69896}.job-lines{flex:1}.job-lines i{height:3px;margin:0 0 5px;background:#a49c99}.job-lines i:last-child{width:52%;background:#d1c9c4}.mock-campus .floating-badge{position:absolute;right:6%;top:17%;padding:9px 12px;background:#4c343e;color:#fff;border-radius:7px;font:10px var(--mono);transform:rotate(7deg);box-shadow:0 8px 16px #0002}
.mock-gzh{background:#aa957b}.mock-gzh:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 75%,#d8b997,transparent 55%)}.mock-gzh .mock-browser{width:67%;height:72%;transform:rotate(-5deg) translate(-15%,8%);background:#faf5ed}.mock-gzh .browser-top{background:#eee7dc}.editor-body{padding:14px}.editor-heading{font-size:18px;font-weight:800;color:#4c3c31;line-height:1.1;margin:0 0 14px}.editor-image{height:31%;background:linear-gradient(135deg,#6c776e,#c1bca5);margin-bottom:12px;border-radius:3px}.editor-lines i{height:3px;margin-bottom:6px;background:#c5bcb0}.editor-lines i:nth-child(2){width:86%}.editor-lines i:last-child{width:64%}.mock-gzh .floating-panel{position:absolute;right:10%;bottom:12%;width:25%;height:39%;border-radius:7px;background:#efe6d5;box-shadow:0 18px 30px #0003;transform:rotate(8deg);padding:13px}.floating-panel i{display:block;height:7px;margin-bottom:9px;border-radius:4px;background:#baaa8e}.floating-panel i:first-child{height:45%;background:#b7ae8e}
.mock-focus{background:#79938b}.mock-focus:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#a8c1ab,transparent 58%)}.focus-device{position:relative;width:47%;aspect-ratio:1;border-radius:22px;background:#1a2926;box-shadow:20px 30px 40px #183a2e6b,inset 0 0 0 2px #426458;display:grid;place-items:center;transform:rotate(5deg);transition:transform .6s}.project-card-button:hover .focus-device{transform:rotate(0) scale(1.04)}.focus-ring{width:72%;aspect-ratio:1;border-radius:50%;border:9px solid #5a796d;border-top-color:#d3e9c1;border-right-color:#d3e9c1;display:grid;place-items:center;color:#e8f4e6;font:800 clamp(25px,3vw,47px) var(--body)}.focus-caption{position:absolute;bottom:13%;font:10px var(--mono);color:#b3c8bc}.focus-spark{position:absolute;right:15%;top:19%;font:24px var(--mono);color:#e2f3ce;animation:floatSpark 5s ease-in-out infinite}
.about-section{background:var(--paper);color:var(--ink);padding:145px 0 155px}.about-layout{display:grid;grid-template-columns:29% 71%;gap:20px}.about-label{color:#555d60;display:flex;align-items:center;gap:14px}.small-orbit{width:19px;height:19px;border:1px solid #536064;border-radius:50%;box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px #536064}.about-main h2{font-size:clamp(51px,6.4vw,105px)}.about-main h2 span{color:#8d8b9d}.about-main>p{font-size:17px;line-height:1.95;color:#535c60;max-width:680px;margin:45px 0 55px}.about-meta{border-top:1px solid #bfc3c0;padding-top:21px;display:flex;gap:10px 40px;flex-wrap:wrap;color:#6b7478;font:11px var(--mono);letter-spacing:.04em}
.notes-section{background:var(--paper);color:var(--ink);padding:0 0 145px}.notes-heading{padding-top:45px;border-top:1px solid #bbc1be;margin-bottom:42px}.notes-heading .section-kicker{color:#8c776d}.notes-heading h2{font-size:clamp(40px,4.5vw,70px)}.notes-heading>p:last-child{font-size:15px;color:#6e7779;margin-top:16px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-card{position:relative;min-height:255px;border:1px solid #bac0bd;padding:26px;transition:background .3s,transform .3s}.note-card:hover{background:#fff;transform:translateY(-5px)}.note-index{color:#8c7b71}.note-card h3{font-size:24px;letter-spacing:-.04em;margin:51px 0 9px}.note-card p{font-size:13px;color:#7d8586}.note-arrow{position:absolute;right:25px;bottom:26px;font-size:20px}
.site-footer{background:#1b2026;color:var(--white);padding:112px 0 25px}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}.site-footer h2{font-size:clamp(44px,5.5vw,90px)}.site-footer h2 span{display:block;color:var(--lavender)}.site-footer .footer-inner p:last-child{color:#a7afb3;font-size:14px;margin-top:28px}.footer-links{display:flex;flex-direction:column;min-width:170px}.footer-links a{border-bottom:1px solid #656d71;padding:17px 0;display:flex;justify-content:space-between;font-size:14px}.footer-links a:hover{color:var(--peach)}.footer-bottom{border-top:1px solid #4c5358;margin-top:115px;padding-top:22px;display:flex;justify-content:space-between;color:#889196}
.project-dialog{width:min(960px,calc(100vw - 32px));max-height:min(860px,calc(100svh - 32px));border:1px solid #798084;border-radius:8px;padding:0;background:#f0f0ec;color:var(--ink);box-shadow:0 30px 120px #0009}.project-dialog::backdrop{background:rgba(5,9,13,.78);backdrop-filter:blur(13px)}.dialog-scroll{position:relative;overflow:auto;max-height:min(860px,calc(100svh - 32px))}.dialog-close{position:sticky;float:right;top:18px;margin:18px 18px -60px 0;width:42px;height:42px;border:1px solid #c0c5c4;border-radius:50%;background:#f0f0ec;color:var(--ink);font-size:27px;line-height:1;cursor:pointer;z-index:3}.dialog-close:hover{background:var(--ink);color:#fff}.dialog-hero{padding:66px 66px 50px;background:var(--dialog-accent)}.dialog-kicker{font:11px var(--mono);letter-spacing:.09em}.dialog-hero h2{font-size:clamp(42px,5vw,76px);letter-spacing:-.07em;margin:25px 0 15px;line-height:1.1}.dialog-hero p{max-width:650px;font-size:17px;line-height:1.7;margin:0}.dialog-body{padding:45px 66px 70px}.dialog-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:34px;border-bottom:1px solid #bec4c2}.dialog-facts div{display:flex;flex-direction:column;gap:9px}.dialog-facts span{font:10px var(--mono);color:#697477;letter-spacing:.07em}.dialog-facts strong{font-size:14px;font-weight:700}.dialog-story{display:grid;grid-template-columns:150px 1fr;gap:25px;padding-top:35px}.dialog-story h3{font:11px var(--mono);letter-spacing:.1em;color:#667174;margin:5px 0}.dialog-story p{font-size:17px;line-height:1.85;margin:0;color:#384348}.dialog-media{margin-top:43px;border-radius:5px;min-height:285px;background:linear-gradient(145deg,#202830,#394049);color:#e9eced;display:grid;place-items:center;text-align:center;padding:45px}.dialog-media-icon{display:grid;place-items:center;border:1px solid #9da6ab;border-radius:50%;width:56px;height:56px;font-size:22px;margin:0 auto 18px}.dialog-media strong{display:block;font-size:18px}.dialog-media p{font-size:12px;color:#abb5b8}.dialog-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:30px}.dialog-bottom span{font-size:12px;color:#748082}.dialog-bottom a{font:11px var(--mono);border-bottom:1px solid #58666a;padding-bottom:5px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes titleIn{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes haloBreath{50%{opacity:1;transform:scale(1.08)}}@keyframes portalFloat{50%{transform:rotate(-9deg) translateY(-15px)}}@keyframes pulse{50%{box-shadow:0 0 0 18px #c1b7e824,0 0 0 33px #c1b7e812}}@keyframes floatSpark{50%{transform:translateY(-10px) rotate(20deg)}}
@media(max-width:950px){.shell{width:min(100% - 48px,1500px)}.site-header{padding:0 24px}.hero{min-height:700px}.hero-inner{grid-template-columns:1fr}.hero-art{right:-20%;width:70%;opacity:.57}.hero-copy{padding-top:40px}.hero-title{font-size:clamp(68px,10vw,110px)}.project-grid{gap:50px 16px}.project-card,.project-card:nth-child(n+4){grid-column:span 3}.project-card:last-child{grid-column:span 6}.project-card:last-child .project-visual{aspect-ratio:1.7}.project-card:nth-child(3) .project-visual{aspect-ratio:1.36}.about-layout{grid-template-columns:22% 78%}.about-main h2{font-size:clamp(50px,7vw,80px)}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.site-header{height:66px;padding:0 20px}.brand{font-size:10px}.header-action{margin-left:auto;padding:9px 11px;font-size:10px}.header-action span{padding-left:6px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;order:3;width:32px;height:34px;background:none;border:0;padding:4px;margin-left:4px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:#fff;width:23px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{position:absolute;top:66px;left:0;right:0;background:#1b2026;border-top:1px solid #4b5056;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 25px}.primary-nav.open{display:flex}.primary-nav a{padding:13px 0;border-bottom:1px solid #40474b;font-size:15px}.hero{height:auto;min-height:770px}.hero-inner{min-height:735px;padding-top:100px;align-items:center}.hero-copy{padding:0 0 100px}.hero-title{font-size:clamp(57px,12vw,85px);letter-spacing:-.095em;margin:46px 0 42px}.hero-art{right:-24%;top:11%;width:108%;height:70%;opacity:.45}.portal-halo{width:80vw;height:80vw}.portal-core{width:62vw}.art-coordinate{display:none}.hero-bottom{width:100%}.hero-bottom p{font-size:12px}.round-link{width:56px;height:56px}.hero-footer{bottom:25px;font-size:10px}.work-section{padding:95px 0}.section-heading{display:block;margin-bottom:44px}.section-heading h2{font-size:clamp(44px,10vw,68px)}.section-aside{margin-top:25px;font-size:13px}.aside-rule{display:none}.project-grid{grid-template-columns:1fr;gap:43px}.project-card,.project-card:nth-child(n+4),.project-card:last-child{grid-column:1}.project-card .project-visual,.project-card:nth-child(n+4) .project-visual,.project-card:last-child .project-visual{aspect-ratio:1.14}.card-meta h3{font-size:20px}.project-open{opacity:1;transform:none}.work-end{margin-top:55px;line-height:1.6;gap:20px}.work-end span:first-child{max-width:260px}.about-section{padding:95px 0}.about-layout{display:block}.about-label{margin-bottom:45px}.about-main h2{font-size:clamp(48px,10vw,75px)}.about-main>p{font-size:15px;margin:30px 0 45px}.about-meta{display:grid;gap:16px}.notes-section{padding-bottom:95px}.notes-heading{padding-top:32px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:220px}.note-card h3{margin-top:40px}.site-footer{padding-top:90px}.footer-inner{display:block}.site-footer h2{font-size:clamp(45px,10vw,70px)}.footer-links{margin-top:50px}.footer-bottom{margin-top:95px;font-size:9px}.dialog-hero{padding:75px 25px 35px}.dialog-hero h2{font-size:48px}.dialog-hero p{font-size:15px}.dialog-body{padding:30px 25px 45px}.dialog-facts{grid-template-columns:1fr 1fr}.dialog-story{display:block}.dialog-story h3{margin:0 0 12px}.dialog-story p{font-size:15px}.dialog-media{min-height:240px;margin-top:30px}.dialog-bottom{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}