.PortfolioBook_stage__NkTu_{--page-w:min(42vw,600px,max(320px,calc((100svh - 330px) * 1.25)));--page-ratio:1.25;position:relative;display:flex;min-height:max(100svh,720px);flex-direction:column;overflow:hidden;background:#0a0908;color:#fff;touch-action:pan-y}.PortfolioBook_stage__NkTu_ .PortfolioBook_caption__jBOvr h2,.PortfolioBook_stage__NkTu_ .PortfolioBook_ctaPage__ySHlJ h2,.PortfolioBook_stage__NkTu_ .PortfolioBook_intro__CgQvH h1{color:#fff}.PortfolioBook_wood__fj_k9{position:absolute;inset:0;width:100%;height:100%}.PortfolioBook_light__sZMxf{position:absolute;inset:0;background:radial-gradient(60% 34% at 50% 88%,rgba(255,246,232,.3),transparent 72%),radial-gradient(70% 60% at 50% 58%,rgba(255,240,220,.09),transparent 75%),linear-gradient(180deg,rgba(5,5,5,.72),transparent 42%)}.PortfolioBook_card__o3e0T,.PortfolioBook_cup__n9O6Q,.PortfolioBook_pencil___yhzJ,.PortfolioBook_plant__sildZ{position:absolute;transition:transform 1s cubic-bezier(.3,.05,.2,1)}.PortfolioBook_plant__sildZ{left:11%;top:40%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#77736c,#2c2a27 72%);box-shadow:10px 22px 26px rgba(0,0,0,.65)}.PortfolioBook_plantLeaves__1dLid{position:absolute;inset:10px;border-radius:50%;background:conic-gradient(#63a39b 0 8%,#2c5d59 8% 16%,#6fb1a8 16% 25%,#2a5451 25% 33%,#63a39b 33% 41%,#2c5d59 41% 50%,#6fb1a8 50% 58%,#2a5451 58% 66%,#63a39b 66% 75%,#2c5d59 75% 83%,#6fb1a8 83% 91%,#2a5451 91%);-webkit-mask-image:radial-gradient(circle,#000 62%,transparent 66%);mask-image:radial-gradient(circle,#000 62%,transparent 66%)}.PortfolioBook_cup__n9O6Q{right:12%;top:31%;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 45% 42%,#f1eee9 0 58%,#bdb8b0 59%,#f6f3ee 64%,#a9a49c 100%);box-shadow:12px 26px 30px rgba(0,0,0,.7)}.PortfolioBook_coffee__TvvMs{position:absolute;inset:26px;border:5px solid #f8f6f2;border-radius:50%;background:radial-gradient(circle at 50% 56%,#f0dcc1 0 18%,#8b5832 34%,#4b2a14 76%);box-shadow:3px 7px 10px rgba(0,0,0,.35)}.PortfolioBook_handle__D5Fh1{position:absolute;right:4px;top:53px;width:22px;height:11px;border-radius:6px;background:#e8e4dd}.PortfolioBook_pencil___yhzJ{left:18%;bottom:22%;width:150px;height:7px;border-radius:1px;background:linear-gradient(90deg,#27231f 0 6px,#b7b0a3 6px 8px,#d9d3c8 8px 92%,#d3b08b 92%);box-shadow:4px 10px 8px rgba(0,0,0,.6);rotate:-58deg}.PortfolioBook_card__o3e0T{right:17%;bottom:25%;display:flex;width:112px;height:66px;align-items:flex-end;padding:8px;border-radius:2px;background:#ece9e3;box-shadow:6px 12px 14px rgba(0,0,0,.6);color:#0b1033;font-size:8px;font-weight:800;rotate:14deg}.PortfolioBook_stageOpen__9okCj .PortfolioBook_plant__sildZ{transform:translateX(-12vw)}.PortfolioBook_stageOpen__9okCj .PortfolioBook_cup__n9O6Q{transform:translate(9vw,-5vh)}.PortfolioBook_stageOpen__9okCj .PortfolioBook_pencil___yhzJ{transform:translate(-11vw,2vh)}.PortfolioBook_stageOpen__9okCj .PortfolioBook_card__o3e0T{transform:translate(10vw,10vh)}.PortfolioBook_intro__CgQvH{position:absolute;z-index:2;top:118px;left:max(24px,calc((100vw - 1280px) / 2));max-width:560px;transition:opacity .5s ease,transform .5s ease}.PortfolioBook_stageOpen__9okCj .PortfolioBook_intro__CgQvH{opacity:0;pointer-events:none;transform:translateY(-12px)}.PortfolioBook_eyebrow__Hh91K{margin-bottom:8px;color:#19e3b1;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.PortfolioBook_intro__CgQvH h1{font-family:var(--font-display),sans-serif;font-size:clamp(32px,4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.PortfolioBook_introText__OrE8T{max-width:460px;margin-top:12px;color:hsla(0,0%,100%,.68);font-size:15px;line-height:1.5}.PortfolioBook_scene__mA2mD{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:center;padding-top:112px;perspective:1900px;perspective-origin:50% 25%}.PortfolioBook_book__6qV8O{position:relative;flex:none;width:calc(var(--page-w) * 2);height:calc(var(--page-w) / var(--page-ratio));transform:rotateX(15deg);transform-origin:50% 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.05,.2,1)}.PortfolioBook_closed__raLsz{transform:translate(-25%,8%) scale(.72) rotateX(34deg) rotate(-9deg);transform-origin:75% 50%}.PortfolioBook_focusLeft___ilDs{transform:translateX(25%) rotateX(6deg)}.PortfolioBook_focusRight__TKiFz{transform:translateX(-25%) rotateX(6deg)}.PortfolioBook_shadow__FRvGb{position:absolute;inset:3% 0 -5%;background:rgba(0,0,0,.8);filter:blur(26px);transform:translateZ(-8px)}.PortfolioBook_closed__raLsz .PortfolioBook_shadow__FRvGb{left:50%}.PortfolioBook_stackLeft__KLdSn,.PortfolioBook_stackRight__QOjx3{position:absolute;top:3px;bottom:-5px;width:50%;background:repeating-linear-gradient(180deg,#d8d4cc 0 1px,#8e8a83 1px 2px);transform:translateZ(-3px)}.PortfolioBook_stackLeft__KLdSn{left:-4px;opacity:1;transition:opacity .3s ease .3s}.PortfolioBook_closed__raLsz .PortfolioBook_stackLeft__KLdSn{opacity:0;transition-delay:0s}.PortfolioBook_stackRight__QOjx3{right:-4px}.PortfolioBook_leaf__Y313w{position:absolute;top:0;left:50%;width:50%;height:100%;transform:translateZ(var(--z)) rotateY(var(--a));transform-origin:left center;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.3,.05,.2,1) var(--d,0ms)}@media (hover:hover){.PortfolioBook_closed__raLsz:hover .PortfolioBook_firstLeaf__IAPzG{--a:-14deg!important;transition-delay:0ms}}.PortfolioBook_face__D_e0a{position:absolute;inset:0;overflow:hidden;background:#101010;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;container-type:size}.PortfolioBook_faceActive___6AqQ{pointer-events:auto}.PortfolioBook_front__qT_uO{border-radius:1px 4px 4px 1px}.PortfolioBook_back__kRb46{border-radius:4px 1px 1px 4px;transform:rotateY(180deg)}.PortfolioBook_face__D_e0a:after{position:absolute;z-index:3;inset:0;content:"";pointer-events:none}.PortfolioBook_front__qT_uO:after{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 5%,transparent 12%)}.PortfolioBook_back__kRb46:after{background:linear-gradient(270deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 5%,transparent 12%)}.PortfolioBook_cover__3pKFX{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqw;background:linear-gradient(135deg,#24242a,#0b0b0e 55%,#15151a);cursor:pointer}.PortfolioBook_coverLogo__4kl9a{scale:1.35}.PortfolioBook_coverNote__6GEQw{color:hsla(0,0%,100%,.55);font-size:2.6cqw;letter-spacing:.3em;text-transform:uppercase}.PortfolioBook_contents__H9cjQ{display:flex;height:100%;flex-direction:column;padding:7cqw 7cqw 5cqw 8cqw;background:#f4f2ed;color:#0b1033}.PortfolioBook_contentsTitle__SjsOx{margin-bottom:4cqh;font-family:var(--font-display),sans-serif;font-size:6.5cqw;font-weight:800;letter-spacing:-.03em}.PortfolioBook_contentsList__x3Fo_{display:grid;flex:1;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(9,1fr);gap:0 4cqw;min-height:0}.PortfolioBook_contentsList__x3Fo_ button{display:flex;width:100%;height:100%;align-items:center;gap:1.8cqw;border-bottom:1px solid rgba(11,16,51,.12);font-size:2.7cqw;font-weight:600;line-height:1.15;text-align:left;transition:color .2s ease,padding .2s ease}.PortfolioBook_contentsList__x3Fo_ button span{flex:none;color:rgba(11,16,51,.45);font-size:2.1cqw;font-variant-numeric:tabular-nums}.PortfolioBook_contentsList__x3Fo_ button:focus-visible,.PortfolioBook_contentsList__x3Fo_ button:hover{padding-left:1cqw;color:#2b3bff}.PortfolioBook_projectPage__29xom{position:absolute;inset:0;display:block}.PortfolioBook_shot__WaiPl{position:absolute;inset:0;overflow:hidden;container-type:size;background:#1a1a1a}.PortfolioBook_shot__WaiPl img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.3,.05,.2,1)}@media (hover:hover){.PortfolioBook_projectPage__29xom:focus-visible .PortfolioBook_shot__WaiPl img,.PortfolioBook_projectPage__29xom:hover .PortfolioBook_shot__WaiPl img{transform:translateY(calc(-100% + 100cqh));transition:transform 10s cubic-bezier(.45,0,.55,1) .15s}}.PortfolioBook_autopan__GuW1s .PortfolioBook_shot__WaiPl img{animation:PortfolioBook_book-pan__IQsjf 16s cubic-bezier(.45,0,.55,1) 1.2s infinite alternate}@keyframes PortfolioBook_book-pan__IQsjf{to{transform:translateY(calc(-100% + 100cqh))}}.PortfolioBook_caption__jBOvr{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:3cqw;align-items:center;padding:3.2cqw 4cqw 3.2cqw 5cqw;background:#0a0b10;color:#fff}.PortfolioBook_caption__jBOvr h2{font-family:var(--font-display),sans-serif;font-size:max(15px,4.2cqw);font-weight:800;letter-spacing:-.02em;line-height:1.1}.PortfolioBook_caption__jBOvr p{margin-top:.8cqw;color:hsla(0,0%,100%,.72);font-size:max(11px,2.3cqw)}.PortfolioBook_captionArrow__hNbmX{display:inline-flex;flex:none;width:max(30px,6.5cqw);height:max(30px,6.5cqw);align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#0b1033;transition:background .2s ease,transform .2s ease}.PortfolioBook_captionArrow__hNbmX svg{width:55%;height:55%}.PortfolioBook_projectPage__29xom:hover .PortfolioBook_captionArrow__hNbmX{background:#19e3b1;transform:rotate(8deg) scale(1.06)}.PortfolioBook_turn__Z42ON{position:absolute;z-index:4;top:0;bottom:0;display:flex;width:10%;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.PortfolioBook_turn__Z42ON svg{width:26px;height:26px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}.PortfolioBook_turnLeft__eesX9{left:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent)}.PortfolioBook_turnRight__Zahbr{right:0;background:linear-gradient(270deg,rgba(0,0,0,.55),transparent)}.PortfolioBook_turn__Z42ON:focus-visible,.PortfolioBook_turn__Z42ON:hover:not(:disabled){opacity:1}.PortfolioBook_turn__Z42ON:disabled{display:none}.PortfolioBook_ctaPage__ySHlJ{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:8cqw;background:#2b3bff;color:#fff}.PortfolioBook_ctaPage__ySHlJ p{margin-bottom:2cqw;color:hsla(0,0%,100%,.72);font-size:max(12px,2.6cqw)}.PortfolioBook_ctaPage__ySHlJ h2{font-family:var(--font-display),sans-serif;font-size:8.5cqw;font-weight:800;letter-spacing:-.03em;line-height:1.02}.PortfolioBook_ctaLink__L5LOs{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;margin-top:5cqw;padding:10px 18px;border-radius:999px;background:#fff;color:#0b1033;font-size:14px;font-weight:700}.PortfolioBook_ctaLink__L5LOs svg{width:16px;height:16px}.PortfolioBook_endPage__OASHN{display:flex;height:100%;align-items:center;justify-content:center;background:#f4f2ed}.PortfolioBook_endLogo__UsRdp{height:auto}.PortfolioBook_backCover__V0IKs{height:100%;background:#0b0b0e}.PortfolioBook_controls__87pOv{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px 34px}.PortfolioBook_controls__87pOv p{min-width:0;width:min(460px,56vw);overflow:hidden;color:hsla(0,0%,100%,.82);font-size:14px;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.PortfolioBook_controls__87pOv button{display:inline-flex;width:46px;height:46px;flex:none;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.28);border-radius:50%;background:hsla(0,0%,100%,.07);color:#fff;transition:background .2s ease,color .2s ease,opacity .2s ease}.PortfolioBook_controls__87pOv button:hover:not(:disabled){background:#fff;color:#0b1033}.PortfolioBook_controls__87pOv button:disabled{cursor:default;opacity:.3}.PortfolioBook_controls__87pOv svg{width:19px;height:19px}@media (max-width:767px){.PortfolioBook_stage__NkTu_{--page-w:min(84vw,max(250px,calc((100svh - 400px) * 0.8)));--page-ratio:0.8;min-height:max(100svh,700px)}.PortfolioBook_intro__CgQvH{top:100px;right:16px;left:16px}.PortfolioBook_introText__OrE8T{font-size:14px}.PortfolioBook_scene__mA2mD{padding-top:190px}.PortfolioBook_stageOpen__9okCj .PortfolioBook_scene__mA2mD{padding-top:90px}.PortfolioBook_closed__raLsz{transform:translate(-25%) scale(.7) rotateX(24deg) rotate(-6deg)}.PortfolioBook_scene__mA2mD{transition:padding-top .7s ease}.PortfolioBook_plant__sildZ{top:auto;bottom:13%;left:-22px}.PortfolioBook_cup__n9O6Q{top:auto;right:-34px;bottom:15%;scale:.8}.PortfolioBook_card__o3e0T,.PortfolioBook_pencil___yhzJ{display:none}.PortfolioBook_controls__87pOv{padding-bottom:92px}}@media (prefers-reduced-motion:reduce){.PortfolioBook_book__6qV8O,.PortfolioBook_card__o3e0T,.PortfolioBook_cup__n9O6Q,.PortfolioBook_leaf__Y313w,.PortfolioBook_pencil___yhzJ,.PortfolioBook_plant__sildZ,.PortfolioBook_shot__WaiPl img{transition-duration:.01ms!important;transition-delay:0ms!important}.PortfolioBook_autopan__GuW1s .PortfolioBook_shot__WaiPl img{animation:none}@media (hover:hover){.PortfolioBook_projectPage__29xom:focus-visible .PortfolioBook_shot__WaiPl img,.PortfolioBook_projectPage__29xom:hover .PortfolioBook_shot__WaiPl img{transform:none}}}