@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";.iridescence-container{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.iridescence-container canvas{width:100%;height:100%;display:block}.profile-glass-card{--pointer-x:50%;--pointer-y:50%;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(135deg,#ffffff85,#ffffff40);border:1px solid #ffffff94;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 24px 70px #3c446f1c,inset 0 1px #ffffff9e}.profile-glass-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(320px circle at var(--pointer-x) var(--pointer-y),#7e6fff40,#74cdff21 35%,transparent 68%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.profile-glass-card:after{content:"";border-radius:inherit;background:radial-gradient(180px circle at var(--pointer-x) var(--pointer-y),#fffffff2,#8b79ff8c 42%,transparent 72%) border-box;opacity:0;pointer-events:none;border:1px solid #0000;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-glass-card:hover:before,.profile-glass-card:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.profile-glass-card:before,.profile-glass-card:after{transition:none}}:root{--bg:#07090a;--text:#f0f3f2;--muted:#8b9492;--line:#ffffff24;--accent:#6af5e7;--shell:min(1700px,calc(100vw - 80px));color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.section{padding:140px 0}.section-index{letter-spacing:.18em;color:#87908e;border-top:1px solid var(--line);padding-top:17px;font-size:10px}.eyebrow{letter-spacing:.18em;align-items:center;gap:10px;font-size:10px;display:flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 18px var(--accent);border-radius:50%}.arrow{transition:transform .25s;display:inline-flex}.nav{z-index:30;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:92px;padding:0 max(40px,50vw - 850px);transition:all .35s;display:grid;position:fixed;top:0}.nav--solid{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07090ad1;height:72px}.monogram{letter-spacing:-.05em;font-size:21px;font-weight:600}.monogram span{vertical-align:top;margin-left:4px;font-size:7px}.nav-links{gap:38px;display:flex}.nav-links a{color:#c4ccca;font-size:12px}.contact-pill{border:1px solid #fff6;border-radius:99px;justify-self:end;align-items:center;gap:28px;padding:12px 18px;font-size:12px;display:flex}.contact-pill:hover .arrow,.mail-link:hover .arrow,.directory-card:hover .arrow,.project-end a:hover .arrow{transform:translate(3px,-3px)}.hero{min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-media{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate slowZoom;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#040607f2,#04060785 48%,#04060714),linear-gradient(#0000 45%,#030405b8);position:absolute;inset:0}.grid-overlay{opacity:.15;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:8.33333vw 8.33333vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28% 80%,#0000);mask-image:linear-gradient(#0000,#000 28% 80%,#0000)}.hero-content{z-index:2;flex-direction:column;justify-content:flex-end;padding:170px 0 52px;display:flex;position:relative}.hero h1{letter-spacing:-.072em;margin:28px 0 62px;font-size:clamp(76px,9.4vw,180px);font-weight:500;line-height:.79}.hero h1 span{display:block}.hero h1 .outline{color:#0000;-webkit-text-stroke:1px #f0f3f294;margin-left:8vw}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-top:24px;display:flex}.hero-bottom>p{color:#b7bfbd;font-size:14px;line-height:1.8}.round-link{text-align:center;letter-spacing:.1em;border:1px solid #ffffff59;border-radius:50%;flex-direction:column;justify-content:center;width:112px;height:112px;font-size:9px;line-height:1.5;transition:all .3s;display:flex}.round-link span{font-size:18px}.round-link:hover{background:var(--text);color:var(--bg);transform:rotate(-6deg)}.profile-intro{grid-template-columns:1fr 2.2fr;gap:8vw;padding:68px 0 100px;display:grid}.kicker{color:var(--muted);margin:5px 0;font-size:12px;line-height:1.8}.profile-intro h2{letter-spacing:-.045em;max-width:1100px;margin:0;font-size:clamp(36px,3.5vw,66px);font-weight:400;line-height:1.2}.profile-main{grid-template-columns:.8fr 1.2fr;gap:7vw;display:grid}.portrait-frame{background:#101314;min-height:550px;margin:0;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:72% center;filter:saturate(.62);width:100%;height:100%}.portrait-frame figcaption{letter-spacing:.13em;background:#050809c2;padding:16px;font-size:9px;position:absolute;inset:auto 0 0}.profile-copy{flex-direction:column;justify-content:center;display:flex}.profile-copy>p{color:#b0b9b7;max-width:760px;margin:0 0 42px;font-size:17px;line-height:1.95}.profile-meta{border-top:1px solid var(--line)}.profile-meta>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;padding:16px 0;font-size:12px;display:grid}.profile-meta span{color:#68716f}.profile-meta strong{font-weight:400}.capability-tags{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.capability-tags span{border:1px solid var(--line);color:#b6bfbd;border-radius:99px;padding:11px 15px;font-size:10px}.awards-block{border-top:1px solid var(--line);grid-template-columns:1fr 2.2fr;gap:8vw;margin-top:110px;padding-top:28px;display:grid}.awards-title{flex-direction:column;gap:13px;display:flex}.awards-title span{letter-spacing:.14em;color:var(--muted);font-size:9px}.awards-title strong{font-size:18px;font-weight:400}.award-list>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;padding:17px 0;font-size:13px;display:grid}.award-list span{color:#697270}.award-list p{margin:0}.profile{isolation:isolate;color:#161a19;background:linear-gradient(110deg,#ddd6f1 0%,#dfe4f5 40%,#d8eef5 100%);width:100%;max-width:none;padding-inline:max(40px,50vw - 850px);position:relative;overflow:hidden}.profile:before,.profile:after{display:none}.profile>*{z-index:1;position:relative}.profile .section-index{color:#69706e;border-color:#141a1833}.profile .kicker{color:#666dd5;letter-spacing:.08em}.profile-intro{padding-bottom:82px}.profile-intro h2{color:#171b1a;max-width:1000px}.profile-main{grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr);align-items:stretch;gap:clamp(48px,6vw,110px)}.profile .portrait-frame{background:#d7d8d2;border:1px solid #141a1824;min-height:580px;box-shadow:0 28px 70px #2a2f2d1a}.profile .portrait-frame img{filter:saturate(.72)contrast(.96);transition:transform .8s cubic-bezier(.16,1,.3,1)}.profile .portrait-frame:hover img{transform:scale(1.018)}.profile .portrait-frame figcaption{color:#565e5b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f4efe0;border-top:1px solid #141a181f}.profile-copy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #264c5e24;padding:clamp(42px,5vw,82px);box-shadow:0 28px 70px #2a434f14}.profile-copy>p{color:#4f5956;margin-bottom:38px;font-size:16px}.profile .profile-meta{border-color:#141a182e}.profile .profile-meta>div{border-color:#141a1829}.profile .profile-meta span{color:#858d8a}.profile .profile-meta strong{color:#242a28}.profile .capability-tags span{color:#4b5451;background:#ffffff6b;border-color:#141a1833}.profile .awards-block{border-color:#141a1833;margin-top:90px;padding-top:30px}.profile .awards-title span{color:#767e7b}.profile .awards-title strong{color:#242a28}.profile .award-list>div{border-color:#141a1829}.profile .award-list span{color:#7d8582}.profile .award-list p{color:#303634}@media (width<=900px){.profile{padding-inline:18px}.profile-main{grid-template-columns:1fr}.profile .portrait-frame{min-height:480px}.profile-copy{padding:34px 24px}.profile .awards-block{margin-top:70px}}.profile-card-grid{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:22px;display:grid}.profile-card-grid .profile-glass-card{color:#20252d;padding:34px}.profile-card-number{letter-spacing:.16em;color:#68718a;margin-bottom:28px;font-size:9px;display:block}.profile-card-grid h3{letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(25px,2vw,36px);font-weight:500}.profile-about-card{grid-column:1/-1;grid-template-columns:minmax(330px,.72fr) 1.28fr;gap:0;min-height:560px;display:grid;padding:14px!important}.profile-about-card .portrait-frame{aspect-ratio:3/4;background:linear-gradient(145deg,#ffffffd1,#dfe5f2ad);border:1px solid #232d3a24;border-radius:20px;min-height:0;padding:12px 12px 48px;box-shadow:0 24px 55px #2a2f3821}.profile-about-card .portrait-frame img{object-fit:contain;object-position:center;filter:none;border-radius:12px;width:100%;height:100%;display:block;transform:none}.profile-about-card .portrait-frame:hover img{transform:none}.profile-about-card .portrait-frame figcaption{color:#596270;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:space-between;padding:15px 2px;display:flex;inset:auto 12px 0}.profile-about-card .portrait-frame figcaption span:first-child{color:#303844;font-weight:600}.profile-card-content{flex-direction:column;justify-content:center;padding:clamp(36px,5vw,78px);display:flex}.profile-card-content p{color:#4b5360;max-width:760px;margin:0;font-size:16px;line-height:1.95}.profile-info-card{min-height:390px}.profile-card-list{border-top:1px solid #262d3e26}.profile-card-list>div{border-bottom:1px solid #262d3e26;grid-template-columns:82px 1fr;gap:18px;padding:17px 0;font-size:12px;display:grid}.profile-card-list span{color:#7b8393}.profile-card-list strong{color:#252b35;font-weight:400}.profile-skill-copy{color:#59616d;max-width:560px;margin:0 0 24px;font-size:14px;line-height:1.8}.profile-card-grid .capability-tags{margin-top:0}.profile-card-grid .capability-tags span{background:#ffffff59}.profile-tools{letter-spacing:.08em;color:#667080;border-top:1px solid #262d3e26;margin:28px 0 0;padding-top:18px;font-size:10px}.profile-awards-card{grid-column:1/-1}.profile-awards-card .award-list{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.profile-awards-card .award-list>div{border-color:#262d3e26;grid-template-columns:72px 1fr}@media (width<=900px){.profile-card-grid{grid-template-columns:1fr}.profile-about-card{grid-column:1;grid-template-columns:1fr;min-height:0;padding:10px!important}.profile-about-card .portrait-frame{width:min(100%,520px);min-height:0;margin-inline:auto}.profile-card-content{padding:34px 22px 38px}.profile-info-card{min-height:0}.profile-awards-card{grid-column:1}.profile-awards-card .award-list{grid-template-columns:1fr}.profile-card-grid .profile-glass-card{border-radius:20px;padding:26px}}.directory{color:#090b0b;background:#e7e9e6}.directory .section-index{color:#626967;border-color:#0003}.directory-head{grid-template-columns:2fr 1fr;align-items:end;gap:8vw;margin:70px 0 85px;display:grid}.directory-head h2{letter-spacing:-.075em;margin:0;font-size:clamp(64px,7.8vw,146px);font-weight:500;line-height:.79}.directory-head h2 span{color:#0000;-webkit-text-stroke:1px #0a0c0c61}.directory-head p{color:#5d6563;max-width:390px;font-size:12px;line-height:1.75}.directory-grid{grid-template-columns:1fr 1fr;gap:90px 26px;display:grid}.directory-cover{aspect-ratio:16/10;background:#0b0d0e;position:relative;overflow:hidden}.directory-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s}.directory-card:hover img{filter:brightness(.72);transform:scale(1.04)}.directory-cover--empty{background:repeating-linear-gradient(135deg,#d5d8d4,#d5d8d4 1px,#e0e2df 1px 18px);border:1px solid #00000024}.empty-cover{text-align:center;color:#747b79;place-content:center;display:grid;position:absolute;inset:0}.empty-cover span{font-size:50px;font-weight:200}.empty-cover p{letter-spacing:.16em;font-size:9px;line-height:1.7}.card-id,.card-open{color:#fff;letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0ac7;padding:10px 13px;font-size:9px;position:absolute;top:18px}.card-id{left:18px}.card-open{gap:20px;display:flex;right:18px}.directory-meta{border-top:1px solid #00000038;justify-content:space-between;margin-top:18px;padding-top:17px;display:flex}.directory-meta h3{letter-spacing:-.03em;margin:0 0 7px;font-size:22px;font-weight:500}.directory-meta p,.directory-meta>span{color:#626a68;margin:0;font-size:11px}.directory-animate .directory-card{opacity:0;filter:blur(7px);will-change:transform,opacity,filter;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .78s,filter .85s}.directory-animate .directory-card:nth-child(odd){transform:translate(-9vw,55px)rotate(-1deg)}.directory-animate .directory-card:nth-child(2n){transition-delay:90ms;transform:translate(9vw,55px)rotate(1deg)}.directory-animate .directory-card.is-visible{opacity:1;filter:blur();transform:translate(0,0)rotate(0)}.contact{align-items:center;min-height:100vh;padding:120px 0 36px;display:flex;position:relative;overflow:hidden}.contact-glow{background:radial-gradient(circle,#2685813b,#0000 64%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-26vw;right:-20vw}.contact-inner{flex-direction:column;justify-content:center;min-height:calc(100vh - 156px);display:flex;position:relative}.contact-heading{margin:auto 0 0}.contact h2{letter-spacing:-.07em;max-width:1500px;margin:44px 0 24px;font-size:clamp(54px,7.6vw,146px);font-weight:500;line-height:.82}.contact h2 span{display:block}.contact h2 .contact-title-outline{color:#0000;-webkit-text-stroke:1px #f0f3f280;margin-left:7vw}.contact-cn{color:#c8cfcd;letter-spacing:.12em;margin:0;font-size:clamp(18px,1.8vw,31px);font-weight:300}.contact-details{grid-template-columns:1fr 1fr;gap:18px;margin:clamp(54px,7vh,86px) 0;display:grid}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #fff3;grid-template-columns:1fr auto;align-items:end;gap:24px;min-height:132px;padding:24px 28px;transition:background .3s,border-color .3s,transform .3s;display:grid}.contact-card>span{letter-spacing:.17em;color:#818b88;grid-column:1/-1;font-size:9px}.contact-card strong{letter-spacing:-.02em;font-size:clamp(18px,1.6vw,28px);font-weight:400}.contact-card .arrow{font-size:22px}.contact-card:hover{background:#ffffff17;border-color:#ffffff75;transform:translateY(-3px)}.contact-card:hover .arrow{transform:translate(3px,-3px)}.footer-line{border-top:1px solid var(--line);color:#707977;letter-spacing:.1em;justify-content:space-between;width:100%;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.project-page{background:#080a0b}.project-hero{align-items:flex-end;height:100vh;min-height:760px;display:flex;position:relative;overflow:hidden}.project-hero--empty{background:repeating-linear-gradient(135deg,#090c0d,#090c0d 1px,#0e1213 1px 24px)}.project-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-hero-shade{background:linear-gradient(#0406070d 30%,#040607eb),linear-gradient(90deg,#04060773,#0000);position:absolute;inset:0}.project-title{z-index:2;padding-bottom:62px;position:relative}.project-label{border-bottom:1px solid var(--line);letter-spacing:.14em;justify-content:space-between;padding-bottom:18px;font-size:10px;display:flex}.project-title h1{letter-spacing:-.07em;margin:42px 0 25px;font-size:clamp(64px,8.5vw,160px);font-weight:500;line-height:.85}.project-title>p{color:#c1c8c6;letter-spacing:.08em;font-size:13px}.project-body{padding:140px 0}.project-overview{grid-template-columns:1fr 1.4fr;gap:6vw;margin-bottom:120px;display:grid}.project-overview .section-index{grid-column:1/-1}.project-overview h2{letter-spacing:-.055em;margin:50px 0 0;font-size:clamp(42px,5vw,88px);font-weight:400}.project-overview>p{color:var(--muted);max-width:580px;margin:60px 0 0;font-size:14px;line-height:1.9}.project-gallery{grid-template-columns:1fr 1fr;gap:22px;display:grid}.gallery-placeholder{border:1px solid var(--line);color:#5e6866;background:linear-gradient(135deg,#0b0e0f,#111516);flex-direction:column;justify-content:space-between;min-height:520px;padding:25px;display:flex}.gallery-placeholder--1{grid-column:1/-1;min-height:780px}.gallery-placeholder--4{grid-column:1/-1;min-height:700px}.gallery-placeholder span{letter-spacing:.16em;font-size:9px}.gallery-placeholder p{font-size:12px}.project-end{border-top:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;margin-top:100px;padding:22px 0;font-size:10px;display:flex}.project-end a{gap:18px;display:flex}.not-found{text-align:center;place-content:center;height:100vh;display:grid}.not-found p{color:var(--muted);letter-spacing:.15em;font-size:10px}.not-found h1{margin:20px;font-size:70px}.not-found a{font-size:12px}@keyframes slowZoom{0%{transform:scale(1.015)}to{transform:scale(1.07)}}@media (width<=900px){:root{--shell:calc(100vw - 36px)}.nav{grid-template-columns:1fr auto;height:70px;padding:0 18px}.nav-links{display:none}.contact-pill{gap:10px;padding:10px 14px}.hero h1{font-size:18vw}.hero h1 .outline{margin-left:0}.hero-content{padding-bottom:28px}.round-link{width:86px;height:86px}.section{padding:95px 0}.profile-intro,.profile-main,.awards-block,.directory-head,.project-overview{grid-template-columns:1fr}.profile-intro{padding:45px 0 65px}.portrait-frame{min-height:480px}.profile-copy{padding-top:40px}.awards-block{gap:30px}.directory-head{margin:50px 0}.directory-grid{grid-template-columns:1fr;gap:60px}.contact{min-height:100vh;padding:105px 0 28px}.contact-inner{min-height:calc(100vh - 133px)}.contact h2{margin:34px 0 20px;font-size:clamp(48px,13vw,78px);line-height:.88}.contact h2 .contact-title-outline{margin-left:0}.contact-cn{font-size:17px}.contact-details{grid-template-columns:1fr;gap:12px;margin:50px 0}.contact-card{min-height:112px;padding:20px}.footer-line{flex-wrap:wrap;gap:18px;margin-top:auto}.project-title h1{font-size:17vw}.project-body{padding:90px 0}.project-overview>p{margin:0}.project-gallery{grid-template-columns:1fr}.gallery-placeholder,.gallery-placeholder--1,.gallery-placeholder--4{grid-column:1;min-height:65vw}.project-end{gap:20px}}.coffee-finale{padding-bottom:110px}.finale-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:start;height:auto;min-height:0}.finale-grid figure{background:#0b0d0e;margin:0}.finale-grid figure img{object-fit:contain;width:100%;height:auto;display:block}.finale-chairs{grid-area:auto/1/auto/-1}.project-navigation{color:#f0f3f2;background:#0b0d0e;border-top:1px solid #ffffff24;grid-template-columns:1fr 210px 1fr;min-height:168px;display:grid}.project-navigation>a{flex-direction:column;justify-content:center;gap:10px;padding:30px 38px;transition:background .3s,color .3s;display:flex}.project-navigation>a:hover{color:#090b0b;background:#f0f3f2}.project-navigation span{letter-spacing:.16em;color:#77807e;font-size:8px}.project-navigation strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.project-nav-prev{border-right:1px solid #ffffff24}.project-nav-next{text-align:right;border-left:1px solid #ffffff24;align-items:flex-end}.project-nav-directory{text-align:center;align-items:center}@media (width<=900px){.coffee-finale{padding-bottom:75px}.finale-grid{grid-template-columns:1fr}.finale-chairs{grid-column:1}.project-navigation{grid-template-columns:1fr 110px 1fr;min-height:132px}.project-navigation>a{padding:22px 14px}.project-navigation strong{font-size:10px}.project-nav-side span{font-size:7px}.project-nav-directory span{display:none}.directory-animate .directory-card:nth-child(odd){transform:translate(-34px,34px)rotate(-.5deg)}.directory-animate .directory-card:nth-child(2n){transition-delay:0s;transform:translate(34px,34px)rotate(.5deg)}.directory-animate .directory-card.is-visible{transform:translate(0,0)rotate(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.directory-animate .directory-card{opacity:1;filter:none;transition:none;transform:none!important}}.hero,.contact{background:#030507}.hero>.iridescence-container,.contact>.iridescence-container{z-index:0}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#040607d1,#04060766 48%,#0406071a),linear-gradient(#0000 42%,#030405c2)}.grid-overlay,.contact-glow{z-index:1;pointer-events:none}.hero-content,.contact-inner{z-index:2}.contact>.iridescence-container{opacity:.72;filter:saturate(.82)brightness(.72)}.coffee-project{color:#101214;background:#f4f2ed}.coffee-page{min-height:100vh;position:relative;overflow:hidden}.coffee-page-count{z-index:5;color:#ffffffb8;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.coffee-page-count.dark{color:#68706e}.coffee-cover{background:#050707;align-items:flex-end;height:100vh;display:flex}.coffee-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.coffee-cover-shade{background:linear-gradient(#04060714 28%,#040607ed),linear-gradient(90deg,#0507085c,#0000);position:absolute;inset:0}.coffee-cover-copy{z-index:2;color:#fff;padding-bottom:52px;position:relative}.coffee-cover-copy>p,.coffee-kicker,.coffee-section-head>p{letter-spacing:.18em;font-size:9px}.coffee-cover-copy h1{letter-spacing:-.07em;margin:34px 0 40px;font-size:clamp(64px,8vw,150px);font-weight:500;line-height:.79}.coffee-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffff9e;font-size:.56em}.coffee-cover-copy>div{border-top:1px solid #ffffff40;justify-content:space-between;padding-top:18px;display:flex}.coffee-cover-copy strong{max-width:560px;font-size:13px;font-weight:400;line-height:1.65}.coffee-cover-copy>div span{letter-spacing:.15em;color:#aab2b0;font-size:9px}.coffee-story{color:#101214;background:#f2f0e9;padding:130px 0 80px}.coffee-story-grid{grid-template-columns:.82fr 1.18fr;align-items:start;gap:5vw;display:grid}.coffee-kicker{color:#1576e8;margin:0 0 35px}.coffee-story h2,.coffee-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.88}.coffee-story-copy{padding-top:42px}.coffee-story-copy>p{color:#4e5654;max-width:720px;margin:0 0 20px;font-size:16px;line-height:1.95}.coffee-values{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.coffee-values span{letter-spacing:.1em;border:1px solid #0000002e;border-radius:99px;padding:10px 14px;font-size:9px}.coffee-story-grid>img{background:#fff;grid-column:1/-1;width:100%;margin-top:35px}.coffee-poster-page{color:#fff;background:#0a72df;flex-direction:column;padding:120px 0 0;display:flex}.coffee-section-head{z-index:2;position:relative}.coffee-section-head>p{color:#ffffffad;margin:0 0 28px}.coffee-section-head.dark>p{color:#1576e8}.coffee-section-head.dark{color:#111}.coffee-poster-set{object-fit:cover;object-position:center top;flex:1;width:100%;min-height:0;margin-top:60px;display:block}.coffee-editorial-page{background:#eeece6;padding:120px 0}.coffee-editorial{grid-template-rows:auto auto auto;grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.coffee-editorial>.coffee-section-head{grid-column:1/-1;margin-bottom:45px}.coffee-editorial img{object-fit:cover;width:100%;height:100%}.poster-wall{grid-row:2/4;min-height:720px}.poster-shadow,.poster-frame{min-height:348px}.coffee-system-page{color:#111;background:#f5f3ee;padding:120px 0}.coffee-system-grid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:7vw;display:grid}.coffee-system-grid .coffee-section-head span{color:#68706e;max-width:470px;margin-top:42px;font-size:12px;line-height:1.8;display:block}.logo-board{background:#fff;border:1px solid #00000014;padding:20px}.logo-board img{width:100%;display:block}.coffee-products-page{color:#fff;background:#1179e9;padding:120px 0 90px}.product-duo{grid-template-columns:1fr 1fr;gap:24px;margin-top:65px;display:grid}.product-duo figure,.kit-grid figure{margin:0}.product-duo img{aspect-ratio:4/3;object-fit:cover;background:#fff;width:100%}.product-duo figcaption{letter-spacing:.15em;color:#ffffffb3;padding-top:14px;font-size:9px}.coffee-kit-page{color:#111;background:#eeece7;padding:120px 0 80px}.kit-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.25fr .75fr;gap:22px;height:calc(100vh - 330px);min-height:580px;margin-top:60px;display:grid}.kit-grid figure{background:#ddd;overflow:hidden}.kit-grid .kit-lanyard{grid-row:1/3}.kit-grid img{object-fit:cover;width:100%;height:100%}.coffee-finale{color:#fff;background:#0b0d0e;flex-direction:column;padding:110px 0 38px;display:flex}.finale-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .7fr;gap:18px;height:58vh;min-height:470px;margin-top:48px;display:grid}.finale-grid img{object-fit:cover;width:100%;height:100%}.finale-chairs{grid-row:1/3}.coffee-project-end{letter-spacing:.14em;border-top:1px solid #ffffff2e;justify-content:space-between;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.coffee-project-end a{gap:18px;display:flex}@media (width<=900px){.coffee-page{min-height:auto}.coffee-page-count{top:82px;right:18px}.coffee-cover{height:100vh}.coffee-story,.coffee-poster-page,.coffee-editorial-page,.coffee-system-page,.coffee-products-page,.coffee-kit-page,.coffee-finale{padding:95px 0 55px}.coffee-cover-copy h1{font-size:16vw}.coffee-cover-copy>div{gap:28px}.coffee-story-grid,.coffee-system-grid{grid-template-columns:1fr}.coffee-story-copy{padding-top:0}.coffee-story-grid>img{margin-top:10px}.coffee-poster-set{object-position:center;min-height:55vh}.coffee-editorial{grid-template-columns:1fr}.poster-wall{grid-row:auto;min-height:70vw}.poster-shadow,.poster-frame{min-height:62vw}.product-duo{grid-template-columns:1fr}.kit-grid{grid-template-columns:1fr;height:auto;min-height:0;display:grid}.kit-grid .kit-lanyard{grid-row:auto}.kit-grid figure{height:72vw}.finale-grid{grid-template-columns:1fr;height:auto;min-height:0}.finale-grid img{height:65vw}.finale-chairs{grid-row:auto}.coffee-project-end{margin-top:65px}}.coffee-finale{padding:110px 0 100px;display:block}.finale-grid{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;height:auto;min-height:0;display:grid}.finale-grid figure,.finale-grid .finale-chairs,.finale-grid .finale-cup,.finale-grid .finale-sign{background:#111416;grid-area:auto;min-width:0;margin:0}.finale-grid figure img,.finale-grid img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;display:block}.finale-grid figcaption{color:#747d7b;letter-spacing:.13em;padding:13px 0 4px;font-size:9px}.project-navigation{color:#f0f3f2;background:#0b0d0e;border-top:1px solid #ffffff24;min-height:150px;display:block}.project-navigation .project-nav-next{text-align:right;border:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;width:100%;min-height:150px;padding:28px max(40px,50vw - 850px);transition:background .3s,color .3s;display:flex}.project-navigation .project-nav-next:hover{color:#090b0b;background:#f0f3f2}.project-navigation .project-nav-next span{letter-spacing:.16em;color:#77807e;font-size:8px}.project-navigation .project-nav-next strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;font-weight:400;overflow:hidden}@media (width<=900px){.coffee-finale{padding:95px 0 70px}.finale-grid{grid-template-columns:1fr}.finale-grid figure img,.finale-grid img{height:auto}.project-navigation,.project-navigation .project-nav-next{min-height:120px}.project-navigation .project-nav-next{padding:22px 18px}.project-navigation .project-nav-next strong{font-size:13px}}.directory-card[href="/work/baize"] .directory-cover img{object-position:center 7%}.baize-project{--bz-red:#ca2b3a;--bz-cream:#f4efe4;--bz-teal:#108b98;--bz-ink:#24191a;background:var(--bz-cream);color:var(--bz-ink)}.baize-page{min-height:100vh;padding:120px 0;position:relative;overflow:hidden}.baize-page-count{z-index:5;color:#ffffffb8;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.baize-page-count.dark{color:#746666}.baize-board-crop{background-repeat:no-repeat;background-size:100%;margin:0}.baize-cover{color:#fff;background:#3f1118;align-items:flex-end;height:100vh;padding:0;display:flex}.baize-cover-art{background-size:cover;width:100%;height:100%;position:absolute;inset:0;background-position:50% 5%!important}.baize-cover-mask{background:linear-gradient(90deg,#360911f5,#5b0c1885 55%,#5b0c1814),linear-gradient(#0000 38%,#200409d6);position:absolute;inset:0}.baize-cover-copy{z-index:2;padding-bottom:52px;position:relative}.baize-cover-copy>p,.baize-kicker,.baize-section-head>p{letter-spacing:.18em;font-size:9px}.baize-cover-copy h1{letter-spacing:-.07em;margin:35px 0 46px;font-size:clamp(76px,9vw,170px);font-weight:500;line-height:.75}.baize-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffffa3;font-size:.54em}.baize-cover-copy>div{border-top:1px solid #ffffff47;justify-content:space-between;padding-top:18px;display:flex}.baize-cover-copy strong{max-width:600px;font-size:13px;font-weight:400;line-height:1.65}.baize-cover-copy>div span{letter-spacing:.14em;color:#d4b9bc;font-size:9px}.baize-statement{background:var(--bz-cream)}.baize-statement-grid{grid-template-columns:.84fr 1.16fr;gap:6vw;display:grid}.baize-kicker{color:var(--bz-red);margin:0 0 35px}.baize-statement h2,.baize-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.87}.baize-statement-copy{padding-top:43px}.baize-statement-copy>p{color:#66595a;max-width:720px;margin:0 0 20px;font-size:16px;line-height:1.95}.baize-statement-copy>div{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.baize-statement-copy span{letter-spacing:.1em;border:1px solid #341e2033;border-radius:99px;padding:10px 14px;font-size:9px}.baize-statement-art{background-color:#fff;border:1px solid #4b22271f;height:39vw;min-height:420px;max-height:680px;margin-top:70px}.baize-section-head{z-index:2;margin-bottom:58px;position:relative}.baize-section-head>p{color:#ffffffb8;margin:0 0 28px}.baize-section-head.dark>p{color:var(--bz-red)}.baize-section-head.dark{color:var(--bz-ink)}.baize-wide-crop{background-color:#fff;border:1px solid #421f221f;height:57vw;min-height:520px;max-height:900px}.baize-profile-page{background:var(--bz-red);color:#fff}.baize-profile-page .baize-wide-crop{border-color:#ffffff38}.baize-views-page{background:#f6f1e8}.baize-views-crop{height:48vw;max-height:760px}.baize-expression-page{background:var(--bz-teal);color:#fff}.baize-expression-crop{height:43vw;max-height:700px}.baize-costume-page{background:#f5eee5}.baize-costume-crop{height:58vw;max-height:920px}.baize-merch-page{background:var(--bz-red);color:#fff}.baize-merch-crop{height:45vw;max-height:720px}.baize-package-page{background:#f4efe5}.baize-package-crop{height:46vw;max-height:740px}.baize-scene-page{color:#fff;background:#0e191a;padding-bottom:105px}.baize-scene-crop{border-color:#ffffff26;height:47vw;max-height:760px}@media (width<=900px){.baize-page{min-height:auto;padding:95px 0 70px}.baize-cover{height:100vh;padding:0}.baize-page-count{top:82px;right:18px}.baize-cover-copy h1{font-size:21vw}.baize-cover-copy>div{gap:18px}.baize-statement-grid{grid-template-columns:1fr}.baize-statement-copy{padding-top:38px}.baize-statement-art,.baize-wide-crop,.baize-views-crop,.baize-expression-crop,.baize-costume-crop,.baize-merch-crop,.baize-package-crop,.baize-scene-crop{height:78vw;min-height:360px;margin-top:45px}.baize-section-head{margin-bottom:40px}}.baize-artwork{background:#fff;border:1px solid #421f221f;margin:0;overflow:hidden}.baize-artwork img{width:100%;height:auto;display:block}.baize-cover{isolation:isolate;background:#c92334}.baize-cover-art{object-fit:contain;object-position:center center;background:#c92334;width:100%;height:calc(100vh - 70px);inset:70px 0 auto}.baize-cover-mask{z-index:1;background:linear-gradient(0deg,#2b050be6 0,#50081247 28%,#0000 52%)}.baize-cover-copy{padding-bottom:38px}.baize-cover-copy>p{color:#efc7cc;margin:0 0 15px}.baize-cover-copy h1{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(38px,4vw,72px);line-height:.85}.baize-cover-copy h1 br{display:none}.baize-cover-copy h1 span{margin-left:18px;font-size:1em}.baize-statement{background:#f5efe5;flex-direction:column;justify-content:center;display:flex}.baize-statement-grid{align-items:center}.baize-statement-band{letter-spacing:.13em;color:#78696a;border-top:1px solid #341e203d;border-bottom:1px solid #341e203d;grid-template-columns:1fr 1fr 1fr 70px;align-items:center;gap:20px;margin-top:90px;padding:22px 0;font-size:9px;display:grid}.baize-statement-band i{background:conic-gradient(#ca2b3a 0 33%,#108b98 33% 66%,#eee4d1 66%);border-radius:50%;width:52px;height:52px}.baize-identity-grid{grid-template-columns:1.12fr .88fr;align-items:stretch;gap:24px;display:grid}.baize-identity-grid .baize-artwork{border-color:#ffffff38;display:flex}.baize-identity-grid img{object-fit:contain}.baize-wide-art{border-radius:2px;box-shadow:0 28px 70px #3714181a}.baize-portrait-art{width:min(1180px,var(--shell));margin-left:auto;margin-right:auto;box-shadow:0 28px 70px #3714181a}.baize-expression-page .baize-artwork,.baize-merch-page .baize-artwork,.baize-scene-page .baize-artwork{border-color:#ffffff40}.baize-scene-art{background:#080b0c}.baize-package-page,.baize-views-page,.baize-costume-page{color:var(--bz-ink)}@media (width<=900px){.baize-cover-art{object-fit:contain;height:calc(100vh - 70px);inset:70px 0 auto}.baize-cover-copy h1{font-size:40px}.baize-cover-copy h1 span{margin-left:10px}.baize-cover-copy>div{flex-direction:column}.baize-cover-copy>div span{display:none}.baize-statement-band{grid-template-columns:1fr;gap:16px;margin-top:55px}.baize-statement-band i{grid-row:1;width:42px;height:42px}.baize-identity-grid{grid-template-columns:1fr}.baize-artwork,.baize-wide-art,.baize-portrait-art{height:auto!important;min-height:0!important;margin-top:0!important}.baize-section-head{margin-bottom:34px}.baize-page:not(.baize-cover){padding-top:105px}}.directory-card[href="/work/small-ranch"] .directory-cover img{object-position:center}.farm-project{--farm-sky:#77c8ef;--farm-blue:#2678b8;--farm-grass:#66a344;--farm-cream:#f5edcf;--farm-navy:#132d43;background:var(--farm-cream);color:var(--farm-navy)}.farm-page{min-height:100vh;padding:120px 0;position:relative;overflow:hidden}.farm-page-count{z-index:5;color:#ffffffc2;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.farm-page-count.dark{color:#676}.farm-cover{color:#fff;isolation:isolate;background:#70c8ee;align-items:flex-end;height:100vh;padding:0;display:flex}.farm-cover-art{object-fit:cover;object-position:center;width:100%;height:calc(100vh - 70px);position:absolute;inset:70px 0 auto}.farm-cover-mask{z-index:1;background:linear-gradient(#0000 28%,#18546a14 46%,#0d2633eb);position:absolute;inset:0}.farm-cover-copy{z-index:2;padding-bottom:40px;position:relative}.farm-cover-copy>p,.farm-kicker,.farm-section-head>p{letter-spacing:.18em;font-size:9px}.farm-cover-copy>p{color:#d5f3ff;margin:0 0 15px}.farm-cover-copy h1{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(48px,5.5vw,100px);font-weight:500;line-height:.82}.farm-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffffad;font-size:.42em}.farm-cover-copy>div{border-top:1px solid #ffffff52;justify-content:space-between;gap:30px;padding-top:18px;display:flex}.farm-cover-copy strong{max-width:660px;font-size:13px;font-weight:400;line-height:1.65}.farm-cover-copy>div span{letter-spacing:.14em;color:#c7e6ef;font-size:9px}.farm-intro{background-color:#f5edcf;background-image:linear-gradient(#496a370d 1px,#0000 1px),linear-gradient(90deg,#496a370d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;align-items:center;display:flex}.farm-intro-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;display:grid}.farm-kicker{color:var(--farm-grass);margin:0 0 35px}.farm-intro h2,.farm-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.87}.farm-intro-copy p{color:#596557;max-width:740px;margin:0 0 20px;font-size:16px;line-height:1.95}.farm-intro-copy>div{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.farm-intro-copy span{letter-spacing:.1em;border:1px solid #19372b38;border-radius:99px;padding:10px 14px;font-size:9px}.farm-section-head{margin-bottom:54px}.farm-section-head>p{color:var(--farm-grass);margin:0 0 28px}.farm-section-head.light{color:#fff}.farm-section-head.light>p{color:#aee2fb}.farm-loop-page,.farm-making-page,.farm-finale-page{background:#f7f1d9}.farm-sprite-page,.farm-system-page{color:#fff;background:#173b52}.farm-wide-art{background:#fff;border:1px solid #1a3d3326;margin:0 auto;box-shadow:0 26px 65px #2040301f}.farm-wide-art--dark{background:#102b3d;border-color:#ffffff2e}.farm-wide-art img{width:100%;height:auto;display:block}.farm-wide-art figcaption,.farm-gameplay figcaption,.farm-process-card figcaption{letter-spacing:.14em;color:#6b7d6a;border-top:1px solid #1a3d3321;padding:14px 16px;font-size:8px}.farm-wide-art--dark figcaption,.farm-system-page .farm-process-card figcaption{color:#a6c5d5;border-color:#ffffff21}.farm-process-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.farm-process-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.farm-process-card{background:#fff;border:1px solid #1a3d3326;min-width:0;margin:0}.farm-system-page .farm-process-card{background:#102b3d;border-color:#ffffff2e}.farm-process-card--wide{grid-column:1/-1}.farm-process-card img{width:100%;height:auto;display:block}.farm-test-gallery{gap:30px;display:grid}.farm-test-gallery figure{background:#ffffffad;border:1px solid #1a3d3329;border-radius:20px;margin:0;padding:12px;overflow:hidden;box-shadow:0 26px 65px #2040301f}.farm-test-image{background:#e8e2cc;border:1px solid #1a3d331f;border-radius:12px;overflow:hidden}.farm-test-image img{object-fit:contain;width:100%;height:auto;display:block}.farm-test-gallery figcaption{color:#244c42;grid-template-columns:150px 1fr auto;align-items:center;gap:24px;padding:19px 6px 8px;display:grid}.farm-test-gallery figcaption span{letter-spacing:.16em;color:#648075;font-size:8px}.farm-test-gallery figcaption strong{font-size:15px;font-weight:500}.farm-test-gallery figcaption small{letter-spacing:.06em;color:#829087;text-align:right;font-size:9px}@media (width<=900px){.farm-page{min-height:auto;padding:105px 0 70px}.farm-page-count{top:82px;right:18px}.farm-cover{height:100vh;padding:0}.farm-cover-art{height:calc(100vh - 70px);inset:70px 0 auto}.farm-cover-copy h1{font-size:42px}.farm-cover-copy>div{flex-direction:column}.farm-cover-copy>div span{display:none}.farm-intro-grid{grid-template-columns:1fr}.farm-intro-copy{margin-top:38px}.farm-section-head{margin-bottom:34px}.farm-process-grid,.farm-process-grid--three{grid-template-columns:1fr}.farm-process-card--wide{grid-column:1}.farm-wide-art,.farm-process-card{height:auto!important;min-height:0!important}.farm-test-gallery{gap:18px}.farm-test-gallery figure{border-radius:14px;padding:7px}.farm-test-image{border-radius:9px}.farm-test-gallery figcaption{grid-template-columns:1fr;gap:7px;padding:15px 5px 9px}.farm-test-gallery figcaption small{text-align:left}}.directory-card[href="/work/tea-life"] .directory-cover img{object-position:center 34%}.tea-project{--tea-brown:#3b2413;--tea-gold:#c9913f;--tea-cream:#f1e7d5;--tea-ink:#24170e;--tea-red:#9d2b1e;background:var(--tea-cream);color:var(--tea-ink)}.tea-page{min-height:100vh;padding:120px 0;position:relative;overflow:hidden}.tea-page-count{z-index:5;color:#ffffffb8;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.tea-page-count.dark{color:#7f6c58}.tea-cover{color:#fff;isolation:isolate;background:#25180f;align-items:flex-end;height:100vh;padding:0;display:flex}.tea-cover-art{object-fit:contain;object-position:center;background:#25180f;width:100%;height:calc(100vh - 70px);position:absolute;inset:70px 0 auto}.tea-cover-mask{z-index:1;background:linear-gradient(#0000 30%,#28160a24 54%,#160b05f5);position:absolute;inset:0}.tea-cover-copy{z-index:2;padding-bottom:40px;position:relative}.tea-cover-copy>p,.tea-kicker,.tea-section-head>p{letter-spacing:.18em;font-size:9px}.tea-cover-copy>p{color:#dec18e;margin:0 0 15px}.tea-cover-copy h1{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(46px,5.3vw,98px);font-weight:500;line-height:.84}.tea-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffff94;font-size:.42em}.tea-cover-copy>div{border-top:1px solid #ffffff42;justify-content:space-between;gap:30px;padding-top:18px;display:flex}.tea-cover-copy strong{max-width:640px;font-size:13px;font-weight:400;line-height:1.65}.tea-cover-copy>div span{letter-spacing:.14em;color:#cdb58d;font-size:9px}.tea-intro{background:#f1e7d5 radial-gradient(#53361c1c .65px,#0000 .8px) 0 0/7px 7px;align-items:center;display:flex}.tea-intro-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:6vw;display:grid}.tea-kicker{color:var(--tea-red);margin:0 0 35px}.tea-intro h2,.tea-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.87}.tea-intro-copy>p{color:#695846;max-width:750px;margin:0 0 20px;font-size:16px;line-height:1.95}.tea-intro-copy>div{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.tea-intro-copy span{letter-spacing:.1em;border:1px solid #3b241338;border-radius:99px;padding:10px 14px;font-size:9px}.tea-section-head{z-index:2;margin-bottom:58px;position:relative}.tea-section-head>p{color:#ffffffad;margin:0 0 28px}.tea-section-head.dark{color:var(--tea-ink)}.tea-section-head.dark>p{color:var(--tea-red)}.tea-film-page{color:#fff;background:#21150d}.tea-player{background:#080705;border:1px solid #ffffff29;padding:14px;box-shadow:0 34px 90px #00000057}.tea-player video{aspect-ratio:16/9;background:#000;width:100%;max-height:72vh;display:block}.tea-player>div{color:#887a6e;letter-spacing:.15em;justify-content:space-between;padding:14px 4px 2px;font-size:8px;display:flex}.tea-synopsis-page,.tea-character-page{background:#f3eadb}.tea-synopsis-grid{grid-template-columns:1fr 1fr;gap:3vw;display:grid}.tea-synopsis-grid>p{color:#675542;margin:0;font-size:16px;line-height:1.95}.tea-synopsis-grid blockquote{letter-spacing:-.035em;color:#7d291d;border-top:1px solid #3b241340;border-bottom:1px solid #3b241340;grid-column:1/-1;margin:65px 0 0;padding:48px 5vw;font-size:clamp(28px,3vw,55px);line-height:1.35}.tea-arc-page,.tea-storyboard-page{color:#fff;background:#4a2d19}.tea-arc-grid{border-top:1px solid #fff3;grid-template-columns:1fr 1fr;display:grid}.tea-arc-grid article{border-bottom:1px solid #fff3;grid-template-columns:58px 1fr;gap:20px;padding:26px 24px 30px 0;display:grid}.tea-arc-grid article:nth-child(odd){border-right:1px solid #fff3}.tea-arc-grid article:nth-child(2n){padding-left:24px}.tea-arc-grid>article>span{color:#d4ab69;letter-spacing:.12em;font-size:10px}.tea-arc-grid h3{margin:0 0 5px;font-size:24px;font-weight:400}.tea-arc-grid small{letter-spacing:.12em;color:#c6ac8c;font-size:9px}.tea-arc-grid p{color:#d4c8b9;margin:18px 0 0;font-size:12px;line-height:1.75}.tea-character-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.tea-character-grid figure{background:#eee3d2;border:1px solid #3b241329;margin:0;padding:10px}.tea-character-grid img{width:100%;height:auto;display:block}.tea-character-grid figcaption{letter-spacing:.14em;color:#76624e;padding:14px 3px 4px;font-size:9px}.tea-character-grid--complete{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tea-character-grid--complete figure{background:#ffffff6b;border-radius:18px;padding:12px;overflow:hidden;box-shadow:0 24px 60px #3d271414}.tea-character-grid--complete img{object-fit:contain;background:#f7f0e6;border-radius:11px}.tea-character-grid--complete figcaption{border-top:1px solid #3b24131f;justify-content:space-between;align-items:flex-start;gap:24px;min-height:48px;margin-top:10px;padding:14px 5px 4px;display:flex}.tea-character-grid--complete figcaption span{letter-spacing:.14em;color:#654b35;font-size:9px}.tea-character-grid--complete figcaption small{text-align:right;letter-spacing:.05em;color:#9a8068;max-width:230px;font-size:9px;line-height:1.5}.tea-poster-page{background-color:#dfd0b7;background-image:radial-gradient(#4e331c21 .7px,#0000 .8px),linear-gradient(135deg,#fff3,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:7px 7px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.tea-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2vw,34px);display:grid}.tea-poster-grid figure{min-width:0;margin:0}.tea-poster-mat{background:#f7efe0b8;border:1px solid #3f271433;padding:10px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;box-shadow:0 24px 58px #3c261426}.tea-poster-grid figure:hover .tea-poster-mat{transform:translateY(-7px);box-shadow:0 34px 72px #3c261438}.tea-poster-grid img{object-fit:contain;background:#eadcc5;width:100%;height:auto;display:block}.tea-poster-grid figcaption{color:#5a402a;align-items:flex-start;gap:15px;padding:17px 3px 0;display:flex}.tea-poster-grid figcaption span{letter-spacing:.16em;color:var(--tea-red);font-size:9px}.tea-poster-grid figcaption strong{letter-spacing:.09em;font-size:9px;font-weight:500;line-height:1.55}.tea-storyboard-stack{gap:16px;display:grid}.tea-storyboard-stack img{background:#21150d;border:1px solid #ffffff2b;width:100%;height:auto;display:block}.tea-storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tea-storyboard-grid figure{background:#f1e7d5;border:1px solid #ffffff2e;min-width:0;margin:0;overflow:hidden}.tea-storyboard-grid img{aspect-ratio:1.82;object-fit:cover;width:100%;display:block}.tea-storyboard-grid figcaption{color:#5e422d;align-items:center;gap:14px;padding:12px 13px;display:flex}.tea-storyboard-grid figcaption span{letter-spacing:.14em;color:#a06e43;font-size:8px}.tea-storyboard-grid figcaption strong{letter-spacing:.06em;font-size:10px;font-weight:500}@media (width<=900px){.tea-page{min-height:auto;padding:105px 0 70px}.tea-page-count{top:82px;right:18px}.tea-cover{height:100vh;padding:0}.tea-cover-art{object-fit:contain;height:calc(100vh - 70px);inset:70px 0 auto}.tea-cover-copy h1{font-size:39px}.tea-cover-copy h1 span{font-size:.43em}.tea-cover-copy>div{flex-direction:column}.tea-cover-copy>div span{display:none}.tea-intro-grid,.tea-synopsis-grid{grid-template-columns:1fr}.tea-intro-copy{margin-top:38px}.tea-section-head{margin-bottom:34px}.tea-player{padding:6px}.tea-player>div{flex-direction:column;gap:7px}.tea-synopsis-grid blockquote{grid-column:1;margin-top:35px;padding:32px 0}.tea-arc-grid{grid-template-columns:1fr}.tea-arc-grid article,.tea-arc-grid article:nth-child(2n){padding:22px 0}.tea-arc-grid article:nth-child(odd){border-right:0}.tea-character-grid,.tea-character-grid--complete{grid-template-columns:1fr;gap:24px}.tea-poster-grid{grid-template-columns:1fr;gap:42px}.tea-poster-grid figure{width:min(100%,560px);margin-inline:auto}.tea-poster-grid figure:hover .tea-poster-mat{transform:none}.tea-storyboard-stack{gap:10px}.tea-storyboard-grid{grid-template-columns:1fr 1fr;gap:10px}.tea-storyboard-grid figcaption{padding:10px}}.directory-card[href="/work/beihai-animation"] .directory-cover img{object-position:center 38%}.beihai-project{--bh-blue:#2e8ff3;--bh-deep:#092c5c;--bh-sky:#83d4f5;--bh-pink:#f5b4d9;--bh-coral:#f05a63;--bh-paper:#f5f8fb;color:#102947;background:#f5f8fb}.beihai-page{min-height:100vh;padding:120px 0;position:relative;overflow:hidden}.beihai-page-count{z-index:5;color:#ffffffb8;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.beihai-page-count.dark{color:#63798e}.beihai-cover{color:#fff;isolation:isolate;background:#2d88ef;align-items:flex-end;height:100vh;padding:0;display:flex}.beihai-cover-art{object-fit:contain;object-position:center;background:#2d88ef;width:100%;height:calc(100vh - 70px);position:absolute;inset:70px 0 auto}.beihai-cover-mask{z-index:1;background:linear-gradient(#0000 34%,#0e448b2e 58%,#05234ef0);position:absolute;inset:0}.beihai-cover-copy{z-index:2;padding-bottom:40px;position:relative}.beihai-cover-copy>p,.beihai-kicker,.beihai-section-head>p{letter-spacing:.18em;font-size:9px}.beihai-cover-copy>p{color:#bfe8fa;margin:0 0 15px}.beihai-cover-copy h1{letter-spacing:-.055em;margin:0 0 25px;font-size:clamp(44px,5vw,90px);font-weight:500;line-height:.84}.beihai-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffffa6;font-size:.44em}.beihai-cover-copy>div{border-top:1px solid #ffffff47;justify-content:space-between;gap:30px;padding-top:18px;display:flex}.beihai-cover-copy strong{max-width:650px;font-size:13px;font-weight:400;line-height:1.65}.beihai-cover-copy>div span{letter-spacing:.14em;color:#b6dff3;font-size:9px}.beihai-intro{background:#f2f7fb;flex-direction:column;justify-content:center;display:flex}.beihai-intro-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:6vw;display:grid}.beihai-kicker{color:var(--bh-blue);margin:0 0 35px}.beihai-intro h2,.beihai-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.87}.beihai-intro-copy{padding-top:38px}.beihai-intro-copy>p{color:#53697d;max-width:730px;margin:0 0 20px;font-size:16px;line-height:1.95}.beihai-intro-copy dl{border-top:1px solid #c9d8e5;margin:40px 0 0}.beihai-intro-copy dl div{border-bottom:1px solid #c9d8e5;grid-template-columns:120px 1fr;padding:14px 0;display:grid}.beihai-intro-copy dt{letter-spacing:.16em;color:#7c94a9;font-size:8px}.beihai-intro-copy dd{margin:0;font-size:11px}.beihai-culture-band{background:#bad1e4;border:1px solid #bad1e4;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:76px;display:grid}.beihai-culture-band span{letter-spacing:.13em;text-align:center;color:#4c6b86;background:#fff;padding:20px 18px;font-size:9px}.beihai-section-head{z-index:2;margin-bottom:58px;position:relative}.beihai-section-head>p{color:#ffffffb8;margin:0 0 28px}.beihai-section-head.dark{color:#102947}.beihai-section-head.dark>p{color:var(--bh-blue)}.beihai-film-page{color:#fff;background:#071d3b}.beihai-player-frame{background:#03070c;border:1px solid #ffffff2e;padding:14px;box-shadow:0 34px 90px #0000004d}.beihai-player-frame video{aspect-ratio:16/9;background:#000;width:100%;max-height:72vh;display:block}.beihai-player-frame>div{color:#8296aa;letter-spacing:.15em;justify-content:space-between;padding:14px 4px 2px;font-size:8px;display:flex}.beihai-character-page,.beihai-extension-page,.beihai-mockup-page{color:#102947;background:#eef6fb}.beihai-system-page,.beihai-poster-page{color:#fff;background:#2b8ff1}.beihai-wide-art{width:min(1250px,var(--shell));background:#fff;border:1px solid #184f8026;margin:0 auto;box-shadow:0 28px 70px #0f406c21}.beihai-system-grid{width:min(1250px,var(--shell));grid-template-columns:1fr;gap:24px;display:grid}.beihai-system-grid .baize-artwork{border-color:#ffffff47}.beihai-mockup{background:#fff;border:1px solid #184f8026;margin:0 auto;box-shadow:0 28px 70px #0f406c21}.beihai-mockup img{width:100%;height:auto;display:block}.beihai-mockup figcaption{color:#6a8297;letter-spacing:.14em;border-top:1px solid #d7e3ed;justify-content:space-between;padding:16px 18px;font-size:8px;display:flex}.beihai-character-modules{grid-template-columns:1fr;justify-items:center;gap:28px;display:grid}.beihai-module-art{background:#fff;border:1px solid #184f8026;width:min(920px,100%);margin:0 auto;box-shadow:0 24px 58px #0f406c1c}.beihai-module-art img,.beihai-extension-art img{width:100%;height:auto;display:block}.beihai-expression-art{width:min(980px,var(--shell))}.beihai-extension-grid{grid-template-columns:.96fr 1.04fr;align-items:center;gap:24px;display:grid}.beihai-extension-art{background:#fff;border:1px solid #184f8026;margin:0;box-shadow:0 24px 58px #0f406c1a}.beihai-poster-art{width:min(1100px,var(--shell));background:#fff;padding:12px}@media (width<=900px){.beihai-page{min-height:auto;padding:105px 0 70px}.beihai-page-count{top:82px;right:18px}.beihai-cover{height:100vh;padding:0}.beihai-cover-art{object-fit:contain;height:calc(100vh - 70px);inset:70px 0 auto}.beihai-cover-copy h1{font-size:42px}.beihai-cover-copy h1 span{font-size:.46em}.beihai-cover-copy>div{flex-direction:column}.beihai-cover-copy>div span{display:none}.beihai-intro-grid{grid-template-columns:1fr}.beihai-intro-copy{padding-top:38px}.beihai-culture-band{grid-template-columns:1fr 1fr;margin-top:52px}.beihai-section-head{margin-bottom:34px}.beihai-player-frame{padding:6px}.beihai-player-frame>div{flex-direction:column;gap:7px}.beihai-system-grid{gap:14px}.beihai-wide-art,.beihai-system-grid .baize-artwork{height:auto!important;min-height:0!important;margin-top:0!important}.beihai-mockup figcaption{flex-direction:column;gap:8px}.beihai-character-modules{gap:15px}.beihai-extension-grid{grid-template-columns:1fr;gap:15px}.beihai-module-art,.beihai-extension-art{width:100%}}.shadow-project{--sp-red:#c61f20;--sp-paper:#e8d3a7;--sp-ink:#17120d;--sp-orange:#f58a1f;background:var(--sp-paper);color:var(--sp-ink)}.shadow-page{min-height:100vh;padding:120px 0;position:relative;overflow:hidden}.shadow-page-count{z-index:5;color:#ffffffb8;letter-spacing:.18em;font-size:9px;position:absolute;top:98px;right:40px}.shadow-page-count.dark{color:#75634d}.shadow-cover{color:#fff;isolation:isolate;background:#bd1b1d;align-items:flex-end;height:100vh;padding:0;display:flex}.shadow-cover-art{object-fit:contain;object-position:center;background:#bd1b1d;width:100%;height:calc(100vh - 70px);position:absolute;inset:70px 0 auto}.shadow-cover-mask{z-index:1;background:linear-gradient(#0000 38%,#460a0733 60%,#1f0805eb);position:absolute;inset:0}.shadow-cover-copy{z-index:2;padding-bottom:40px;position:relative}.shadow-cover-copy>p,.shadow-kicker,.shadow-section-head>p{letter-spacing:.18em;font-size:9px}.shadow-cover-copy>p{color:#f0d7ad;margin:0 0 15px}.shadow-cover-copy h1{letter-spacing:-.05em;margin:0 0 25px;font-size:clamp(42px,4.5vw,84px);font-weight:500;line-height:.85}.shadow-cover-copy h1 span{color:#0000;-webkit-text-stroke:1px #ffffffa6;font-size:.5em}.shadow-cover-copy>div{border-top:1px solid #ffffff4d;justify-content:space-between;gap:30px;padding-top:18px;display:flex}.shadow-cover-copy strong{max-width:640px;font-size:13px;font-weight:400;line-height:1.65}.shadow-cover-copy>div span{letter-spacing:.14em;color:#d8ba91;font-size:9px}.shadow-statement{background:#ead8b1 radial-gradient(#5233191f .7px,#0000 .8px) 0 0/6px 6px;flex-direction:column;justify-content:center;display:flex}.shadow-statement-grid{grid-template-columns:.86fr 1.14fr;align-items:center;gap:6vw;display:grid}.shadow-kicker{color:var(--sp-red);margin:0 0 35px}.shadow-statement h2,.shadow-section-head h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,112px);font-weight:500;line-height:.87}.shadow-statement-copy p{color:#64533f;max-width:730px;margin:0 0 20px;font-size:16px;line-height:1.95}.shadow-statement-copy>div{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.shadow-statement-copy span{letter-spacing:.1em;border:1px solid #28190d40;border-radius:99px;padding:10px 14px;font-size:9px}.shadow-motif-line{letter-spacing:.2em;color:#6b5842;border-top:1px solid #28190d3d;border-bottom:1px solid #28190d3d;justify-content:space-between;align-items:center;margin-top:90px;padding:22px 0;font-size:10px;display:flex}.shadow-motif-line i{color:var(--sp-red);font-style:normal}.shadow-section-head{z-index:2;margin-bottom:58px;position:relative}.shadow-section-head>p{color:#ffffffb3;margin:0 0 28px}.shadow-section-head.dark>p{color:var(--sp-red)}.shadow-section-head.dark{color:var(--sp-ink)}.shadow-character-page{color:#fff;background:#ad191b}.shadow-character-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.shadow-character-grid .baize-artwork{border-color:#ffffff3d;display:flex}.shadow-character-grid img{object-fit:contain}.shadow-expression-page,.shadow-poster-page,.shadow-lifestyle-page{color:var(--sp-ink);background:#ead8b1}.shadow-costume-page{color:#fff;background:#17110d}.shadow-products-page{color:#fff;background:#b91b1d}.shadow-wide-art{background:#e8d3a7;border:1px solid #3621112e;margin:0 auto;box-shadow:0 26px 65px #3d200c1f}.shadow-costume-page .shadow-wide-art,.shadow-products-page .shadow-wide-art{border-color:#ffffff38}.shadow-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.shadow-poster-grid figure{background:#dfc899;border:1px solid #331f0f2e;min-width:0;margin:0;padding:10px}.shadow-poster-grid img{width:100%;height:auto;display:block}.shadow-poster-grid figcaption{letter-spacing:.15em;color:#705c43;padding:14px 2px 4px;font-size:9px}@media (width<=900px){.shadow-page{min-height:auto;padding:105px 0 70px}.shadow-page-count{top:82px;right:18px}.shadow-cover{height:100vh;padding:0}.shadow-cover-art{object-fit:contain;height:calc(100vh - 70px);inset:70px 0 auto}.shadow-cover-copy h1{font-size:42px}.shadow-cover-copy h1 span{font-size:.48em}.shadow-cover-copy>div{flex-direction:column}.shadow-cover-copy>div span{display:none}.shadow-statement-grid,.shadow-character-grid{grid-template-columns:1fr}.shadow-statement-copy{margin-top:38px}.shadow-motif-line{flex-wrap:wrap;gap:14px;margin-top:55px}.shadow-section-head{margin-bottom:34px}.shadow-wide-art,.shadow-character-grid .baize-artwork{height:auto!important;min-height:0!important;margin-top:0!important}.shadow-poster-grid{grid-template-columns:1fr;gap:28px}.shadow-poster-grid figure{padding:7px}}