:root{--font-heading:"Gloock", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif}body{font-family:var(--font-body);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400}.contact-dialog{box-sizing:border-box;color:#30232b;opacity:0;width:min(520px,100% - 32px);max-width:none;max-height:calc(100svh - 32px);transition:opacity .3s ease, translate .55s cubic-bezier(.2, .8, .2, 1), scale .55s cubic-bezier(.2, .8, .2, 1), overlay .55s allow-discrete, display .55s allow-discrete;background:0 0;border:0;padding:0;overflow:visible;translate:0 32px;scale:.95}.contact-dialog[open]{opacity:1;translate:0;scale:1}@starting-style{.contact-dialog[open]{opacity:0;translate:0 32px;scale:.95}}.contact-dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color .45s ease, backdrop-filter .45s ease, overlay .45s allow-discrete, display .45s allow-discrete;background:#1b111700}.contact-dialog[open]::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b11178c}@starting-style{.contact-dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#1b111700}}.contact-card{box-sizing:border-box;text-align:center;background:#f8efe6;border-radius:50% 50% 28px 28px/118px 118px 28px 28px;padding:104px clamp(20px,6vw,36px) clamp(20px,6vw,32px);position:relative;box-shadow:0 30px 80px -24px #0a040899}.contact-close{color:#ffe1d2;cursor:pointer;background:#30232b;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,rotate .3s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:26px;left:50%;translate:-50%}.contact-close:hover{background:#4a3441;rotate:90deg}.contact-close:focus-visible{outline-offset:3px;outline:3px solid #30232b}.contact-card h2{font-family:var(--font-heading);letter-spacing:-.015em;margin:0 0 28px;font-size:clamp(36px,9vw,48px);font-weight:400;line-height:1}.contact-list{text-align:left;gap:10px;margin:0;padding:0;list-style:none;display:grid}.contact-list li{opacity:1;transition:opacity .45s ease calc(.12s + var(--row) * 80ms), translate .6s cubic-bezier(.2, .8, .2, 1) calc(.12s + var(--row) * 80ms);background:#fffaf5;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label copy""value copy";align-items:center;column-gap:12px;padding:12px 12px 12px 24px;display:grid;translate:0;box-shadow:inset 0 0 0 1px #30232b14}@starting-style{.contact-dialog[open] .contact-list li{opacity:0;translate:0 14px}}.contact-label{font-family:var(--font-body);color:#8a6a74;grid-area:label;font-size:13px;font-weight:500}.contact-value{overflow-wrap:break-word;font-family:var(--font-heading);color:#30232b;cursor:default;grid-area:value;margin-top:1px;font-size:20px;line-height:1.25;text-decoration:none;transition:color .2s}.contact-value:hover{color:#6b4a58}.contact-value:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #30232b}.contact-copy{color:#30232b;cursor:pointer;background:#f1e3d8;border:0;border-radius:50%;grid-area:copy;place-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,color .2s,scale .2s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.contact-copy:hover{background:#ead6c8}.contact-copy:active{scale:.92}.contact-copy.is-copied{color:#ffe1d2;background:#30232b}.contact-copy:focus-visible{outline-offset:2px;outline:2px solid #30232b}.contact-copy span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.contact-list li{padding-left:20px}.contact-value{font-size:19px}}@media (prefers-reduced-motion:reduce){.contact-dialog,.contact-dialog::backdrop,.contact-list li,.contact-close,.contact-copy{transition:none}.contact-close:hover{rotate:none}.contact-copy:active{scale:none}}.site-footer{--f:0;isolation:isolate;color:#f8e2d7;background:#30232b;padding-top:clamp(72px,12svh,128px);position:relative;overflow:clip}.footer-window{z-index:1;transform-origin:50% 100%;width:min(760px,100% - 80px);scale:calc(.86 + var(--f) * .14);margin-inline:auto;position:relative}.footer-window:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffffff2e,#ffffff17 45%,#ffffff08 75%,#0000);position:absolute;inset:-18% -30% 0}.footer-scene{isolation:isolate;aspect-ratio:4/5;background:#9c704b;border-radius:50% 50% 0 0/31% 31% 0 0;position:relative;overflow:hidden;container-type:inline-size}.footer-photo,.footer-pole,.footer-shade{width:100%;height:100%;position:absolute;inset:0}.footer-photo,.footer-pole{scale:calc(1.16 - var(--f) * .16);translate:0 calc((1 - var(--f)) * 5%)}.footer-photo{z-index:0;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;display:block}.footer-shade{z-index:1;pointer-events:none;background:linear-gradient(#34233238,#34233210 55%,#34233270)}.footer-shade:after{content:"";opacity:calc((1 - var(--f)) * .5);background:#1b1117;position:absolute;inset:0}.footer-heading{z-index:2;text-align:center;font-family:var(--font-heading);letter-spacing:-.02em;color:#ffe1d2;text-shadow:0 1px 12px #30232b40;margin:0;font-size:17.5cqw;font-weight:400;line-height:.95;position:absolute;inset:30% 0 auto}.footer-line{margin-block:-.04em -.14em;padding-block:.04em .14em;display:block;overflow:hidden}.footer-line>span{transition:translate 1.1s cubic-bezier(.2,.8,.2,1);display:block;translate:0 115%}.footer-line.is-shown>span{translate:0}.footer-pole{z-index:3;pointer-events:none}.footer-cta{z-index:4;flex-direction:column;align-items:center;gap:1.1rem;padding-inline:8%;display:flex;position:absolute;inset:auto 0 7%}.footer-note{text-align:center;text-wrap:balance;max-width:27rem;font-family:var(--font-heading);color:#ffeadb;text-shadow:0 1px 14px #2a140fb3;opacity:0;margin:0;font-size:clamp(1rem,2.4cqw,1.3rem);line-height:1.35;transition:opacity .8s,translate .9s cubic-bezier(.2,.8,.2,1);translate:0 14px}.footer-contact-rise{opacity:0;transition:opacity .6s,translate .9s cubic-bezier(.34,1.4,.64,1),scale .9s cubic-bezier(.34,1.4,.64,1);display:block;translate:0 18px;scale:.94}:is(.footer-note,.footer-contact-rise).is-shown{opacity:1;translate:0;scale:1}.footer-contact{box-sizing:border-box;appearance:none;cursor:pointer;white-space:nowrap;line-height:1.25;font-family:var(--font-body);letter-spacing:-.01em;color:#30232b;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);will-change:translate;background:#fff3e6e6;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:.85rem;padding:5px 5px 5px 1.4rem;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:background-color .2s,translate .25s cubic-bezier(.2,.7,.2,1);display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #2a140f40,0 14px 34px -12px #2a140fa6}.footer-contact:hover{background:#fff8f0;translate:0 -2px}.footer-contact:active{translate:0}.footer-contact:focus-visible{outline-offset:4px;outline:3px solid #ffe1d2}.footer-contact-arrow{color:#ffe1d2;background:#30232b;border-radius:999px;place-items:center;width:2.7rem;height:2.7rem;display:grid}@media (width<=600px){.footer-window{width:calc(100% - 32px)}.footer-scene{aspect-ratio:2/3}.footer-heading{font-size:19cqw}.footer-cta{gap:.9rem;padding-inline:6%}.footer-note{font-size:.95rem}.footer-contact{padding:4px 4px 4px 1.2rem;font-size:1rem}.footer-contact-arrow{width:2.4rem;height:2.4rem}}@media (prefers-reduced-motion:reduce){.footer-window,.footer-photo,.footer-pole{translate:none;scale:none}.footer-shade:after{opacity:0}.footer-line>span,.footer-note,.footer-contact-rise{opacity:1;transition:none;translate:none;scale:none}.footer-contact{transition:none}.footer-contact:hover{translate:none}}.hero{--hero-progress:0;box-sizing:border-box;color:#f4ecda;background-color:#1b382c;background-image:radial-gradient(at 50% 48%,#2c4c3c,#1b382c 57%,#142d23);background-attachment:fixed;height:100svh;min-height:560px;position:relative;overflow:clip}.hero-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-glow{aspect-ratio:1;width:min(84vw,84svh);opacity:calc(1 - var(--hero-progress) * 1.5);pointer-events:none;position:absolute;top:55%;left:50%;translate:-50% -50%}.hero-glow:before{content:"";opacity:0;background:radial-gradient(closest-side,#ffc98a17,#ffc98a08 55%,#0000);border-radius:50%;position:absolute;inset:0}.hero.is-ready .hero-glow:before{animation:2.4s cubic-bezier(.16,1,.3,1) .4s both hero-glow}@keyframes hero-glow{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.hero-title{z-index:1;letter-spacing:-.02em;pointer-events:none;translate:0 calc(var(--hero-progress) * -8svh);opacity:calc(1 - var(--hero-progress) * 1.6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:.45em;margin:0;font-size:clamp(44px,10vw,156px);line-height:1;display:grid;position:absolute;inset:12svh 0 auto}.hero-word{translate:calc(var(--side) * var(--hero-progress) * 10vw) 0;padding-block:.08em .16em;display:block;overflow:hidden}.hero-word.is-left{--side:-1;text-align:right}.hero-word.is-right{--side:1;text-align:left}.hero-word>span{translate:calc(var(--side) * -105%) 0;display:inline-block}.hero.is-ready .hero-word>span{animation:1.5s cubic-bezier(.16,1,.3,1) .95s both hero-part}.hero.is-ready .hero-word.is-right>span{animation-delay:1.05s}@keyframes hero-part{to{translate:0}}.hero-stage{z-index:2;position:absolute;inset:0}.hero-stage canvas{touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.hero[data-status=ready] .hero-stage canvas{opacity:1}.hero-stage canvas:focus{outline:none}.hero-stage canvas:focus-visible{outline-offset:-10px;outline:2px solid #e6bd78}.hero-hint{z-index:3;background:color-mix(in srgb, currentColor 22%, transparent);width:1px;height:56px;opacity:calc(1 - var(--hero-progress) * 4);pointer-events:none;position:absolute;bottom:28px;left:50%;overflow:hidden;translate:-50%}.hero-hint:after{content:"";background:currentColor;height:40%;position:absolute;inset:0 0 auto;translate:0 -100%}.hero:not(.is-ready) .hero-hint{visibility:hidden}.hero.is-ready .hero-hint{animation:.8s 2.9s backwards hero-fade}.hero.is-ready .hero-hint:after{animation:2.4s cubic-bezier(.76,0,.24,1) 3.2s infinite hero-hint}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-hint{to{translate:0 250%}}@media (width<=700px){.hero-title{column-gap:.6em;font-size:clamp(36px,11vw,72px);inset-block-start:13svh}.hero-hint{height:44px;bottom:20px}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-word,.hero-word>span{translate:none}.hero-word>span,.hero-glow:before,.hero-hint,.hero-hint:after{animation:none!important}.hero-glow:before{opacity:1}.hero-hint:after{translate:0 75%}.hero-stage canvas{transition:none}}.portfolio-intro{z-index:2;background-color:#1b382c;background-image:radial-gradient(at 50% 48%,#2c4c3c,#1b382c 57%,#142d23);background-attachment:fixed;position:relative}.portfolio-intro-panel{--rise:0;color:#1b382c;border-radius:50% 50% 0 0 / calc((1 - var(--rise)) * 45svh) calc((1 - var(--rise)) * 45svh) 0 0;background:#fff;position:relative}.portfolio-intro-title{z-index:0;box-sizing:border-box;place-items:center;height:100svh;padding-inline:24px;display:grid;position:sticky;top:0}.portfolio-intro-title h2{letter-spacing:-.02em;text-align:center;translate:0 calc((1 - var(--rise)) * 10svh);transform-origin:50%;scale:calc(1 - var(--cards-arrival,0) * .12);opacity:calc(1 - var(--cards-arrival,0) * .55);margin:0;font-size:clamp(56px,11vw,180px);line-height:1}@media (prefers-reduced-motion:reduce){.portfolio-intro-title h2{opacity:1;scale:none}}.story{color:#1f2622;background-color:#1b382c;background-image:radial-gradient(at 50% 48%,#2c4c3c,#1b382c 57%,#142d23);background-attachment:fixed}.story-inner{--overlap:clamp(56px, 8vw, 140px);box-sizing:border-box;grid-template-columns:minmax(0,7fr) minmax(0,5fr);max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,4.5vw,64px);display:grid}.story-media{position:relative}.story-sticky{place-items:center end;height:100svh;display:grid;position:sticky;top:0}.story-box{aspect-ratio:5/6;background:#142d23;border-radius:20px;width:min(100%,780px,71.6667svh);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #040e0999}.story-image{opacity:0;filter:grayscale();transition:opacity .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.story-image.is-active{opacity:1}.depth-photo{width:100%;height:100%;position:relative;overflow:hidden}.depth-photo>img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.16)}.depth-photo>canvas{width:100%;height:100%;position:absolute;inset:0}.depth-photo:not(.is-ready)>canvas{visibility:hidden}.story-steps{z-index:1;margin-left:calc(-1 * var(--overlap));position:relative}.story-step{align-items:center;min-height:100svh;display:flex}.story-card{box-sizing:border-box;background:#f4efe3;border-radius:20px;max-width:500px;padding:clamp(28px,3.5vw,48px);box-shadow:0 30px 60px -24px #040e098c}.story-card h2{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(34px,3.4vw,50px);line-height:1.05}.story-card p{color:#4b534e;margin:20px 0 0;font-size:17px;line-height:1.65}.story-card p+p{margin-top:14px}@media (width<=820px){.story-inner{grid-template-columns:minmax(0,1fr)}.story-media,.story-steps{grid-area:1/1}.story-steps{margin-left:0}.story-sticky{box-sizing:border-box;place-items:start center;padding-top:16px}.story-box{width:min(100%,58.3333svh)}.story-step{align-items:flex-end;min-height:130svh;padding-bottom:8svh}.story-card h2{font-size:32px}.story-card p{margin-top:16px;font-size:15px}}@media (prefers-reduced-motion:reduce){.story-image{transition:none}}.why{--title-scale:1;--title-dx:0px;--title-dy:0px;color:#1b382c;background:#fff;position:relative}.why-screen{box-sizing:border-box;place-items:center;min-height:100svh;padding:clamp(48px,10svh,96px) clamp(16px,4vw,56px);display:grid;position:relative;overflow:clip}.why-inner{width:min(680px,100%);position:relative}.why-title{width:fit-content;font-family:var(--font-heading);letter-spacing:-.01em;color:#1b382c;transform-origin:50%;translate:var(--title-dx) var(--title-dy);scale:var(--title-scale);margin:0 0 clamp(22px,3.6svh,40px);font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1;transition:translate 1s cubic-bezier(.65,0,.35,1),scale 1s cubic-bezier(.65,0,.35,1)}.is-docked .why-title{translate:0;scale:1}.why-lines{flex-direction:column;gap:clamp(14px,2svh,22px);display:flex}.why-line{text-wrap:pretty;opacity:0;margin:0;font-size:17px;line-height:1.6;transition:opacity .3s,translate .3s;translate:0 26px}.is-docked .why-line{opacity:.82;transition:opacity .8s ease calc(.4s + var(--i) * .14s), translate 1s cubic-bezier(.2, .7, .2, 1) calc(.4s + var(--i) * .14s);translate:0}.why.is-instant :is(.why-title,.why-line){transition:none}@media (width<=700px){.why-line{font-size:15px}}@media (prefers-reduced-motion:reduce){.why-title{transition:none;translate:none;scale:none}.why-line{opacity:.82;transition:none;translate:none}}.portfolio-cards{z-index:1;box-sizing:border-box;padding-inline:clamp(16px,4vw,56px);position:relative}.portfolio-card+.portfolio-card{margin-top:24svh}.portfolio-card{--arrive:0;--stack:0;--pager-ease:cubic-bezier(.76, 0, .24, 1);--pager-time:1.1s;--card-bg:#1b382c;box-sizing:border-box;background:var(--card-bg);color:#f4ecda;max-width:1200px;height:min(78svh,760px);box-shadow:0 -14px 32px -18px rgb(4 14 9/calc((1 - var(--arrive)) * (1 - var(--stack)) * .4)), 0 16px 36px -22px rgb(4 14 9/calc((1 - var(--stack)) * .2));transform-origin:50%;scale:calc(1 - var(--stack) * .08);border-radius:24px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-inline:auto;display:grid;position:sticky;top:7svh;overflow:hidden}.portfolio-card:nth-child(2n){--card-bg:#f4efe3;color:#1f2622}.portfolio-card:after{content:"";opacity:calc(var(--stack) * .35);pointer-events:none;background:#06120c;position:absolute;inset:0}.portfolio-card-text{flex-direction:column;justify-content:center;gap:clamp(18px,2vw,28px);padding:clamp(28px,4vw,56px);display:flex}.portfolio-card h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(40px,4.4vw,72px);line-height:1}.portfolio-card-summary{opacity:.82;max-width:44ch;margin:0;font-size:17px;line-height:1.6}.portfolio-card-pager{--pager-ink:#1b382c;z-index:3;color:#f4efe3;background:linear-gradient(#0000,#06120c80);justify-content:center;align-items:center;gap:clamp(14px,1.6vw,20px);padding:clamp(48px,6vw,80px) clamp(18px,2.4vw,32px) clamp(18px,2.4vw,28px);display:flex;position:absolute;inset:auto 0 0}.portfolio-card-progress{background:color-mix(in srgb, currentColor 35%, transparent);flex:none;width:clamp(56px,6vw,88px);height:1px;position:relative}.portfolio-card-progress>span{width:calc(100% / var(--count));translate:calc(var(--index) * 100%) 0;transition:translate var(--pager-time) var(--pager-ease);background:currentColor;position:absolute;inset:-.5px auto -.5px 0}.portfolio-card-arrow{border:1px solid color-mix(in srgb, currentColor 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;color:inherit;cursor:pointer;background:#06120c26;border-radius:50%;place-items:center;padding:0;transition:border-color .4s,color .4s,scale .2s;display:grid;position:relative;overflow:hidden}.portfolio-card-arrow:before{content:"";border-radius:inherit;background:currentColor;transition:scale .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;scale:0}.portfolio-card-arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:stroke .3s;position:relative}@media (hover:hover){.portfolio-card-arrow:hover{border-color:currentColor}.portfolio-card-arrow:hover:before{scale:1}.portfolio-card-arrow:hover svg{stroke:var(--pager-ink)}}.portfolio-card-arrow:active{scale:.94}.portfolio-card-arrow:focus-visible{outline-offset:3px;outline:2px solid}.portfolio-card-media{isolation:isolate;touch-action:pan-y;min-height:0;position:relative;overflow:hidden}.portfolio-card-slide{opacity:0;position:absolute;inset:0;overflow:hidden}.portfolio-card-slide.is-active{z-index:2;opacity:1}.portfolio-card-slide.is-leaving{z-index:1;opacity:1}.portfolio-card-slide :is(img,video){object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.portfolio-card-slide:after{content:"";opacity:0;pointer-events:none;background:#06120c;position:absolute;inset:0}.portfolio-card-media[data-dir] .is-active,.portfolio-card-media[data-dir] .is-active :is(img,video),.portfolio-card-media[data-dir] .is-leaving :is(img,video),.portfolio-card-media[data-dir] .is-leaving:after{animation-duration:var(--pager-time);animation-timing-function:var(--pager-ease);animation-fill-mode:both}.portfolio-card-media[data-dir=next] .is-active{animation-name:card-wipe-next}.portfolio-card-media[data-dir=prev] .is-active{animation-name:card-wipe-prev}.portfolio-card-media[data-dir=next] .is-active :is(img,video){animation-name:card-settle-next}.portfolio-card-media[data-dir=prev] .is-active :is(img,video){animation-name:card-settle-prev}.portfolio-card-media[data-dir=next] .is-leaving :is(img,video){animation-name:card-leave-next}.portfolio-card-media[data-dir=prev] .is-leaving :is(img,video){animation-name:card-leave-prev}.portfolio-card-media[data-dir] .is-leaving:after{animation-name:card-dim}@keyframes card-wipe-next{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes card-wipe-prev{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes card-settle-next{0%{translate:12%;scale:1.15}}@keyframes card-settle-prev{0%{translate:-12%;scale:1.15}}@keyframes card-leave-next{to{translate:-18%;scale:1.04}}@keyframes card-leave-prev{to{translate:18%;scale:1.04}}@keyframes card-dim{to{opacity:.45}}.portfolio-card-media.is-empty{opacity:.45;border:1px dashed;border-radius:16px;place-items:center;margin:clamp(12px,1.5vw,20px);display:grid}.portfolio-card-media.is-empty span{font-size:15px;font-weight:500}@media (width<=820px){.portfolio-card{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:84svh;top:4svh}.portfolio-card-text{gap:16px;padding:24px}.portfolio-card h3{font-size:36px}.portfolio-card-summary{font-size:15px}.portfolio-card-arrow{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.portfolio-card{scale:none}.portfolio-card:after{opacity:0}.portfolio-card-media[data-dir] :is(.is-active,.is-active img,.is-active video,.is-leaving img,.is-leaving video){animation:none}.portfolio-card-progress>span{transition:none}}.gate{z-index:100;box-sizing:border-box;color:#f4ecda;background-color:#1b382c;background-image:radial-gradient(at 50% 48%,#2c4c3c,#1b382c 57%,#142d23);place-items:center;padding-inline:24px;display:grid;position:fixed;inset:0}.gate-form{justify-items:center;gap:32px;width:min(100%,360px);animation:1.2s cubic-bezier(.16,1,.3,1) both gate-in;display:grid}.gate-form h1{letter-spacing:-.02em;text-align:center;white-space:nowrap;margin:0;font-size:clamp(40px,11vw,64px);line-height:1}.gate-field{width:100%;position:relative}.gate-field.is-wrong{animation:.45s cubic-bezier(.36,.07,.19,.97) gate-shake}.gate-field input{box-sizing:border-box;color:#f4ecda;width:100%;height:56px;font:inherit;letter-spacing:.04em;background:#06120c2e;border:1px solid #f4ecda4d;border-radius:999px;padding:0 64px 0 24px;font-size:16px;transition:border-color .3s,background-color .3s}.gate-field input::placeholder{color:#f4ecda80;letter-spacing:0}.gate-field input:hover{border-color:#f4ecda80}.gate-field input:focus-visible{background:#06120c47;border-color:#f4ecda;outline:none}.gate-field input[aria-invalid=true]{border-color:#e6bd78}.gate-field button{color:#1b382c;cursor:pointer;background:#f4efe3;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:scale .2s;display:grid;position:absolute;top:6px;right:6px}.gate-field button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:translate .45s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.gate-field button:hover svg{translate:3px}}.gate-field button:active{scale:.94}.gate-field button:focus-visible{outline-offset:3px;outline:2px solid #f4ecda}.gate-error{color:#e6bd78;min-height:1.5em;margin:-18px 0 0;font-size:14px}.gate.is-leaving{pointer-events:none;animation:.9s cubic-bezier(.76,0,.24,1) .15s forwards gate-out}.gate.is-leaving .gate-form{animation:.6s cubic-bezier(.76,0,.24,1) forwards gate-form-out}@keyframes gate-in{0%{opacity:0;translate:0 14px}}@keyframes gate-out{to{opacity:0}}@keyframes gate-form-out{to{opacity:0;translate:0 -18px}}@keyframes gate-shake{20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:3px}}@media (prefers-reduced-motion:reduce){.gate-form,.gate-field.is-wrong{animation:none}.gate-field input,.gate-field button,.gate-field button svg{transition:none}}.screen-notice{z-index:100;box-sizing:border-box;color:#f4ecda;background-color:#1b382c;background-image:radial-gradient(at 50% 48%,#2c4c3c,#1b382c 57%,#142d23);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.screen-notice-card{gap:18px;width:min(100%,420px);animation:1.2s cubic-bezier(.16,1,.3,1) both screen-notice-in;display:grid}.screen-notice-card :is(h1,p){margin:0}.screen-notice-card h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,8.5vw,40px);line-height:1.08}.screen-notice-card p{opacity:.82;text-wrap:pretty;font-size:16px;line-height:1.55}.screen-notice-continue{box-sizing:border-box;appearance:none;cursor:pointer;white-space:nowrap;line-height:1.25;font-family:var(--font-body);letter-spacing:-.01em;color:#1b382c;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#f4efe3e6;border:1px solid #ffffff8c;border-radius:999px;justify-self:start;align-items:center;gap:.85rem;margin-top:10px;padding:5px 5px 5px 1.4rem;font-size:1.0625rem;font-weight:600;transition:background-color .2s,translate .25s cubic-bezier(.2,.7,.2,1);display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #06120c40,0 14px 34px -12px #06120ca6}.screen-notice-continue:hover{background:#fbf8f1;translate:0 -2px}.screen-notice-continue:active{translate:0}.screen-notice-continue:focus-visible{outline-offset:4px;outline:3px solid #f4ecda}.screen-notice-arrow{color:#f4ecda;background:#1b382c;border-radius:999px;place-items:center;width:2.7rem;height:2.7rem;display:grid}@keyframes screen-notice-in{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.screen-notice-card{animation:none}.screen-notice-continue{transition:none}}
