@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f6f2e9;--ink:#262621;--blue:#3047ce;--line:#d9d4c8;--font:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(#aba49255 .65px,transparent .65px);background-size:8px 8px}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}main{max-width:1200px;padding:0 48px;margin:auto}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--font);font-weight:700;letter-spacing:-1.8px;font-size:30px;text-decoration:none;display:flex;gap:3px;align-items:center}.wordmark span{color:var(--blue);font-size:24px}.nav-note{font-size:9px;letter-spacing:1.7px;font-weight:600}.copy-link{background:transparent;border:1px solid var(--ink);border-radius:50px;padding:11px 18px;font-size:11px;display:flex;gap:24px;align-items:center;box-shadow:2px 2px 0 var(--ink);transition:background .2s,transform .2s}.copy-link:hover{background:#e5e3fb;transform:translateY(-2px)}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;min-height:397px;padding:44px 0 47px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;display:inline-block}h1{font-family:var(--font);font-size:clamp(52px,6.5vw,78px);line-height:1.02;letter-spacing:-5px;margin:0 0 25px;font-weight:700}.chaos{color:var(--blue);position:relative;display:inline-block}.chaos svg{width:110%;position:absolute;bottom:-12px;left:-5px;stroke:var(--blue);stroke-width:3.5;fill:none}.period{color:var(--blue)}.intro{font-size:13px;line-height:1.8;margin:0;color:#67665e}.hero-art{height:284px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:300px;height:270px;border:1px dashed #b8b4a5;border-radius:50%;transform:rotate(-28deg)}.portrait-sticker{background:#dfff82;width:209px;height:242px;transform:rotate(-9deg);box-shadow:7px 9px 0 #25251e;border:2px solid var(--ink);border-radius:13px;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .4s}.hero-art:hover .portrait-sticker{transform:rotate(-3deg) translateY(-4px)}.sticker-label{border-bottom:2px solid var(--ink);font-size:11px;letter-spacing:4px;width:100%;text-align:center;padding:13px}.monogram{font-family:var(--font);font-size:142px;font-weight:700;line-height:1;letter-spacing:-15px;margin-left:-12px}.monogram span{color:var(--blue)}.sticker-bottom{font-size:7px;letter-spacing:1px;border-top:1px solid var(--ink);padding-top:12px;width:85%;text-align:center}.spark{position:absolute;right:10%;top:0;font-size:93px;line-height:1;color:#ff784f;transform:rotate(13deg);-webkit-text-stroke:1.5px var(--ink);filter:drop-shadow(3px 3px 0 var(--ink))}.handwritten{position:absolute;right:0;bottom:18px;font-family:Georgia,serif;font-style:italic;font-size:24px;transform:rotate(9deg);line-height:1.1;color:var(--blue)}.handwritten svg{position:absolute;width:62px;height:44px;left:-53px;bottom:8px;fill:none;stroke:var(--blue);stroke-width:2;transform:rotate(90deg)}.small-tag{position:absolute;bottom:-7px;left:9%;font-size:9px;background:#e9d6f6;border:1px solid var(--ink);padding:7px 12px;transform:rotate(5deg);box-shadow:2px 2px 0 var(--ink);letter-spacing:1px}.marquee{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#dfff82;overflow:hidden;transform:rotate(-1deg);margin:0 -12px}.marquee>div{width:max-content;white-space:nowrap;font-family:var(--font);font-size:11px;letter-spacing:2px;font-weight:600;padding:12px 0;animation:marquee 36s linear infinite;display:flex;gap:35px;align-items:center}.marquee span{font-size:20px;color:var(--blue);line-height:1}@keyframes marquee{to{transform:translateX(-50%)}}.projects{padding:49px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head .eyebrow{font-size:8px;margin-bottom:10px;color:#706d65}h2{font-family:var(--font);font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-1.2px;margin:0}h2>span{display:inline-block;color:var(--blue);margin-left:12px;font-size:32px}.filters{display:flex;gap:6px;flex-shrink:0}.filters button{border:1px solid transparent;background:transparent;border-radius:30px;font-size:11px;padding:9px 13px;color:#6b685f}.filters button:hover{background:#e8e3d8}.filters button.active{background:var(--ink);color:var(--paper)}.filters small{font-size:8px;margin-left:3px;color:#dfff82}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 20px;padding:5px 4px 10px}.card{--rot:-1.4deg;display:flex;flex-direction:column;position:relative;text-decoration:none;min-height:279px;border:1.5px solid var(--ink);border-radius:16px;box-shadow:4px 5px 0 var(--ink);padding:17px 19px 20px;transform:rotate(var(--rot));transition:transform .25s,box-shadow .25s;isolation:isolate;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.08;pointer-events:none;z-index:-1}.card[hidden]{display:none}.card:hover{transform:translateY(-8px) rotate(0deg);box-shadow:6px 11px 0 var(--ink)}.card:active{transform:translateY(-1px);box-shadow:2px 3px 0 var(--ink)}.card-top{display:flex;align-items:center;gap:8px;z-index:1}.brand-icon{width:36px;height:36px;flex-shrink:0;background:#fff;border:1px solid #26262140;border-radius:10px;display:grid;place-items:center;overflow:hidden;box-shadow:1px 2px 0 #26262120}.brand-icon img{width:100%;height:100%;object-fit:contain}.card-number{font-size:7px;letter-spacing:.6px;font-weight:600}.arrow{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:27px;height:27px;margin-left:auto;flex-shrink:0;font-size:17px;transition:transform .2s,background .2s}.card:hover .arrow{transform:rotate(45deg)}.card-art{position:relative;flex:1;min-height:145px;display:flex;align-items:center}.card-bottom{border-top:1px solid #26262130;padding-top:12px}.card h3{font-family:var(--font);font-size:16px;letter-spacing:-.4px;margin:0 0 6px}.card p{font-size:10px;line-height:1.5;margin:0;opacity:.8}.sama{background:#dfff82}.sama-type{font-family:var(--font);font-size:40px;font-weight:700;line-height:.95;letter-spacing:-2px;z-index:1}.sama-type i{font-family:Georgia,serif;font-weight:400}.sama-star{position:absolute;color:var(--blue);font-size:112px;right:0;top:10px;line-height:1;transform:rotate(10deg)}.bombers{background:#b8c9f7;--rot:1.2deg}.bombers .card-art{align-items:center;gap:0}.calc{font-family:var(--font);font-size:47px;font-weight:500;width:66px;height:66px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:15px;box-shadow:3px 4px 0 var(--ink)}.c1{background:var(--paper);transform:rotate(-12deg)}.c2{background:#ff975f;transform:rotate(9deg);margin-left:-8px;z-index:1}.c3{background:#dfff82;transform:rotate(-6deg);margin-left:-7px}.tiny-note{position:absolute;right:0;bottom:15px;font-family:Georgia,serif;font-style:italic;font-size:11px;transform:rotate(-5deg)}.shine{background:#f2bad0;--rot:-1deg}.shine-type{font-family:var(--font);font-size:38px;letter-spacing:-1.8px;line-height:1}.shine-type i{font-family:Georgia,serif;font-weight:400}.shine-spark{position:absolute;right:2px;top:16px;width:63px;height:87px;fill:#ab315f;transform:rotate(14deg)}.etnyx{background:#afa0e8;--rot:1deg}.etnyx-type{font-family:var(--font);font-size:44px;font-weight:700;font-style:italic;letter-spacing:-2px;line-height:.9}.etnyx-type>span{font-style:normal;display:inline-block;transform:rotate(35deg);color:#f3ff9a;font-size:70px;position:absolute;right:5px;top:20px;-webkit-text-stroke:1.5px var(--ink)}.level-tag{position:absolute;right:-6px;bottom:12px;background:#f3ff9a;font-size:6px;letter-spacing:.6px;padding:4px 8px;border:1px solid var(--ink);transform:rotate(-8deg)}.jenaura{background:#efba8b;--rot:-1.2deg}.jenaura-icon{background:#fbf2df;font-family:Georgia,serif;font-size:25px;color:#84502f}.jenaura-type{font-family:var(--font);font-size:33px;letter-spacing:-1.5px;line-height:1.1;z-index:1}.jenaura-type i{font-family:Georgia,serif}.flower{position:absolute;right:-2px;top:18px;color:#f8f3df;font-size:100px;line-height:1;-webkit-text-stroke:1px #8c542f;transform:rotate(10deg)}.olluq{background:#a8cdbc;--rot:1.4deg}.story-pages{position:absolute;width:80px;height:87px;right:2px;top:22px;transform:rotate(9deg)}.story-pages span{position:absolute;inset:0;background:var(--paper);border:1px solid var(--ink);border-radius:4px;transform:rotate(-15deg);box-shadow:2px 3px 0 #26262130}.story-pages span:nth-child(2){transform:rotate(0deg)}.story-pages span:nth-child(3){transform:rotate(15deg);background:repeating-linear-gradient(transparent 0 13px,#829d8b 14px 15px),#f6f2e9;border:10px solid var(--paper);outline:1px solid var(--ink)}.olluq-type{font-family:var(--font);font-size:36px;letter-spacing:-1.5px;line-height:1;z-index:1}.olluq-type i{font-family:Georgia,serif;font-size:44px}.endnote{display:flex;justify-content:center;align-items:center;gap:20px;margin:65px 0 43px}.end-star{color:var(--blue);font-size:63px;line-height:1;transform:rotate(10deg)}.endnote p{font-family:var(--font);font-size:25px;line-height:1.15;letter-spacing:-.8px;margin:0}.endnote p strong{font-weight:500;color:var(--blue)}.end-label{font-size:8px;letter-spacing:1px;line-height:1.7;margin-left:55px;color:#706d65}footer{padding:23px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:1px}footer a{text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;padding:12px 22px;border-radius:50px;box-shadow:3px 3px 0 #a8cdbc;display:none;z-index:30;max-width:90vw;width:max-content}.toast.visible{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1400px){h1{font-size:82px}}
@media(max-width:1000px){main{padding:0 32px}.nav-note{font-size:7px;letter-spacing:1px}.hero{gap:10px}h1{font-size:64px;letter-spacing:-4px}.hero-art{transform:scale(.9);transform-origin:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.card{min-height:284px}.card-art{min-height:155px}.card-number{font-size:8px}}
@media(max-width:640px){main{padding:0 22px}.nav{height:79px}.wordmark{font-size:27px}.nav-note{display:none}.copy-link{font-size:10px;padding:9px 13px;gap:16px}.hero{display:flex;flex-direction:column;gap:21px;align-items:stretch;padding:36px 0 37px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:17px}h1{font-size:clamp(48px,11.8vw,72px);letter-spacing:-3.4px;margin-bottom:25px}.intro{font-size:12px;line-height:1.7}.hero-art{height:240px;transform:scale(.86);margin:-5px -5px -8px;transform-origin:center}.portrait-sticker{width:193px;height:225px}.monogram{font-size:130px}.sticker-label{font-size:9px;padding:11px}.sticker-bottom{font-size:6px}.spark{right:4%;font-size:88px;top:-6px}.handwritten{font-size:21px;right:-3px;bottom:0}.small-tag{bottom:-8px;left:0}.orbit{width:270px;height:250px}.marquee{margin:0 -7px}.marquee>div{font-size:9px;gap:22px;padding:10px 0}.projects{padding-top:35px}.section-head{display:block;margin-bottom:23px}.section-head .eyebrow{font-size:7px;letter-spacing:1px}h2{font-size:26px;letter-spacing:-1.2px}.filters{margin-top:19px}.filters button{font-size:11px;padding:8px 14px;border-color:var(--line)}.filters button.active{border-color:var(--ink)}.grid{grid-template-columns:1fr;gap:25px;padding:4px}.card{padding:18px 21px 21px;min-height:290px}.card-top{gap:10px}.brand-icon{width:39px;height:39px}.card-number{font-size:8px;letter-spacing:.6px}.arrow{width:29px;height:29px}.card-art{min-height:158px}.card h3{font-size:18px}.card p{font-size:11px}.sama-type{font-size:48px}.sama-star{font-size:125px;right:2px;top:18px}.calc{width:73px;height:73px;font-size:49px}.tiny-note{right:4px;bottom:12px;font-size:13px}.shine-type{font-size:44px}.shine-spark{width:75px;height:97px;right:8px;top:19px}.etnyx-type{font-size:50px}.etnyx-type>span{font-size:80px;right:7px;top:23px}.level-tag{font-size:7px;right:4px}.jenaura-type{font-size:39px}.flower{font-size:112px;right:1px;top:19px}.olluq-type{font-size:40px}.olluq-type i{font-size:49px}.story-pages{width:89px;height:95px;top:29px;right:9px}.endnote{margin:45px 0 30px;gap:13px}.endnote p{font-size:23px}.end-star{font-size:49px}.end-label{display:none}footer{font-size:7px;letter-spacing:.4px;gap:8px;padding:20px 0 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}*,*:before,*:after{transition:none!important}.card:hover{transform:rotate(0)}}
/* Vector decorations keep the design consistent across platform emoji fonts. */
.asterisk{display:inline-block;width:1em;height:1em;vertical-align:-.1em;overflow:visible}.arrow-svg{display:inline-block;width:1em;height:1em;vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.flower-svg{width:1em;height:1em;display:block}.spark{color:#ff784f;filter:drop-shadow(3px 3px 0 var(--ink))}.sama-star .asterisk{stroke:var(--blue)}.marquee .asterisk{vertical-align:middle}
/* The uploaded portrait stays within the original playful sticker frame. */
.portrait-frame{width:calc(100% - 20px);flex:1;min-height:0;margin:9px 10px 7px;overflow:hidden;border:1px solid var(--ink);border-radius:3px;background:#282828}.portrait-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.portrait-sticker .sticker-label{flex-shrink:0}.portrait-sticker .sticker-bottom{flex-shrink:0;padding:7px 0 8px}
/* Brand artwork uses flat, square assets: one rounded-square frame, no circular badge. */
.brand-icon{border-radius:9px;border:1px solid #26262126;box-shadow:1px 2px 0 #26262118}.brand-icon img{width:100%;height:100%;object-fit:cover;border-radius:0;padding:0}