:root{color-scheme:dark;--bg:#080808;--panel:#171717;--panel-border:#414141;--text:#f6f6f6;--muted:#aaa;--gold:#f0aa20;--red:#f20d21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:var(--text);font-family:"Roboto Condensed",Arial,sans-serif;-webkit-font-smoothing:antialiased}.page-shell{width:min(1100px,calc(100% - 44px));margin:0 auto}.brand{height:215px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.brand-center{position:relative;padding:21px 0 15px;text-align:center}.wordmark{position:relative;z-index:1;display:inline-block;color:#fff;text-decoration:none;font-family:Anton,Impact,sans-serif;font-size:clamp(64px,10vw,112px);font-style:italic;line-height:.95;letter-spacing:-.055em;-webkit-text-stroke:1.4px #050505;text-shadow:4px 5px 0 #050505,7px 8px 0 #2a2a2a;transform:skew(-5deg)}.word-man{color:#f00c23;margin-left:5px}.brand-swoosh{position:absolute;width:43%;height:40px;left:30%;bottom:-2px;fill:#f00c23;filter:drop-shadow(2px 2px 0 #000)}.brand-flair{position:relative;z-index:2;font-size:clamp(44px,7vw,76px);line-height:1;filter:drop-shadow(2px 4px 0 #000);transform:rotate(-10deg)}.flair-right{transform:rotate(9deg);font-size:clamp(36px,5.5vw,65px)}.horns{position:absolute;top:-19px;left:42%;right:8%;height:47px;display:flex;justify-content:space-between;pointer-events:none}.horns i{width:26px;height:42px;background:linear-gradient(100deg,#ff2535 10%,#e60016 63%,#fff 66%,#fff 73%,#050505 77%);border:3px solid #050505;border-radius:90% 10% 70% 15%;transform:rotate(-28deg);box-shadow:2px 2px 0 #333}.horns i:last-child{transform:scaleX(-1) rotate(-28deg)}.experience{max-width:980px;margin:0 auto}.photo-frame{margin:0;border:2px solid #efcf9a;border-radius:20px;overflow:hidden;background:#24201a;box-shadow:0 0 0 2px #000}.hero-photo{display:block;width:100%;aspect-ratio:1.34;object-fit:cover;object-position:center 44%}.engagement-bar{height:91px;display:flex;align-items:center;gap:38px;padding:0 8px}.like-button{display:flex;align-items:center;gap:14px;color:#fff;border:0;background:transparent;padding:4px 0;cursor:pointer}.like-button svg{width:66px;height:66px;fill:#fa101f;stroke:#d60014;stroke-width:.6;filter:drop-shadow(0 2px 0 #5b0009);transition:transform .16s}.like-button:hover svg{transform:scale(1.08)}.like-count{font-family:Anton,Impact,sans-serif;font-size:44px;letter-spacing:.01em}.bar-divider{height:54px;width:2px;background:#858585}.comments-jump{display:flex;align-items:center;gap:18px;color:#f6f6f6;text-decoration:none;font-family:Anton,Impact,sans-serif;font-size:22px;letter-spacing:.01em}.comments-jump:hover{color:#f4bd55}.comments-jump svg{width:49px;height:42px;fill:none;stroke:#f6f6f6;stroke-width:2.4;stroke-linejoin:round}.comment-form{position:relative;display:grid;grid-template-columns:52px minmax(140px,.45fr) minmax(260px,2fr) auto;align-items:center;gap:12px;border:1px solid #777;border-radius:18px;padding:14px 16px 14px 18px;background:#111;box-shadow:inset 0 0 0 1px #ffffff08}.person-outline{width:46px;height:46px;fill:none;stroke:#f5f5f5;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.comment-form input{width:100%;height:57px;min-width:0;border:1px solid #999;border-radius:17px;background:#292929;color:#fff;font:500 18px "Roboto Condensed",Arial,sans-serif;padding:0 18px;outline:none;box-shadow:inset 0 1px 4px #0009}.comment-form input::placeholder{color:#e1e1e1;opacity:1}.comment-form input:focus{border-color:#f1bd55;box-shadow:0 0 0 2px #f1bd5533}.submit-button{height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:linear-gradient(#ffc94b,#e99a08);color:#111;padding:0 19px;font:italic 700 18px "Roboto Condensed",Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 #8f5700;transition:transform .15s,filter .15s}.submit-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.submit-button svg{width:28px;height:28px;fill:none;stroke:#111;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.submit-button:disabled,.like-button:disabled{opacity:.65;cursor:wait}.form-status{position:absolute;left:72px;right:14px;top:100%;margin:4px 0 0;color:#ffd273;font-size:12px}.comments-list{margin:17px 0 0;padding:0 27px;border:1px solid #393939;border-radius:18px;background:linear-gradient(110deg,#191919,#141414);overflow:hidden}.comment{min-height:59px;display:grid;grid-template-columns:54px 110px minmax(0,1fr) 100px;align-items:center;gap:14px;border-bottom:1px solid #505050}.comment:last-child{border-bottom:0}.comment-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dedede;color:#333}.comment-avatar svg{width:30px;height:30px;fill:#353535}.comment strong{font-size:17px;font-weight:800}.comment p{margin:0;font-size:18px;line-height:1.25}.comment time{text-align:right;color:#eee;font-size:15px;white-space:nowrap}.preview-notice{color:#777;font-size:11px;text-align:center;margin:12px 0 0}.preview-notice[hidden]{display:none}.site-footer{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;padding:22px 6px 27px;color:#656565;font-size:9px;font-weight:700;letter-spacing:.14em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffd273;outline-offset:3px}
@media(max-width:700px){.page-shell{width:calc(100% - 24px)}.brand{height:142px;gap:7px}.brand-center{padding:16px 0 10px}.wordmark{font-size:clamp(48px,13vw,82px);text-shadow:3px 4px 0 #050505,5px 6px 0 #292929}.brand-flair{font-size:clamp(30px,8vw,53px)}.flair-right{font-size:clamp(25px,7vw,44px)}.brand-swoosh{height:25px;bottom:0}.horns{top:-11px;height:30px}.horns i{height:28px;width:18px;border-width:2px}.experience{width:100%}.photo-frame{border-radius:13px}.hero-photo{aspect-ratio:1.15;object-position:center 43%}.engagement-bar{height:75px;gap:20px;padding:0 5px}.like-button{gap:8px}.like-button svg{width:51px;height:51px}.like-count{font-size:35px}.bar-divider{height:43px;width:1px}.comments-jump{gap:9px;font-size:17px}.comments-jump svg{width:36px;height:31px}.comment-form{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;border-radius:13px;padding:10px}.person-outline{width:32px;height:36px}.comment-form input{height:46px;border-radius:12px;font-size:14px;padding:0 11px}.comment-form input[name="name"]{grid-column:2;grid-row:1}.comment-form input[name="comment"]{grid-column:2;grid-row:2}.person-outline{grid-column:1;grid-row:1 / span 2}.submit-button{grid-column:3;grid-row:1 / span 2;height:48px;border-radius:12px;padding:0 11px;font-size:14px;gap:5px}.submit-button svg{width:22px;height:22px}.comments-list{margin-top:12px;padding:0 12px;border-radius:13px}.comment{min-height:54px;grid-template-columns:36px 56px minmax(0,1fr) 56px;gap:7px}.comment-avatar{width:31px;height:31px}.comment-avatar svg{width:24px;height:24px}.comment strong{font-size:13px}.comment p{font-size:14px}.comment time{font-size:11px}.preview-notice{font-size:10px;line-height:1.4}.site-footer{padding-top:17px}}
@media(max-width:390px){.brand{height:126px;gap:3px}.wordmark{font-size:45px}.flair-left{font-size:27px}.flair-right{font-size:24px}.engagement-bar{gap:13px}.like-button svg{width:45px;height:45px}.like-count{font-size:31px}.comments-jump{font-size:15px}.comments-jump svg{width:31px}.comment-form{grid-template-columns:27px minmax(0,1fr) auto;gap:6px;padding:8px}.person-outline{width:26px}.comment-form input{font-size:12px;padding:0 8px}.submit-button{font-size:12px;padding:0 8px}.submit-button svg{width:18px}.comment{grid-template-columns:30px 48px minmax(0,1fr) 48px;gap:5px}.comment-avatar{width:27px;height:27px}.comment p{font-size:12px}.comment time{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Keep every logo element in its own space so the title never collides. */
.brand{height:auto;min-height:210px;padding:18px 0 12px;display:grid;grid-template-columns:minmax(48px,74px) minmax(0,1fr) minmax(48px,74px);gap:clamp(5px,1.6vw,18px)}
.brand-center{min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wordmark{font-size:clamp(43px,8.7vw,104px);line-height:.95;white-space:nowrap;transform:skew(-4deg);text-shadow:3px 4px 0 #050505,5px 6px 0 #292929}
.horns{position:static;top:auto;left:auto;right:auto;width:47%;height:32px;margin:0 auto 5px;display:flex;justify-content:space-between;gap:36%;}
.horns i{width:21px;height:29px;border-width:2px;flex:0 0 21px}
.brand-swoosh{position:static;display:block;width:40%;height:23px;margin:5px auto 0;filter:drop-shadow(1px 1px 0 #000)}
.brand-flair{font-size:clamp(30px,5vw,58px);justify-self:center;align-self:center;filter:drop-shadow(1px 2px 0 #000)}
.flair-right{font-size:clamp(27px,4.2vw,50px)}
.empty-state{grid-column:1/-1;margin:0;padding:22px 0;text-align:center;color:#aaa;font-size:15px}
@media(max-width:700px){.brand{min-height:142px;padding:12px 0 8px;grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}.brand-center{width:100%}.wordmark{font-size:clamp(36px,10.4vw,72px);text-shadow:2px 3px 0 #050505,4px 5px 0 #292929}.horns{width:45%;height:24px;margin-bottom:3px}.horns i{width:16px;height:23px;flex-basis:16px}.brand-swoosh{width:38%;height:16px;margin-top:3px}.brand-flair{font-size:clamp(20px,6vw,34px)}.flair-right{font-size:clamp(19px,5.3vw,31px)}.empty-state{padding:17px 0;font-size:13px}}
@media(max-width:390px){.brand{min-height:124px;grid-template-columns:24px minmax(0,1fr) 24px;gap:4px}.wordmark{font-size:clamp(31px,10.6vw,42px)}.brand-flair{font-size:clamp(17px,5.7vw,23px)}.flair-right{font-size:clamp(17px,5vw,21px)}.horns{height:20px}.horns i{width:14px;height:19px;flex-basis:14px}.brand-swoosh{height:13px}}