@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#171614;--paper:#f4efe3;--gold:#dcc9a9;--red:#b83a2d;--green:#264735}*{box-sizing:border-box}body{min-height:100svh;margin:0;background:#0b0b0a;color:var(--paper);font-family:'DM Mono',monospace}.card-shell{isolation:isolate;position:relative;overflow:hidden;width:min(100%,510px);min-height:100svh;margin:auto;padding:20px 20px 18px;background:radial-gradient(90% 48% at 50% 11%,rgba(184,58,45,.24),transparent 50%),radial-gradient(80% 40% at 105% 54%,rgba(38,71,53,.5),transparent 56%),linear-gradient(145deg,#2b251d,#171614 56%,#090909);display:flex;flex-direction:column}.card-shell:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(220,201,169,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(220,201,169,.18) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,black,transparent 68%)}.film-grain{pointer-events:none;z-index:-1;position:absolute;inset:0;opacity:.14;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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");mix-blend-mode:screen}.masthead,footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.1em;color:rgba(244,239,227,.62)}.status-dot{color:var(--gold)}.status-dot:before{content:'+';color:var(--red);padding-right:5px}.hero{display:flex;flex-direction:column;align-items:center;margin-top:clamp(42px,9vh,75px);text-align:center}.portrait-frame{position:relative;width:154px;height:154px;overflow:visible;border-radius:50%;border:1px solid rgba(220,201,169,.75);box-shadow:0 20px 55px rgba(0,0,0,.54),inset 0 0 0 6px rgba(184,58,45,.18);animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.portrait-frame:before{content:'';position:absolute;inset:-8px;border:1px solid rgba(184,58,45,.72);border-radius:50%;transform:rotate(-14deg)}.portrait-halo{position:absolute;inset:-24px;border-radius:50%;background:conic-gradient(from 145deg,transparent 0 20%,rgba(220,201,169,.82) 28%,transparent 37% 67%,rgba(184,58,45,.72) 75%,transparent 84%);filter:blur(.2px);opacity:.75}.portrait-frame img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 21%;filter:grayscale(1) contrast(1.1);transform:scale(1.14)}.eyebrow{margin:33px 0 12px;color:var(--gold);font-size:10px;letter-spacing:.15em;animation:arrive .8s .12s cubic-bezier(.16,1,.3,1) both}h1{margin:0;max-width:440px;font-family:'Playfair Display',serif;font-size:clamp(29px,8.1vw,41px);font-weight:600;line-height:.99;letter-spacing:-.045em;animation:arrive .8s .19s cubic-bezier(.16,1,.3,1) both}h1 em{color:#d65a4b}.summary{max-width:365px;margin:19px 0 0;color:rgba(244,239,227,.72);font-size:12px;line-height:1.65;animation:arrive .8s .26s cubic-bezier(.16,1,.3,1) both}.actions{display:grid;gap:11px;margin-top:34px;perspective:900px;animation:arrive .8s .34s cubic-bezier(.16,1,.3,1) both}a{text-decoration:none;color:inherit}.primary-action,.link-card{display:flex;align-items:center;justify-content:space-between;min-height:59px;padding:0 13px 0 19px;border:1px solid rgba(220,201,169,.42);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.primary-action{background:linear-gradient(145deg,#cf4034,#9c241d);border-color:#e36a5d;box-shadow:0 7px 0 #621410,0 15px 25px rgba(0,0,0,.28);font-weight:500}.primary-action i,.link-card b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-style:normal;font-size:17px}.primary-action i{background:rgba(244,239,227,.16);border:1px solid rgba(244,239,227,.34)}.link-card{background:linear-gradient(145deg,rgba(48,43,36,.88),rgba(12,12,11,.88));box-shadow:0 5px 0 rgba(0,0,0,.55),0 13px 20px rgba(0,0,0,.16)}.link-card b{background:rgba(220,201,169,.1);border:1px solid rgba(220,201,169,.28);color:var(--gold);font-weight:400}.portfolio{background:linear-gradient(145deg,#315840,#132a1d);border-color:rgba(157,187,117,.5)}a:hover,a:focus-visible{transform:translateY(-3px) rotateX(2deg);outline:none}.primary-action:hover,.primary-action:focus-visible{box-shadow:0 10px 0 #621410,0 19px 32px rgba(0,0,0,.35)}.link-card:hover,.link-card:focus-visible{background:linear-gradient(145deg,#41382d,#181512);box-shadow:0 8px 0 rgba(0,0,0,.55),0 17px 28px rgba(0,0,0,.25)}footer{margin-top:auto;padding-top:34px;font-size:8px}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
