:root{--pixiu-gold:#c8a977;--pixiu-blue:#1c355e;--pixiu-cream:#fafaf2;--pixiu-charcoal:#404040;--gutter:clamp(16px, 4vw, 56px);--sans:"Helvetica Now Display", "Helvetica Neue", Helvetica, Inter, Arial, sans-serif;--serif:"PT Serif", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1)}:root,[data-theme=blue]{--bg:var(--pixiu-blue);--fg:var(--pixiu-cream);--muted:#fafaf2b8;--faint:#fafaf273;--line:#fafaf22e;--accent:var(--pixiu-gold);--em:var(--pixiu-gold);--logo:var(--pixiu-gold);--card:#fafaf20f}[data-theme=charcoal]{--bg:var(--pixiu-charcoal);--fg:var(--pixiu-cream);--muted:#fafaf2b8;--faint:#fafaf273;--line:#fafaf22e;--accent:var(--pixiu-gold);--em:var(--pixiu-gold);--logo:var(--pixiu-gold);--card:#fafaf20f}[data-theme=cream]{--bg:var(--pixiu-cream);--fg:var(--pixiu-blue);--muted:#1c355ec2;--faint:#1c355e80;--line:#1c355e29;--accent:var(--pixiu-gold);--em:var(--pixiu-blue);--logo:var(--pixiu-blue);--card:#1c355e0a}[data-theme=gold]{--bg:var(--pixiu-gold);--fg:var(--pixiu-blue);--muted:#1c355ed1;--faint:#1c355e8c;--line:#1c355e38;--accent:var(--pixiu-blue);--em:var(--pixiu-blue);--logo:var(--pixiu-blue);--card:#fafaf2c7}[data-theme]{color:var(--fg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:clip}html{background:var(--pixiu-blue)}body{background:var(--pixiu-blue);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}ul{list-style:none}svg{display:block}:focus-visible{outline:2px solid var(--pixiu-gold);outline-offset:3px}:focus:not(:focus-visible){outline:none}::selection{background:var(--pixiu-gold);color:var(--pixiu-blue)}em{font-family:var(--serif);letter-spacing:-.01em;color:var(--em);font-style:italic;font-weight:400;position:relative}.circle{width:128%;height:132%;fill:var(--pixiu-gold);pointer-events:none;position:absolute;top:-12%;left:-14%;overflow:visible}.webgl{z-index:0;pointer-events:none;width:100%;height:100lvh;position:fixed;inset:0}.no-webgl .webgl{display:none}.progress{z-index:20;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.progress span{background:var(--accent);transform-origin:0;height:100%;transition:background .6s;display:block;transform:scaleX(0)}.loader{z-index:100;background:var(--pixiu-blue);clip-path:inset(0%);place-items:center;display:grid;position:fixed;inset:0}.loader__logo{aspect-ratio:335.91/149.55;width:clamp(150px,18vw,240px);position:relative}.loader__logo svg{width:100%;height:100%;fill:var(--pixiu-gold);position:absolute;inset:0}.loader__base{opacity:.18}.loader__fill{clip-path:inset(0 100% 0 0)}.loader__meta{left:var(--gutter);right:var(--gutter);color:#fafaf299;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:clamp(28px,6vh,52px)}.cursor{mix-blend-mode:difference;pointer-events:none;z-index:90;opacity:0;width:10px;height:10px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), opacity .3s ease;background:#fff;border-radius:50%;margin:-5px 0 0 -5px;position:fixed;top:0;left:0}.cursor.is-visible{opacity:1}.cursor.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px}.header,.indicator,.progress{color:var(--fg);transition:color .35s}.header{z-index:30;padding:24px var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.header__logo svg{aspect-ratio:335.91/149.55;width:74px;height:auto;fill:var(--logo);transition:fill .35s}.header__nav{gap:36px;font-size:14px;display:flex}.header__nav a{color:var(--muted);transition:color .3s;position:relative}.header__nav a:after{content:"";transform-origin:0;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.header__nav a:hover,.header__nav a.is-active{color:var(--fg)}.header__nav a.is-active:after{transform:scaleX(1)}.header__cta{border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:14px;transition:background .3s,color .3s,border-color .6s}.header__cta:hover{background:var(--fg);color:var(--bg)}.indicator{left:var(--gutter);z-index:30;pointer-events:none;align-items:center;gap:14px;font-size:13px;display:flex;position:fixed;bottom:26px}.indicator__num{font-variant-numeric:tabular-nums;gap:6px;display:flex}.indicator__num i{opacity:.5;font-style:normal}.indicator__name{font-family:var(--serif);font-size:15px;font-style:italic;display:inline-block;overflow:hidden}.indicator__name span{display:inline-block}main{z-index:1;position:relative;overflow-x:clip}.section{min-height:100svh;padding:clamp(100px, 14vh, 150px) var(--gutter) clamp(64px, 9vh, 96px);position:relative}.eyebrow{color:var(--fg);align-items:baseline;gap:18px;font-size:14px;display:inline-flex}.eyebrow b{color:var(--accent);font-weight:400}.eyebrow--muted{color:var(--faint)}.title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.6rem,5.6vw,6rem);font-weight:400;line-height:1}.title em,.hero__title em,.final__title em{letter-spacing:-.02em;font-size:1.04em}.w{vertical-align:top;margin:-.12em -.04em -.16em;padding:.12em .04em .16em;display:inline-block;overflow:hidden}.wi{transform-origin:0 100%;will-change:transform;display:inline-block}em[data-circle] .w{overflow:visible}.body{max-width:40ch;color:var(--muted);font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.6}.lead{max-width:36ch;color:var(--muted);font-size:clamp(1.02rem,1.25vw,1.3rem);line-height:1.5}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:9px 16px;font-size:13px}.hero__content{flex-direction:column;justify-content:space-between;gap:40px;min-height:calc(100svh - clamp(100px,14vh,150px) - clamp(64px,9vh,96px));display:flex}.hero__top{justify-content:space-between;gap:24px;display:flex}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero__title{letter-spacing:-.04em;font-size:clamp(2.8rem,6.4vw,7rem);font-weight:400;line-height:.98}.hero__side{text-align:right;flex-direction:column;align-items:flex-end;gap:28px;display:flex}.scroll-hint{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.scroll-hint__line{background:var(--line);width:1px;height:40px;position:relative;overflow:hidden}.scroll-hint__line:after{content:"";background:var(--accent);animation:2.2s cubic-bezier(.7,0,.3,1) infinite hint;position:absolute;inset:0}@keyframes hint{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.split{grid-template-columns:repeat(12,1fr);align-items:center;display:grid}.split__content{z-index:1;flex-direction:column;align-items:flex-start;gap:28px;display:flex;position:relative}.split--left .split__content{grid-column:1/span 6}.split--right .split__content{grid-column:7/span 6}.symbol{height:100svh}.symbol__step{left:var(--gutter);flex-direction:column;align-items:flex-start;gap:28px;width:min(46vw,640px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.symbol__step--2{opacity:0;-webkit-backdrop-filter:blur(14px);background:#fafaf2db;border-radius:22px;width:min(42vw,560px);padding:28px 30px;top:auto;bottom:clamp(64px,10vh,110px);transform:none}.symbol__step--2 .title{font-size:clamp(2rem,3.4vw,3.6rem)}.project{height:180svh;min-height:0;padding:0}.project__sticky{height:100svh;padding:clamp(100px, 14vh, 150px) var(--gutter) clamp(64px, 9vh, 96px);align-items:center;display:flex;position:sticky;top:0}.project__content{flex-direction:column;align-items:flex-start;gap:28px;width:min(31vw,460px);display:flex}.project .eyebrow i{color:var(--faint);font-variant-numeric:tabular-nums;font-style:normal}.project__title{font-size:clamp(2.4rem,4.4vw,4.8rem)}.project__meta{border-top:1px solid var(--line);gap:10px;width:100%;padding-top:18px;font-size:14px;display:grid}.project__meta div{grid-template-columns:88px 1fr;gap:12px;display:grid}.project__meta dt{color:var(--faint)}.project__meta dd{color:var(--fg)}.project__open{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:12px;padding:14px 24px;font-size:15px;transition:background .3s,color .3s;display:inline-flex}.project__open:hover{background:var(--pixiu-gold);border-color:var(--pixiu-gold);color:var(--pixiu-blue)}.project__open span{transition:transform .4s var(--ease)}.project__open:hover span{transform:translate(4px)}.case{z-index:80;overscroll-behavior:contain;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.case[hidden]{display:none}.case__bar{z-index:1;padding:20px var(--gutter);-webkit-backdrop-filter:blur(12px);background:#fafaf2e0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.case__logo{aspect-ratio:335.91/149.55;width:74px;fill:var(--logo)}.case__close{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:11px 20px;font-size:14px;transition:background .3s,color .3s}.case__close:hover{background:var(--fg);color:var(--bg)}.case__body{max-width:1360px;padding:clamp(32px, 7vh, 80px) var(--gutter) clamp(48px, 8vh, 96px);margin:0 auto}.case__head{grid-template-columns:1.2fr 1fr;align-items:end;gap:28px clamp(32px,5vw,80px);margin-bottom:clamp(36px,6vh,72px);display:grid}.case__head .eyebrow,.case__title{grid-column:1/-1}.case__title{letter-spacing:-.04em;font-size:clamp(2.6rem,6.4vw,6.8rem);font-weight:400;line-height:1}.case__summary{max-width:42ch;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.4rem);line-height:1.5}.case__cover,.case__gallery img{border-radius:18px;width:100%;height:auto;display:block}.case__gallery{grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(12px,1.6vw,24px);display:grid}.case__gallery.is-odd img:first-child{grid-column:1/-1}.case__next{border:0;border-top:1px solid var(--line);width:100%;color:var(--fg);font:inherit;letter-spacing:-.035em;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(56px,10vh,120px);padding:36px 0 0;font-size:clamp(1.8rem,4vw,4rem);line-height:1.05;display:flex}.case__next small{letter-spacing:0;color:var(--faint);margin-bottom:12px;font-size:14px;display:block}.process{flex-direction:column;justify-content:space-between;height:100svh;padding-left:0;padding-right:0;display:flex;overflow:hidden}.process__head{padding:0 var(--gutter);flex-direction:column;align-items:flex-start;gap:22px;max-width:860px;display:flex}.process__track{width:max-content;padding:0 var(--gutter) 0 max(var(--gutter), 40vw);will-change:transform;gap:clamp(14px,1.6vw,24px);display:flex}.card{background:var(--card);height:clamp(280px,40vh,400px);color:var(--pixiu-blue);-webkit-backdrop-filter:blur(14px);border-radius:22px;flex-direction:column;flex:0 0 clamp(270px,26vw,400px);justify-content:space-between;padding:clamp(22px,2vw,32px);display:flex}.card__num{font-family:var(--serif);color:var(--pixiu-gold);font-size:clamp(3.4rem,5vw,5rem);font-style:italic;line-height:.8}.card__title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.7rem,2.3vw,2.4rem);font-weight:400}.card__text{color:#1c355ec7;font-size:15px;line-height:1.55}.tone{display:flex}.tone__content{flex-direction:column;flex:1;justify-content:space-between;gap:56px;display:flex}.tone__head{flex-direction:column;align-items:flex-start;gap:26px;max-width:760px;display:flex}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.principle{flex-direction:column;gap:12px;padding:28px 32px 0 0;display:flex}.principle+.principle{border-left:1px solid var(--line);padding-left:32px}.principle__title{letter-spacing:-.02em;font-size:clamp(1.3rem,1.7vw,1.75rem);font-weight:400;line-height:1.15}.principle__text{max-width:34ch;color:var(--muted);font-size:15px;line-height:1.55}.marquee{z-index:1;pointer-events:none;padding:clamp(40px,8vh,90px) 0;position:relative;overflow:hidden}.marquee__row{white-space:nowrap;display:flex}.marquee__track{letter-spacing:-.045em;will-change:transform;align-items:center;gap:.35em;padding-right:.35em;font-size:clamp(4rem,11vw,12rem);font-weight:400;line-height:1.05;display:flex}.marquee__row--serif .marquee__track{font-family:var(--serif);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #c8a977d9;font-style:italic}.marquee .dot{background:var(--pixiu-gold);border-radius:50%;flex:none;width:.13em;height:.13em}.final{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:32px;display:flex}.final__top{flex-direction:column;align-items:center;gap:24px;display:flex}.final__title{letter-spacing:-.035em;text-wrap:balance;max-width:14em;font-size:clamp(2.4rem,4.8vw,5.2rem);font-weight:400;line-height:1.02}.final__bottom{flex-direction:column;align-items:center;gap:clamp(32px,6vh,64px);width:100%;display:flex}.button{background:var(--pixiu-gold);color:var(--pixiu-blue);border-radius:999px;align-items:center;gap:14px;padding:22px 36px;font-size:18px;transition:background .35s,color .35s;display:inline-flex}.button:hover{background:var(--pixiu-cream)}.button__arrow{transition:transform .4s var(--ease);display:inline-block}.button:hover .button__arrow{transform:translate(5px)}.footer{border-top:1px solid var(--line);width:100%;color:var(--faint);justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:13px;display:flex}.footer__brand{align-items:center;gap:12px;display:inline-flex}.footer__badge{background:var(--pixiu-cream);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.footer__badge svg{width:20px;height:20px;fill:var(--pixiu-gold)}@media (width<=1100px){.header__nav{display:none}}@media (width<=768px){.header{padding-top:18px;padding-bottom:18px}.header__logo svg{width:64px}.indicator{bottom:18px}.hero__top .eyebrow--muted{display:none}.hero__bottom{flex-direction:column;align-items:flex-start;gap:22px}.hero__side{text-align:left;align-items:flex-start}.scroll-hint{display:none}.split{align-items:end}.split--left .split__content,.split--right .split__content{grid-column:1/-1}.split__content{gap:20px;padding-bottom:24px}.split:before{content:"";background:linear-gradient(to bottom, transparent, var(--bg) 55%);opacity:.8;pointer-events:none;position:absolute;inset:45% 0 0}.symbol__step{width:auto;top:auto;bottom:64px;right:var(--gutter);gap:18px;transform:none}.symbol__step--2{padding:22px;bottom:56px}.project__sticky{align-items:flex-end;padding-bottom:64px}.project__content{gap:18px;width:100%}.project__title{font-size:clamp(2.2rem,10vw,3.2rem)}.case__head,.case__gallery{grid-template-columns:1fr}.process__track{padding-left:var(--gutter);padding-bottom:40px}.card{flex-basis:78vw;height:clamp(240px,34svh,320px)}.principles{grid-template-columns:1fr}.principle,.principle+.principle{border-left:0;padding:18px 0}.principle+.principle{border-top:1px solid var(--line)}.footer{flex-direction:column;gap:10px;padding-bottom:36px}}
