.se{--ink:#ece4d6;--dim:#6f6a63;--accent:var(--se-accent,#e8a13a);background:radial-gradient(60% 45% at 50% 30%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), #050406;color:var(--ink);font-family:var(--font-serif), Georgia, serif;min-height:100vh;position:relative;overflow-x:clip}.se *{box-sizing:border-box;margin:0}.se a{color:inherit;text-decoration:none}.se-fog{z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(40% 30% at 30% 40%,#786e5f1a,#0000 70%),radial-gradient(35% 28% at 72% 60%,#5a64781a,#0000 70%);position:fixed;inset:-30%}.se-vignette{z-index:43;pointer-events:none;background:radial-gradient(70% 60% at 50% 42%,#0000 40%,#000000d1 100%);position:fixed;inset:0}.se-grain{z-index:44;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.se-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:12vw 6vw;display:flex;position:relative}.se-open{z-index:1;font-family:var(--font-mono), monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--dim);padding-left:.5em;font-size:12px;position:relative}.se-name{z-index:1;letter-spacing:.01em;color:var(--ink);text-shadow:0 0 20px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 52px color-mix(in srgb, var(--accent) 28%, transparent), 0 12px 44px #000000d9;margin:42px 0 24px;font-size:clamp(2.6rem,12vw,10rem);font-weight:500;line-height:.94;position:relative}.se-tag{z-index:1;color:color-mix(in srgb, var(--ink) 70%, transparent);font-size:clamp(15px,2.4vw,24px);font-style:italic;position:relative}.se-glow{z-index:0;pointer-events:none;filter:blur(8px);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 32%, transparent), color-mix(in srgb, var(--accent) 9%, transparent) 42%, transparent 68%);width:min(86vw,960px);height:min(56vh,580px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.se-sec{z-index:1;text-align:center;max-width:940px;margin:0 auto;padding:clamp(50px,9vw,130px) 6vw;position:relative}.se-h{font-family:var(--font-serif), Georgia, serif;letter-spacing:.01em;color:var(--ink);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 40px color-mix(in srgb, var(--accent) 28%, transparent);margin-bottom:clamp(28px,4vw,54px);font-size:clamp(2rem,6vw,4.4rem);font-weight:500;line-height:1.02;display:inline-block}.se-frame{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:100%;box-shadow:0 0 50px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 0 40px #000;background:#000;position:relative}.se-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.se-work ul{text-align:left;max-width:720px;margin:0 auto;list-style:none}.se-work li{border-top:1px solid #ece4d61a;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;padding:clamp(15px,2.4vw,26px) 0;display:flex}.se-work li:last-child{border-bottom:1px solid #ece4d61a}.se-work b{letter-spacing:.01em;font-size:clamp(22px,3.6vw,40px);font-weight:500}.se-work li:hover b{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 60%, transparent)}.se-work li span{font-family:var(--font-mono), monospace;color:var(--dim);font-size:12px}.se-stills{grid-template-columns:repeat(3,1fr);gap:8px;max-width:1100px;display:grid}.se-still{aspect-ratio:3/4;background:#000;overflow:hidden}.se-still img{object-fit:cover;filter:grayscale(.7)brightness(.55)contrast(1.15);width:100%;height:100%;transition:filter .7s,transform .7s cubic-bezier(.16,1,.3,1);display:block}.se-still:hover img{filter:grayscale(.2)brightness(.9)contrast(1.15);transform:scale(1.04)}.se-about p{max-width:40ch;color:color-mix(in srgb, var(--ink) 85%, transparent);margin:0 auto;font-size:clamp(19px,2.8vw,30px);font-style:italic;font-weight:400;line-height:1.7}.se-foot{text-align:center}.se-mail{word-break:break-word;text-shadow:0 0 16px color-mix(in srgb, var(--accent) 45%, transparent);font-size:clamp(20px,4vw,40px);display:inline-block}.se-mail:hover{color:var(--accent)}.se-crow{font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:22px;font-size:12px;display:flex}.se-crow a:hover{color:var(--accent)}@media (max-width:560px){.se-stills{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:no-preference){.se-glow{animation:4.6s step-end infinite se-lume}@keyframes se-lume{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}17%{opacity:.7;transform:translate(-50%,-49%)scale(.97)}19%{opacity:1;transform:translate(-51%,-50%)scale(1.03)}53%{opacity:.9}55%{opacity:.62;transform:translate(-49%,-50%)scale(.98)}57%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}}.se-name{animation:4.6s step-end infinite se-lit}@keyframes se-lit{0%,to{text-shadow:0 0 20px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 52px color-mix(in srgb, var(--accent) 28%, transparent), 0 12px 44px #000000d9}17%{text-shadow:0 0 12px color-mix(in srgb, var(--accent) 40%, transparent), 0 12px 44px #000000d9}19%{text-shadow:0 0 26px color-mix(in srgb, var(--accent) 66%, transparent), 0 0 62px color-mix(in srgb, var(--accent) 34%, transparent), 0 12px 44px #000000d9}55%{text-shadow:0 0 10px color-mix(in srgb, var(--accent) 32%, transparent), 0 12px 44px #000000d9}57%{text-shadow:0 0 24px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 56px color-mix(in srgb, var(--accent) 32%, transparent), 0 12px 44px #000000d9}}.se-vignette{animation:7s ease-in-out infinite se-breathe}@keyframes se-breathe{0%,to{opacity:1}50%{opacity:.82}}.se-fog{animation:46s ease-in-out infinite alternate se-drift}@keyframes se-drift{0%{transform:translate(0)}to{transform:translate(6%,-4%)}}@supports (animation-timeline:view()){.se-sec{animation:linear both se-surface;animation-timeline:view();animation-range:entry 2% cover 34%}@keyframes se-surface{0%{opacity:0;filter:blur(6px);transform:translateY(30px)}to{opacity:1;filter:none;transform:none}}}}
