@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500&family=Manrope:wght@300;400;500;600&display=swap');
.scene{font-family:"DM Sans",sans-serif}.scene button:focus-visible,.scene a:focus-visible{outline:2px solid #f6e3c9;outline-offset:6px}.scene{min-height:670px;height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#172026}.landscape{position:absolute;inset:-4%;background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2400&q=90') 50% 52%/cover;filter:saturate(.12) brightness(.4) blur(.6px);transform:scale(1.03)}.wash{position:absolute;inset:0;background:linear-gradient(0deg,#0a1116e8 0%,#101a2177 28%,#1821296e 60%,#28313a47),linear-gradient(90deg,#10161e44,transparent 60%)}.light{position:absolute;pointer-events:none;mix-blend-mode:screen;will-change:transform;filter:blur(48px);border-radius:50%}.light-one{width:115vw;height:42vw;min-height:350px;top:-13vw;right:-38vw;background:radial-gradient(ellipse,#fff3d5d9 0%,#f7d6ad7a 17%,#eeb4ab40 32%,#bcbce91c 47%,transparent 68%);transform:rotate(-28deg);animation:drift-one 24s ease-in-out infinite alternate}.light-two{width:100vw;height:48vw;min-height:400px;top:20%;left:-66%;background:radial-gradient(ellipse,#99bec168 0%,#8fadc63e 25%,transparent 64%);transform:rotate(-28deg);animation:drift-two 28s ease-in-out infinite alternate}.atmosphere{position:absolute;inset:-20%;background:conic-gradient(from 195deg at 88% 5%,transparent 0deg,#fce4c625 9deg,transparent 19deg,#dcdde619 25deg,transparent 34deg);filter:blur(20px);opacity:.8;transform:translate(calc(var(--scene-x,0)*9px),calc(var(--scene-y,0)*7px));transition:transform 1.5s ease-out}.grain{position:absolute;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.scene header{position:absolute;left:6%;right:6%;top:36px;display:flex;align-items:center;justify-content:space-between;z-index:2}.scene header>a{font:500 25px 'Manrope',sans-serif;letter-spacing:-1.4px;color:#ebece8}.scene header>a span{font:400 9px 'DM Sans',sans-serif;letter-spacing:1.7px;margin-left:12px;color:#d9dcd1a1}.scene header>button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff2;background:#ffffff05;color:#fff}.motion-icon{height:9px;width:7px;border-left:1px solid #ebdfc5;border-right:1px solid #ebdfc5}.scene header>button[aria-pressed=false] .motion-icon{width:0;height:0;border:0;border-left:6px solid #ebdfc5;border-top:4px solid transparent;border-bottom:4px solid transparent}.intro{position:absolute;top:48%;left:0;right:0;transform:translateY(-50%);text-align:center;padding:0 24px;z-index:1}.intro h1{font:400 clamp(62px,7.8vw,120px)/1.07 'Manrope',sans-serif;letter-spacing:-.065em;margin:0 0 42px;color:#faf4e9;text-shadow:0 1px 35px #f4dfba0c}.intro h1 span{color:#c9d1d2}.actions{display:flex;justify-content:center;gap:14px}.liquid-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-width:190px;height:57px;padding:0 23px;border-radius:999px;isolation:isolate;font:500 11px 'DM Sans',sans-serif;letter-spacing:.05px;transition:box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1),background .5s;transform:translate(var(--mx,0px),var(--my,0px));overflow:hidden;cursor:pointer}.button-label,.arrow-icon{position:relative;z-index:3}.arrow-icon{font-size:18px;font-weight:400;transition:transform .4s}.primary-light{color:#273333;border:1px solid #fff2;background:linear-gradient(125deg,#e3e9e2 0%,#e7e5d7 38%,#d2d7cc 70%,#c6d2cd 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #899a8d55,0 2px 4px #0002,0 12px 27px #050d1338,0 0 38px #fff0ca0c}.primary-light:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1;background:linear-gradient(110deg,transparent 15%,#fff9 40%,transparent 60%);opacity:.75;transform:translateX(-60%);animation:surface-light 9s ease-in-out infinite}.primary-light:after{content:'';position:absolute;inset:1px;border:1px solid #ffffff66;border-bottom-color:#697b6b19;border-radius:inherit;z-index:2;pointer-events:none}.secondary-light{color:#e0e7e2;background:linear-gradient(125deg,#e7f5f71a,#d9e8e806 65%,#f3d8b413);border:1px solid #e3f4ef2b;backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #131d2640,0 8px 25px #04101817}.secondary-light:before{content:'';position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffffe6,transparent);opacity:.6}.button-glow{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;background:radial-gradient(100px circle at var(--gx,45%) var(--gy,-30%),#ffffffe6,transparent 75%);opacity:.16;transition:opacity .4s}.liquid-button:hover .button-glow{opacity:.4}.liquid-button:hover .arrow-icon{transform:translate(2px,-2px)}.primary-light:hover{box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #899a8d55,0 4px 9px #0002,0 15px 40px #050d132b,0 0 42px #fce7c72b}.secondary-light:hover{background:linear-gradient(125deg,#e7f5f72b,#d9e8e812 65%,#f3d8b423);box-shadow:inset 0 1px 0 #fff4,0 12px 35px #020e1933}.liquid-button:active{transform:scale(.97);transition:transform .1s}.bottom-link{position:absolute;bottom:32px;left:calc(50% - 16px);width:32px;height:32px;display:grid;place-items:center}.bottom-link span{height:5px;width:5px;background:#d5ddd16b;border-radius:50%;box-shadow:0 0 10px #e8dfc54d}.paused .light,.paused .primary-light:before{animation-play-state:paused}.paused .atmosphere{transform:none}@keyframes drift-one{to{transform:rotate(-20deg) translate(-6%,10%) scale(1.12);opacity:.7}}@keyframes drift-two{to{transform:rotate(-33deg) translate(9%,6%);opacity:.6}}@keyframes surface-light{0%,15%{transform:translateX(-60%);opacity:.3}60%,100%{transform:translateX(80%);opacity:.65}}@media(max-width:600px){.scene{min-height:590px}.scene header{top:28px;left:7%;right:7%}.scene header>a{font-size:23px}.intro{top:47%;padding:0 18px}.intro h1{font-size:clamp(42px,10.1vw,62px);margin-bottom:34px;line-height:1.12;letter-spacing:-.06em}.actions{gap:10px}.liquid-button{min-width:0;height:51px;padding:0 18px;font-size:10px;gap:17px}.arrow-icon{font-size:16px}.light-one{width:190vw;height:95vw;top:-30vw;right:-100vw;filter:blur(35px)}.light-two{width:170vw;height:100vw;left:-130%;top:38%}.landscape{background-position:53% center}.intro h1 span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.liquid-button,.atmosphere{transform:none!important}}

.scene .landscape{background:none}.scene .landscape video{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.scene .light-one{background:radial-gradient(ellipse,#fff3d5e6 0%,#f7d6ad85 17%,#eeb4ab40 32%,#bcbce91c 47%,transparent 68%)}.scene .liquid-button{touch-action:manipulation}.scene .liquid-button:active .button-glow{opacity:.65}.scene .intro h1{font-weight:400}.scene .primary-light:focus-visible{box-shadow:0 0 30px #fce7c733}.scene .secondary-light:focus-visible{background:#dbe9e224}.scene .paused .liquid-button{transform:none}.scene .light-one,.scene .light-two{contain:paint}#landing{background:#11191e}#landing .selected-work{background:linear-gradient(#11191e,#0b1115);max-width:none;padding:65px 7% 100px}#landing .frame-gallery{gap:24px}#landing .frame-gallery figure{border-radius:15px;isolation:isolate}#landing .frame-gallery img{filter:saturate(.4) brightness(.76)}#landing .frame-gallery figcaption{padding:20px 24px;color:#c5d1cd}#landing .work-index{color:#8b9d9e;font-size:7px;letter-spacing:1.2px}#landing .technical-preview{border-radius:13px;border-color:#a2bbb52b;box-shadow:0 30px 70px #0004}#landing .minimal-footer{border-color:#9ba9a315;margin:0;padding:25px 7%;background:#0b1115}#landing .minimal-footer span{color:#70848a}.scene.motion-off .liquid-button{transform:none!important}.scene.motion-off .atmosphere{transform:none!important}
@media(max-width:600px){#landing .selected-work{padding:40px 6% 55px}#landing .frame-gallery{gap:14px}#landing .frame-gallery figure{border-radius:11px}.scene .landscape video{object-position:53% center}.scene .intro{padding:0 14px}.scene .actions{gap:9px}.scene .liquid-button{padding:0 16px;gap:15px}.scene .intro h1{font-size:clamp(37px,10.1vw,62px)}}
.scene.out-of-view .light,.scene.out-of-view .primary-light:before{animation-play-state:paused}
/* Selected direction: Liquid glass (button 02). */
.scene .primary-light{color:#ecf4ed;background:linear-gradient(135deg,#edf7f03a,#c6dce411 50%,#cde8e525);border:1px solid #f5fff34a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 1px #bed7d730,0 10px 30px #0002}.scene .primary-light:after{border-color:#ffffff12}.scene .primary-light:before{opacity:.22}.scene .secondary-light{background:#d4e9f007;border-color:#edf9f52b;color:#dce9e6;box-shadow:inset 0 1px 0 #fff2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.scene .primary-light:hover{background:linear-gradient(135deg,#edf7f04a,#c6dce41b 50%,#cde8e535);box-shadow:inset 0 1px 0 #fffb,inset 0 -1px 1px #bed7d730,0 12px 32px #0003}.scene header>button{min-width:44px;min-height:44px}.scene .liquid-button:active{background-color:#e7fff122;box-shadow:inset 0 1px 5px #f3fff233,0 4px 15px #05101833}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.scene .primary-light{background:linear-gradient(135deg,#526264,#2d4148)}.scene .secondary-light{background:#26383fe6}}
@media(max-width:600px){.scene{height:100svh;min-height:560px}.scene header{top:max(22px,env(safe-area-inset-top));left:24px;right:20px}.scene .intro{top:47%;padding:0 22px}.scene .intro h1{font-size:clamp(37px,10.2vw,61px);line-height:1.14;letter-spacing:-.06em;margin-bottom:34px}.scene .actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:290px;margin:0 auto}.scene .liquid-button{width:100%;min-width:0;min-height:56px;height:56px;padding:0 25px;gap:16px;font-size:13px;font-weight:500;border-radius:30px}.scene .arrow-icon{font-size:21px}.scene .primary-light{background:linear-gradient(135deg,#dae9e840,#bbd6dc19 50%,#d7e9df2d);border-color:#f0fff668;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 1px #bed7d72b,0 10px 30px #0002}.scene .secondary-light{background:#152b3438;border-color:#edf9f53d;color:#e2ece7}.scene .bottom-link{bottom:max(24px,env(safe-area-inset-bottom))}.scene .light-one{filter:blur(32px)}.scene .light-two{filter:blur(32px)}}
@media(hover:none){.scene .liquid-button:hover .arrow-icon{transform:none}.scene .liquid-button{transform:none;transition:background .18s,box-shadow .18s,transform .18s}.scene .liquid-button:active{transform:scale(.975)}.scene .primary-light:before{animation:none;transform:translateX(-15%);opacity:.2}.scene .button-glow{opacity:.13}.scene .liquid-button:active .button-glow{opacity:.4}}
@media(max-height:520px) and (orientation:landscape){.scene{min-height:380px}.scene .intro{top:53%}.scene .intro h1{font-size:38px;margin-bottom:20px}.scene .actions{display:flex;max-width:none}.scene .liquid-button{width:auto;min-width:180px;height:48px;min-height:48px;font-size:11px}.scene .bottom-link{display:none}}