:root{--ivory:#f6f4e8;--gold:#e5c786;--navy:#0b1930}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{color:var(--ivory);letter-spacing:.07em;margin:0;font:400 14px/2 Noto Sans JP,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline-offset:7px;outline:2px solid #fff4c8}h1,h2,h3{text-wrap:balance;margin:0;font-family:Klee One,serif;font-weight:600;line-height:1.6}p{text-wrap:pretty;margin:0 0 20px}img{max-width:100%;display:block}.header{z-index:4;align-items:center;gap:25px;max-width:1400px;height:140px;margin:auto;padding:30px 6%;display:flex;position:relative}.brand{flex-shrink:0}.brand img,.footer img{filter:brightness(0)invert(94%)sepia(9%)saturate(346%)}.tagline{letter-spacing:.13em;font:13px/1.9 Klee One,serif}.header-link{border-bottom:1px solid #e2eef455;margin-left:auto;padding-bottom:6px;font-size:11px}.header-link span{margin-left:18px}.eyebrow{letter-spacing:.27em;margin-bottom:19px;font-size:10px;line-height:1.8}.skip{color:#143a50;z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ocean-page{isolation:isolate;text-shadow:0 1px 8px #123e5855;background:#1d5873;min-height:100vh;position:relative}.lagoon-bg{z-index:-3;background:linear-gradient(#154e6133,#123f5755),url(/workshop-assets/lagoon.webp) 50%/cover no-repeat;position:fixed;inset:0}.sunrays{z-index:-2;pointer-events:none;background:conic-gradient(from 156deg at 52% -12%,#0000 0deg,#e9f9e917 8deg,#0000 15deg,#ecf9ef17 29deg,#0000 37deg);animation:16s ease-in-out infinite alternate rays;position:fixed;inset:0}.gallery{max-width:1200px;min-height:calc(100vh - 280px);margin:auto;padding:30px 7% 70px}.gallery-intro{text-align:center}.gallery h1{letter-spacing:.16em;margin-bottom:17px;font-size:clamp(31px,4.1vw,51px)}.gallery-intro>p:not(.eyebrow){font-size:13px;line-height:2.2}.fine-wave{opacity:.65;font-family:serif;font-size:38px;line-height:1;display:block}.category-gallery{grid-template-columns:repeat(auto-fit,minmax(230px,340px));justify-content:center;gap:50px;margin:32px auto 0;display:grid}.category-frame{aspect-ratio:4/5;filter:drop-shadow(0 16px 18px #0b354840);transition:transform .8s;display:block;position:relative}.category-frame:hover{transform:translateY(-8px)rotate(-1deg)}.frame-art{object-fit:contain;width:100%;height:100%}.frame-plaque{color:#35536a;width:66%;text-shadow:none;text-align:center;padding:13px 36px 10px 13px;line-height:1.1;position:absolute;bottom:13%;left:17%}.frame-title{letter-spacing:.28em;margin-bottom:8px;font-family:Klee One,serif;font-size:32px;display:block}.frame-en{letter-spacing:.15em;font:italic 15px/1.2 Georgia,serif;display:block}.circle-arrow{border:1px solid #66889a;border-radius:50%;place-items:center;width:31px;height:31px;font-size:20px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.gallery-note{text-align:center;letter-spacing:.16em;margin:25px 0 0;font-size:11px}.fish-school{z-index:-1;pointer-events:none;width:230px;animation:19s ease-in-out infinite alternate fish-drift;position:fixed;top:45%;right:4%}.fish-school svg{filter:drop-shadow(0 2px 2px #2d678944);width:100%}.bubbles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.bubble{filter:brightness(2.5)saturate(.25);animation:bubble-rise var(--duration) linear infinite;animation-delay:var(--delay);opacity:0;background:url(/workshop-assets/bubble-watercolor-lite.webp) 50%/contain no-repeat;position:absolute;bottom:-110px}.bubble:after{content:"";background:inherit;position:absolute;inset:0}.archive{max-width:1240px;min-height:calc(100vh - 300px);margin:auto;padding:8px 7% 110px}.breadcrumb{opacity:.85;gap:16px;margin-bottom:35px;font-size:11px;display:flex}.breadcrumb a:hover{text-decoration:underline}.archive-heading{text-align:center;margin-bottom:55px}.shell{color:#e8e9d5;font-size:30px}.archive-heading .eyebrow{margin:5px 0 15px;font-size:9px}.archive-heading h1{letter-spacing:.25em;padding-left:.25em;font-size:50px;line-height:1.2}.en-title{letter-spacing:.16em;margin:10px 0 18px;font:italic 18px/2 Georgia,serif}.archive-heading>p:last-child{font-size:13px}.archive-tools{border-bottom:1px solid #e5eeed44;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;padding-bottom:17px;display:flex}.archive-tools>p{margin:0;font-size:11px}.filters{gap:14px;display:flex}.filters select{color:#f5f3e9;cursor:pointer;background:#143f5940;border:1px solid #d6e7e2aa;border-radius:40px;padding:9px 28px 9px 17px;font-size:11px}.filters option{color:#254c62;background:#edf1ed}.workshop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.workshop-card{background:#153e5980;border:1px solid #d9e3d899;border-radius:20px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 5px 20px #143e5822}.workshop-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #102e4b44}.thumb{aspect-ratio:1.45;position:relative;overflow:hidden}.thumb>img:first-child{object-fit:cover;width:100%;height:100%;transition:transform 1s}.workshop-card:hover .thumb>img:first-child{transform:scale(1.04)}.thumb .thumb-santa{width:48%;height:auto;position:absolute;top:20%;right:7%;transform:rotate(-6deg)}.tag{color:#2b5770;text-shadow:none;background:#f4f0dc;border-radius:0 0 12px 12px;padding:9px 19px;font-size:11px;line-height:1.2;position:absolute;top:0;left:17px}.card-caption{padding:20px 22px 25px;position:relative}.card-status{letter-spacing:.15em;opacity:.8;font-size:9px}.card-caption h2{letter-spacing:.07em;margin:7px 0 5px;font-size:25px}.card-caption p{letter-spacing:.04em;margin:0;padding-right:15px;font-size:10px}.card-arrow{font-size:24px;position:absolute;top:19px;right:18px}.empty-message{text-align:center;padding:50px 0;font-size:13px}.footer{z-index:2;border-top:1px solid #d8e9e933;align-items:center;gap:30px;max-width:1400px;margin:auto;padding:30px 6%;display:flex;position:relative}.footer p{margin:0;font-size:10px}.footer small{letter-spacing:.15em;opacity:.6;margin-left:auto;font-size:8px}.christmas-page{color:#f9efd9;isolation:isolate;text-shadow:0 1px 7px #06132988;background:#0b1930;position:relative}.christmas-page .header{position:absolute;top:0;left:0;right:0}.christmas-page .header-link{display:none}.christmas-page .brand img,.christmas-page .footer img{filter:brightness(0)invert(91%)sepia(21%)saturate(600%)}.christmas-sky{z-index:-3;background:radial-gradient(at 78% 34%,#34557855,#0000 30%),radial-gradient(at 10% 72%,#35547144,#0000 30%),#0b1930;position:absolute;inset:0}.christmas-main{max-width:1600px;margin:auto}.christmas-hero{isolation:isolate;height:100svh;min-height:900px;max-height:1200px;padding:190px 10% 110px;position:relative;overflow:hidden}.christmas-hero:before{content:"";z-index:-2;background:linear-gradient(90deg,#07162c6b,#0000 70%),linear-gradient(#0000 70%,#0b1930),url(/workshop-assets/christmas.webp) 50%/cover;position:absolute;inset:0}.back-link{color:#e9d7b5;opacity:.8;font-size:10px;position:absolute;top:150px;left:10%}.christmas-title{z-index:2;max-width:600px;position:relative}.gold-label{color:var(--gold);letter-spacing:.15em;margin-bottom:15px;font-family:Klee One,serif;font-size:14px}.christmas-title .eyebrow{color:#dccba9;font-size:9px}.christmas-title h1{letter-spacing:.08em;color:#fff0c9;text-shadow:0 2px 16px #06162f77;font-size:clamp(48px,6vw,90px);line-height:1.25}.christmas-title h1>span{display:block}.christmas-title h1 .year{letter-spacing:.06em;margin-top:7px;font:italic clamp(52px,6.6vw,100px)/1.3 Georgia,serif}.hero-poem{letter-spacing:.15em;margin:30px 0 22px;font:600 clamp(25px,2.4vw,35px)/1.8 Klee One,serif}.christmas-lead{font-size:12px;line-height:2.2}.flying-santa{filter:drop-shadow(0 6px 9px #0b173d55);z-index:1;width:clamp(300px,35vw,650px);animation:9s ease-in-out infinite santa-flight;position:absolute;top:29%;right:5%}.scroll-hint{letter-spacing:.2em;text-align:center;white-space:nowrap;color:#ead6a7;font-size:9px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.scroll-hint span{margin-top:9px;font-size:22px;line-height:1.4;animation:2s ease-in-out infinite hint;display:block}.story-section,.mystery-section,.make-section{min-height:640px;padding:100px 10%;position:relative}.story-copy{z-index:2;position:relative}.chapter{color:var(--gold);align-items:center;gap:20px;margin:0 0 30px;font:italic 16px/1.5 Klee One,serif;display:flex}.chapter span{font:italic 35px/1.2 Georgia,serif}.chapter:after{content:"";background:linear-gradient(90deg,#d1b87c99,#0000);width:70px;height:1px}.story-copy h2{letter-spacing:.13em;margin-bottom:27px;font-size:clamp(30px,3.2vw,47px)}.story-copy p:not(.chapter){letter-spacing:.065em;font-size:14px;line-height:2.3}.story-copy .small-note{color:#c7d3df;margin-top:30px;font-size:11px!important}.story-section{align-items:center;display:flex;overflow:hidden}.chimney-vignette{opacity:.85;z-index:0;background:linear-gradient(90deg,#0b1930,#0000 35%),linear-gradient(#0b1930,#0000 30% 65%,#0b1930),url(/workshop-assets/christmas.webp) 85% bottom/cover;position:absolute;inset:0 0 0 40%}.gold-path{border-top:1px solid #d5b56d77;border-radius:50%;width:110%;height:90px;position:absolute;bottom:10%;left:-5%;transform:rotate(-7deg);box-shadow:0 -4px 15px -7px #ffdf7d}.mystery-section{background:radial-gradient(at 28%,#29436b77,#0000 55%);grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:600px;display:grid}.potion-art{justify-self:center;width:70%;max-width:300px;animation:8s ease-in-out infinite float;position:relative}.potion-art svg{filter:drop-shadow(0 0 25px #f6d27d22);width:100%;display:block}.potion-star{color:#f8dfa0;text-shadow:0 0 20px #ffd874;font-size:60px;animation:3s ease-in-out infinite alternate twinkle;position:absolute;top:50%;left:40%}.tiny-star{color:var(--gold);margin-top:35px;font-size:25px;display:block}.make-section .story-copy{max-width:560px}.bottle-art{z-index:1;width:75%;max-width:820px;margin:-90px 0 -30px auto;animation:10s ease-in-out infinite float;position:relative}.art-caption{text-align:right;color:#c2ccd6;margin-right:5%;font-size:9px;position:relative}.invitation{text-align:center;background:radial-gradient(at 50% 0,#25436255,#0000 60%);border-top:1px solid #d5bf8b22;padding:90px 8% 100px}.invitation .eyebrow{color:var(--gold)}.invitation h2{margin:0 0 30px;font-size:clamp(25px,3vw,38px)}.invitation>p:not(.eyebrow){font-size:13px;line-height:2.3}.details-pending{border-top:1px solid #c3b28a55;border-bottom:1px solid #c3b28a55;max-width:450px;margin:45px auto 35px;padding:26px 20px}.details-pending p{color:var(--gold);margin:0 0 8px;font-family:Klee One,serif;font-size:24px}.details-pending span{font-size:13px}.details-pending small{color:#ccd4de;margin-top:13px;font-size:11px;line-height:2;display:block}.outline-button{border:1px solid #dfc78c99;border-radius:50px;justify-content:space-between;align-items:center;gap:50px;padding:10px 26px;font-size:11px;display:inline-flex}.outline-button:hover{background:#e6cd9120}.outline-button span{font-size:22px}.sparkles{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.spark{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:0;animation:twinkle var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);background:#ffe5a6;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #e9bd6e44}.spark.cross{clip-path:polygon(50% 0,58% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 40%);box-shadow:none;background:#ffebb9;border-radius:0}.paused *{animation-play-state:paused!important}#transition{pointer-events:none;z-index:1000;opacity:0;background:#10243b;transition:opacity .7s;position:fixed;inset:0;overflow:hidden}#transition.show{opacity:1}#transition.sparkle{background:radial-gradient(at 55% 45%,#77623a,#162d49 60%,#0b1930)}.transition-stars{position:absolute;inset:0}.transition-stars i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);clip-path:polygon(50% 0,58% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 40%);animation:1.2s ease-in-out infinite transition-glint;animation-delay:var(--delay);background:#ffe7a5;position:absolute}#transition.ocean{background:#416f87}.transition-wave{background:#89bdca77;border-radius:45% 50% 0 0;height:100%;animation:2s ease-in-out infinite alternate wave-roll;position:absolute;top:35%;left:-15%;right:-15%;transform:rotate(-8deg)}.sparkle .transition-wave{display:none}@keyframes bubble-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.55}85%{opacity:.45}to{opacity:0;transform:translate(24px,-110vh)}}@keyframes fish-drift{to{transform:translate(-70px,13px)}}@keyframes rays{to{opacity:.35;transform:translate(2%)}}@keyframes santa-flight{0%,to{transform:translate(0,0)rotate(-3deg)}50%{transform:translate(-20px,-17px)rotate(0)}}@keyframes float{50%{transform:translateY(-12px)rotate(1deg)}}@keyframes twinkle{0%,15%{opacity:.1;transform:scale(.7)}70%,to{opacity:.8;transform:scale(1.1)}}@keyframes hint{50%{transform:translateY(6px)}}@keyframes transition-glint{0%,to{opacity:.1;transform:scale(.4)}50%{opacity:1;transform:scale(1.5)}}@keyframes wave-roll{to{transform:rotate(8deg)translateY(-15%)}}[hidden]{display:none!important}@media (width>=1500px){.lagoon-bg{background-size:100% 100%}}@media (width<=850px){.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.christmas-hero{min-height:870px;padding-inline:7%}.christmas-title h1{font-size:57px}.flying-santa{width:360px;top:34%;right:-6%}.story-section,.mystery-section,.make-section{padding-inline:8%}.bottle-art{width:90%;margin-top:-20px}.make-section{min-height:800px}.footer{gap:20px}.footer p{max-width:200px}.footer small{font-size:7px}.frame-plaque{bottom:12%}}@media (width<=600px){body{letter-spacing:.05em;font-size:13px}.header{gap:18px;height:115px;padding:22px 7%}.brand img{width:90px;height:63px}.tagline{font-size:11px}.header-link{border:0;max-width:100px;font-size:9px;line-height:1.8}.header-link span{margin-left:0;display:block}.gallery{padding:36px 7% 55px}.gallery h1{letter-spacing:.09em;font-size:31px}.gallery-intro .eyebrow{font-size:9px}.gallery-intro>p:not(.eyebrow){font-size:12px}.category-gallery{grid-template-columns:minmax(0,290px);gap:30px;margin-top:30px}.frame-title{font-size:29px}.frame-en{font-size:13px}.frame-plaque{padding-top:11px;bottom:12%}.fish-school{width:150px;top:46%;right:-7%}.gallery-note{margin-top:20px;font-size:10px}.archive{padding:12px 7% 75px}.breadcrumb{margin-bottom:30px;font-size:10px}.archive-heading{margin-bottom:34px}.archive-heading h1{font-size:44px}.archive-heading>p:last-child{font-size:12px}.archive-tools{padding-bottom:18px;display:block}.archive-tools>p{margin-bottom:15px;font-size:10px}.filters{gap:8px}.filters select{padding:8px 22px 8px 13px;font-size:10px}.workshop-grid{grid-template-columns:1fr;gap:24px}.workshop-card{max-width:420px}.card-caption h2{font-size:27px}.card-caption p{font-size:11px}.footer{flex-wrap:wrap;gap:15px 22px;padding:27px 7%}.footer img{width:70px;height:50px}.footer p{flex:1;max-width:none;font-size:9px}.footer small{text-align:right;width:100%;margin:0}.christmas-hero{height:100svh;min-height:870px;max-height:1050px;padding:185px 8% 110px}.christmas-hero:before{background:linear-gradient(90deg,#07162c50,#0000),linear-gradient(#0000 73%,#0b1930),url(/workshop-assets/christmas.webp) 65%/auto 100%}.back-link{font-size:9px;top:135px;left:8%}.christmas-title .eyebrow{letter-spacing:.16em;font-size:8px}.gold-label{letter-spacing:.09em;font-size:11px}.christmas-title h1{letter-spacing:.06em;font-size:clamp(38px,10.7vw,55px)}.christmas-title h1 .year{font-size:61px}.hero-poem{letter-spacing:.12em;margin-top:28px;font-size:26px;line-height:1.8}.christmas-lead{margin-top:26px;font-size:11px;line-height:2.25}.flying-santa{opacity:.92;width:240px;top:44%;right:-10%}.scroll-hint{font-size:8px;bottom:27px}.story-section{align-items:flex-start;min-height:620px;padding:80px 8%}.story-copy h2{letter-spacing:.1em;font-size:31px}.story-copy p:not(.chapter){font-size:13px;line-height:2.3}.chapter{gap:15px;margin-bottom:26px;font-size:14px}.chapter span{font-size:30px}.chimney-vignette{opacity:.48;background-position:85% bottom;inset:20% 0 0 15%}.mystery-section{flex-direction:column-reverse;align-items:flex-start;gap:35px;min-height:720px;padding:60px 8% 75px;display:flex}.potion-art{opacity:.85;align-self:flex-end;width:145px;margin-top:-50px;margin-right:20px}.potion-star{font-size:42px}.tiny-star{margin-top:15px}.make-section{min-height:730px;padding:60px 8% 50px}.bottle-art{width:120%;max-width:none;margin:0 -10% -15px}.art-caption{margin-right:0;font-size:8px}.invitation{padding:65px 7%}.invitation h2{letter-spacing:.06em;font-size:25px}.invitation>p:not(.eyebrow){font-size:12px}.details-pending{margin-top:35px;padding:23px 12px}.outline-button{gap:30px;font-size:10px}.sparkles .spark{max-width:10px;max-height:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.1s!important;animation:none!important}.bubble{display:none}.spark{opacity:.35}}.frame-plaque{flex-direction:column;justify-content:center;height:12%;padding:0 25px 0 0;display:flex;top:68%;bottom:auto}@media (width<=600px){.frame-plaque{top:68%;bottom:auto}.frame-title{font-size:25px}.frame-en{font-size:11px}.flying-santa{width:230px;top:72%;right:3%}.christmas-hero:before{background-position:0 0,0 0,80%}}img{height:auto}.frame-art{height:100%}.frame-plaque{height:10%;top:66.2%}.frame-title{margin-bottom:2px;font-size:24px}.frame-en{font-size:10px}.fish-school img{opacity:.65;width:100%}.potion-art>img{width:100%}@media (width<=600px){.frame-plaque{height:10%;top:66.2%}.frame-title{font-size:22px}.frame-en{font-size:9px}.hero-poem{letter-spacing:.09em;font-size:clamp(20px,6vw,25px)}.christmas-lead{letter-spacing:.03em;font-size:10.5px}.flying-santa{width:235px;top:79%}.story-copy h2{font-size:clamp(26px,7.5vw,31px)}.story-copy p:not(.chapter){letter-spacing:.03em;font-size:12px}}html{background:#143e55}html.arrival-sparkle #transition{opacity:1;background:radial-gradient(at 55% 45%,#77623a,#162d49 60%,#0b1930)}html.arrival-ocean #transition{opacity:1;background:#416f87}.christmas-page .potion-art{width:90%;max-width:320px}@media (width<=600px){.christmas-page .potion-art{width:170px;margin-top:-20px}}.christmas-page{background:#0b1930}.christmas-world{z-index:-3;pointer-events:none;background:#0b1930;position:absolute;inset:0;overflow:hidden}.christmas-world img{pointer-events:none;position:absolute}.world-upper{object-fit:cover;object-position:center top;width:100%;height:1780px;top:0;left:0;mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.world-lower{object-fit:cover;object-position:center bottom;width:100%;height:62%;bottom:0;left:0;mask-image:linear-gradient(#0000,#000 45%)}.gold-flow{object-fit:fill;opacity:.58;width:100%;height:48%;left:0;mask-image:linear-gradient(#0000,#000 10% 88%,#0000)}.gold-flow-one{top:1%}.gold-flow-two{top:46%;transform:scaleX(-1)}.christmas-hero{background:0 0;height:100svh;min-height:900px;max-height:1050px;overflow:visible}.christmas-hero:before{z-index:-1;background:linear-gradient(90deg,#08172a44,#0000 70%);inset:0}.christmas-title{max-width:620px}.flying-santa{opacity:1;filter:none;width:clamp(290px,31vw,470px);animation:12s ease-in-out infinite santa-night-flight;top:32%;right:8%}.story-section{background:0 0;min-height:640px;padding-top:100px;padding-bottom:100px;overflow:visible}.story-section .story-copy{text-shadow:0 1px 8px #06132988;padding:0 30px 0 0}.mystery-section{background:0 0;min-height:600px;padding-top:80px;padding-bottom:80px}.make-section{background:0 0;min-height:720px;padding-top:90px;overflow:visible}.bottle-art{width:76%;max-width:850px;margin:-55px 0 0 auto;position:relative}.art-caption{margin-top:-10px}.invitation{background:0 0;border-top:0;padding-top:90px;padding-bottom:90px}.sparkles{z-index:3;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.spark,.spark.cross{box-shadow:none;opacity:0;max-width:none;max-height:none;animation:painted-dust var(--duration) ease-in-out infinite;animation-delay:var(--delay);will-change:auto;border-radius:0;clip-path:none!important;background:url(/workshop-assets/painted-glimmer.webp) 50%/contain no-repeat!important}.spark.glimmer{animation-name:painted-glimmer}.painted-star{opacity:.8;background:url(/workshop-assets/painted-glimmer.webp) 50%/contain no-repeat;width:42px;height:42px;margin-top:27px;display:block}.potion-star{display:none}#transition:not(.sparkle) .transition-stars{display:none!important}#transition.sparkle,html.arrival-sparkle #transition{background:#102139}#transition.sparkle:before{content:"";opacity:.55;background:url(/workshop-assets/golden-drift.webp) 50%/cover no-repeat;position:absolute;inset:0}#transition.sparkle .transition-stars i{clip-path:none;box-shadow:none;animation:2.4s ease-in-out infinite painted-entry;animation-delay:var(--delay);background:url(/workshop-assets/painted-glimmer.webp) 50%/contain no-repeat;border-radius:0}#transition.sparkle .transition-stars .dust{opacity:.65}#transition.ocean,html.arrival-ocean #transition{background:#3b829b url(/workshop-assets/lagoon.webp) 50%/cover no-repeat}#transition.ocean .transition-wave{opacity:.7;background:linear-gradient(#9ac8d25c,#417f9a99);box-shadow:0 -8px 30px #c5e8e944}.transition-stars{z-index:1}@keyframes painted-dust{0%{opacity:0;transform:translateY(32px)scale(.8)}25%{opacity:.65}70%{opacity:.45}to{opacity:0;transform:translate3d(var(--sway),-50px,0) scale(1.1)}}@keyframes painted-glimmer{0%,to{opacity:.15;transform:translateY(12px)scale(.75)}50%{opacity:.9;transform:translate3d(var(--sway),-12px,0) scale(1.1)}}@keyframes painted-entry{0%,to{opacity:.2;transform:translateY(12px)scale(.8)}50%{opacity:.95;transform:translateY(-12px)scale(1.15)}}@keyframes santa-night-flight{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(-32px,-19px)rotate(-1deg)}}@media (width>=1600px){.world-upper{height:1950px}.christmas-world{max-width:2200px;margin:auto}}@media (width<=850px){.world-upper{height:1650px}.flying-santa{width:300px;top:29%;right:1%}.christmas-title{max-width:480px}.bottle-art{width:91%;margin-top:10px}}@media (width<=600px){.world-upper{object-position:65% top;height:1560px}.world-lower{object-position:55% bottom;opacity:.9;height:66%}.gold-flow{opacity:.48;width:145%;left:-22%}.gold-flow-one{height:44%;top:4%}.gold-flow-two{height:49%;top:47%}.christmas-hero{height:100svh;min-height:880px;max-height:1000px;padding-top:185px;overflow:hidden}.christmas-hero:before{background:linear-gradient(90deg,#08172a33,#0000)}.flying-santa{width:235px;animation-name:santa-night-flight;top:73%;right:7%}.story-section{min-height:610px;padding:70px 8%}.story-section .story-copy{padding:0}.mystery-section{gap:15px;min-height:680px;padding:50px 8%}.christmas-page .potion-art{width:170px;margin-top:0}.make-section{min-height:650px;padding:60px 8% 50px;overflow:hidden}.bottle-art{width:118%;max-width:none;margin:15px -9% 0}.art-caption{margin-top:0}.invitation{background:0 0;padding:65px 7%}.painted-star{width:30px;height:30px;margin-top:15px}.sparkles .spark{max-width:none;max-height:none}}@media (prefers-reduced-motion:reduce){.spark{opacity:.3!important}.flying-santa{animation:none}.gold-flow{opacity:.38}}.world-upper{aspect-ratio:2/3;height:auto;min-height:1780px}@media (width<=850px){.world-upper{aspect-ratio:auto;height:1650px;min-height:0}}@media (width<=600px){.world-upper{object-position:85% top;height:1560px}}.story-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#091b35a8,#0000 72%);position:absolute;inset:-55px -75px}.christmas-page .header{text-shadow:0 1px 6px #07162c99}@media (width<=600px){.world-upper{height:1735px;top:-175px}.gold-flow{opacity:.24}.story-copy:before{background:radial-gradient(#091b35b8,#0000 75%);inset:-45px}}.invitation{isolation:isolate;position:relative}.invitation:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 60%,#091a34b0,#0000 73%);position:absolute;inset:0 -10%}.christmas-page .footer{background:linear-gradient(#09172a66,#09172ab0);border-top:0}@media (width<=600px){.christmas-page .header .tagline{display:none}}.world-lower{object-fit:cover;object-position:center bottom;height:64%;mask-image:linear-gradient(#0000,#000 27%)}@media (width<=600px){.world-lower{object-position:65% bottom;object-position:right bottom;height:1450px;max-height:65%}}body{width:100%;overflow-x:hidden}.header,.footer,.christmas-main{max-width:none}.gallery{padding-inline:6%;width:100%;max-width:none;padding-bottom:80px}.gallery-intro{max-width:850px;margin:auto}.gallery h1{letter-spacing:.1em;font-size:clamp(28px,3.6vw,45px);line-height:1.7}.category-gallery{grid-template-columns:repeat(4,minmax(0,250px));gap:24px;max-width:1180px;margin-top:30px}.category-frame{align-self:start;container-type:inline-size}.coming-frame{cursor:default;filter:drop-shadow(0 8px 12px #123c5044);opacity:.9}.coming-frame:hover{transform:none}.coming-caption{text-align:center;letter-spacing:.12em;color:#f5f3e7;text-shadow:0 1px 5px #173a51;width:100%;font:italic 11px/1.5 Georgia,serif;display:block;position:absolute;bottom:0;left:0}.frame-plaque .frame-title{font-size:clamp(13px,8cqw,24px)}.frame-plaque .frame-en{font-size:clamp(8px,3.4cqw,10px)}.frame-plaque{padding-right:8%}.frame-plaque .circle-arrow{width:clamp(17px,8cqw,25px);height:clamp(17px,8cqw,25px);font-size:clamp(12px,6cqw,18px);right:2px}.coming-frame .frame-plaque{padding-right:0}.home-link{white-space:nowrap;margin-left:20px;font-size:10px}.header-link{margin-left:auto}.archive{max-width:none;min-height:70vh;padding-inline:8%}.archive-heading{margin-bottom:30px}.archive-heading>.eyebrow{display:none}.archive-heading .shell{font-size:26px}.archive-tools{max-width:1180px;margin-inline:auto}.workshop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,285px));gap:25px;max-width:1180px;margin:auto}.card-caption h2{font-size:23px}.card-caption p{font-size:10px}.ocean-page:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#f1f6f1,#f1f6f1b0 38%,#0000);height:170px;position:absolute;top:0;left:0;right:0}.ocean-page .header{color:#284e63}.ocean-page .header .brand img{filter:none}.ocean-page .header-link{border-color:#41677855}.christmas-page:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#08172ce6,#0000);height:180px;position:absolute;top:0;left:0;right:0}.christmas-page .home-link{color:#e5d5b0;margin-left:auto}.christmas-title,.story-copy,.invitation{text-shadow:0 1px 4px #06162caa,0 0 13px #06162c4d}.christmas-page h1,.christmas-page h2{text-shadow:0 2px 7px #06162c99,0 0 18px #06162c44}.christmas-page p{letter-spacing:.045em}.flying-santa{width:clamp(290px,31vw,470px);top:30%;right:10%}.world-upper{object-position:center top}.gold-flow{opacity:.3}#transition.sparkle:before{transform-origin:50%;animation:3s cubic-bezier(.25,.5,.3,1) infinite alternate gold-wind}#transition.sparkle:after{content:"";opacity:.3;background:url(/workshop-assets/golden-drift.webp) 50%/contain no-repeat;animation:3.7s ease-in-out infinite alternate gold-wind-second;position:absolute;inset:-20%;transform:scaleX(-1)}#transition.sparkle .transition-stars i{animation:2.8s ease-in-out infinite light-flight;animation-delay:var(--delay)}@keyframes gold-wind{0%{opacity:.25;transform:translate(-13%,12%)rotate(-10deg)scale(.88)}to{opacity:.72;transform:translate(11%,-10%)rotate(6deg)scale(1.14)}}@keyframes gold-wind-second{0%{opacity:.1;transform:translate(12%,17%)scaleX(-1)rotate(10deg)}to{opacity:.45;transform:translate(-12%,-15%)scaleX(-1)rotate(-6deg)}}@keyframes light-flight{0%{opacity:0;transform:translate(-90px,85px)scale(.3)rotate(-12deg)}40%{opacity:1;transform:translate(0,0)scale(1.2)}to{opacity:0;transform:translate(110px,-100px)scale(.5)rotate(8deg)}}@media (width>=1600px){.world-upper{object-fit:cover;aspect-ratio:auto;height:2000px;min-height:0}.christmas-title{max-width:730px}}@media (width<=1000px){.category-gallery{grid-template-columns:repeat(2,minmax(0,250px));gap:30px 36px;max-width:620px}.lagoon-bg{background-image:linear-gradient(#154e6122,#123f5738),url(/workshop-assets/lagoon-mobile.webp);background-position:50%;background-size:100% 100%}.fish-school{width:180px;right:0}.home-link{font-size:9px}.header-link{font-size:10px}.world-upper{aspect-ratio:auto;object-position:70% top;height:1650px;min-height:0}.flying-santa{width:270px;top:35%;right:3%}.christmas-title{max-width:490px}.archive{padding-inline:7%}.workshop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,260px))}.home-link{margin-left:15px}}@media (width<=600px){.header{gap:14px;padding:22px 7%}.header-link{display:none}.home-link{white-space:normal;text-align:right;max-width:100px;font-size:9px;margin-left:auto!important}.gallery{padding:28px 6% 55px}.gallery h1{letter-spacing:.06em;font-size:clamp(24px,6.6vw,30px);line-height:1.75}.gallery-intro>p:not(.eyebrow){letter-spacing:.025em;font-size:11px;line-height:2.2}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px;max-width:440px;margin-top:25px}.coming-caption{font-size:9px;bottom:-8px}.gallery-note{margin-top:38px;font-size:10px}.frame-plaque{height:10%;top:66.2%}.category-frame .frame-title{margin-bottom:1px;font-size:clamp(13px,8cqw,20px)}.category-frame .frame-en{font-size:clamp(7px,4cqw,9px)}.archive-heading h1{font-size:38px}.archive-heading{margin-bottom:20px}.en-title{margin-bottom:0;font-size:15px}.archive .breadcrumb{margin-bottom:24px}.archive{padding-bottom:65px}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workshop-card{border-radius:13px}.card-caption{padding:13px 12px 17px}.card-caption h2{letter-spacing:0;margin:6px 0;font-size:clamp(15px,4.7vw,19px);line-height:1.5}.card-caption p{display:none}.card-status{letter-spacing:.02em;font-size:8px}.card-arrow{font-size:19px;top:8px;right:10px}.tag{padding:6px 12px;font-size:9px;left:10px}.archive-tools>p{font-size:9px}.world-upper{object-fit:cover;object-position:80% top;height:1380px;top:0}.christmas-hero{height:100svh;min-height:910px;max-height:1000px;padding-top:260px}.back-link{top:135px}.christmas-title .eyebrow{margin-bottom:14px;font-size:8px}.gold-label{font-size:10px}.christmas-title h1{font-size:clamp(35px,10vw,47px)}.christmas-title h1 .year{font-size:55px}.hero-poem{margin-top:25px;font-size:clamp(20px,5.7vw,24px)}.christmas-lead{font-size:10.5px;line-height:2.25}.flying-santa{width:170px;max-width:50vw;animation:10s ease-in-out infinite mobile-santa-flight;top:13%;right:8%}.world-lower{object-position:right bottom}.christmas-title{max-width:100%}.sparkles .spark.glimmer{max-width:62px;max-height:62px}.story-copy:before{inset:-45px -35px}.footer{padding-left:7%;padding-right:7%}.christmas-page .header .tagline{display:none}.christmas-page .home-link{max-width:120px}.invitation h2{font-size:24px}}@keyframes mobile-santa-flight{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(-14px,-9px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){#transition.sparkle:before,#transition.sparkle:after,#transition.sparkle .transition-stars i,.flying-santa{animation:none!important}}@media (width<=600px){.christmas-lead{letter-spacing:.02em;font-size:12px;line-height:2.2}}html{background:#f1f6f1;min-height:100%;margin:0;overflow-x:clip}body{min-height:100svh;overflow-x:clip}.ocean-page{background:#1d5873;flex-direction:column;min-height:100svh;display:flex}.lagoon-bg{background-position:50%;background-size:cover;width:100%;height:100lvh;inset:0 0 auto;transform:translateZ(0)}.sunrays{animation:18s ease-in-out infinite alternate ocean-light-breathe;inset:-3%}.bubbles{contain:strict;height:100lvh;bottom:auto}.bubble{filter:none;will-change:transform,opacity;animation-name:lagoon-bubble-rise}.bubble:after{opacity:.6}.fish-school{width:clamp(110px,16vw,210px);animation:22s ease-in-out infinite alternate lagoon-fish-drift;right:3%}.gallery,.archive{flex:1;width:100%;min-width:0}.ocean-page .footer{width:100%;margin-top:auto}.header{width:100%;min-width:0}.header .tagline{white-space:nowrap;flex-shrink:0}.filters{flex-wrap:wrap}.filters label{min-width:0}.filters select{max-width:100%}.category-frame:hover,.workshop-card:hover,.workshop-card:hover .thumb>img:first-child{transform:none}.category-frame{transition:none}@media (hover:hover) and (pointer:fine){a.category-frame{transition:transform .8s}a.category-frame:hover{transform:translateY(-5px)rotate(-.6deg)}.workshop-card:hover{transform:translateY(-4px)}.workshop-card:hover .thumb>img:first-child{transform:scale(1.025)}}@keyframes ocean-light-breathe{0%{opacity:.55}to{opacity:.9}}@keyframes lagoon-fish-drift{0%{transform:translate(0,0)}to{transform:translate(-26px,-7px)}}@keyframes lagoon-bubble-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.8}85%{opacity:.65}to{opacity:0;transform:translate(12px,calc(-100lvh - 160px))}}@media (width<=1000px){.lagoon-bg{background-position:50%;background-size:cover}}@media (width<=600px){.header{padding:20px max(6%,env(safe-area-inset-right)) 20px max(6%,env(safe-area-inset-left));gap:12px;height:110px}.header .tagline{letter-spacing:.04em;font-size:9px}.header .home-link{max-width:92px;font-size:9px;line-height:1.9}.gallery{padding-inline:5%;padding-top:22px}.category-gallery{gap:28px 12px;margin-top:18px}.gallery .fine-wave{font-size:28px}.frame-plaque{width:72%;padding-right:0;left:14%}.frame-plaque .circle-arrow{color:#edf6ed;border-color:#d6ece4;flex-shrink:0;width:25px;height:25px;margin:9px auto 0;font-size:17px;position:static;transform:none}a.category-frame .frame-plaque{justify-content:flex-start;height:auto}.coming-caption{bottom:-12px}.archive{min-height:0;padding-inline:6%}.workshop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),275px));justify-content:center;gap:20px}.workshop-card{width:100%;max-width:275px}.card-caption{padding:15px 17px 19px}.card-caption h2{white-space:nowrap;font-size:21px}.card-status{font-size:10px}.card-arrow{top:14px;right:14px}.archive-tools{margin-bottom:24px}.archive-tools>p{font-size:10px}.fish-school{opacity:.7;width:130px;right:2%}.footer{padding-bottom:max(27px,env(safe-area-inset-bottom))}}@media (width<=350px){.header{gap:9px}.brand img{width:78px;height:auto}.header .tagline{font-size:8px}.header .home-link{max-width:79px;font-size:8px}.gallery h1{font-size:22px}.gallery-intro>p:not(.eyebrow){font-size:10px}.category-gallery{gap:32px 10px}}@media (prefers-reduced-motion:reduce){.sunrays,.fish-school,.bubble{animation:none!important}.bubble{display:none}}.christmas-world{width:100%;max-width:none}#transition:not(.show) .transition-stars i,#transition:not(.show):before,#transition:not(.show):after{animation-play-state:paused}html:has(body.ocean-page),body.ocean-page{background-color:#f1f6f1}html:has(body.christmas-page),body.christmas-page{background-color:#0b1930}.browser-edge{display:none}@media (width<=1000px),(hover:none) and (pointer:coarse){.browser-edge{pointer-events:none;z-index:8;isolation:isolate;display:block;position:fixed;left:0;right:0}.ocean-page{--browser-top:#f1f6f1;--browser-bottom:#73afbf}.christmas-page{--browser-top:#0b1930;--browser-bottom:#0b1930}.browser-edge-top{height:max(8px,env(safe-area-inset-top));background-color:var(--browser-top);top:0}.browser-edge-bottom{height:max(8px,env(safe-area-inset-bottom));background-color:var(--browser-bottom);bottom:0}.browser-edge:after{content:"";pointer-events:none;height:58px;position:absolute;left:0;right:0}.browser-edge-top:after{background:linear-gradient(var(--browser-top),transparent);top:100%}.browser-edge-bottom:after{background:linear-gradient(transparent,var(--browser-bottom));bottom:100%}.ocean-page .header{padding-top:max(20px,calc(env(safe-area-inset-top) + 12px))}.footer{padding-bottom:calc(35px + env(safe-area-inset-bottom))}.christmas-page .header{padding-top:max(22px,calc(env(safe-area-inset-top) + 12px))}}.filters[hidden]{display:none}