/* Shared pastel atmosphere, with illustrated transitions between sections. */
:root{--plum:#735565;--lavender:#b4a0c7;--ochre:#dc9858;--sky:#94b9c9}
.hero-copy{top:19%;width:44%}.hero .wordmark{max-width:600px;width:100%;margin-top:5px}.hero .wordmark-art{filter:drop-shadow(1px 3px 0 #fff1de88)}
.portfolio-label{height:112px;margin-top:-38px;max-width:555px}.portfolio-label path{stroke:#a57595}.portfolio-label span{font-size:29px}.hero-subtitle{margin-top:4px}
.cloud{height:auto;filter:drop-shadow(0 7px 7px #ac809112)}.cloud-a{width:265px;left:-100px;top:4%;opacity:.9}
.scroll-clouds{inset:auto -7% -29% 43%;height:85%;filter:none;z-index:5;pointer-events:none}
.scroll-clouds .cloud-piece{position:absolute;width:55%;height:auto;opacity:0;filter:drop-shadow(0 8px 10px #956c8115)}
.cloud-piece:nth-child(1){left:13%;top:65%;width:59%}.cloud-piece:nth-child(2){right:-10%;top:42%;width:70%}.cloud-piece:nth-child(3){left:-2%;top:49%;width:57%}.cloud-piece:nth-child(4){right:6%;top:22%;width:53%}.cloud-piece:nth-child(5){left:18%;top:31%;width:49%}.cloud-piece:nth-child(6){right:-20%;top:9%;width:72%}.cloud-piece:nth-child(7){left:-14%;top:26%;width:45%}.cloud-piece:nth-child(8){right:16%;top:2%;width:58%}.cloud-piece:nth-child(9){left:0;top:-2%;width:50%}.cloud-piece:nth-child(10){right:-8%;top:-15%;width:60%}.cloud-piece:nth-child(11){left:20%;top:-23%;width:49%}
.hero:after{content:'';position:absolute;left:-5%;bottom:-34px;width:110%;height:72px;background:#fff9ef;border-radius:50% 55% 0 0/65% 70% 0 0;z-index:6;pointer-events:none}
.about{background:radial-gradient(ellipse at 20% 65%,#f4e7e9 0,transparent 60%),linear-gradient(#fff9ef 65%,#f5eae5);padding-top:90px;padding-bottom:125px;overflow:visible;z-index:2}
.about-visual{min-height:715px}.retro-window{left:13%;top:66px;width:73%;height:360px;z-index:2;background:#e9d9df;box-shadow:7px 9px 0 #cfb6c077,0 22px 34px #94758014;border-color:#927888}.window-inner{height:282px;background-color:#f4e4dd;background-size:22px 22px}.window-status{height:35px}.window-bar{background:#b9a4c4;border-color:#947b8b;color:#fff9ef}.mascot-wrap{top:78px;left:20%;width:59%;height:336px;z-index:3;overflow:visible}.mascot-wrap img{object-fit:contain;object-position:bottom}
.hello{color:#f5dfa1;top:450px;left:1%;font-size:clamp(100px,11vw,162px);-webkit-text-stroke:1.2px #b18588;text-shadow:4px 6px #c9b0cc,-2px -3px #fff8df}.hello span{color:#f5dfa1}.hello path{stroke:#bda0bc;stroke-width:3.5}
.about-visual .closing{position:absolute;top:630px;left:8%;font:36px Brush,serif;transform:rotate(-4deg);margin:0;color:#826372}.closing>span{font-size:43px;color:#db9b69}.closing path{stroke:#e2c582;stroke-width:5}
.empty-bubble{border:1.5px solid #9b879c;width:175px;height:87px;border-radius:44px;box-shadow:5px 6px 0 #fff8ed;z-index:1}.empty-bubble:after{width:26px;height:23px;left:24px;bottom:-12px;border-color:#9b879c;transform:skew(-26deg) rotate(22deg)}
.empty-bubble.green{left:-4%;top:170px;width:168px;height:88px;z-index:4;background:#b8c2ae;transform:rotate(-9deg)}.empty-bubble.blue{right:-4%;top:16px;width:205px;height:85px;background:#b7cad8;transform:rotate(8deg)}.empty-bubble.blue:after{left:auto;right:28px;transform:skew(25deg) rotate(43deg)}.empty-bubble.purple{right:-3%;top:352px;width:178px;height:88px;background:#c8bdd6;z-index:1;transform:rotate(6deg)}.empty-bubble.purple:after{left:auto;right:27px;transform:skew(23deg) rotate(44deg)}
.identity-heading{grid-template-columns:128px minmax(0,310px);column-gap:8px;row-gap:2px;margin-top:28px;margin-bottom:28px}.identity-heading .name-note{height:55px;gap:12px;padding-right:0;justify-content:center}.identity-heading .name-note>span{font-size:18px;white-space:nowrap}.identity-heading .name-note img{width:65px;height:auto;flex:0 0 65px;transform:rotate(8deg);max-width:none}.identity-heading .name-note svg{width:56px;height:30px;right:27px;top:43px;transform:rotate(-12deg)}.identity-heading .name-note path{stroke-width:2;stroke-dasharray:4 5}.identity-heading .small-mark:has(.wordmark-art){max-width:310px;width:100%!important}.identity-heading .call-me{font-size:25px}
.facts{gap:22px 19px}.facts>div{position:relative;padding:0;background:none;border:0;box-shadow:none;transform:none;min-height:112px}.facts dt{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:40px;padding:8px 20px;margin:0 0 13px 7px;border:1px solid #9cafa0;border-radius:25px;font:19px Brush,serif;background:#d3dbc4;color:#705d67;position:relative;box-shadow:2px 3px 0 #fffaf1}.facts dt:after{content:'';position:absolute;left:20px;bottom:-5px;width:12px;height:12px;background:inherit;border-bottom:1px solid #9cafa0;border-right:1px solid #9cafa0;transform:rotate(43deg) skew(-16deg)}.facts>div:nth-child(2n) dt{background:#d6e0e7;border-color:#a6b5c2;transform:rotate(2deg)}.facts>div:nth-child(2n) dt:after{left:auto;right:20px;border-color:#a6b5c2}.facts>div:nth-child(3n) dt{background:#e3d5e8;border-color:#b7a2bf;transform:rotate(-3deg)}.facts>div:nth-child(3n) dt:after{border-color:#b7a2bf}.facts dd{font:16px/1.7 Seto,sans-serif;padding:13px 16px;min-height:57px;border:1px dashed #bba9b5;border-radius:9px;background:#fffdf8;box-shadow:3px 4px 0 #ceb8c51c}.bio{font-size:18px;padding:32px 26px 25px;border-color:#bda9b6;box-shadow:5px 7px #d7c5ce24}
.games{background:linear-gradient(#f5eae5,#f1e1e2 65%,#f5e9e8);padding-top:105px;padding-bottom:100px}.games:before{content:'';position:absolute;top:-45px;left:-4%;width:108%;height:88px;border-radius:45% 55% 0 0/60% 65% 0 0;background:#f5eae5}.section-title{position:relative;z-index:2}.section-title h2{font-size:51px}.section-title>span{font-size:13px;color:#b194a0}.section-title>i{color:#ab8192}
.archive{grid-template-columns:35% minmax(0,1fr);gap:42px;position:relative}.archive-tabs,.folder-cabinet{height:690px;min-height:690px}.archive-tabs>.folder-choice:nth-child(n){top:calc(var(--folder-index)*63px);height:74px;--current-tab:var(--home-tab);filter:drop-shadow(2px 6px 3px #76586914)}.archive-tabs>.folder-choice.active{--current-tab:148px}.folder-choice svg{height:350px;filter:none}.folder-tab-group{transition:transform .4s cubic-bezier(.2,.7,.3,1)}.folder-choice.active .folder-tab-group text{fill:#466f88}.folder-choice.active .folder-tab-group>path:first-child{stroke:#7097ac;stroke-width:2}.folder-choice:focus-visible{outline:0}.folder-choice:focus-visible .folder-tab-group>path:first-child{stroke:#7c63ad;stroke-width:3}
.game-preview{background:#fffaf2;border:1px solid #c5adb5;border-radius:14px 22px 16px 22px;padding:33px;box-shadow:8px 10px 0 #d2bdc350,0 20px 40px #8c6e8010;min-height:650px;transform:rotate(.5deg)}.game-preview:before{content:'● ● ●';display:block;font:10px monospace;letter-spacing:5px;color:#c3b2c5;margin:-9px 0 17px}.game-preview:after{content:'';position:absolute;right:34px;top:-13px;width:75px;height:27px;transform:rotate(7deg);background:#e6cb9855;border-left:1px dashed #d5b683;border-right:1px dashed #d5b683}.game-image{height:315px;background:transparent;border-radius:9px;box-shadow:0 8px 20px #76596812}.game-description h3{font:38px Brush,serif;color:#6a4c5d;letter-spacing:1px}.game-description p{font:16px/1.85 Seto,sans-serif}.game-genre{color:#7d6a7f;border-color:#c5b4c8;background:#f2eaf1}.project-tags{gap:14px}.project-tags dt{font:13px Seto;color:#9f8894}.project-tags dd{font-size:14px}.project-file-id{color:#a7919c}
.gallery{background:linear-gradient(#f5e9e8,#fff8ee 37%,#f7e8e5 84%,#f6e6da);padding-top:115px;overflow:hidden}.gallery-stage{height:690px;margin-top:60px;margin-bottom:30px}.gallery-stage figure{filter:none}.gallery-stage img{border-radius:9px;filter:drop-shadow(0 14px 18px #8d708027)}.gallery-stage button,.gallery-stage .focus-art a{height:calc(100% - 55px)}.gallery-stage .orbit-art:not(.next-art) button{height:100%}.focus-art figcaption{display:flex;align-items:center;justify-content:center;gap:15px;text-align:center;padding:15px 0;font:24px Brush,serif;transform:rotate(2deg)}.focus-art figcaption span{float:none;display:inline-block;font:10px Georgia;letter-spacing:2px;color:#ab8e9f}.next-art figcaption{padding-top:10px;text-align:center;font:17px Brush,serif;color:#856a7c}.next-art figcaption span{display:none}.gallery-orbit{top:200px;height:700px;opacity:.3}.gallery-clouds{position:absolute;inset:160px 0 100px;pointer-events:none}.gallery-clouds img{position:absolute;height:auto;opacity:.75;filter:drop-shadow(0 7px 10px #b996a620)}.gallery-clouds img:nth-child(1){width:260px;left:-125px;top:350px;transform:rotate(-11deg)}.gallery-clouds img:nth-child(2){width:230px;right:-80px;top:80px;transform:rotate(8deg)}.gallery-clouds img:nth-child(3){width:170px;left:30%;bottom:70px;opacity:.5}.gallery-thumbs{margin-top:20px;z-index:3;height:320px}.gallery-thumbs img{border-radius:6px;filter:drop-shadow(0 6px 7px #7f607724)}.gallery-thumbs button{transition:transform .3s,filter .3s}.gallery-thumbs button:hover{filter:brightness(1.06)}.thumb-arc{stroke:#b9a7c7;opacity:.6}.gallery-toolbar{margin-top:-30px}
.contact{height:780px;background:radial-gradient(ellipse at 63% 55%,#f4c8cf88,transparent 65%),linear-gradient(#f6e6da,#fae7b9 25%,#f3cdd0 80%)}.contact:before{content:'';position:absolute;top:-27px;left:-5%;width:110%;height:62px;background:#f6e6da;border-radius:0 0 50% 50%/0 0 65% 70%}.contact h2{top:75px;font-size:50px;left:9%;color:#8d6475}.contact-cloud-a{width:310px;left:-100px;top:165px;opacity:.75;transform:rotate(-6deg)}.contact-cloud-b{width:350px;right:4%;top:80px;opacity:.8}.mail-scene{inset:180px 15% 0;gap:65px;align-items:center}.mailbox{width:330px;height:390px;margin-bottom:95px;position:relative;filter:drop-shadow(0 15px 12px #8b53601b)}.mail-lid{transform-origin:108px 238px;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.mail-letter{transition:transform .65s .1s cubic-bezier(.2,.7,.3,1)}.mail-scene.open .mail-lid{transform:rotate(68deg)}.mail-scene.open .mail-letter{transform:translate(3px,-115px) rotate(5deg)}.mail-message{background:#fffbef;max-width:425px;padding:32px 33px;border:1px solid #b9919c;border-radius:25px 25px 8px 25px;box-shadow:7px 8px 0 #d5aab740,0 15px 30px #9e728118}.mail-message:after{right:-12px;bottom:29px;width:22px;height:22px;border-color:#b9919c;background:#fffbef}.mail-message>span:first-child{font-size:27px}.mail-message p{font:18px/1.8 Seto,sans-serif}.mail-message>div{gap:23px;padding-top:8px}.copy-email{color:#95687c}.ground-landscape{position:absolute;bottom:0;left:0;width:100%;height:155px}.ground{height:20px;background:#795b52}.grasses{bottom:80px;opacity:.72;height:135px;z-index:2}.contact-postmark{position:absolute;left:12%;bottom:155px;border:1px solid #ba8e9a;color:#b58a98;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-17deg);opacity:.5;font:18px Georgia}.contact-postmark span{font-size:10px;letter-spacing:4px}.contact-postmark i{font:15px Brush;margin-top:7px}footer{background:#795b52;padding:36px 8%;border-top:1px solid #b5917770;color:#fff1d9}footer>div{gap:23px}footer small{color:#d5b3aa}.design-notice{background:#fff9ef}
@media(max-width:1050px){.hero-copy{top:19%;width:46%}.hero .wordmark{width:100%}.portfolio-label{margin-top:-27px;height:92px}.portfolio-label span{font-size:24px}.about-visual .closing{font-size:29px;top:597px}.hello{top:455px;font-size:118px}.about-visual{min-height:665px}.identity-heading{grid-template-columns:105px minmax(0,1fr)}.identity-heading .call-me{font-size:21px}.identity-heading .name-note>span{font-size:15px}.identity-heading .name-note img{width:53px;flex-basis:53px}.facts dt{font-size:17px;padding:8px 17px}.facts dd{font-size:14px}.archive{grid-template-columns:37% minmax(0,1fr);gap:28px}.game-preview{padding:25px}.game-image{height:270px}.game-description h3{font-size:33px}.gallery-stage{height:570px}.mail-scene{inset:170px 8% 0;gap:40px}.mailbox{width:300px}.mail-message{padding:28px}.empty-bubble.blue{width:165px}.empty-bubble.purple{width:145px}.empty-bubble.green{width:139px}}
@media(max-width:700px){.hero{height:790px}.hero-copy{top:6%;width:82%;left:7%}.hero .wordmark{width:88%;max-width:380px}.portfolio-label{width:86%;height:84px;margin-top:-32px}.portfolio-label span{font-size:23px}.hero-subtitle{font-size:16px}.hero-character{width:136%;right:-49%;bottom:-14%}.scroll-clouds{left:26%;right:-32%;bottom:-27%;height:66%}.cloud-a{width:210px;left:-125px;top:5%}.hero:after{height:53px;bottom:-25px}.section{padding:75px 6%}.about{display:block;padding-top:60px;padding-bottom:90px;overflow:hidden}.about-visual{height:580px;min-height:580px}.retro-window{top:55px;height:310px;left:11%;width:77%}.window-inner{height:232px}.mascot-wrap{top:65px;height:285px;left:20%;width:61%}.empty-bubble.green{left:-9%;top:135px;width:145px;height:77px}.empty-bubble.blue{top:13px;right:-9%;width:180px;height:75px}.empty-bubble.purple{top:285px;right:-10%;width:155px;height:78px}.hello{top:390px;left:0;font-size:118px}.about-visual .closing{top:525px;left:8%;font-size:30px}.closing>span{font-size:36px}.about-copy{padding-top:20px}.identity-heading{grid-template-columns:107px minmax(0,1fr);gap:5px;margin-top:18px;margin-bottom:30px}.identity-heading .name-note{height:55px;gap:7px}.identity-heading .name-note>span{font-size:12px}.identity-heading .name-note img{width:45px;flex-basis:45px}.identity-heading .name-note svg{width:44px;right:18px;top:40px}.identity-heading .call-me{font-size:22px}.facts{gap:20px 14px}.facts dt{font-size:17px;min-width:88px;padding:8px 13px;margin-left:3px}.facts dd{font-size:14px;padding:12px 10px}.bio{font-size:17px;padding:30px 20px 22px}.section-title h2{font-size:42px}.section-title{gap:12px;margin-bottom:40px}.section-title>i{font-size:16px}.archive{display:flex;flex-direction:column;gap:20px}.archive-tabs,.folder-cabinet{height:625px;min-height:625px;width:100%}.archive-tabs>.folder-choice:nth-child(n){top:calc(var(--folder-index)*57px);height:74px}.folder-choice svg{height:335px}.game-preview{width:100%;padding:22px;transform:none;min-height:0}.game-image{height:230px}.game-description h3{font-size:32px}.game-description p{font-size:15px}.project-tags{gap:13px}.project-tags dd{font-size:13px}.gallery{padding-top:95px;padding-bottom:60px}.gallery-stage{height:410px;margin-top:45px;margin-bottom:40px}.focus-art figcaption{font-size:21px;gap:9px;padding-top:12px}.focus-art figcaption span{font-size:8px}.next-art figcaption{font-size:13px;padding-top:5px}.gallery-stage button,.gallery-stage .focus-art a{height:calc(100% - 42px)}.gallery-orbit{top:175px;height:410px}.gallery-clouds img:nth-child(1){width:180px;top:260px;left:-105px}.gallery-clouds img:nth-child(2){width:155px;right:-87px;top:100px}.gallery-clouds img:nth-child(3){display:none}.gallery-thumbs{height:228px;overflow-x:auto;overflow-y:hidden;margin-top:0}.contact{height:820px}.contact h2{top:64px;left:7%;font-size:42px}.mail-scene{inset:180px 5% 0;display:flex;flex-direction:column;gap:15px;justify-content:flex-end}.mailbox{width:270px;height:340px;margin-bottom:85px;align-self:center}.mail-message{max-width:100%;width:310px;padding:22px;z-index:5;align-self:center}.mail-message>span:first-child{font-size:24px}.mail-message p{font-size:16px;margin:7px 0}.mail-message:after{right:30px;bottom:-10px;transform:rotate(45deg);border-bottom:1px solid #b9919c}.contact-cloud-a{width:210px;left:-100px;top:180px}.contact-cloud-b{width:230px;right:-70px;top:100px}.contact-postmark{left:6%;bottom:160px;width:72px;height:72px}.ground-landscape{height:140px}.grasses{height:90px;bottom:88px}footer{flex-wrap:wrap;gap:20px;padding:30px 7%}footer>div{order:3;width:100%;gap:20px}footer small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.folder-tab-group,.mail-lid,.mail-letter{transition:none}.hero-character{animation:none!important}.scroll-clouds{display:none}}
.mail-letter{opacity:0;transition:transform .65s .1s cubic-bezier(.2,.7,.3,1),opacity .2s .08s}.mail-scene.open .mail-letter{opacity:1}.mailbox-hint{position:absolute;right:25%;top:30%;font:25px Brush,serif;color:#a47388;transform:rotate(-8deg);pointer-events:none}.mailbox-hint svg{display:block;width:130px;height:55px;margin-left:40px;fill:none;stroke:#b88f9f;stroke-width:1.4;stroke-dasharray:4 5}
@media(max-width:700px){.about-visual{height:625px;min-height:625px}.about-visual .closing{top:558px}.identity-heading{grid-template-columns:120px minmax(0,1fr)}.identity-heading .call-me{font-size:21px;white-space:nowrap}.identity-heading .name-note{gap:5px}.identity-heading .name-note img{width:41px;flex-basis:41px}.identity-heading .name-note>span{font-size:11px}.mailbox-hint{font-size:21px;top:46%;right:12%}.mailbox-hint svg{width:80px;height:35px;margin-left:10px}.gallery-stage{margin-bottom:55px}}
body[data-complete] header{position:sticky;top:0;background:#fff9eff0;backdrop-filter:blur(12px);z-index:20;border-bottom-color:#e1cdd1}nav a.current{color:#a36788;border-bottom:2px solid #c6a8bd}body[data-complete] .game-placeholder{font-size:25px}body[data-complete] .intro-result{display:none}
.gallery-stage{z-index:2}.gallery-thumbs{position:relative;z-index:3}
.focus-art figcaption,.next-art figcaption{position:absolute;left:0;width:100%;padding-top:0;margin:0}.contact:has(.mail-scene.open) .mailbox-hint{opacity:0}.mailbox-hint{transition:opacity .2s}
@media(max-width:1050px){header{flex-wrap:wrap;gap:12px}.brand{order:1}.motion-button{display:block;order:2;margin-left:auto;font-size:10px}header nav{order:3;width:100%;justify-content:space-between;gap:18px;font-size:13px;padding-top:2px}html{scroll-padding-top:120px}}
@media(max-width:700px){header nav{justify-content:flex-start;font-size:12px;gap:23px}}