:root{--ink:#11110f;--butter:#f5d54a;--paper:#fff4d5;--coral:#ff5b49;--teal:#04b6ab;--pink:#f4699b;--blue:#0866ff;--line:2px solid var(--ink);color:var(--ink);background:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::selection{background:var(--blue);color:#fff}.site-header{z-index:20;height:88px;color:var(--ink);justify-content:space-between;align-items:center;padding:20px 42px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:900;display:flex}.brand img{width:40px;height:40px}.brand i{opacity:.55;font-style:normal;font-weight:400}.site-header nav{align-items:center;gap:28px;display:flex}.site-header nav a{letter-spacing:.14em;border-bottom:2px solid #0000;place-items:center;min-height:44px;font-size:11px;font-weight:900;display:grid}.site-header nav a.is-active{border-color:currentColor}.page-index{z-index:8;letter-spacing:.16em;font-size:10px;font-weight:900;position:absolute;bottom:26px;left:42px}.home-experience{background:var(--butter);min-height:100vh;position:relative;overflow:hidden}.hero-bands{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-band{clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);transform-origin:50%;height:clamp(38px,5vw,86px);display:block;position:absolute}.hero-band-pink{--start-x:-110vw;--start-y:30vh;--angle:-4deg;background:var(--pink);width:76%;transform:rotate(var(--angle));top:66%;left:-10%}.hero-band-teal{--start-x:70vw;--start-y:20vh;--angle:-30deg;background:var(--teal);width:88%;transform:rotate(var(--angle));top:58%;left:22%}.hero-band-coral{--start-x:50vw;--start-y:-75vh;--angle:48deg;background:var(--coral);width:54%;transform:rotate(var(--angle));top:9%;right:-17%}.decision-point{aspect-ratio:1;background:var(--ink);border-radius:50%;width:clamp(70px,8vw,138px);position:absolute;top:52%;left:57%;transform:translate(-50%,-50%)}.home-copy{z-index:4;width:min(500px,50vw);padding:clamp(165px,25vh,290px) 0 0 clamp(32px,4vw,60px);position:relative}.home-copy h1,.work-intro h1,.case-intro h1,.contact-panel h1{letter-spacing:-.04em;margin:0;font-weight:950;line-height:.91}.home-copy h1{font-size:clamp(68px,7.2vw,104px)}.home-copy p{border:1px solid var(--ink);background:var(--paper);margin:28px 0 0;padding:11px 17px;font-size:16px;font-weight:650;line-height:1.55;display:inline-block}.home-projects{z-index:3;width:min(58vw,870px);height:calc(100vh - 140px);position:absolute;top:112px;right:24px}.home-project{border:var(--line);background:var(--paper);clip-path:polygon(3% 0,100% 6%,97% 100%,0 94%);transition:transform .22s ease-out;display:block;position:absolute;overflow:hidden;box-shadow:0 14px 30px #11110f29}.home-project:hover{transform:translateY(-8px)rotate(0)!important}.home-project img{object-fit:cover;width:100%;height:100%;display:block}.home-project span{border-top:1px solid var(--ink);background:#fff4d5f5;padding:12px 15px 16px;position:absolute;bottom:0;left:0;right:0}.home-project b{font-size:15px;display:block}.home-project small{margin-top:4px;font-size:10px;font-weight:800;display:block}.home-project:first-child{width:72%;height:53%;top:0;right:0}.home-project:nth-child(2){width:52%;height:35%;bottom:0;left:5%}.home-project:nth-child(3){width:50%;height:35%;bottom:0;right:0}.trail-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.trail-card{left:var(--x,50%);top:var(--y,50%);border:var(--line);background:var(--paper);opacity:0;width:230px;height:142px;transition:opacity .16s ease-out,transform .3s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;transform:translate(-50%,-50%)rotate(-4deg)scale(.92)}.trail-card:nth-child(2){transform:translate(-50%,-50%)rotate(4deg)scale(.92)}.trail-card:nth-child(3){transform:translate(-50%,-50%)rotate(-2deg)scale(.92)}.trail-card.is-visible{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(1)}.trail-card img{object-fit:cover;width:100%;height:100%}.work-page{background:var(--paper);min-height:100vh;position:relative;overflow:hidden}.work-intro{z-index:3;padding:116px 55px 0;position:relative}.work-intro h1{font-size:clamp(52px,5vw,70px)}.work-intro p{max-width:510px;margin:22px 0 0;font-size:17px;line-height:1.65}.work-gallery{height:650px;position:absolute;inset:auto -2% -60px 0}.work-card{border:var(--line);transform-origin:bottom;height:570px;padding:38px 36px 28px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block;position:absolute;bottom:0;overflow:hidden}.work-card:hover{transform:translateY(-16px)rotate(0)!important}.work-card.teal{z-index:3;background:var(--teal);width:36%;left:0;transform:rotate(-2.1deg)}.work-card.pink{z-index:2;background:var(--pink);width:37%;height:610px;padding-left:86px;left:31%;transform:rotate(1.4deg)}.work-card.butter{z-index:1;background:var(--butter);width:39%;height:585px;padding-left:90px;right:0;transform:rotate(-1deg)}.work-card-index{z-index:2;letter-spacing:.14em;font-size:11px;font-weight:900;position:relative}.work-card h2{z-index:2;letter-spacing:-.04em;max-width:280px;margin:15px 0 0;font-size:clamp(28px,3.1vw,44px);line-height:.96;position:relative}.work-card p{z-index:2;max-width:270px;margin:12px 0;font-size:14px;font-weight:750;line-height:1.55;position:relative}.work-card img{z-index:1;object-fit:cover;border:var(--line);background:#fff;width:calc(100% - 68px);height:290px;position:absolute;top:176px;left:34px;right:34px;box-shadow:0 16px 35px #11110f29}.work-card.pink img{width:calc(100% - 119px);left:85px}.work-card.butter img{width:calc(100% - 124px);left:90px}.work-card small{z-index:2;border-top:1px solid var(--ink);letter-spacing:.05em;padding-top:12px;font-size:9px;font-weight:900;position:absolute;bottom:26px;left:36px;right:36px}.work-card.pink small{left:86px}.work-card.butter small{left:90px}.case-page{background:var(--paper)}.case-page.theme-teal{--case:var(--teal)}.case-page.theme-pink{--case:var(--pink)}.case-page.theme-butter{--case:var(--butter)}.case-hero{background:var(--case);grid-template-columns:minmax(310px,.78fr) minmax(470px,1.22fr);align-items:center;gap:48px;min-height:100vh;padding:138px 48px 52px;display:grid;position:relative;overflow:hidden}.case-hero:after{content:"";background:var(--coral);pointer-events:none;width:42vw;height:62px;position:absolute;bottom:7vh;right:-8vw;transform:rotate(-21deg)}.case-intro{z-index:2;position:relative}.case-number,.case-content>section>span{letter-spacing:.16em;font-size:10px;font-weight:900;display:block}.case-intro h1{margin-top:16px;font-size:clamp(54px,5.4vw,76px)}.case-intro p{max-width:610px;margin:24px 0 0;font-size:18px;line-height:1.65}.case-intro strong{border:var(--line);background:var(--paper);max-width:530px;margin-top:28px;padding:17px 18px;font-size:15px;line-height:1.65;display:block}.case-hero-image{z-index:3;border:var(--line);background:var(--paper);box-shadow:20px 22px 0 var(--ink);position:relative;transform:rotate(1.2deg)}.case-hero-image img{object-fit:cover;width:100%;height:min(66vh,670px);display:block}.case-reading{background:var(--paper);grid-template-columns:minmax(300px,.85fr) minmax(430px,1.15fr);gap:clamp(40px,10vw,150px);padding:clamp(80px,11vw,150px) max(42px,8vw);display:grid}.case-sticky{align-self:start;margin:0;position:sticky;top:34px}.case-sticky img{aspect-ratio:1;border:var(--line);object-fit:cover;background:var(--case);width:100%;display:block}.case-sticky p{max-width:390px;margin:18px 0 0;font-size:18px;font-weight:850;line-height:1.4}.case-content>section{border-bottom:var(--line);margin-bottom:58px;padding:0 0 60px}.case-content h2{letter-spacing:-.035em;max-width:680px;margin:16px 0 0;font-size:clamp(31px,3.2vw,48px);line-height:1.08}.case-content p{max-width:620px;margin:20px 0 0;font-size:17px;line-height:1.75}.case-content ol,.case-content ul{border-top:1px solid var(--ink);gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.case-content li{border-bottom:1px solid var(--ink);padding:16px 0;font-size:17px;font-weight:750;line-height:1.5}.case-content ol{counter-reset:step}.case-content ol li{counter-increment:step;grid-template-columns:56px 1fr;display:grid}.case-content ol li:before{content:"0" counter(step);letter-spacing:.12em;font-size:11px}.case-boundaries{border-bottom:0!important}.case-boundaries article{border-bottom:1px solid var(--ink);padding:18px 0}.case-boundaries small{letter-spacing:.15em;font-size:10px;font-weight:900}.case-boundaries h3{letter-spacing:-.025em;margin:10px 0 0;font-size:23px}.case-boundaries p{margin-top:9px;font-size:15px}.contact-page{background:var(--paper);min-height:100vh;position:relative}.contact-panel{border-top:var(--line);grid-template-columns:64% 36%;min-height:calc(100vh - 147px);margin:0 46px;padding-top:64px;display:grid;position:relative;top:105px}.contact-panel>div{border-right:var(--line);padding-right:50px}.contact-panel h1{max-width:790px;font-size:clamp(56px,6.5vw,96px)}.contact-panel h1 span{background:var(--ink);color:var(--paper);padding:3px 12px 10px;display:inline-block;transform:rotate(-1.5deg)}.contact-panel p{max-width:500px;font-size:16px;line-height:1.7;position:absolute;bottom:32px}.contact-panel dl{margin:0;padding-left:46px}.contact-panel dl div{border-top:1px solid var(--ink);padding:26px 0 30px}.contact-panel dl div:first-child{border-top:0}.contact-panel dt{letter-spacing:.16em;font-size:10px;font-weight:900}.contact-panel dd{margin:10px 0 0;font-size:23px;font-weight:900;line-height:1.35}@media (max-width:900px){.site-header{height:66px;padding:15px 22px}.brand{gap:5px;font-size:12px}.brand img{width:34px;height:34px}.site-header nav{gap:10px}.site-header nav a{letter-spacing:.08em;font-size:9px}.page-index{bottom:18px;left:22px}.home-copy{width:min(495px,78vw);padding:124px 0 0 25px}.home-copy h1{font-size:clamp(54px,8vw,76px)}.home-projects{width:90vw;height:52vh;top:auto;bottom:46px;right:16px}.home-project:first-child{width:61%;height:55%;right:0}.home-project:nth-child(2){width:50%;height:38%;left:0}.home-project:nth-child(3){width:48%;height:38%}.work-intro{padding:98px 30px 0}.work-gallery{height:570px}.work-card{height:500px;padding:26px 22px 20px}.work-card.pink{height:530px;padding-left:42px}.work-card.butter{height:510px;padding-left:48px}.work-card h2{font-size:30px}.work-card img{width:calc(100% - 44px);height:255px;top:157px;left:22px;right:22px}.work-card.pink img{width:calc(100% - 64px);left:42px}.work-card.butter img{width:calc(100% - 70px);left:48px}.work-card small{left:22px;right:22px}.work-card.pink small{left:42px}.work-card.butter small{left:48px}.case-hero{grid-template-columns:1fr;gap:35px;padding:110px 32px 42px}.case-hero-image{justify-self:end;width:min(720px,92%)}.case-hero-image img{height:min(48vh,480px)}.case-reading{grid-template-columns:1fr;gap:56px;padding:80px 42px}.case-sticky{width:min(100%,540px);position:relative;top:auto}.contact-panel{grid-template-columns:1fr;margin:0 28px;padding:38px 0}.contact-panel>div{border-right:0;border-bottom:var(--line);padding:0 0 45px}.contact-panel p{margin:32px 0 0;position:relative;bottom:auto}.contact-panel dl{grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0 0;display:grid}.contact-panel dl div{border-top:0;padding:0}.contact-panel dd{font-size:17px}}@media (max-width:600px){.site-header{padding:10px 16px}.site-header nav{gap:5px}.site-header nav a{min-height:44px;font-size:8px}.brand span:last-child,.brand i{display:none}.home-experience{min-height:844px}.hero-band-pink{--angle:-8deg;width:110%;top:52%}.hero-band-teal{--angle:-37deg;width:128%;top:45%;left:-28%}.hero-band-coral{--angle:52deg;width:80%;top:18%;right:-32%}.decision-point{width:78px;top:51%;left:60%}.home-copy{width:86vw;padding:104px 0 0 18px}.home-copy h1{font-size:57px}.home-copy p{margin-top:19px;padding:9px 10px;font-size:13px}.home-projects{width:auto;height:360px;bottom:44px;left:18px;right:18px}.home-project:first-child{width:80%;height:190px;right:0}.home-project:nth-child(2){width:60%;height:144px;left:0}.home-project:nth-child(3){width:53%;height:144px;right:0}.home-project span{padding:8px 9px}.home-project b{font-size:12px}.home-project small{font-size:8px}.trail-layer{display:none}.work-page{min-height:900px}.work-intro{padding:92px 19px 0}.work-intro h1{font-size:47px}.work-intro p{margin-top:16px;font-size:14px}.work-gallery{height:auto;margin:32px 0 0;display:grid;position:relative;inset:auto}.work-card,.work-card.teal,.work-card.pink,.work-card.butter{width:100%;height:205px;padding:20px 18px;position:relative;bottom:auto;left:auto;right:auto;transform:none}.work-card.pink,.work-card.butter{padding-left:18px}.work-card h2{max-width:200px;margin:10px 0 0;font-size:27px}.work-card p{max-width:210px;margin:8px 0;font-size:11px}.work-card img,.work-card.pink img,.work-card.butter img{width:37%;height:132px;top:23px;left:auto;right:16px}.work-card small,.work-card.pink small,.work-card.butter small{border:0;padding:0;bottom:14px;left:18px;right:auto}.case-hero{min-height:auto;padding:93px 18px 42px}.case-number{font-size:9px}.case-intro h1{font-size:50px}.case-intro p{margin-top:16px;font-size:16px}.case-intro strong{margin-top:18px;font-size:13px}.case-hero-image{width:96%;box-shadow:10px 12px 0 var(--ink)}.case-hero-image img{height:305px}.case-reading{gap:40px;padding:58px 19px}.case-sticky p{font-size:15px}.case-content>section{margin-bottom:38px;padding-bottom:38px}.case-content h2{font-size:31px}.case-content p,.case-content li{font-size:15px}.contact-panel{min-height:calc(100vh - 94px);margin:0 18px;padding-top:32px;top:72px}.contact-panel h1{font-size:47px}.contact-panel p{font-size:14px}.contact-panel dl{grid-template-columns:1fr;gap:16px}.contact-panel dd{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-project{transform:rotate(var(--tilt))!important}}.case-reading{background:var(--paper);padding:clamp(72px,8vw,112px) max(32px,6vw);display:block}.case-content{max-width:1440px;margin:0 auto}.case-core-grid,.case-delivery-grid{border-top:var(--line);border-bottom:var(--line);grid-template-columns:1fr 1fr;display:grid}.case-core-grid>section,.case-delivery-grid>section{padding:clamp(36px,4.5vw,68px)}.case-core-grid>section+section,.case-delivery-grid>section+section{border-left:var(--line)}.case-core-grid .case-decision{background:var(--case)}.case-core-grid span,.case-delivery-grid span,.case-boundaries>span{letter-spacing:.16em;font-size:10px;font-weight:900;display:block}.case-core-grid h2{letter-spacing:-.035em;max-width:640px;margin:18px 0 0;font-size:clamp(32px,3.5vw,52px);line-height:1.08}.case-delivery-grid{margin-top:48px}.case-delivery-grid ol,.case-delivery-grid ul{border-top:1px solid var(--ink);gap:0;margin:22px 0 0;padding:0;list-style:none;display:grid}.case-delivery-grid li{border-bottom:1px solid var(--ink);padding:15px 0;font-size:16px;font-weight:750;line-height:1.45}.case-delivery-grid ol{counter-reset:step}.case-delivery-grid ol li{counter-increment:step;grid-template-columns:52px 1fr;display:grid}.case-delivery-grid ol li:before{content:"0" counter(step);letter-spacing:.12em;font-size:10px}.case-content>.case-boundaries{border-top:var(--line);margin:48px 0 0;padding:0;border-bottom:var(--line)!important}.case-boundaries>span{border-bottom:1px solid var(--ink);padding:26px clamp(30px,4vw,58px)}.case-boundary-grid{grid-template-columns:repeat(2,1fr);display:grid}.case-boundary-grid article{border-bottom:0;padding:clamp(30px,3.8vw,54px)}.case-boundary-grid article+article{border-left:var(--line)}.case-boundary-grid small{letter-spacing:.15em;font-size:10px;font-weight:900}.case-boundary-grid h3{letter-spacing:-.025em;margin:10px 0 0;font-size:23px}.case-boundary-grid p{max-width:580px;margin:9px 0 0;font-size:15px;line-height:1.7}@media (max-width:600px){.case-reading{padding:58px 19px}.case-core-grid,.case-delivery-grid,.case-boundary-grid{grid-template-columns:1fr}.case-core-grid>section,.case-delivery-grid>section{padding:34px 18px}.case-core-grid>section+section,.case-delivery-grid>section+section,.case-boundary-grid article+article{border-left:0;border-top:var(--line)}.case-core-grid h2{font-size:30px}.case-delivery-grid,.case-content>.case-boundaries{margin-top:28px}.case-boundaries>span{padding:22px 18px}.case-boundary-grid article{padding:28px 18px}}.home-projects{width:min(59vw,920px);height:calc(100vh - 142px);min-height:610px;top:108px;right:42px}.home-project{clip-path:none;transform-origin:50%;background:#fff;grid-template-rows:auto auto;transition:translate .48s cubic-bezier(.16,1,.3,1),rotate .48s cubic-bezier(.16,1,.3,1),opacity .32s,filter .32s,box-shadow .48s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden;box-shadow:10px 12px #11110fe6;height:auto!important;transform:none!important}.home-project:hover{translate:0 -7px;transform:none!important}.home-project img{aspect-ratio:3/2;object-fit:contain;background:#fff;width:100%;height:auto;transition:filter .28s;display:block}.home-project span{background:var(--paper);border-top:1px solid var(--ink);min-height:66px;padding:12px 15px 14px;transition:background-color .3s;position:relative;inset:auto;overflow:hidden}.home-project b{font-size:15px}.home-project small{font-size:10px;line-height:1.45}.home-project.teal{--project-accent:var(--teal)}.home-project.pink{--project-accent:var(--pink)}.home-project.butter{--project-accent:var(--butter)}.home-experience.has-focus-relay .home-project:not(.is-focus){opacity:1;filter:none}.home-project.is-focus{z-index:6;opacity:1;filter:none;box-shadow:15px 18px 0 var(--ink);translate:0 -8px;rotate:none}.home-project.is-focus img{filter:contrast(1.02);transform:none}.home-project.is-focus span{background:var(--project-accent);transform:none}@media (min-width:901px){.home-project:first-child{width:68%;top:0;right:0;rotate:.8deg}.home-project:nth-child(2){width:44%;bottom:0;left:0;rotate:-1.35deg}.home-project:nth-child(3){width:44%;bottom:0;right:0;rotate:1.1deg}}@media (min-width:601px) and (max-width:900px){.home-experience{min-height:1080px}.home-projects{grid-template-columns:1fr 1fr;gap:30px;width:auto;height:auto;min-height:0;display:grid;inset:370px 30px auto}.home-project,.home-project:first-child,.home-project:nth-child(2),.home-project:nth-child(3){width:auto;position:relative;inset:auto}.home-project:first-child{grid-column:1/-1;justify-self:end;width:72%}}@media (max-width:600px){.home-experience{min-height:1370px}.home-projects{gap:24px;width:auto;height:auto;min-height:0;display:grid;inset:348px 18px auto}.home-project,.home-project:first-child,.home-project:nth-child(2),.home-project:nth-child(3){width:96%;height:auto;position:relative;inset:auto}.home-project:first-child{justify-self:start;rotate:.55deg}.home-project:nth-child(2){justify-self:end;rotate:-.65deg}.home-project:nth-child(3){justify-self:start;rotate:.45deg}.home-project span{min-height:64px;padding:11px 12px 13px}.home-project b{font-size:14px}.home-project small{font-size:10px}.home-experience.has-focus-relay .home-project:not(.is-focus){opacity:1;filter:none}.home-project.is-focus{box-shadow:10px 13px 0 var(--ink);translate:0 -5px;rotate:none}}.skip-link{z-index:100;border:var(--line);background:var(--paper);min-height:44px;color:var(--ink);align-items:center;padding:10px 14px;font-size:13px;font-weight:900;transition:transform .16s;display:flex;position:fixed;top:12px;left:18px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-header nav a,.brand{transition:opacity .18s}.site-header nav a{justify-content:center;align-items:center;min-width:44px;display:inline-flex}.site-header nav a:hover,.brand:hover{opacity:.64}.case-contact-cta{background:var(--ink);color:var(--paper);grid-template-columns:minmax(110px,.28fr) minmax(360px,1fr) auto;align-items:end;gap:28px;display:grid;border:var(--line)!important;margin-top:48px!important;padding:clamp(32px,4.5vw,62px)!important}.case-contact-cta h2{color:var(--paper);margin:0;font-size:clamp(31px,3.4vw,50px)}.case-contact-cta a{min-height:48px;color:var(--paper);white-space:nowrap;border-bottom:1px solid;align-items:center;gap:20px;padding:12px 0;font-size:14px;font-weight:900;display:inline-flex}.case-contact-cta a b{font-size:22px}.contact-panel dd a{overflow-wrap:anywhere}.contact-panel dd>a:first-child{align-items:center;min-height:44px;display:inline-flex}.contact-action{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:18px;width:min(100%,320px);min-height:48px;margin-top:22px;padding:12px 0;font-size:13px;font-weight:900;display:flex}.contact-action b{font-size:21px}.contact-wechat figure{width:min(100%,270px);margin:0}.contact-wechat img{border:var(--line);background:#fff;width:100%;height:auto;display:block}.contact-wechat figcaption{margin-top:12px;font-size:13px;font-weight:650;line-height:1.55}.contact-page{padding-top:105px;padding-bottom:48px}.contact-panel{top:auto}@media (max-width:900px){.case-contact-cta{grid-template-columns:1fr;align-items:start}.contact-panel dl{grid-template-columns:1fr 1fr}.contact-panel dl .contact-wechat{border-top:var(--line);grid-column:1/-1;padding-top:24px}}@media (max-width:600px){.case-contact-cta{gap:18px;margin-top:28px!important;padding:30px 18px!important}.case-contact-cta h2{font-size:30px}.contact-page{padding-top:72px}.contact-panel dl{grid-template-columns:1fr}.contact-action,.contact-wechat figure{width:100%}}.case-page.theme-pink .case-hero-image img{object-fit:contain;height:auto}.home-process-board{isolation:isolate;background:#f3efe7;min-height:max(100svh,1024px);position:relative;overflow:hidden}.home-paper-background{z-index:0;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.home-process-board .site-header{color:var(--ink)}.home-process-board .home-copy{z-index:3;width:min(450px,36vw);padding:0;position:absolute;top:132px;left:clamp(56px,5.1vw,82px)}.home-process-board .home-copy h1{letter-spacing:-.075em;font-size:clamp(74px,6.8vw,104px);line-height:.95}.home-process-board .home-copy p{border:1.5px solid var(--ink);background:#fffaeee6;margin-top:28px;padding:11px 17px;font-size:15px;font-weight:750;line-height:1.55}.home-process-board .home-projects{z-index:2;width:auto;height:auto;min-height:0;position:absolute;inset:0}.home-process-board .home-project{--home-tilt:0deg;clip-path:none;width:auto;box-shadow:none;transform-origin:50%;background:0 0;border:0;transition:transform .46s cubic-bezier(.16,1,.3,1),z-index 0s linear .22s;display:block;position:absolute;overflow:visible;height:auto!important;transform:rotate(var(--home-tilt))!important}.home-process-board .home-project:hover,.home-process-board .home-project.is-current{z-index:7;translate:0;transform:translateY(-8px)rotate(0)!important}.home-process-board .home-project figure{border:1.5px solid var(--ink);background:#fff;margin:0;transition:box-shadow .46s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 14px 28px #1f1a132e}.home-process-board .home-project:hover figure,.home-process-board .home-project.is-current figure{box-shadow:0 20px 36px #1f1a133d}.home-process-board .home-project img{aspect-ratio:3/2;object-fit:contain;filter:none;background:#fff;width:100%;height:auto;display:block;position:relative}.home-process-board .home-project figcaption{border-top:1px solid var(--ink);background:#fff9e9;min-height:68px;padding:12px 16px 14px;transition:background-color .35s;display:block}.home-process-board .home-project.teal.is-current figcaption{background:#cce8df}.home-process-board .home-project.pink.is-current figcaption{background:#f1c8d5}.home-process-board .home-project.butter.is-current figcaption{background:#f1d463}.home-process-board .home-project figcaption b{font-size:16px;line-height:1.25;display:block}.home-process-board .home-project figcaption small{margin-top:4px;font-size:10px;font-weight:750;line-height:1.45;display:block}.home-process-board .home-project-index{z-index:3;color:#dd482f;background:0 0;border:0;justify-items:start;width:68px;min-height:0;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:54px;left:-88px}.home-project-index b{border:1px solid;padding:3px 6px;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1;display:block}.home-project-index small{letter-spacing:.08em;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:900}.home-project.is-current .home-project-index{transform:translate(5px)}.home-process-board .home-project:first-child{--home-tilt:.55deg;width:min(49vw,710px);inset:66px auto auto 43.2vw}.home-process-board .home-project:nth-child(2){--home-tilt:-.65deg;width:min(48vw,690px);inset:53.2% auto auto 4.2vw}.home-process-board .home-project:nth-child(3){--home-tilt:.55deg;width:min(39vw,560px);inset:57% 4.1vw auto auto}.home-process-board .home-project:nth-child(2) .home-project-index{top:80px;left:-50px}.home-process-board .home-project:nth-child(3) .home-project-index{top:130px;left:auto;right:-48px}.home-process-board .page-index{z-index:8;color:var(--ink)}@media (min-width:1101px) and (max-height:900px){.home-process-board{min-height:980px}.home-process-board .home-copy{top:120px}.home-process-board .home-project:first-child{width:min(47vw,670px);top:62px}.home-process-board .home-project:nth-child(2){width:min(45vw,640px);top:51%}.home-process-board .home-project:nth-child(3){width:min(37vw,530px);top:55%}}@media (max-width:1100px){.home-process-board{min-height:1320px;overflow:hidden}.home-process-board .home-copy{width:min(560px,74vw);top:112px;left:34px}.home-process-board .home-copy h1{font-size:clamp(66px,9vw,92px)}.home-process-board .home-projects{grid-template-columns:1fr 1fr;align-content:start;gap:64px 34px;display:grid;inset:340px 30px 80px}.home-process-board .home-project,.home-process-board .home-project:first-child,.home-process-board .home-project:nth-child(2),.home-process-board .home-project:nth-child(3){width:auto;position:relative;inset:auto;transform:rotate(var(--home-tilt))!important}.home-process-board .home-project:first-child{grid-column:1/-1;justify-self:end;width:75%}.home-process-board .home-project-index,.home-process-board .home-project:nth-child(2) .home-project-index,.home-process-board .home-project:nth-child(3) .home-project-index{align-items:center;gap:8px;width:auto;display:flex;top:-39px;left:12px;right:auto}.home-project-index b{font-size:20px}.home-project-index small{margin:0}}@media (max-width:600px){.home-process-board{min-height:auto;padding-bottom:78px;overflow:hidden}.home-process-board .home-paper-background{object-position:42% top}.home-process-board .home-copy{width:auto;padding:102px 18px 0;position:relative;top:auto;left:auto}.home-process-board .home-copy h1{font-size:58px;line-height:.94}.home-process-board .home-copy p{margin-top:19px;padding:9px 11px;font-size:13px}.home-process-board .home-projects{grid-template-columns:1fr;gap:64px;margin:84px 18px 0;display:grid;position:relative;inset:auto}.home-process-board .home-project,.home-process-board .home-project:first-child,.home-process-board .home-project:nth-child(2),.home-process-board .home-project:nth-child(3){grid-column:auto;justify-self:auto;width:100%}.home-process-board .home-project:hover,.home-process-board .home-project.is-current{transform:translateY(-5px)rotate(0)!important}.home-process-board .home-project figcaption{min-height:70px;padding:11px 12px 13px}.home-process-board .home-project figcaption b{font-size:14px}.home-process-board .home-project figcaption small{font-size:9px}.home-process-board .page-index{margin:58px 0 0 18px;display:block;position:relative;bottom:auto;left:auto}}@media (prefers-reduced-motion:reduce){.home-process-board .home-project,.home-process-board .home-project:hover,.home-process-board .home-project.is-current{translate:0;transform:rotate(var(--home-tilt))!important}}