:root{--page-bg:#e6e5e2;--nav-height:64px;--content-max:1360px;--media-max:1040px;color:#222731;background:var(--page-bg);font-synthesis:none;text-rendering:geometricprecision;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{z-index:20;height:var(--nav-height);background:#e5e8ea;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:min(100%,1700px);height:100%;margin:0 auto;padding:0 clamp(24px,4vw,62px);display:flex}.brand{letter-spacing:0;width:clamp(220px,22vw,390px);height:clamp(30px,2.4vw,40px);font-size:clamp(28px,2.4vw,40px);font-weight:800;line-height:1;display:block;position:relative}.brand-name,.brand-hover-image{position:absolute;top:50%;left:0;transform:translateY(-50%)}.brand-name{white-space:nowrap;opacity:0}.brand-hover-image{opacity:1;pointer-events:none;width:100%;height:auto}.brand:hover .brand-name{opacity:1}.brand:hover .brand-hover-image{opacity:0}.nav-links{color:#3c4149;justify-content:flex-end;align-items:center;gap:clamp(14px,2.1vw,34px);min-width:0;font-size:clamp(15px,1.18vw,21px);font-weight:800;display:flex}.nav-link{white-space:nowrap;letter-spacing:0;transform-origin:50%;transition:letter-spacing .24s,margin .24s,transform .24s,color .24s;display:block;transform:scale(1)}.nav-link:hover{color:#202631;letter-spacing:.16em;margin-inline:clamp(10px,1.2vw,24px);transform:scale(1.04)}.nav-links:has(.nav-link:hover) .nav-link:not(:hover){transform:scale(.97)}.hero{height:calc(100svh - var(--nav-height));background:#000;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.hero-poster,.hero-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.hero-poster{object-fit:cover;transition:opacity .42s}.hero-poster.is-hidden{opacity:0;pointer-events:none;position:absolute;inset:0}.hero-play-button{z-index:6;cursor:pointer;background:#0000002e;border:0;border-radius:50%;width:clamp(42px,5vw,64px);height:clamp(42px,5vw,64px);padding:0;transition:transform .18s,filter .18s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-play-button img{pointer-events:none;width:100%;height:auto;display:block}.hero-play-button:hover{filter:brightness(1.08);transform:translate(-50%,-50%)scale(1.08)}.hero-play-button:active{transform:translate(-50%,-50%)scale(.95)}.hero-mark{--hero-x:0;--hero-y:0;--hero-left-depth:0;--hero-right-depth:0;--hero-vertical-depth:0;z-index:8;aspect-ratio:4356/1201;cursor:default;pointer-events:none;perspective:760px;width:min(56vw,720px);transform-style:preserve-3d;background:0 0;border:0;padding:0;position:absolute;top:52%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hero-mark-layer{backface-visibility:hidden;width:50%;transform-style:preserve-3d;will-change:transform;background-image:url(/assets/explore-progress.png);background-repeat:no-repeat;background-size:200% 100%;display:block;position:absolute;top:0;bottom:0}.hero-mark-layer-left{transform-origin:100%;transform:translate3d(calc(var(--hero-x) * -2px), calc(var(--hero-y) * 1px), calc(var(--hero-left-depth) * 30px)) rotateY(calc(var(--hero-left-depth) * -13deg + var(--hero-right-depth) * 2deg)) rotateX(calc(var(--hero-y) * 7deg)) scaleX(calc(1 + var(--hero-left-depth) * .105)) scaleY(calc(1 + var(--hero-vertical-depth) * .085));background-position:0;left:0}.hero-mark-layer-right{transform-origin:0%;transform:translate3d(calc(var(--hero-x) * 2px), calc(var(--hero-y) * 1px), calc(var(--hero-right-depth) * 30px)) rotateY(calc(var(--hero-right-depth) * 13deg + var(--hero-left-depth) * -2deg)) rotateX(calc(var(--hero-y) * 7deg)) scaleX(calc(1 + var(--hero-right-depth) * .105)) scaleY(calc(1 + var(--hero-vertical-depth) * .085));background-position:100%;right:0}.hero-mark-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.selection,.shot-materials,.memory-section,.featured{width:min(100%, var(--content-max));background:var(--page-bg);margin:0 auto;padding:160px clamp(24px,4vw,56px) 0}.reveal-on-scroll{opacity:0;filter:blur(5px);will-change:opacity, transform, filter;transition:opacity 1.25s,transform 1.25s cubic-bezier(.16,1,.3,1),filter 1.25s;transform:translateY(88px)}.reveal-on-scroll.is-visible{opacity:1;filter:blur();transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;filter:none;transition:none;transform:none}}.section-title{text-align:center;margin-bottom:38px}.section-title p,.section-title h2{transition:transform .36s,color .36s,filter .36s;transform:translateY(0)}.reveal-on-scroll.is-visible .section-title p{animation:1.18s cubic-bezier(.16,1,.3,1) both titleSettle}.reveal-on-scroll.is-visible .section-title h2{animation:1.18s cubic-bezier(.16,1,.3,1) 90ms both titleSettle}.selection:hover .section-title p,.featured:hover .section-title p,.other-works:hover .section-title p,.color-stills:hover .section-title p,.shot-materials:hover .section-title p,.memory-section:hover .section-title p{filter:brightness(.96);transform:translateY(-2px)}.selection:hover .section-title h2,.featured:hover .section-title h2,.other-works:hover .section-title h2,.color-stills:hover .section-title h2,.shot-materials:hover .section-title h2,.memory-section:hover .section-title h2{color:#151b24;transform:translateY(-3px)}.selection{min-height:auto;padding-top:290px;padding-bottom:138px}.section-title p{color:#666b73;margin:0 0 14px;font-size:28px;font-weight:800;line-height:1}.section-title h2{color:#202631;margin:0;font-size:34px;font-weight:900;line-height:1.05}.selection-card{cursor:pointer;width:min(100%,880px);margin:0 auto;display:block}.play-image-frame{width:100%;transition:transform .42s cubic-bezier(.16,1,.3,1),filter .42s;display:block;position:relative;overflow:hidden;transform:translateY(0)}.play-image-frame>img:not(.play-icon){width:100%;height:auto;transition:transform .76s cubic-bezier(.16,1,.3,1),filter .52s;display:block;transform:scale(1)}.play-icon{z-index:4;pointer-events:none;width:7.9%;min-width:42px;max-width:132px;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selection-card .play-icon,.work-card-wide .play-icon{width:3.95%;max-width:66px}.featured-grid .play-icon{width:7.9%;max-width:66px}.play-image-frame:hover .play-icon,.other-main-card:hover .play-icon,.shot-materials-card:hover .play-icon,.selection-card:hover .play-icon,.work-card:hover .play-icon,.memory-card:hover .play-icon{animation:.76s ease-in-out infinite playIconFloat}.selection-card:hover .play-image-frame,.work-card:hover .play-image-frame,.work-card-wide:hover .play-image-frame{filter:drop-shadow(0 18px 20px #20263129);transform:translateY(-6px)}.selection-card:hover .play-image-frame>img:not(.play-icon),.work-card:hover .play-image-frame>img:not(.play-icon),.work-card-wide:hover .play-image-frame>img:not(.play-icon){filter:brightness(1.025)contrast(1.02);transform:scale(1.018)}.shot-materials{min-height:auto;padding-top:210px;padding-bottom:140px}.shot-materials-card{cursor:pointer;width:min(100%,880px);margin:0 auto;transition:transform .46s cubic-bezier(.16,1,.3,1),filter .46s;display:block;position:relative;overflow:hidden;transform:translateY(0)}.shot-materials-image{aspect-ratio:5161/3064;object-fit:cover;width:100%;transition:transform .82s cubic-bezier(.16,1,.3,1),filter .56s;display:block;transform:scale(1)}.shot-materials-type{z-index:2;pointer-events:none;width:min(44.5%,700px);height:auto;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s,opacity .52s;display:block;position:absolute;bottom:1.5%;left:6.9%;transform:translateY(0)}.shot-materials-card:hover{filter:drop-shadow(0 18px 24px #20263129);transform:translateY(-7px)}.shot-materials-card:hover .shot-materials-image{filter:brightness(1.03)contrast(1.02);transform:scale(1.015)}.shot-materials-card:hover .shot-materials-type{filter:drop-shadow(0 4px 8px #0000002e);opacity:.96;transform:translateY(-8px)}.memory-section{min-height:auto;padding-top:220px;padding-bottom:138px}.memory-card{cursor:pointer;width:min(100%,880px);margin:0 auto;transition:transform .46s cubic-bezier(.16,1,.3,1),filter .46s;display:block;position:relative;overflow:hidden;transform:translateY(0)}.memory-image{aspect-ratio:4096/2432;object-fit:cover;width:100%;transition:transform .82s cubic-bezier(.16,1,.3,1),filter .56s;display:block;transform:scale(1)}.memory-type{z-index:2;pointer-events:none;width:min(21.5%,330px);height:auto;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s,opacity .52s;display:block;position:absolute;bottom:12.2%;left:8.9%;transform:translateY(0)}.memory-card:hover{filter:drop-shadow(0 18px 24px #20263129);transform:translateY(-7px)}.memory-card:hover .memory-image{filter:brightness(1.035)contrast(1.02);transform:scale(1.015)}.memory-card:hover .memory-type{filter:drop-shadow(0 4px 8px #00000029);opacity:.96;transform:translateY(-8px)}.featured{padding-top:220px;padding-bottom:128px}.featured-grid{grid-template-columns:1fr 1fr;gap:clamp(34px,4vw,66px);width:min(100%,860px);margin:64px auto 0;display:grid}.work-card{cursor:pointer;flex-direction:column;align-items:center;display:flex}.work-image-frame{width:min(100%,500px)}.featured-grid .work-image-frame{width:min(100%,340px)}.work-image-frame>img:not(.play-icon){aspect-ratio:.736;object-fit:cover;width:100%;display:block}.work-card-wide{margin-top:136px;display:block}.work-card-wide .work-image-frame{width:min(100%,880px);margin:0 auto}.work-card-wide .work-image-frame>img:not(.play-icon){aspect-ratio:3024/1590;object-fit:cover;width:100%}.featured-caption{--featured-mark:20px;--featured-role:16px;--featured-title:22px;--featured-gap:22px;justify-content:center;align-items:center;gap:var(--featured-gap);width:100%;margin-top:26px;transition:transform .36s,filter .36s;display:flex;transform:translateY(0)}.featured-caption-wide{--featured-mark:22px;--featured-role:15px;--featured-title:24px;--featured-gap:26px}.featured-mark{width:var(--featured-mark);height:var(--featured-mark);flex:0 0 var(--featured-mark);background:conic-gradient(from 43deg,#0000 0deg 76deg,#202631 76deg 323deg,#0000 323deg 360deg);border-radius:50%;position:relative}.featured-mark:before{content:"";inset:calc(var(--featured-mark) * .29);z-index:2;background:#f4f3ef;border-radius:50%;position:absolute}.featured-mark:after{content:"";z-index:1;clip-path:polygon(50% 50%,100% 15%,100% 100%,48% 100%);background:conic-gradient(from 30deg,#cfd4d6 0deg 88deg,#0000 88deg 360deg);border-radius:50%;position:absolute;inset:0}.featured-caption-text{text-align:center;row-gap:6px;display:grid}.featured-caption-text span{font-size:var(--featured-role);color:#8d929a;font-weight:900;line-height:1;display:block}.featured-caption-text strong{font-size:var(--featured-title);white-space:nowrap;color:#737982;font-weight:900;line-height:1;transition:color .28s,transform .28s;display:block}.work-card:hover .featured-caption,.work-card-wide:hover .featured-caption{filter:brightness(.98);transform:translateY(4px)}.work-card:hover .featured-caption-text strong,.work-card-wide:hover .featured-caption-text strong{color:#4f5660;transform:translateY(-1px)}.detail-page{min-height:calc(100vh - var(--nav-height));background:var(--page-bg);padding:0 clamp(24px,4vw,62px) 120px}.detail-inner{width:min(100%,1280px);margin:0 auto}.back-button{color:#6d727b;font:inherit;cursor:pointer;background:0 0;border:0;margin:46px 0;padding:0;font-size:clamp(18px,1.6vw,28px);font-weight:900;line-height:1}.back-button:hover{color:#202631}.detail-heading{margin:0 0 42px;animation:1.05s cubic-bezier(.16,1,.3,1) both detailEaseIn}.detail-heading p{color:#6a6f77;margin:0 0 12px;font-size:clamp(22px,2.2vw,34px);font-weight:900;line-height:1}.detail-heading h1{color:#202631;margin:0;font-size:clamp(36px,4vw,56px);font-weight:900;line-height:1.08}.detail-video,.video-placeholder{width:100%}.detail-video-frame{width:min(100%, var(--media-max));aspect-ratio:16/9;transform-origin:top;background:#000;margin:0 auto;transition:transform .46s cubic-bezier(.16,1,.3,1),filter .46s;animation:1.25s cubic-bezier(.16,1,.3,1) .12s both detailEaseIn;position:relative;overflow:hidden}.detail-video-frame:hover{filter:drop-shadow(0 18px 24px #20263124);transform:translateY(-5px)}.detail-video{aspect-ratio:16/9;object-fit:contain;width:100%;height:100%;display:block}.detail-player-button{z-index:2;cursor:pointer;background:0 0;border:0;width:clamp(42px,5vw,64px);height:clamp(42px,5vw,64px);padding:0;transition:transform .18s,filter .18s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-player-button img{width:100%;height:100%;display:block}.detail-player-button:hover{filter:brightness(1.08);transform:translate(-50%,-50%)scale(1.08)}.detail-player-button:active{transform:translate(-50%,-50%)scale(.94)}.tc-player-frame{aspect-ratio:16/9;background:#000}.tc-player-frame .detail-video,.tc-player-frame .tcp-video-container{width:100%;height:100%}.detail-embed{background:#000;border:0;height:100%}.detail-image-frame{width:min(100%, var(--media-max));transform-origin:top;margin:0 auto;transition:transform .46s cubic-bezier(.16,1,.3,1),filter .46s;animation:1.25s cubic-bezier(.16,1,.3,1) .12s both detailEaseIn}.detail-image-frame:hover{filter:drop-shadow(0 18px 24px #20263124);transform:translateY(-5px)}.detail-image-frame-memory{overflow:hidden}.detail-image{width:100%;height:auto;display:block}.detail-image-memory{width:109%;max-width:none;transform:translate(-4.45%)}.video-placeholder{aspect-ratio:16/9;color:#a8adb4;background:#dfe2e5;place-items:center;font-size:28px;font-weight:800;display:grid}.detail-copy{color:#202631;grid-template-columns:minmax(220px,390px) minmax(0,1fr);gap:clamp(72px,10vw,170px);margin-top:128px;animation:1.25s cubic-bezier(.16,1,.3,1) .24s both detailEaseIn;display:grid}.detail-copy h2{margin:0;font-size:clamp(42px,4vw,68px);font-weight:900;line-height:1.05}.detail-copy p{color:#686e77;justify-self:end;max-width:980px;margin:0;font-size:clamp(28px,3vw,48px);font-weight:900;line-height:1.72}.other-works{--other-card-width:min(44vw, 660px);--other-gap:clamp(28px, 3vw, 46px);background:var(--page-bg);width:100vw;min-height:auto;margin:0 calc(50% - 50vw);padding:190px 0 138px;overflow:hidden}.other-carousel{height:calc(var(--other-card-width) * .5625);justify-content:center;align-items:center;margin-top:58px;display:flex;position:relative}.other-main-card{z-index:2;width:var(--other-card-width);cursor:pointer;transition:transform .46s cubic-bezier(.16,1,.3,1),filter .46s,box-shadow .46s;display:block;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 0 0 1px #20263105}.other-main-image,.side-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.other-main-image{transition:transform .82s cubic-bezier(.16,1,.3,1),filter .56s;transform:scale(1)}.other-main-card:hover{filter:drop-shadow(0 18px 22px #20263129);transform:translateY(-6px)}.other-main-card:hover .other-main-image{filter:brightness(1.025)contrast(1.02);transform:scale(1.018)}.work-number{z-index:3;color:#fff;font-size:clamp(20px,1.7vw,30px);font-weight:900;line-height:1;position:absolute;top:clamp(14px,1.4vw,26px);left:clamp(18px,2vw,38px)}.side-preview{width:var(--other-card-width);opacity:.92;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.side-preview:after{content:"";background:#0000002e;position:absolute;inset:0}.side-preview-left{left:calc(50% - (var(--other-card-width) / 2) - var(--other-gap) - var(--other-card-width))}.side-preview-right{right:calc(50% - (var(--other-card-width) / 2) - var(--other-gap) - var(--other-card-width))}.side-preview-left img{width:var(--other-card-width);max-width:none;transform:none}.side-preview-right img{width:var(--other-card-width);max-width:none;transform:translate(0)}.side-number{z-index:2;color:#fff;font-size:clamp(19px,1.6vw,28px);font-weight:900;line-height:1;position:absolute;top:clamp(12px,1.2vw,22px);left:clamp(16px,1.7vw,30px)}.carousel-arrow{z-index:4;color:#fff;cursor:pointer;background:#20232d;border:0;border-radius:50%;place-items:center;width:clamp(42px,4.3vw,66px);height:clamp(42px,4.3vw,66px);font-size:clamp(34px,3.2vw,52px);font-weight:900;line-height:1;transition:transform .22s,background .22s,box-shadow .22s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#12151d;transform:translateY(-50%)scale(1.07);box-shadow:0 10px 18px #20263129}.carousel-arrow-left{left:calc(50% - (var(--other-card-width) / 2) - clamp(28px, 3.6vw, 58px))}.carousel-arrow-right{right:calc(50% - (var(--other-card-width) / 2) - clamp(28px, 3.6vw, 58px))}.other-caption{width:var(--other-card-width);justify-content:center;margin:22px auto 0;display:flex}.other-caption-inner{width:max-content;transition:transform .36s;position:relative;transform:translateY(0)}.other-works:has(.other-main-card:hover) .other-caption-inner{transform:translateY(4px)}.c-mark{background:conic-gradient(from 43deg,#0000 0deg 76deg,#202631 76deg 323deg,#0000 323deg 360deg);border-radius:50%;flex:0 0 24px;width:24px;height:24px;position:absolute;top:50%;right:calc(100% + 24px);transform:translateY(-50%)}.c-mark:before{content:"";z-index:2;background:#f4f3ef;border-radius:50%;position:absolute;inset:7px}.c-mark:after{content:"";z-index:1;clip-path:polygon(50% 50%,100% 15%,100% 100%,48% 100%);background:conic-gradient(from 30deg,#cfd4d6 0deg 88deg,#0000 88deg 360deg);border-radius:50%;position:absolute;inset:0}.other-caption-text{text-align:center;grid-template-rows:auto auto;row-gap:4px;display:grid}.other-caption-text span{color:#8d929a;font-size:12px;font-weight:900;line-height:1}.other-caption-text strong{color:#555b65;font-size:22px;font-weight:900;line-height:1}.color-stills{width:min(100%, var(--content-max));background:var(--page-bg);min-height:auto;margin:0 auto;padding:210px clamp(24px,4vw,62px) 148px}.film-demo{justify-items:center;margin-top:52px;display:grid}.day-night-demo{margin-top:62px}.film-stage{aspect-ratio:3622/1274;width:min(100%,1120px);position:relative}.film-strip{z-index:1;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.film-frame{z-index:2;object-fit:cover;background:#fff;width:29.5693%;height:58.8697%;display:block;position:absolute;top:21.3501%}.film-frame-1{left:4.1414%}.film-frame-2{top:21.4286%;left:35.2292%}.film-frame-3{top:21.4286%;left:66.3446%}.film-flash{z-index:3;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:8.8% 3.1%}.film-demo.flash:not(.dissolve) .film-flash{animation:.72s ease-out flashSwap}.film-demo.dissolve .film-frame:not(.dissolve-frame){animation:.76s ease-in-out forwards dissolveOut}.film-demo.dissolve .dissolve-frame{animation:.76s ease-in-out forwards dissolveIn}.color-toggle{cursor:pointer;background:0 0;border:0;width:clamp(64px,6vw,92px);margin-top:22px;padding:0;transition:transform .14s,filter .14s;position:relative;overflow:visible}.color-button-image{z-index:1;transform-origin:50% 56%;width:100%;height:auto;transition:transform .14s,filter .14s;display:block;position:relative}.clap-hand{z-index:2;opacity:0;pointer-events:none;transform-origin:50% 82%;width:120%;max-width:104px;height:auto;display:block;position:absolute;bottom:-8%;left:50%;transform:translate(-50%,-8px)rotate(-7deg)scale(.92)}.color-toggle:hover{filter:brightness(1.04)}.color-toggle:hover .color-button-image{animation:.68s ease-in-out infinite buttonKnock}.color-toggle:hover .clap-hand{opacity:1;animation:.68s ease-in-out infinite handKnock}.color-toggle:active .clap-hand{opacity:1;animation:none;transform:translate(-50%,1px)rotate(0)scale(1.5)}.color-toggle:active{filter:brightness(.9);transform:translateY(4px)scale(.92)}.dual-toggle-row{justify-content:space-between;align-items:center;width:min(42vw,520px);margin-top:34px;display:flex}.day-night-toggle{margin-top:0}.thumbnail-film-stage{aspect-ratio:1541/530;width:min(100%,1120px);margin:70px auto 0;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .48s;position:relative;transform:translateY(0)}.double-film-strip{z-index:1;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.thumbnail-frame{z-index:2;object-fit:cover;background:#fff;width:15.45%;height:31.35%;transition:transform .56s cubic-bezier(.16,1,.3,1),filter .42s;display:block;position:absolute;transform:scale(1)}.thumbnail-film-stage:hover{filter:drop-shadow(0 16px 18px #20263124);transform:translateY(-5px)}.thumbnail-film-stage:hover .thumbnail-frame{filter:brightness(1.025)contrast(1.015);transform:scale(1.015)}@keyframes titleSettle{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes detailEaseIn{0%{opacity:0;filter:blur(4px);transform:translateY(54px)}to{opacity:1;filter:blur();transform:translateY(0)}}.thumbnail-frame-1,.thumbnail-frame-2,.thumbnail-frame-3,.thumbnail-frame-4,.thumbnail-frame-5,.thumbnail-frame-6{top:11.55%}.thumbnail-frame-7,.thumbnail-frame-8,.thumbnail-frame-9,.thumbnail-frame-10,.thumbnail-frame-11,.thumbnail-frame-12{top:55.7%}.thumbnail-frame-1,.thumbnail-frame-7{left:2.34%}.thumbnail-frame-2,.thumbnail-frame-8{left:18.44%}.thumbnail-frame-3,.thumbnail-frame-9{left:34.52%}.thumbnail-frame-4,.thumbnail-frame-10{left:50.56%}.thumbnail-frame-5,.thumbnail-frame-11{left:66.59%}.thumbnail-frame-6,.thumbnail-frame-12{left:82.67%}@keyframes flashSwap{0%{opacity:0}32%{opacity:1}to{opacity:0}}@keyframes dissolveOut{0%{opacity:1}48%{opacity:0}to{opacity:0}}@keyframes dissolveIn{0%{opacity:0}45%{opacity:0}to{opacity:1}}@keyframes playIconFloat{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}@keyframes handKnock{0%,to{transform:translate(-50%,-13px)rotate(-8deg)scale(.95)}42%{transform:translate(-50%,6px)rotate(1deg)scale(1.02)}56%{transform:translate(-50%,1px)rotate(-2deg)scale(1)}}@keyframes buttonKnock{0%,to{filter:brightness();transform:translateY(0)scale(1)}42%{filter:brightness(.93);transform:translateY(5px)scale(.92)}56%{filter:brightness(.98);transform:translateY(2px)scale(.97)}}@media (width<=1300px){.nav{height:var(--nav-height)}.hero{height:calc(100vh - var(--nav-height))}.work-caption strong{font-size:30px}}@media (width<=900px){.nav-links{gap:9px;font-size:13px}.brand{font-size:34px}.hero-mark{width:70vw}.carousel-arrow{width:42px;height:42px;font-size:36px}.carousel-arrow-left{left:calc(50% - (var(--other-card-width) / 2) - 18px)}.carousel-arrow-right{right:calc(50% - (var(--other-card-width) / 2) - 18px)}}@media (width<=700px){.detail-copy{grid-template-columns:1fr;gap:30px}}