@keyframes mood-in{0%{opacity:0;transform:translateY(16px)}}@keyframes mood-say{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes mood-dot{50%{opacity:.35}}[data-site=mood]{--ink:#0b0d14;--deep:#141a33;--ember:#c2452d;--hot:#ff9a52;--cream:#f0e6d2;--dim:#a6a3a0;--line:#f0e6d224;--gut:clamp(18px, 5vw, 80px);--fs:var(--font-sans), "Manrope", system-ui, sans-serif;--fd:var(--font-serif), "Playfair Display", Georgia, serif;background:var(--ink);color:var(--cream);font-family:var(--fs);scroll-behavior:smooth}[data-site=mood] h1,[data-site=mood] h2,[data-site=mood] h3,[data-site=mood] p,[data-site=mood] ol,[data-site=mood] ul,[data-site=mood] dl,[data-site=mood] dd{margin:0;padding:0}[data-site=mood] ol,[data-site=mood] ul{list-style:none}[data-site=mood] a{color:inherit}[data-site=mood] .sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-site=mood] section{scroll-margin-top:var(--tabs-h)}[data-site=mood] h2{font-family:var(--fd);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.1rem,5vw,4.4rem);font-weight:500;line-height:1.04}[data-site=mood] h2 em{color:var(--hot);font-style:italic}[data-site=mood] .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--hot);margin-bottom:1.1rem;font-size:.74rem}[data-site=mood] .pill{background:var(--cream);color:#17130f;border-radius:99px;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}[data-site=mood] .pill:hover{background:#fff;transform:translateY(-2px)}[data-site=mood] .hero{height:calc(100svh - var(--tabs-h));background:radial-gradient(60% 70% at 50% 62%, #c2452dd9, transparent 70%), radial-gradient(90% 90% at 50% 100%, #ff9a5247, transparent 60%), linear-gradient(160deg, var(--deep), var(--ink) 70%);min-height:34rem;position:relative;overflow:hidden}[data-site=mood] .hero:after{content:"";background:linear-gradient(to top, var(--ink), transparent);pointer-events:none;z-index:3;height:22%;position:absolute;inset:auto 0 0}[data-site=mood] .nav{z-index:5;padding:1.2rem var(--gut);align-items:center;gap:clamp(.9rem,2.2vw,2rem);font-size:.86rem;display:flex;position:absolute;inset:0 0 auto}[data-site=mood] .nav a{opacity:.78;text-decoration:none;transition:opacity .2s}[data-site=mood] .nav a:hover{opacity:1}[data-site=mood] .nav .logo{opacity:1;margin-right:auto;font-weight:700}[data-site=mood] .over{letter-spacing:.3em;text-transform:uppercase;color:#f0e6d2cc;justify-content:center;align-items:center;gap:1rem;font-size:clamp(.62rem,.9vw,.8rem);animation:.9s both mood-in;display:flex;position:absolute;inset:clamp(4.2rem,11vh,6.5rem) 0 auto}[data-site=mood] .over i{opacity:.5;background:currentColor;width:clamp(1.5rem,5vw,4rem);height:1px}[data-site=mood] h1{text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--fd);letter-spacing:-.01em;background:linear-gradient(#fff7e6,#d9c39a 60%,#9c7f57);color:#0000;filter:drop-shadow(0 10px 30px #00000059);-webkit-background-clip:text;background-clip:text;font-size:min(29vw,52vh);font-weight:700;line-height:1;animation:1s .1s both mood-in;position:absolute;inset:clamp(5rem,13vh,8rem) 0 auto}[data-site=mood] .face{z-index:2;aspect-ratio:4/5;height:min(80%,118vw);animation:1s .25s both mood-in;position:absolute;bottom:0;left:50%;transform:translate(-50%)}[data-site=mood] .face canvas{cursor:grab;touch-action:pan-y;filter:drop-shadow(0 20px 40px #00000073);width:100%;height:100%;display:block}[data-site=mood] .face canvas:active{cursor:grabbing}[data-site=mood] .say{z-index:4;white-space:nowrap;background:var(--cream);color:#17130f;pointer-events:none;border-radius:14px 14px 14px 3px;padding:.5rem .9rem;font-size:.86rem;font-weight:700;animation:.25s both mood-say;position:absolute;top:16%;left:76%}[data-site=mood] .face[data-mood=calm] .say{opacity:.75}[data-site=mood] .note{left:var(--gut);z-index:4;color:#f0e6d2db;max-width:19rem;font-size:.95rem;line-height:1.5;position:absolute;bottom:clamp(1.6rem,5vh,3rem)}[data-site=mood] .free{color:var(--cream);align-items:center;gap:.55rem;margin-bottom:.4rem;font-weight:700;display:flex}[data-site=mood] .free i{background:#6fe08a;border-radius:50%;width:.5rem;height:.5rem;animation:1.8s infinite mood-dot}[data-site=mood] .hero>.pill{right:var(--gut);z-index:4;position:absolute;bottom:26%}[data-site=mood] .hint{right:var(--gut);z-index:4;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.74rem;position:absolute;bottom:clamp(1.6rem,5vh,3rem)}[data-site=mood] .about,[data-site=mood] .career,[data-site=mood] .contact{padding:clamp(4rem, 10vw, 8.5rem) var(--gut)}[data-site=mood] .cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}[data-site=mood] .lead{color:#f0e6d2db;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.65}[data-site=mood] dl{border-top:1px solid var(--line)}[data-site=mood] dl div{border-bottom:1px solid var(--line);grid-template-columns:6rem 1fr;gap:1rem;padding:.9rem 0;display:grid}[data-site=mood] dt{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding-top:.25em;font-size:.72rem}[data-site=mood] .ways{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(2.5rem,5vw,4rem);display:grid;overflow:hidden}[data-site=mood] .ways li{background:var(--ink);align-content:start;gap:.6rem;padding:1.6rem;display:grid}[data-site=mood] .ways b{font-family:var(--fd);color:var(--hot);font-size:1.3rem;font-weight:500}[data-site=mood] .ways span{color:#f0e6d2c7;font-size:.95rem;line-height:1.6}[data-site=mood] .career{background:linear-gradient(to bottom, var(--deep), var(--ink));border-block:1px solid var(--line)}[data-site=mood] .career ol{border-top:1px solid var(--line);margin-top:clamp(2rem,4vw,3.5rem)}[data-site=mood] .career li{border-bottom:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr) minmax(0,14rem);align-items:baseline;gap:clamp(1rem,3vw,3rem);padding:1.6rem 0;transition:padding .3s,background .3s;display:grid}[data-site=mood] .career li:hover{background:#ff9a520f;padding-inline:1rem}[data-site=mood] .career h3{font-family:var(--fd);font-size:clamp(1.4rem,2.6vw,2.3rem);font-weight:500;line-height:1.1}[data-site=mood] .career li p{color:#f0e6d2c7;margin-top:.4rem}[data-site=mood] .when{letter-spacing:.1em;text-transform:uppercase;color:var(--hot);font-size:.8rem}[data-site=mood] .what{color:var(--dim);text-align:right;font-size:.86rem;line-height:1.5}[data-site=mood] .contact{text-align:center;background:radial-gradient(60% 90% at 50% 100%,#c2452d66,#0000 70%);justify-items:center;gap:1.4rem;display:grid}[data-site=mood] .contact .kicker{margin:0}[data-site=mood] .contact p:not(.kicker){color:#f0e6d2cc;max-width:30rem;line-height:1.6}[data-site=mood] .foot{padding:1.4rem var(--gut);border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}[data-site=mood] .foot a{text-decoration:none}@media (max-width:760px){[data-site=mood] .hero{min-height:36rem}[data-site=mood] h1{font-size:30vw;inset:6.2rem 0 auto}[data-site=mood] .face{height:min(70%,112vw)}[data-site=mood] .say{font-size:.78rem;top:4%;left:auto;right:9%}[data-site=mood] .over{inset:4.4rem var(--gut) auto;letter-spacing:.16em;text-align:center}[data-site=mood] .over i{display:none}[data-site=mood] .note{max-width:58%;font-size:.84rem;bottom:1.3rem}[data-site=mood] .hero>.pill{padding:.7rem 1rem;font-size:.82rem;bottom:1.4rem}[data-site=mood] .hint{display:none}[data-site=mood] .hero:after{height:34%}[data-site=mood] .cols,[data-site=mood] .ways{grid-template-columns:1fr}[data-site=mood] .career li{grid-template-columns:1fr;gap:.5rem}[data-site=mood] .what{text-align:left}[data-site=mood] .what br{display:none}}@media (prefers-reduced-motion:reduce){[data-site=mood] *,[data-site=mood] :before,[data-site=mood] :after{transition:none!important;animation:none!important}}