@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-math-opsz-normal-CbZAXtrh.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-symbols-opsz-normal-d21etpfE.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-ext-opsz-normal-CoJBavOu.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-opsz-normal-X2BzlAjV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-math-opsz-italic-CGdm0Lr_.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-symbols-opsz-italic-cRdvdvM-.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-ext-opsz-italic-QSGu6YSm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-opsz-italic-BCRrlh7t.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0}html{scroll-snap-type:y mandatory;overflow-x:clip}body{color:#f2e5c9;background:#0b1620;font-family:Georgia,Times New Roman,serif}.story{--px:0;--py:0}.act{scroll-snap-align:start;height:100vh;position:relative}.scene{aspect-ratio:1672/941;will-change:transform, opacity;background:#0b1620;width:max(100vw,177.68vh);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scene__bg{width:100%;height:100%;transform:rotate(calc(var(--frot,0) * 1deg)) translate(calc(var(--px) * -8px), calc(var(--py) * -5px)) scale(1.02);position:absolute;inset:0}.piece{transform:translate(calc(var(--px) * -14px), calc(var(--py) * -8px));position:absolute}.hang{transform-origin:50% 0;transform:translate(calc(var(--px) * calc(var(--d) * -1px)), 0)}.boat{animation:5.2s ease-in-out infinite bob}.bob{animation:6s ease-in-out infinite bob}.sway{transform-origin:50% 0;animation:6.5s ease-in-out infinite sway}.flicker{animation:2.4s ease-in-out infinite flicker}.boy{filter:drop-shadow(0 10px 14px #00000073)}.otter{rotate:4deg}@keyframes bob{0%,to{translate:0}50%{translate:0 -9px}}@keyframes sway{0%,to{rotate:-1.4deg}50%{rotate:1.4deg}}@keyframes flicker{0%,to{opacity:1}40%{opacity:.82}60%{opacity:.94}}.frame{z-index:25;pointer-events:none;position:fixed;inset:0}.frame img{width:100%;height:100%;position:absolute;inset:0}.nav{z-index:50;pointer-events:none;justify-content:flex-end;align-items:center;padding:18px 34px;display:flex;position:fixed;inset:0 0 auto}.nav button{pointer-events:auto;cursor:pointer;color:#efdcae;background:0 0;border:0}.nav__links{gap:clamp(18px,2.4vw,38px);margin-left:auto;display:flex}.nav__links button{font-variation-settings:"opsz" 11;letter-spacing:.26em;text-transform:uppercase;color:#b9a67f;text-shadow:0 1px 6px #000000b3;padding:6px 0;font-family:Bodoni Moda Variable,serif;font-size:.74rem;font-weight:500;transition:color .2s}.nav__links button:hover{color:#f3dfae}@media (width<=560px){.nav{gap:12px;padding:14px 16px}.nav__links{gap:10px}.nav__links button{letter-spacing:.1em;font-size:.58rem}}.act__title{color:#f0dcab;text-shadow:0 2px #0006,0 8px 22px #0000008c;z-index:6;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(1.6rem,2.6vw,2.4rem);position:absolute;top:16%;left:50%;translate:-50%}.about__note{z-index:5;color:#3c2a16;background:linear-gradient(172deg,#e9d5a8,#cfb078);border-radius:4px 8px 5px 9px;width:33%;padding:2% 2.2%;position:absolute;top:14%;left:34.5%;rotate:-.8deg;box-shadow:0 8px 20px #0000008c}.about__note h2{color:#4a3018;margin-bottom:.3em;font-family:Caveat,cursive;font-size:2rem}.about__note p{font-size:clamp(.82rem,1.15vw,1.05rem);line-height:1.55}.sky-piece{z-index:1}.drift{animation:9s ease-in-out infinite drift}.drift--rev{animation-duration:11s;animation-direction:reverse}.drift--slow{animation-duration:14s}.twinkle{animation:3.2s ease-in-out infinite twinkle}.t2{animation-delay:.6s}.t3{animation-delay:1.2s}.t4{animation-delay:1.8s}.t5{animation-delay:2.4s}@keyframes drift{0%,to{translate:0}50%{translate:12px -4px}}@keyframes twinkle{0%,to{opacity:1;scale:1}50%{opacity:.72;scale:.94}}.wave{pointer-events:none;width:100%;height:100%;transition:transform var(--tw,.6s) cubic-bezier(.22, .61, .36, 1);animation:waveDrift var(--wd,9s) ease-in-out var(--wdel,0s) infinite;position:absolute;top:0;left:0}@keyframes waveDrift{0%,to{translate:0}50%{translate:var(--ddx,6px) var(--ddy,-4px)}}.wave--teal{z-index:6;--tw:.45s;--wd:6.2s;--wdel:-3s;--ddx:10px;--ddy:-7px;transform:translate(calc(var(--px) * -40px), calc(51% + var(--py) * -13px)) scale(1.12);filter:brightness(.68)saturate(.72)}.wave--navy-c{z-index:6;--tw:.4s;--wd:6s;--wdel:-2s;--ddx:10px;--ddy:-7px;transform:translate(calc(var(--px) * -32px), calc(51% + var(--py) * -12px)) scale(-1.12, 1.12);filter:brightness(.66)saturate(.85)}.wave--navy-f{z-index:6;--tw:.5s;--wd:6.8s;--wdel:-5.5s;--ddx:10px;--ddy:-7px;transform:translate(calc(var(--px) * -36px), calc(65% + var(--py) * -13px)) scale(1.12);filter:brightness(.64)saturate(.85)}.strip{pointer-events:none;width:100%;height:auto;transition:transform var(--tw,.6s) cubic-bezier(.22, .61, .36, 1);animation:waveDrift var(--wd,9s) ease-in-out var(--wdel,0s) infinite;position:absolute;bottom:0;left:0}.strip--c{z-index:2;--tw:1.1s;--wd:10.5s;--wdel:-6s;--ddx:5px;--ddy:-3px;transform:translate(calc(var(--px) * -7px), calc(-72% + var(--py) * -4px)) scale(1.05);filter:brightness(1.05)}.strip--b{z-index:4;--tw:.8s;--wd:8.5s;--wdel:-4s;--ddx:7px;--ddy:-4px;transform:translate(calc(var(--px) * -16px), calc(-28% + var(--py) * -6px)) scale(-1.12, 1.12)}.strip--a{z-index:6;--tw:.55s;--wd:7s;--wdel:-1.5s;--ddx:9px;--ddy:-6px;transform:translate(calc(var(--px) * -26px), calc(0% + var(--py) * -10px)) scale(1.12)}.wtile{pointer-events:none;display:block;position:absolute}.spiece{display:block;position:absolute}.island--scene img{transition:filter .3s}.island--scene:hover img{filter:brightness(1.08)drop-shadow(0 8px 16px #00000080)}.act .scene{opacity:0;transform-origin:50% 100%}#work .scene.play .wtile{will-change:transform, translate;transform:rotate(calc(var(--frot,0) * 1deg)) translate(calc(var(--px,0) * var(--kx,8) * 1px), calc(var(--py,0) * var(--ky,4) * 1px));animation:seaBob var(--dur,5s) ease-in-out var(--del,0s) infinite}@keyframes seaBob{0%,to{translate:0}50%{translate:var(--dx,6px) calc(var(--amp,16px) * -1)}}#work .scene.play .island--scene{transform:rotate(calc(var(--frot,0) * 1deg)) translate(calc(var(--px,0) * var(--kx,12) * 1px), calc(var(--py,0) * var(--ky,7) * 1px))}#work .scene.play .spiece{transform:rotate(calc(var(--frot,0) * 1deg)) translate(calc(var(--px,0) * var(--kx,26) * 1px), calc(var(--py,0) * var(--ky,14) * 1px))}#work .scene .scene__bg{transition:opacity .45s}#work .scene .wtile,#work .scene .spiece{transition:opacity var(--edur,.45s) ease var(--edel,0s), margin-top 1.2s cubic-bezier(.22, .61, .36, 1) var(--fdel,0s)}#work .scene .island--scene img{transition:filter .3s ease, opacity .75s ease var(--edel,0s), translate .75s cubic-bezier(.3, 1.35, .55, 1) var(--edel,0s)}#work .scene:not(.enter) .scene__bg,#work .scene:not(.enter) .spiece,#work .scene:not(.enter) .wtile,#work .scene:not(.enter) .island--scene img{opacity:0;transition-delay:0s}#work .scene:not(.enter) .island--scene img{translate:0 34px}#work .scene .island--scene{transition:left 1.1s cubic-bezier(.4,0,.16,1),top 1.15s cubic-bezier(.34,1.12,.36,1),width 1.1s cubic-bezier(.4,0,.16,1),opacity .6s,translate .25s}#work.focused .scene .wtile{margin-top:18vh}#work.focused .scene .spiece{margin-top:calc(-1 * var(--srise,8vh))}#work.focused .scene .island--scene:not(.island--target){opacity:0;pointer-events:none;transition:opacity .7s,translate .9s cubic-bezier(.4,0,.16,1);translate:0 7vh}#work.focused .scene .island--target img{filter:brightness(1.07)drop-shadow(0 16px 34px #00000080)drop-shadow(0 0 34px #ffc46433);animation:7s ease-in-out 1.4s infinite moor}@keyframes moor{0%,to{translate:0;rotate:0deg}30%{translate:0 -7px;rotate:.5deg}65%{translate:0 3px;rotate:-.4deg}}@media (prefers-reduced-motion:reduce){.act .scene{opacity:1!important;transform:translate(-50%,-50%)!important}#work .scene.play{animation:none!important}#work .scene .wtile,#work .scene .spiece,#work .scene .island--scene{animation:none!important;transform:translate(0,0)!important}#work .scene .scene__bg,#work .scene .wtile,#work .scene .spiece,#work .scene .island--scene img{opacity:1!important;transition:none!important;translate:none!important}}.island{cursor:pointer;background:0 0;border:0;outline:none;padding:0;transition:translate .25s;position:absolute}.island:focus,.island:focus-visible{outline:none}.island--back{z-index:3}.island--front{z-index:5}.island__base{filter:brightness(.92);transition:filter .4s}.island--back .island__base{filter:brightness(.8)saturate(.92)}.island__lights{opacity:.18;pointer-events:none;z-index:1;width:100%;transition:opacity .45s,filter .45s;position:absolute;top:0;left:0}.island:hover .island__base{filter:brightness()}.island:hover .island__lights{opacity:1;filter:brightness(1.18)drop-shadow(0 0 5px #ffc464e6)drop-shadow(0 0 16px #ffac408c);animation:2.6s ease-in-out .5s infinite lampFlicker}@keyframes lampFlicker{0%,to{opacity:1}55%{opacity:.86}72%{opacity:.97}}.spot{z-index:40;position:absolute;inset:0}.spot__panel{scrollbar-width:none;color:#e2d3ac;width:min(600px,48vw);max-height:78vh;position:absolute;top:46%;right:5%;overflow-y:auto;translate:0 -50%}.spot__panel::-webkit-scrollbar{display:none}.spot__panel>*{animation:.55s backwards spot-item}.spot__panel>:first-child{animation-delay:.5s}.spot__panel>:nth-child(2){animation-delay:.62s}.spot__panel>:nth-child(3){animation-delay:.74s}.spot__panel>:nth-child(4){animation-delay:.86s}.spot__panel>:nth-child(5){animation-delay:.98s}@keyframes spot-item{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}.spot__close{cursor:pointer;color:#d8bd8a;text-shadow:0 2px 8px #000000b3;background:0 0;border:0;font-size:2.1rem;line-height:1;position:absolute;top:22px;right:4%}.spot__head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.spot__head h3{font-variation-settings:"opsz" 18;color:#f3dfae;text-shadow:0 2px #0006,0 10px 26px #0000008c;font-family:Bodoni Moda Variable,serif;font-size:2.3rem;font-weight:600}.spot__chip{letter-spacing:.07em;color:#f7ecd2;background:#a4713a;border-radius:5px 7px 4px 8px;padding:3px 10px;font-size:.72rem;font-weight:700;rotate:-1deg}.spot__note{color:#b39868;font-size:.78rem}.spot__tagline{color:#cdb583;margin-top:8px;font-style:italic}.spot__shot{color:#a98c58;letter-spacing:.05em;border:2px dashed #d8bd8a73;border-radius:6px 9px 5px 10px;place-items:center;height:120px;margin:18px 0 6px;font-size:.85rem;display:grid}.spot__grid{grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:16px;display:grid}.spot__grid h4{color:#d8bd8a;margin-bottom:4px;font-family:Caveat,cursive;font-size:1.3rem}.spot__grid p,.spot__grid li{color:#dfd0ae;font-size:.87rem;line-height:1.55}.spot__grid ul{padding-left:1.1em}.spot__tools{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.spot__tools span{color:#d8bd8a;background:#d8bd8a14;border:1px solid #d8bd8a59;border-radius:4px 7px;padding:3px 10px;font-size:.74rem}@media (width<=1100px){.spot__grid{grid-template-columns:1fr}.spot__panel{width:min(520px,58vw)}}.island img{width:100%;display:block}.island:hover{translate:0 -12px}.island__label{opacity:0;pointer-events:none;text-align:center;justify-items:center;gap:2px;transition:opacity .22s,translate .22s;display:grid;position:absolute;translate:-50% 6px}.island__label--show{opacity:1;translate:-50%}.island__label b{font-variation-settings:"opsz" 18;color:#f3dfae;text-shadow:0 2px 8px #000c;font-family:Bodoni Moda Variable,serif;font-size:1.25rem;font-weight:600}.island__label i{color:#d8bd8a;text-shadow:0 2px 6px #000c;font-size:.8rem;font-style:normal}.stop{z-index:6;color:#3c2a16;background:linear-gradient(165deg,#efdcb2,#d9bd8a);border-radius:6px 9px 5px 10px;gap:1px;padding:8px 13px;display:grid;position:absolute;rotate:-1.2deg;box-shadow:0 5px 11px #00000080}.stop:nth-child(2n){rotate:1deg}.stop b{font-family:Fraunces Variable,Georgia,serif;font-size:.98rem}.stop span{font-size:.78rem}.mailbox{z-index:6;display:block;position:absolute}.mailbox img{width:100%;transition:translate .22s;display:block}.mailbox span{white-space:nowrap;color:#f3dfae;opacity:0;text-shadow:0 2px 6px #000c;font-family:Caveat,cursive;font-size:1.35rem;transition:opacity .2s;position:absolute;top:26%;left:58%}.mailbox:hover img{translate:0 -6px}.mailbox:hover span{opacity:1}.quote-card{z-index:6;filter:drop-shadow(0 8px 16px #00000073);rotate:3deg}.quote-note{z-index:6;color:#3a2814;background:linear-gradient(170deg,#c99b5c,#a97a3e);border-radius:4px 7px 5px 8px;max-width:200px;padding:16px 18px;font-family:Caveat,cursive;font-size:1.32rem;line-height:1.3;position:absolute;top:12%;right:3%;rotate:2.4deg;box-shadow:0 7px 16px #00000080}.xglow{--gr:4vmax;z-index:48;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,12%) var(--gy,35%), #fff6df 0, #ffd996 calc(var(--gr) * .22), #eaa552 calc(var(--gr) * .5), #78421aeb var(--gr), #2a160a00 calc(var(--gr) * 1.25));position:fixed;inset:0}.xlens{z-index:49;pointer-events:none;opacity:0;border-radius:50%;position:fixed;translate:-50% -50%;box-shadow:0 0 0 3px #3a2410,0 0 0 9px #b8893e,0 0 0 11px #6e4a1e,0 0 0 14px #d9b56a,0 0 40px 18px #0000008c,inset 0 0 50px 12px #00000073}.xwin{z-index:46;pointer-events:none;opacity:0;border-radius:50%;position:fixed;translate:-50% -50%;box-shadow:0 0 0 4px #3b220e,0 0 0 calc(10px + .9vmin) #8a5426,0 0 0 calc(12px + 1vmin) #4a2a10,0 0 0 calc(16px + 1.6vmin) #b0743a,0 0 0 calc(20px + 1.8vmin) #3a210d,0 0 60px calc(24px + 2vmin) #080c14cc,inset 0 0 40px 10px #ffbe6e59}.hero{--hero-par-x:14px;--hero-par-y:4px;--u:calc(max(100vw, 177.78vh) / 100);color:#dfd0ae;overflow:hidden}.hero.ready:not(.lighting){cursor:pointer}.hland{translate:0 var(--sink);will-change:transform;scale:calc(1 + var(--push,0) * 1.1);transform-origin:calc(var(--fx,20) * 1%) calc(var(--fy,40) * 1%);position:absolute;inset:0}.hworld{--sink:calc(10vh + max(100vh, 56.25vw) * .05);--bl:1;--cxn:50;--cyn:50;--ww:1000px;--wh:560px;--r:0px;--ba:200deg;position:absolute;inset:0;scale:1.06}.hp{translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--hero-par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--hero-par-y) * -1);position:absolute}.hp__in,.hp__anim{position:absolute;inset:0}.hp__img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hov{pointer-events:none;translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--hero-par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--hero-par-y) * -1);position:absolute;inset:0}.hp__in{transform-origin:50% 100%;opacity:0;transition:transform 1s cubic-bezier(.22, 1.3, .42, 1) calc(.35s + var(--i) * 32ms), opacity .3s ease calc(.35s + var(--i) * 32ms);transform:perspective(1200px)rotateX(82deg)translateY(8%)}.go .hp__in{opacity:1;transform:none}.hp--sky .hp__in{transition:opacity 1.1s;transform:none}.hp--sway .hp__in{transform-origin:50% 0;transition:transform 1.4s cubic-bezier(.3, 1.55, .5, 1) calc(.25s + var(--k) * 80ms), opacity .3s ease calc(.25s + var(--k) * 80ms);transform:translateY(-45%)}.go .hp--sway .hp__in{transform:none}.hp--sea .hp__in{transition:transform 1.5s cubic-bezier(.2, .75, .25, 1) calc(.15s + var(--i) * 45ms), opacity .7s ease calc(.15s + var(--i) * 45ms);transform:translateY(18%)}.go .hp--sea .hp__in{transform:none}.hhaze{mix-blend-mode:screen;opacity:0;background:linear-gradient(#0000 36%,#6e8cc81a 41.5%,#96afe12b 44.6%,#6e8cc814 48%,#0000 54%);transition:opacity 1.6s .9s;position:absolute;inset:0}.go .hhaze{opacity:1}.hhaze--front{display:none}.hp--bob .hp__anim{animation:hbob calc(7s + var(--k) * .8s) ease-in-out calc(var(--k) * -.9s) infinite}@keyframes hbob{0%,to{translate:0}50%{translate:calc((var(--k) - 3) * .5px) calc((4px + var(--d) * 10px) * -1)}}.hp--float .hp__anim{animation:hfloat calc(8s + var(--k) * .6s) ease-in-out calc(var(--k) * -1.1s) infinite}@keyframes hfloat{0%,to{translate:0}50%{translate:0 -2px}}.hp--rock .hp__anim{transform-origin:50% 85%;animation:hrock calc(6s + var(--k) * .4s) ease-in-out infinite}@keyframes hrock{0%,to{translate:0;rotate:-.9deg}50%{translate:0 -2px;rotate:1deg}}.hp--sway{margin-top:calc(max(100vh,56.25vw)/2.12 - 47.1698vh)}.hp--sway .hp__img{-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px))}.hp--sway .hp__anim{transform-origin:50% 0;animation:hsway calc(7s + var(--k) * .8s) ease-in-out calc(var(--k) * -.9s) infinite}@keyframes hsway{0%,to{rotate:-.7deg}50%{rotate:.7deg}}.hp--smoke .hp__anim{transform-origin:50% 100%;animation:hsmoke calc(5s + var(--k) * .5s) ease-in-out calc(var(--k) * -.8s) infinite}@keyframes hsmoke{0%,to{opacity:1;translate:0;scale:1}50%{opacity:.7;translate:2px -10px;scale:1.08}}.hp--flicker .hp__anim{transform-origin:50% 100%;animation:1.6s ease-in-out infinite hflick}@keyframes hflick{0%,to{filter:brightness();scale:1}30%{filter:brightness(1.15);scale:.97 1.06}60%{filter:brightness(.92);scale:1.02 .96}}.hp--surf .hp__anim{animation:6.5s ease-in-out infinite hsurf}@keyframes hsurf{0%,to{translate:0}50%{translate:-3px 1px}}.hwisle img{width:100%;height:100%;display:block;position:absolute;left:0}.hwisle__img{filter:brightness(1.06)saturate(1.05);-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--cut) - 5%), #00000059 calc(var(--cut) - 1%), transparent calc(var(--cut) + 2%));-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--cut) - 5%), #00000059 calc(var(--cut) - 1%), transparent calc(var(--cut) + 2%));mask-image:linear-gradient(180deg, #000 calc(var(--cut) - 5%), #00000059 calc(var(--cut) - 1%), transparent calc(var(--cut) + 2%));top:0}.hwisle__ref{top:calc(var(--cut) * 2 - 100%);opacity:.55;filter:blur(1.5px)brightness(1.15)sepia(.5)saturate(1.6);-webkit-mask-image:linear-gradient(0deg, transparent calc(100% - var(--cut) - 14%), #000 calc(100% - var(--cut) - 1%), #000 calc(100% - var(--cut)), transparent calc(100% - var(--cut) + 0.2%));-webkit-mask-image:linear-gradient(0deg, transparent calc(100% - var(--cut) - 14%), #000 calc(100% - var(--cut) - 1%), #000 calc(100% - var(--cut)), transparent calc(100% - var(--cut) + 0.2%));mask-image:linear-gradient(0deg, transparent calc(100% - var(--cut) - 14%), #000 calc(100% - var(--cut) - 1%), #000 calc(100% - var(--cut)), transparent calc(100% - var(--cut) + 0.2%));display:none;scale:1 -1}.hp__lit{opacity:0;transition:opacity .9s}.hero:not(.lighting) .hp__lit{visibility:hidden}.lighting .hp__lit{opacity:1}.lit-done .hp__dark{display:none}.hwave{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at calc(var(--cxn) * 1%) calc(var(--cyn) * 1%), transparent calc(var(--r) - 140px), #ffd68c52 calc(var(--r) - 50px), #fff4d28c calc(var(--r) - 12px), transparent var(--r));display:none;position:absolute;inset:0}.lit-done .hwave{display:none}@keyframes hwaveLife{0%{opacity:0}8%{opacity:1}75%{opacity:.8}to{opacity:0}}.hwin{width:calc(var(--u) * 1.6 * var(--s));aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#fffae1e6 0 12%,#ffcd7873 30%,#ffaa4600 70%);border-radius:50%;position:absolute;translate:-50% -50%;scale:0}.lighting .hwin{animation:hpop .7s cubic-bezier(.3, 1.8, .5, 1) var(--dl,0s) forwards}.lit-done .hwin{opacity:.7;animation:none;scale:1}@keyframes hpop{0%{opacity:0;scale:0}40%{opacity:1;scale:2.2}to{opacity:.75;scale:1}}.hbloom{width:calc(var(--u) * 3);aspect-ratio:1;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 10%,#ffecbecc 25%,#ffd28200 70%);border-radius:50%;position:absolute;translate:-50% -50%}.ignite .hbloom{animation:1.6s cubic-bezier(.2,.8,.3,1) forwards hbloom}@keyframes hbloom{0%{opacity:0;scale:.2}18%{opacity:1;scale:9}to{opacity:.9;scale:1.4}}.hflash{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at 93% 72%,#fff0d28c,#ffe6be2e 60%);position:absolute;inset:0}.ignite .hflash{animation:.9s ease-out forwards hflash}@keyframes hflash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.hbeam{will-change:transform;width:0;height:0;rotate:var(--ba);opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;top:54.03%;left:95.57%}.hbeam i{mix-blend-mode:screen;transform-origin:0;translate:0 -50%;scale:var(--bl) 1;will-change:transform;position:absolute;top:0;left:0}.hbeam .halo{width:calc(var(--u) * 70);height:calc(var(--u) * 16);clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);filter:blur(14px);background:linear-gradient(90deg,#ffecbe80,#ffd68c2e 35%,#ffd68c0a 75%,#0000)}.hbeam .core{width:calc(var(--u) * 62);height:calc(var(--u) * 5);clip-path:polygon(0 47%,100% 10%,100% 90%,0 53%);filter:blur(3px);background:linear-gradient(90deg,#fffff0f2,#ffeebe73 30%,#ffdc9614 80%,#0000)}.beam-on .hbeam{opacity:1}.hseaglow{opacity:0;mix-blend-mode:screen;background:conic-gradient(from calc(var(--ba) + 90deg - 7deg) at var(--lx) var(--ly), transparent 0deg, #96c8ff38 3deg, #bedcff4d 7deg, #96c8ff38 11deg, transparent 14deg);transition:opacity .6s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 41%,#000 46%);mask-image:linear-gradient(#0000 41%,#000 46%)}.beam-on .hseaglow{opacity:1}.hisle{pointer-events:none;width:0;height:0;position:absolute}.hisle b{top:calc(var(--u) * 2.4);width:calc(var(--u) * 8);aspect-ratio:1.6;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffecb48c,#ffc86e2e 60%,#0000);border-radius:50%;transition:opacity .35s,scale .35s;position:absolute;translate:-50% -50%;scale:.6}.hisle span{left:0;bottom:calc(var(--u) * .3);white-space:nowrap;padding-bottom:calc(var(--u) * 1.7);font-variation-settings:"opsz" 11;font-family:Bodoni Moda Variable,serif;font-weight:500;font-size:calc(var(--u) * .66);letter-spacing:.3em;text-transform:uppercase;color:#f3e1b4;text-shadow:0 1px 8px #000000e6;opacity:0;transition:opacity .35s,translate .35s;position:absolute;translate:-50% 6px}.hisle span:after{content:"";width:1px;height:calc(var(--u) * 1.3);background:linear-gradient(#f3e1b4bf,#f3e1b400);position:absolute;bottom:0;left:50%}.hisle.hit b{opacity:1;scale:1}.hisle.hit span{opacity:1;translate:-50%}.hui{--v:min(1vw, 1.7778vh);pointer-events:none;width:100vw;height:100vh;position:absolute;top:calc(50% - 50vh);left:calc(50% - 50vw)}.hui:before{content:"";pointer-events:none;background:radial-gradient(70% 75% at 28% 22%,#060c1673,#0000 72%);width:62%;height:40%;position:absolute;top:0;left:0}.hsig{will-change:transform;pointer-events:none;color:#f3e1b4;translate:calc(var(--hx,0) * -3px) calc(var(--hy,0) * -1px);position:absolute;inset:0}.hsig>*{text-shadow:0 2px #00000059,0 8px 24px #0009;margin:0;position:absolute}.hsig__name{font-variation-settings:"opsz" 18;font-family:Bodoni Moda Variable,serif;font-weight:600;font-size:calc(var(--v) * 6.2);letter-spacing:-.01em;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--sigw,0%) - 6%), transparent var(--sigw,0%));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--sigw,0%) - 6%), transparent var(--sigw,0%));mask-image:linear-gradient(90deg, #000 calc(var(--sigw,0%) - 6%), transparent var(--sigw,0%));margin-left:-.12em;padding:0 .25em 0 .12em;line-height:1;transition:--sigw 1.6s cubic-bezier(.45,.05,.3,1) 1.6s;top:4.6%;left:5.4%}.hsig__name em{font-style:italic}@property --sigw{syntax:"<percentage>";inherits:false;initial-value:0%}.go .hsig__name{--sigw:112%}.hsig__meta{left:5.6%;top:calc(4.6% + var(--v) * 7);align-items:center;gap:calc(var(--v) * 1.2);display:flex}.hsig__role{font-variation-settings:"opsz" 11;font-family:Bodoni Moda Variable,serif;font-weight:500;font-size:calc(var(--v) * .84);letter-spacing:.34em;text-transform:uppercase;color:#d9c08d;opacity:0;transition:opacity .8s 3.1s,translate .8s 3.1s;translate:0 6px}.hsig__rule{width:calc(var(--v) * 14);transform-origin:0;background:linear-gradient(90deg,#e9cd96a6,#e9cd9600);height:1px;transition:scale 1.1s cubic-bezier(.3,.7,.2,1) 3.4s;display:block;scale:0 1}.go .hsig__role{opacity:1;translate:0}.go .hsig__rule{scale:1}.hhint{justify-content:center;align-items:center;gap:calc(var(--v) * 1.1);font-variation-settings:"opsz" 11;font-family:Bodoni Moda Variable,serif;font-style:italic;font-weight:500;font-size:calc(var(--v) * 1.05);letter-spacing:.04em;color:#ecdcb4;text-shadow:0 2px 10px #000000e6;opacity:0;transition:opacity .8s;display:flex;position:absolute;top:40%;left:0;right:0}.hhint i{width:calc(var(--v) * 3.2);background:#e9cd9680;height:1px;display:block}.hhint--touch{display:none}.ready .hhint{opacity:1;animation:2.2s ease-in-out infinite hbreathe}.lighting .hhint{opacity:0;animation:none}@keyframes hbreathe{50%{opacity:.55}}@media (hover:none){.hhint--pointer{display:none}.hhint--touch{display:inline}}@media (aspect-ratio<=4/3){.hworld{--sink:7vh}.hhint{top:36%}.hui{--v:2.1vw}.hsig__name{font-size:calc(var(--v) * 6.9);top:9%;left:5%}.hsig__meta{left:6%;top:calc(9% + var(--v) * 8.2)}.hsig__role{font-size:calc(var(--v) * 1.05);letter-spacing:.2em}.hsig__rule{width:calc(var(--v) * 10)}.hhint{font-size:calc(var(--v) * 1.6)}}@media (prefers-reduced-motion:reduce){.hero *,.hero :before,.hero :after{transition:none!important;animation:none!important}.hero .hwin{opacity:.75;scale:1}.hero .hhint{display:none}.hero .hsig__name{--sigw:112%}.hero .hsig>*{opacity:1;scale:1}}.hero .hui,.hero .hov{opacity:calc(1 - var(--uifade,0))}.hp:not(.hp--move){translate:none}.hp--move{will-change:transform}.hero{background:#0b1620}.hwisle:before{content:"";top:15%;left:-15%;right:-15%;bottom:calc(100% - var(--cut) - 2%);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(50% 55% at 50% 62%,#ffbe646b,#ffa04624 55%,#0000 72%);position:absolute}.hwisle__lit,.hwisle:before{opacity:0;transition:opacity 1s .25s}.hrefl{aspect-ratio:auto;pointer-events:none;height:auto}.hrefl .hp__in,.hrefl .hp__anim{position:relative;inset:auto}.hrefl img{mix-blend-mode:screen;opacity:0;width:100%;height:auto;transition:opacity 1s .85s;display:block}.lighting .hwisle__lit,.lighting .hwisle:before{opacity:1}.lighting .hrefl img{opacity:.95}.about{--about-par-x:16px;--about-par-y:5px;color:#f1dcab;background:#0b1424;overflow:hidden}.aworld{position:absolute;inset:0;scale:1.04}.ap{translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--about-par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--about-par-y) * -1);position:absolute}.ap__in,.ap__anim{position:absolute;inset:0}.ap img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ap--sway{margin-top:calc(max(100vh,56.25vw)/2.08 - 44.5769vh)}.ap--sway img{-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px))}.ap--sway .ap__anim{transform-origin:50% 0;animation:asway calc(7s + var(--k) * .8s) ease-in-out calc(var(--k) * -.9s) infinite}@keyframes asway{0%,to{rotate:-.7deg}50%{rotate:.7deg}}.ap--bob .ap__anim{animation:8s ease-in-out infinite abob}@keyframes abob{0%,to{translate:0}50%{translate:0 -2px}}.ap--float .ap__anim{animation:9s ease-in-out -2s infinite afloat}@keyframes afloat{0%,to{translate:0}50%{translate:0 -1.5px}}.ap--rock .ap__anim{transform-origin:50% 90%;animation:5.5s ease-in-out infinite arock}@keyframes arock{0%,to{rotate:-.8deg}50%{rotate:.8deg}}.ap--steam .ap__anim{transform-origin:50% 100%;animation:4.5s ease-in-out infinite asteam}@keyframes asteam{0%,to{opacity:.95;translate:0;scale:1}50%{opacity:.6;translate:2px -8px;scale:1.06}}.aui{--v:min(1vw, 1.7778vh);pointer-events:none;width:100vw;height:100vh;position:absolute;top:calc(50% - 50vh);left:calc(50% - 50vw)}.aui:before{content:"";background:radial-gradient(55% 75% at 16% 46%,#050a1480,#0000 70%);position:absolute;inset:0}.atext{width:min(29%, calc(var(--v) * 31));text-shadow:0 2px #0000004d,0 8px 24px #0000008c;font-family:Bodoni Moda Variable,serif;position:absolute;top:17%;left:5.6%}.atext>*{opacity:0;transition:opacity .8s,translate .8s;translate:0 10px}.enter .atext>*{opacity:1;translate:0}.enter .atext>:first-child{transition-delay:.5s}.enter .atext>:nth-child(2){transition-delay:.65s}.enter .atext>:nth-child(3){transition-delay:.8s}.enter .atext>:nth-child(4){transition-delay:.95s}.atext__label{align-items:center;gap:calc(var(--v) * 1.1);font-variation-settings:"opsz" 11;font-weight:500;font-size:calc(var(--v) * .8);letter-spacing:.34em;text-transform:uppercase;color:#d9c08d;display:flex}.atext__label i{width:calc(var(--v) * 3.2);background:#e9cd96a6;height:1px;display:block}.atext__h{margin-top:calc(var(--v) * 1.6);font-variation-settings:"opsz" 18;font-weight:600;font-size:calc(var(--v) * 3.3);letter-spacing:-.01em;color:#f3e1b4;line-height:1.12}.atext__h em{font-style:italic}.atext__lede{margin-top:calc(var(--v) * 1.6);font-variation-settings:"opsz" 11;font-weight:400;font-size:calc(var(--v) * 1.04);color:#e3d3ad;line-height:1.7}.atext__lede+.atext__lede{margin-top:calc(var(--v) * .9)}.atext__facts{margin-top:calc(var(--v) * 2.2);border-top:1px solid #e9cd9647}.atext__facts div{grid-template-columns:calc(var(--v) * 7.5) 1fr;gap:calc(var(--v) * 1);padding:calc(var(--v) * .9) 0;border-bottom:1px solid #e9cd9629;display:grid}.atext__facts dt{font-variation-settings:"opsz" 11;font-weight:500;font-size:calc(var(--v) * .7);letter-spacing:.3em;text-transform:uppercase;color:#bfa676;padding-top:.3em}.atext__facts dd{font-variation-settings:"opsz" 11;font-weight:500;font-size:calc(var(--v) * .98);color:#f0e2bf;margin:0;line-height:1.5}.atext__facts dd em{color:#cdb583;font-style:italic}.atext__slogan{align-items:center;gap:calc(var(--v) * 1.1);margin-top:calc(var(--v) * 2.4);font-variation-settings:"opsz" 18;font-style:italic;font-weight:500;font-size:calc(var(--v) * 1.5);color:#f0e2bf;display:flex}.atext__slogan i{width:calc(var(--v) * 3.2);background:#e9cd96a6;height:1px;display:block}@media (aspect-ratio<=4/3){.aui{--v:2.1vw}.aui:before{background:linear-gradient(#050a14e0 0%,#050a14c7 58%,#0000 82%)}.atext{width:88%;top:11%;left:6%}.atext__h{font-size:calc(var(--v) * 4.6)}.atext__lede{font-size:calc(var(--v) * 1.5)}.atext__facts dt{font-size:calc(var(--v) * 1)}.atext__facts dd{font-size:calc(var(--v) * 1.35)}.atext__facts div{grid-template-columns:calc(var(--v) * 11) 1fr}.atext__slogan{font-size:calc(var(--v) * 2)}}@media (prefers-reduced-motion:reduce){.about *,.about :before,.about :after{transition:none!important;animation:none!important}}.ascope{cursor:pointer;pointer-events:auto;translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--about-par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--about-par-y) * -1);background:0 0;border:0;outline:none;padding:0;position:absolute}.about:has(.ascope:hover) [data-id=telescope] img{filter:brightness(1.18)drop-shadow(0 0 14px #ffcd788c);transition:filter .3s}[data-id=telescope] img{transition:filter .3s}.ascope__ring{aspect-ratio:1;opacity:0;border:1px solid #ffdca0d9;border-radius:50%;width:2.6vmin;animation:2.4s ease-out 1.8s infinite aring;position:absolute;top:58%;left:4%;translate:-50% -50%;box-shadow:0 0 12px #ffc87899}@keyframes aring{0%{opacity:0;scale:.6}30%{opacity:.9}to{opacity:0;scale:2.2}}.ascope__hint{white-space:nowrap;font-variation-settings:"opsz" 11;color:#f3e1b4;text-shadow:0 2px 10px #000000e6;opacity:0;align-items:center;gap:10px;font-family:Bodoni Moda Variable,serif;font-size:min(1.05vw,1.85vh);font-style:italic;font-weight:500;transition:opacity .8s 1.4s,translate .3s;display:flex;position:absolute;top:-6%;left:12%}.ascope__hint:before{content:"";background:#e9cd96b3;width:2.4em;height:1px}.enter .ascope__hint{opacity:.85}.ascope:hover .ascope__hint{opacity:1;transition-delay:0s;translate:4px}@media (aspect-ratio<=4/3){.ascope__hint{font-size:3vw;top:-14%;left:-30%}}.ap:not(.ap--move){translate:none}.ap--move{will-change:transform}.awisle img{-webkit-mask-image:linear-gradient(#000 80%,#00000073 90%,#0000 99%);mask-image:linear-gradient(#000 80%,#00000073 90%,#0000 99%)}.awisle:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(50% 50% at 50% 65%,#ffbe6466,#0000 70%);position:absolute;inset:0 -20% -10%}.work{--work-par-x:16px;--work-par-y:5px;color:#f1dcab;background:#0b1624;overflow:hidden}.wworld{transform-origin:0 0;will-change:transform;transition:transform 1.2s cubic-bezier(.45,0,.2,1);position:absolute;inset:0;scale:1.04}.wp{translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--work-par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--work-par-y) * -1);background:0 0;border:0;outline:none;padding:0;position:absolute}.wp:not(.wp--move){translate:none}.wp--move{will-change:transform}.wp__anim{position:absolute;inset:0}.wp img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wp--sway{margin-top:calc(max(100vh,56.25vw)/2.08 - 45.0769vh)}.wp--sway .wp__anim{transform-origin:50% 0;animation:wsway calc(7s + var(--k) * .8s) ease-in-out calc(var(--k) * -.9s) infinite}.wp--sway img{-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px));mask-image:linear-gradient(180deg, transparent calc(var(--nf,0px) - 26px), #000 calc(var(--nf,0px) + 10px))}@keyframes wsway{0%,to{rotate:-.7deg}50%{rotate:.7deg}}.wp--bob .wp__anim{animation:wbob calc(7s + var(--k) * .8s) ease-in-out calc(var(--k) * -.9s) infinite}@keyframes wbob{0%,to{translate:0}50%{translate:0 calc((1.5px + var(--d) * 3px) * -1)}}.wp--float .wp__anim{animation:wfloat calc(8s + var(--k) * .6s) ease-in-out calc(var(--k) * -1.1s) infinite}@keyframes wfloat{0%,to{translate:0}50%{translate:0 -2px}}.wp--rock .wp__anim{transform-origin:50% 70%;animation:5.5s ease-in-out infinite wrock}@keyframes wrock{0%,to{translate:0;rotate:-1deg}50%{translate:0 -2px;rotate:1deg}}[data-id=wake] img{clip-path:inset(0 0 100%);transition:clip-path 2.4s cubic-bezier(.4,0,.2,1) .5s}.enter [data-id=wake] img{clip-path:inset(0)}.wisle{cursor:pointer;transition:opacity .8s,filter .8s}.wisle img{transition:translate .35s}.wisle .wp__lit,.wisle .wp__part{opacity:0;transition:opacity .55s,translate .35s}.enter .wisle .wp__part{opacity:1;transition:opacity 1.1s ease calc(1.6s + var(--n) * .28s), translate .35s ease}.work--focus .wisle:not(.wisle--target) .wp__part{opacity:0;transition-delay:0s}.wisle:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(50% 50% at 50% 62%,#ffbe6461,#ffa0461f 55%,#0000 72%);transition:opacity .55s;position:absolute;inset:5% -12% -8%}.wisle--hover .wp__lit,.wisle--target .wp__lit,.wisle--hover:before,.wisle--target:before{opacity:1}.wisle--hover img{translate:0 -4px}.wisle:focus-visible .wp__lit{opacity:1}.work--focus .wisle:not(.wisle--target){opacity:.25;filter:saturate(.6);pointer-events:none}@media (hover:none){.wisle .wp__lit,.wrefl img{opacity:1}.wisle:before{opacity:.8}}.wlabel{text-align:center;white-space:nowrap;pointer-events:none;opacity:0;font-family:Bodoni Moda Variable,serif;transition:opacity .25s,translate .25s;position:absolute;translate:-50% -100%}.wlabel b{font-variation-settings:"opsz" 14;color:#f3e1b4;text-shadow:0 2px 10px #000000e6;font-size:min(1.3vw,2.3vh);font-weight:600;display:block}.wlabel small{font-variation-settings:"opsz" 11;color:#e3d3ad;text-shadow:0 2px 8px #000000e6;margin-top:.25em;font-size:min(.82vw,1.45vh);font-style:italic;display:block}.wlabel:after{content:"";background:linear-gradient(#f3e1b4d9,#f3e1b400);width:1px;height:min(2.2vw,3.8vh);margin:.5em auto 0;display:block}.wlabel--show{opacity:1;translate:-50% calc(-100% - 6px)}.wlabel b,.wlabel small{translate:var(--dx,0px) 0}.wui{--v:min(1vw, 1.7778vh);pointer-events:none;width:100vw;height:100vh;font-family:Bodoni Moda Variable,serif;transition:opacity .6s;position:absolute;top:calc(50% - 50vh);left:calc(50% - 50vw)}.wtext{text-shadow:0 2px #0000004d,0 8px 24px #0009;position:absolute;top:7%;left:5.6%}.wtext>*{opacity:0;transition:opacity .8s,translate .8s;translate:0 10px}.enter .wtext>*{opacity:1;translate:0}.enter .wtext>:first-child{transition-delay:.3s}.enter .wtext>:nth-child(2){transition-delay:.45s}.wtext__label{align-items:center;gap:calc(var(--v) * 1.1);font-variation-settings:"opsz" 11;font-weight:500;font-size:calc(var(--v) * .8);letter-spacing:.34em;text-transform:uppercase;color:#d9c08d;display:flex}.wtext__label i{width:calc(var(--v) * 3.2);background:#e9cd96a6;height:1px;display:block}.wtext__h{margin-top:calc(var(--v) * 1.3);font-variation-settings:"opsz" 18;font-weight:600;font-size:calc(var(--v) * 3.1);letter-spacing:-.01em;color:#f3e1b4;line-height:1.1}.wtext__h em{font-style:italic}.whint{align-items:center;gap:calc(var(--v) * 1);font-variation-settings:"opsz" 11;font-style:italic;font-weight:500;font-size:calc(var(--v) * 1);color:#ecdcb4;text-shadow:0 2px 10px #000000e6;opacity:0;transition:opacity .8s 1.4s;display:flex;position:absolute;bottom:6%;left:5.6%}.whint i{width:calc(var(--v) * 2.6);background:#e9cd9699;height:1px;display:block}.enter .whint{opacity:.9}.work~.spot,.spot{z-index:60}#work .spot:before{content:"";pointer-events:none;background:linear-gradient(90deg,#070d1800 30%,#070d18b8 52%,#070d18e6 75%);animation:.8s both wbackdrop;position:fixed;inset:0}@keyframes wbackdrop{0%{opacity:0}}#work .spot__panel,#work .spot__close{position:fixed}#work .spot--left:before{background:linear-gradient(270deg,#070d1800 30%,#070d18b8 52%,#070d18e6 75%)}#work .spot--left .spot__panel{left:5%;right:auto}.work .spot__panel>*{animation-delay:.7s}@media (aspect-ratio<=4/3){.wui{--v:2.1vw}.wtext{width:88%;top:9%;left:6%}.wtext__h{font-size:calc(var(--v) * 4.4)}.whint{font-size:calc(var(--v) * 1.5)}.wlabel b{font-size:3.4vw}.wlabel small{font-size:2.4vw}}@media (prefers-reduced-motion:reduce){.work *,.work :before,.work :after{transition:none!important;animation:none!important}}.wp--sway{transition:opacity .6s}.work--focus .wp--sway{opacity:0}.wrefl{pointer-events:none}.wrefl img{mix-blend-mode:screen;opacity:0;width:100%;height:auto;transition:opacity .6s .15s;position:absolute;inset:0 auto auto 0}.enter .wrefl img{opacity:.5;transition:opacity 1.1s ease calc(1.6s + var(--n) * .28s)}.wrefl.wrefl--on img{opacity:.95;transition:opacity .6s .15s}.work--focus .wrefl:not(.wrefl--on) img{opacity:0;transition-delay:0s}.work--focus .wrefl:not(.wrefl--on){opacity:.25}.wp{transform:rotate(calc(clamp(0, (var(--xt,0) - var(--x0,0)) / .5, 1) * -108deg))}.work .wui{opacity:calc(1 - min(1, var(--xt,0) * 4))}.work--focus .wui{opacity:0}.journey{color:#f1dcab;background:0 0;overflow:hidden}.jroom,.jfg{pointer-events:none;will-change:transform, opacity;width:100%;height:100%;display:block;position:absolute;inset:0}.jroom{transform-origin:50% 40%}.jroom--hole,.journey.hole .jroom:not(.jroom--hole){visibility:hidden}.journey.hole .jroom--hole{visibility:visible}.journey .jtitle{transition:opacity .35s}.journey.hole .jtitle{opacity:0!important}.jcab{perspective:1600px;perspective-origin:50% 60%;position:absolute}.jslice{will-change:transform, opacity;backface-visibility:hidden;width:100%;display:block;position:absolute;left:0}.jplate{white-space:nowrap;letter-spacing:.06em;color:#2e1a06;text-shadow:0 1px #fff0beb3;will-change:transform, opacity;font-family:DM Mono,monospace;font-size:min(.86vw,1.53vh);font-weight:500;position:absolute}.jtag{transform-origin:50% 4%;will-change:transform, opacity;position:absolute}.jtag img{width:100%;height:100%;display:block;position:absolute;inset:0}.jtag span{white-space:nowrap;font-variation-settings:"opsz" 11;letter-spacing:.24em;text-transform:uppercase;color:#fff4dc;text-shadow:0 1px 2px #0009;font-family:Bodoni Moda Variable,serif;font-size:min(.68vw,1.21vh);font-weight:600;position:absolute;top:61%;left:50%;translate:-50% -50%;rotate:-90deg}.jnote{color:#3a2a19;filter:drop-shadow(-2px 4px 4px #0000008c);will-change:transform, opacity;background:url(/assets/story/04_journey_v2/note.webp) 50%/100% 100% no-repeat;padding:.7em .8em .75em;font-family:Bodoni Moda Variable,serif;font-size:min(.76vw,1.35vh);line-height:1.32;position:absolute}.jnote p+p{margin-top:.2em}.jnote b{font-weight:600}.jtitle{--v:min(1vw, 1.7778vh);color:#f3e1b4;text-shadow:0 2px #0000004d,0 8px 24px #000000b3;will-change:transform, opacity;width:27%;font-family:Bodoni Moda Variable,serif;position:absolute;top:10%;left:70%}.jtitle__label{align-items:center;gap:calc(var(--v) * 1);font-weight:500;font-size:calc(var(--v) * .74);letter-spacing:.32em;text-transform:uppercase;color:#e6cf9c;display:flex}.jtitle__label i{width:calc(var(--v) * 2.6);background:#e9cd96a6;height:1px;display:block}.jtitle h2{margin-top:calc(var(--v) * .7);font-variation-settings:"opsz" 18;font-weight:600;font-size:calc(var(--v) * 2.6);line-height:1.1}.jtitle h2 em{font-style:italic}.contact{--par-x:16px;--par-y:5px;color:#f1dcab;background:#0b1624;overflow:hidden}.cp{-webkit-user-select:none;user-select:none;translate:calc(var(--hx,0) * var(--d,0) * var(--d,0) * var(--par-x) * -1) calc(var(--hy,0) * var(--d,0) * var(--d,0) * var(--par-y) * -1);display:block;position:absolute}.cp img{width:100%;height:100%;display:block;position:absolute;inset:0}.cflame img{transform-origin:50% 92%;animation:1.8s ease-in-out infinite cflick}@keyframes cflick{0%,to{filter:brightness();scale:1}30%{filter:brightness(1.12);scale:.95 1.07}60%{filter:brightness(.94);scale:1.03 .95}}.cboat img{transform-origin:50% 85%;animation:5.5s ease-in-out infinite cboat}@keyframes cboat{0%,to{translate:0;rotate:-2deg}50%{translate:0 -3px;rotate:2deg}}.cmail{cursor:pointer;outline:none}.cmail img{transition:translate .35s,filter .35s}.cmail:hover img,.cmail:focus-visible img{filter:brightness(1.15)drop-shadow(0 0 18px #ffc46e73);translate:0 -4px}.cmail__hint{white-space:nowrap;color:#f3e1b4;text-shadow:0 2px 8px #000000e6;opacity:0;pointer-events:none;font-family:Bodoni Moda Variable,serif;font-size:min(.9vw,1.6vh);font-style:italic;transition:opacity .3s,translate .3s;position:absolute;top:4%;left:80%;translate:0 6px}.cmail:hover .cmail__hint,.cmail:focus-visible .cmail__hint{opacity:1;translate:0}.cmail--sent img{animation:.7s ease-in both csend}@keyframes csend{0%{translate:0 -4px}40%{translate:0 -10px;rotate:-2deg}to{translate:0 -4px;rotate:0deg}}.cui{--v:min(1vw, 1.7778vh);opacity:var(--cui,1);translate:0 calc((1 - var(--cui,1)) * 18px);pointer-events:none;width:100vw;height:100vh;font-family:Bodoni Moda Variable,serif;position:absolute;top:calc(50% - 50vh);left:calc(50% - 50vw)}.ctext{text-align:center;pointer-events:auto;text-shadow:0 2px #0000004d,0 8px 24px #000000b3;width:min(46vw,820px);position:absolute;top:12%;left:50%;translate:-50%}.ctext__label{justify-content:center;align-items:center;gap:calc(var(--v) * 1.1);font-variation-settings:"opsz" 11;font-weight:500;font-size:calc(var(--v) * .8);letter-spacing:.34em;text-transform:uppercase;color:#d9c08d;display:flex}.ctext__label i{width:calc(var(--v) * 3.2);background:#e9cd96a6;height:1px;display:block}.ctext h2{margin-top:calc(var(--v) * 1.2);font-variation-settings:"opsz" 18;font-weight:600;font-size:calc(var(--v) * 3.6);letter-spacing:-.01em;color:#f3e1b4;line-height:1.08}.ctext h2 em{font-style:italic}.ctext__lede{margin-top:calc(var(--v) * 1.1);font-variation-settings:"opsz" 11;font-size:calc(var(--v) * 1);color:#e3d3ad;line-height:1.6}.ctext__mail{margin-top:calc(var(--v) * 1.6);font-style:italic;font-size:calc(var(--v) * 1.7);color:#f6e6bd;border-bottom:1px solid #f3e1b473;padding-bottom:2px;text-decoration:none;transition:color .25s,border-color .25s;display:inline-block}.ctext__mail:hover{color:#ffe3a3;border-color:#ffd88a}.ctext__links{justify-content:center;gap:calc(var(--v) * 2.4);margin-top:calc(var(--v) * 1.4);font-size:calc(var(--v) * .86);letter-spacing:.06em;display:flex}.ctext__links a{color:#e9d3a4;border-bottom:1px dotted #e9d3a480;text-decoration:none}.ctext__links a:hover{color:#ffe3a3}.ctext__links span{color:#e9d3a48c;border-bottom:1px dotted #e9d3a44d}.cdawn,.cwash{pointer-events:none;opacity:0;transition:opacity 6s ease-in-out;position:absolute;inset:0}.cdawn{background:radial-gradient(22% 11% at 47% 55%,#ffd696f2,#ffaa6e73 55%,#0000 100%),linear-gradient(#263a6c8c 0%,#5c5c929e 28%,#ce8480cc 44%,#ffb276eb 54%,#ffb27680 58%,#0000 63%)}.cwash{mix-blend-mode:soft-light;background:linear-gradient(#0000 35%,#ffaa6e8c 55%,#ff965a59 100%)}.dawn .cdawn,.dawn .cwash{opacity:1}.cbeam{mix-blend-mode:screen;transition:opacity 4s 1.5s}.dawn .cbeam{opacity:0}.cflame{transform-origin:50% 88%;transition:scale 5s 1s}.dawn .cflame{scale:.55}.ctext__dawn{margin-top:calc(var(--v) * 2.2);font-style:italic;font-size:calc(var(--v) * 1.05);color:#fff4dc;text-shadow:0 1px 2px #3c1e14b3,0 4px 16px #3c1e1499;opacity:0;transition:opacity 2s 4s,translate 2s 4s;translate:0 8px}.dawn .ctext__dawn{opacity:1;translate:0}.contact:not(.dawn) .cdawn,.contact:not(.dawn) .cwash,.contact:not(.dawn) .ctext__dawn,.contact:not(.dawn) .cflame,.contact:not(.dawn) .cbeam{transition-duration:1.2s;transition-delay:0s}@media (aspect-ratio<=4/3){.cui{--v:2.1vw}.ctext{width:86vw}}@media (prefers-reduced-motion:reduce){.cflame img,.cboat img{animation:none}.cdawn,.cwash,.ctext__dawn{transition-duration:0s;transition-delay:0s}}
