@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:ManropeFallback;src:local(Arial);size-adjust:104%;ascent-override:102%;descent-override:27%;line-gap-override:0%}:root{color:#f4f0e9;color-scheme:dark;font-synthesis:none;--ground:#252326;--white:#f4f0e9;--gutter:clamp(24px,3.34vw,64px);--stage-height:100svh;--run:0px;--title:clamp(64px,6.1vw,100px);--section-title:var(--title);--info-col:calc(28vw - var(--gutter));--info-gap:4.66vw;background:#252326;font-family:Manrope,ManropeFallback,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #fff}p,h1,h2,figure{margin:0}img,video{max-width:100%;display:block}::selection{color:#252326;background:#f4f0e9}.skip-link{z-index:50;color:#252326;background:#f4f0e9;padding:16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.icon{fill:none;stroke:currentColor;stroke-width:8px;width:.72em;height:.72em;overflow:visible}.icon-next,.icon-back{width:.84em}.contact-email .icon,.contact-submit .icon{stroke-width:10px}.icon-media{vertical-align:-.14em;fill:currentColor;stroke:none;width:1em;height:1em}.icon-media .icon-pause,.is-playing .icon-media .icon-start{display:none}.is-playing .icon-media .icon-pause{display:inline}.journey{position:relative}.stage{--stage-base:max(820px,100svh);height:calc(var(--stage-base) + var(--hero-shift,0px));isolation:isolate;position:relative;overflow:clip}.masthead{inset:27px var(--gutter) auto;z-index:4;letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:14px;font-weight:550;display:flex;position:absolute}.masthead nav{align-items:center;gap:13px;display:flex}.masthead a{opacity:.65;white-space:nowrap;justify-content:center;align-items:center;min-width:30px;min-height:44px;display:inline-flex}.masthead a[aria-current]{opacity:1;text-underline-offset:5px;text-decoration:underline}.masthead a:hover{opacity:1}.masthead nav>span{opacity:.4}.masthead p{margin-right:auto}.masthead .masthead-contact{min-width:44px;margin-right:28px}.intro{--intro-top:calc(var(--stage-base) * .105);top:var(--intro-top);left:var(--gutter);right:var(--gutter);z-index:4;--name-size:clamp(80px,11.6vw,230px);position:absolute}.identity{margin-left:-.009em}.identity h1{font-size:var(--name-size);letter-spacing:-.07em;font-weight:750;line-height:1.04}.name-period{color:#ff8b68}.offer{width:calc((100% + 2 * var(--gutter)) * .28);max-width:460px;margin-top:max(16px,calc(var(--stage-base) * .235 - 1.04 * var(--name-size)))}.offer-main{letter-spacing:-.045em;text-wrap:pretty;font-size:clamp(23px,2.04vw,35px);font-weight:520;line-height:1.24}.offer-main:lang(en){text-wrap:balance}.offer-detail{letter-spacing:-.02em;color:#c9c4c1;text-wrap:pretty;max-width:360px;margin-top:20px;font-size:clamp(16px,1.22vw,20px);line-height:1.5}.fragment{z-index:3;will-change:transform;margin:0;position:absolute}.fragment-window{background:#373135;overflow:hidden}.fragment img{object-fit:cover;width:100%;height:100%}.fragment figcaption{letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.fragment figcaption span+span{color:#c9c4c1;font-weight:400}.canone-fragment{width:23%;right:var(--gutter);top:calc(var(--stage-base) * .35 + var(--hero-shift,0px))}.canone-fragment figcaption{flex-direction:column;align-items:flex-start;gap:1px;padding-bottom:9px;position:absolute;bottom:100%;left:0;right:0}.canone-fragment .fragment-window{aspect-ratio:1.38}.canone-fragment picture{width:100%;height:100%;display:block}.lume-visual{left:39%;top:calc(var(--stage-base) * .42 + var(--hero-shift,0px));z-index:5;transform-origin:0 0;will-change:transform;pointer-events:none;--rest-crop-right:8%;--rest-crop-bottom:7%;width:59%;position:absolute}.lume-window,.lume-label{pointer-events:auto}.lume-label{background:var(--ground);transform-origin:0 100%;justify-content:flex-start;align-items:center;gap:14px;width:max-content;padding:3px 6px 3px 0;font-size:12px;font-weight:600;line-height:1.5;transition:background-color .2s;display:flex;position:absolute;bottom:calc(100% + 10px)}.lume-label span+span{color:#c9c4c1;font-weight:400}.is-dissolved .lume-label{background-color:#0000}.lume-window{aspect-ratio:1.6;clip-path:inset(0 var(--rest-crop-right) var(--rest-crop-bottom) 0);transform-origin:0 0;overflow:hidden;box-shadow:0 15px 40px #08060835}.lume-window img,.lume-window picture{width:100%;height:100%;display:block}.lume-window img{object-fit:contain}.scosta-fragment{left:calc(var(--gutter) + 3%);--scosta-bottom:50px;bottom:var(--scosta-bottom);z-index:6;width:30%}.scosta-fragment .fragment-window{aspect-ratio:1.6;position:relative}.scosta-video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.scosta-video.is-playing{opacity:1}.scosta-fragment figcaption{background:var(--ground);padding-top:10px;padding-bottom:5px}.scosta-fragment figcaption>div{flex-wrap:wrap;gap:12px;display:flex}.video-control{background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;min-height:32px;padding:4px 0 4px 8px;font-size:11px;display:flex}.video-control[hidden]{display:none}.video-control:hover{text-underline-offset:4px;text-decoration:underline}.scene-foot{bottom:22px;left:var(--gutter);right:var(--gutter);letter-spacing:.01em;color:#c9c4c1;justify-content:space-between;font-size:11px;display:flex;position:absolute}.graphite{z-index:0;pointer-events:none;background:var(--ground);position:absolute;inset:0;overflow:hidden}.graphite-static,.graphite-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.graphite-canvas{opacity:0}.graphite.is-ready .graphite-canvas{opacity:1}.graphite.is-ready .graphite-static{visibility:hidden}.graphite-toggle{right:calc(var(--gutter) - 16px);width:44px;height:44px;color:var(--white);opacity:.45;background:0 0;border:0;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;bottom:7px}.graphite-toggle:hover,.graphite-toggle:focus-visible{opacity:1}.graphite-toggle:focus-visible{outline-offset:0}.graphite-toggle[hidden]{display:none}.graphite-toggle svg{fill:currentColor;display:block}.graphite-toggle .graphite-play,.graphite-toggle[aria-pressed=true] .graphite-pause{display:none}.graphite-toggle[aria-pressed=true] .graphite-play{display:inline}.project-title,.section-title{letter-spacing:-.07em;font-weight:600;line-height:1}.project-title{font-size:var(--title)}.section-title{font-size:var(--section-title)}.project{padding:80px var(--gutter);outline:none;position:relative}.project-content{max-width:650px}.project h2{font-size:clamp(70px,7.5vw,116px)}.project-kind{text-wrap:balance;margin-top:12px;font-size:1rem;font-weight:500}.project-description{letter-spacing:-.025em;text-wrap:pretty;margin-top:32px;font-size:1.25rem;line-height:1.45}.demo-link{border-bottom:1px solid var(--white);justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:20px;padding:12px 0;font-size:1rem;font-weight:600;display:flex}.demo-link>span:last-child{font-size:1.5625rem;font-weight:400}.demo-link:hover{color:#ffae91}.demo-note{color:#c9c4c1;margin-top:9px;font-size:.6875rem}.footer{margin:0 var(--gutter);border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;padding:25px 0 35px;font-size:.75rem;display:flex}.footer a{align-items:center;gap:10px;min-height:44px;display:flex}.footer a:hover{color:#ffae91}.footer-links{flex-wrap:wrap;justify-content:flex-end;column-gap:32px;display:flex}.is-enhanced .journey{height:calc(var(--stage-height) + var(--run))}.is-enhanced .stage{top:var(--sticky-top,0px);height:var(--stage-height);min-height:0;position:sticky}.is-enhanced .lume-visual{max-width:none;transform:translate(var(--lume-x),var(--lume-y)) scale(var(--lume-scale));width:var(--lume-width);top:0;left:0}.is-enhanced .lume-window{clip-path:inset(0 var(--crop-right,0%) var(--crop-bottom,0%) 0)}.is-enhanced .lume-label{transform:scale(calc(1 / var(--lume-scale)));gap:calc(14px * var(--lume-scale));padding:calc(3px * var(--lume-scale)) calc(6px * var(--lume-scale)) calc(3px * var(--lume-scale)) 0;bottom:calc(100% + 10px / var(--lume-scale))}.is-enhanced [data-intro]{transform:translateY(var(--intro-y,0px))}.is-enhanced .canone-fragment{transform:translate(var(--canone-x,0px),var(--canone-y,0px))}.is-enhanced .scosta-fragment{transform:translate(var(--scosta-x,0px),var(--scosta-y,0px))}.is-enhanced .project{margin-top:calc(-1 * var(--stage-height));height:var(--stage-height);pointer-events:none;padding:0;overflow:clip}.is-enhanced .project-content{left:72%;right:var(--gutter);top:calc(50% + var(--content-offset,0px));transform:translateY(-50%) translateY(var(--details-y,120vh));pointer-events:auto;position:absolute}.is-enhanced .project h2{font-size:var(--title)}.is-enhanced .project-description{margin-top:26px;font-size:clamp(1.0625rem,1.35vw,1.375rem)}.is-enhanced .project-kind{font-size:.9375rem}.is-enhanced .footer{margin-top:10px}.is-enhanced.is-stacked .project{margin-top:calc(-1 * var(--lume-tail,0px));height:auto;padding:12px var(--gutter) 48px;pointer-events:auto}.is-enhanced.is-stacked .project-content{max-width:650px;margin-inline:auto;position:static;transform:none}.is-enhanced.is-stacked .project-description{font-size:1.25rem}.is-enhanced.is-stacked .project h2{font-size:78px}.is-opening .lume-window{animation:.55s cubic-bezier(.2,.7,.2,1) both open-window}.is-opening .canone-fragment .fragment-window{animation:.55s cubic-bezier(.2,.7,.2,1) both open-side}.is-opening .scosta-fragment .fragment-window{animation:.55s cubic-bezier(.2,.7,.2,1) 50ms both open-side}@keyframes open-window{0%{clip-path:inset(12% 8% 48% 0)}to{clip-path:inset(0 var(--crop-right,var(--rest-crop-right)) var(--crop-bottom,var(--rest-crop-bottom)) 0)}}@keyframes open-side{0%{clip-path:inset(0 65% 0 0)}to{clip-path:inset(0)}}@media (width>=701px){.offer-detail:lang(en){max-width:none}.lume-label,.scosta-fragment figcaption{background:0 0}}@media (width>=701px) and (height<=650px){.stage{--stage-base:max(500px,100svh)}.masthead{font-size:13px;top:12px}.intro{--intro-top:calc(var(--stage-base) * .14);--name-size:min(8.2vw,15.5vh)}.offer{width:calc((100% + 2 * var(--gutter)) * .3);margin-top:max(16px,calc(var(--stage-base) * .22 - 1.04 * var(--name-size)))}.offer-main{font-size:23px}.offer-detail{margin-top:12px;font-size:15px;line-height:1.4}.canone-fragment{top:calc(var(--stage-base) * .29 + var(--hero-shift,0px));width:20%}.lume-visual{top:calc(var(--stage-base) * .4 + var(--hero-shift,0px));width:34%;left:62%}.scosta-fragment{--scosta-bottom:34px;width:18%;left:43%}.scosta-fragment figcaption{padding-top:5px;font-size:10px}.scene-foot{bottom:12px}.graphite-toggle{bottom:3px}.is-enhanced .project-content{max-width:450px;left:66%}.is-enhanced .project-description{margin-top:18px;font-size:1.0625rem}.project .demo-link{margin-top:8px}.project .demo-note{font-size:.625rem}}@media (width>=1001px) and (height<=650px){:root{--title:60px;--info-col:calc(34vw - var(--gutter))}}@media (width>=1001px) and (width<=1199px){:root{--info-col:calc(34vw - var(--gutter))}.is-enhanced .project-content{left:66%}}@media (width<=1000px){:root{--title:78px}}@media (width<=1000px) and (width>=701px){.offer{width:calc((100% + 2 * var(--gutter)) * .33)}.offer-main{font-size:24px}.offer-detail{font-size:15px}.fragment figcaption{font-size:10px}.canone-fragment figcaption span+span{display:none}.is-enhanced .project-content{left:68%}.is-enhanced .project-description{font-size:1rem}.project-kind{font-size:.8125rem}}@media (width>=701px) and (orientation:portrait){.offer{width:calc((100% + 2 * var(--gutter)) * .46);margin-top:32px}.canone-fragment{width:min(34%,var(--lume-w) - var(--label-room));top:calc(var(--stage-base) * .105 + 12vw + 64px + var(--hero-shift,0px))}.stage{--offer-end:calc(var(--stage-base) * .105 + 12.07vw + 157px);--band:calc(var(--stage-base) - var(--offer-end) - 50px);--lume-w:clamp(56vw,(var(--band) - 145px) / .9384,80vw);--band-free:max(0px,var(--band) - 145px - var(--lume-w) * .9384);--lume-overflow:max(0px,var(--offer-end) + 58px + var(--band-free) / 2 + var(--lume-w) * .58125 + 50px - var(--stage-base));--label-room:174px;height:calc(var(--stage-base) + var(--hero-shift,0px) + var(--lume-overflow))}.stage:lang(en){--offer-end:calc(var(--stage-base) * .105 + 12.07vw + 187px);--label-room:180px}.lume-visual{left:auto;right:var(--gutter);width:var(--lume-w);top:calc(var(--offer-end) + 58px + var(--band-free) / 2 + var(--hero-shift,0px))}.scosta-fragment{width:calc(var(--lume-w) * 4 / 7)}}@media (width<=700px){:root{--gutter:20px;--section-title:60px}.stage{--stage-base:max(850px,100svh)}.masthead{letter-spacing:-.02em;font-size:11px;top:17px}.masthead nav{gap:5px}.masthead a{min-width:30px}.masthead .masthead-contact{margin-right:8px}.intro{--intro-top:95px;--name-size:clamp(60px,18vw,112px)}.identity{margin-left:-2px}.identity h1{letter-spacing:-.065em;line-height:.98}.identity h1>span:not(.name-period){display:block}.identity h1 .name-period{display:none}.offer{width:auto;max-width:490px;margin-top:max(8px,calc(170px - 1.96 * var(--name-size)))}.offer-main{letter-spacing:-.035em;max-width:330px;font-size:22px;line-height:1.25}.offer-detail{max-width:345px;margin-top:12px;font-size:15px;line-height:1.4}.canone-fragment{width:33%;top:calc(495px + var(--hero-shift,0px));right:20px}.canone-fragment figcaption{gap:0;padding-bottom:6px;font-size:10px;line-height:1.5}.canone-fragment figcaption span+span{display:none}.canone-fragment .fragment-window{aspect-ratio:.85}.lume-visual{left:32%;top:calc(525px + var(--hero-shift,0px));--rest-crop-right:0%;--rest-crop-bottom:37.56%;width:60%}.lume-window{aspect-ratio:390/844}.lume-label{gap:10px;font-size:10px;bottom:calc(100% + 7px)}.lume-label span+span{font-size:10px}.scosta-fragment{--scosta-bottom:134px;width:55%;left:20px}.scosta-fragment figcaption{gap:4px;padding-top:7px;font-size:11px}.scosta-fragment figcaption>div{flex-direction:column;gap:2px}.video-control{min-height:44px;padding-left:2px;font-size:11px}.scene-foot{display:none}.graphite-static{width:160%;left:-25%}.graphite-toggle{right:auto;left:calc(var(--gutter) - 16px);bottom:12px}.project{padding:40px 20px 50px}.project h2{font-size:78px}.project-kind{font-size:1rem}.project-description{margin-top:25px;font-size:1.25rem}.demo-link{font-size:.9375rem}.footer{padding:18px 0;font-size:.6875rem}.is-enhanced .project{pointer-events:auto;height:auto;margin-top:0;padding:12px 20px 48px;overflow:clip}.is-enhanced .project-content{max-width:500px;position:static;transform:none}.is-enhanced .project-description{font-size:1.25rem}.is-enhanced .lume-label{gap:calc(10px * var(--lume-scale));bottom:calc(100% + 8px / var(--lume-scale))}.is-enhanced .footer{margin-top:0}.is-enhanced.is-intro-leaving .graphite-toggle:not(:focus-visible){opacity:0;pointer-events:none}}@media (width<=520px){.footer{flex-direction:column;align-items:stretch;padding:18px 0 4px}.footer-links{justify-content:space-between;column-gap:10px}.footer a{gap:6px}}@media (width<=359px){.stage{--stage-base:850px}.masthead{font-size:10px}.intro{--intro-top:86px;--name-size:18.5vw}.offer{margin-top:max(8px,calc(139px - 1.96 * var(--name-size)))}.offer-main{font-size:20px}.offer-detail{font-size:14px}.canone-fragment{top:calc(474px + var(--hero-shift,0px))}.lume-visual{top:calc(555px + var(--hero-shift,0px))}.scosta-fragment{--scosta-bottom:144px}}@media (width<=700px),(height>=651px){html:not(.is-fitted) .stage{height:auto;min-height:var(--stage-base);flex-direction:column;align-items:flex-start;display:flex}html:not(.is-fitted) .intro{margin:var(--intro-top) var(--gutter) 12px;align-self:stretch;position:relative;top:auto;left:auto;right:auto}html:not(.is-fitted) .scosta-fragment{margin-top:auto;margin-bottom:var(--scosta-bottom);position:relative;bottom:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.scosta-video,.video-control,.graphite-toggle{display:none}}.project-fallback{max-width:950px;margin:0 0 38px;display:block}.project-fallback img{aspect-ratio:1440/900;width:min(100%,160svh - 224px);height:auto}.is-enhanced .project-fallback{display:none}@media (width>=1001px) and (height>=651px){.project-fallback{display:none}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (width>=320px) and (width<=700px) and (height>=570px){.project-fallback{display:none}html:not(.is-fitted) .journey{padding-bottom:105vh}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (width>=701px) and (height>=450px){.project-fallback{display:none}html:not(.is-fitted) .journey{padding-bottom:122vh}}@media (width<=700px) and (orientation:portrait){.project-fallback img{aspect-ratio:390/844;width:min(100%,46.2085svh - 64.692px);margin-inline:auto}}