.signal-art{width:100%;height:100%;min-height:420px;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.06) 6px),linear-gradient(135deg,#2847ff 0 52%,#182dce 52%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(58px,8vw,125px);font-weight:900;line-height:.68;letter-spacing:-.11em}.signal-art span:nth-child(2){color:var(--acid);transform:translateX(18%)}.signal-art span:nth-child(3){-webkit-text-stroke:2px var(--paper);color:transparent}.hero-frame:hover .signal-art{filter:saturate(1.25)}.placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-size:clamp(55px,10vw,160px);font-weight:900;line-height:.72;letter-spacing:-.09em;text-align:center;transition:.35s}.project:not(.project-large) .placeholder{aspect-ratio:4/3;font-size:clamp(45px,7vw,95px)}.placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.08) 31px)}.placeholder span{z-index:1}.placeholder i{position:absolute;left:18px;bottom:16px;font:10px var(--mono);letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:9px 12px;font-style:normal}.placeholder:hover{filter:saturate(1.25);transform:translateY(-3px)}.p-one{background:var(--blue);color:var(--acid)}.p-two{background:var(--paper);color:var(--ink)}.p-two span{transform:rotate(-5deg)}.p-three{background:var(--acid);color:var(--blue)}
.tracking-line{position:fixed;z-index:19;pointer-events:none;left:0;right:0;height:6vh;background:linear-gradient(transparent,rgba(255,255,255,.05),transparent);mix-blend-mode:screen;animation:tracking 7s linear infinite}.noise{opacity:.11}.topbar{background:rgba(19,18,15,.72);backdrop-filter:blur(8px)}.logo span{background:#d84a3b;color:#f3ebd7;box-shadow:3px 3px 0 #6d1b17}:root{--ink:#171612;--paper:#eee7d5;--blue:#315a69;--acid:#e9a740}.hero h1 span{color:#d84a3b;text-shadow:3px 3px 0 #70221d}.hero-frame{background:#315a69;box-shadow:18px 18px 0 #d84a3b;border-radius:4px}.signal-art{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.07) 4px),linear-gradient(135deg,#315a69 0 50%,#243e48 50%);font-family:Georgia,serif;text-shadow:4px 3px 0 rgba(0,0,0,.25)}.signal-art span:nth-child(2){color:#e9a740}.signal-art small{font:10px var(--mono);letter-spacing:.12em;background:#eee7d5;color:#171612;padding:7px 10px;margin-top:36px;transform:rotate(-2deg)}.frame-ui{font-size:12px}.play{background:#e9a740}.ticker{background:#d84a3b;color:#eee7d5}.portrait-block{background:#315a69;box-shadow:16px 16px 0 #d84a3b}.portrait-type em,.contact h2 span,.email b{color:#e9a740}.contact{background:#315a69}.p-one{background:#315a69;color:#e9a740}.p-three{background:#e9a740;color:#813025}.rec{position:absolute;left:18px;top:16px;z-index:2;color:#f2c6bb;font:12px var(--mono);letter-spacing:.08em;animation:blink 1.2s steps(1) infinite}.project-media,.portrait-block{border-radius:3px}.service-list article:hover{background:rgba(216,74,59,.08)}@keyframes tracking{from{top:-10vh}to{top:105vh}}@keyframes blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.tracking-line,.rec{animation:none}}
.p-four{background:#873c54;color:#eee7d5}.p-four span{transform:skew(-7deg)}.p-five{background:#23211d;color:#9fc5bd;border:1px solid #9fc5bd}.p-five:after{content:"01001010 01010010";position:absolute;right:18px;top:16px;font:9px var(--mono);letter-spacing:.14em;color:#9fc5bd}
.softer-side{margin-top:28px}.p-six{background:linear-gradient(135deg,#d8a6a0 0 50%,#eee7d5 50%);color:#713943;font-family:Georgia,serif}.p-six span{font-style:italic;text-shadow:3px 3px 0 rgba(255,255,255,.45);transform:rotate(-2deg)}.p-six:after{content:"♥";position:absolute;right:6%;top:10%;font:clamp(55px,9vw,130px) Georgia,serif;color:rgba(113,57,67,.15);transform:rotate(12deg)}
.portrait-block{position:relative;padding:0;overflow:hidden;background:#315a69}.portrait-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(1.04)}.portrait-block:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,8,.04) 48%,rgba(10,10,8,.72) 100%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);pointer-events:none}.portrait-block .portrait-type{position:absolute;z-index:2;left:18px;top:16px;font-size:clamp(34px,4vw,58px);line-height:.85;letter-spacing:-.08em;background:rgba(23,22,18,.76);color:#eee7d5;padding:9px 12px 8px;font-family:var(--sans);transform:rotate(-2deg)}.portrait-block .portrait-type em{font-size:.42em;letter-spacing:0;color:#e9a740}.portrait-block p{position:absolute;z-index:2;left:20px;bottom:18px;margin:0;color:#eee7d5;text-shadow:0 2px 4px rgba(0,0,0,.6)}