@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&display=swap');
/* Palette and editorial direction from José Gómez's Portfolio 2026. */
:root{--ink:#fff9ed;--muted:#c8bdbd;--line:#713131;--paper:#090506;--soft:#140607;--red:#ed171c}
html{background:#090506}body{background:#090506;color:var(--ink);background-image:radial-gradient(ellipse 80% 440px at 4% 5%,#ae080947,transparent 80%),radial-gradient(ellipse 70% 700px at 110% 32%,#84080a33,transparent 75%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.nav{border-bottom:1px solid #542425}.logo{color:#fff9ed}.logo span{color:#ed171c;font-size:23px;margin-top:3px}.nav a{transition:color .2s}.nav a:hover{color:#ff5555}.contact-nav{border-color:#ed171c}.eyebrow{color:#ded0ce;letter-spacing:2.3px}.dot{background:#fa2227;box-shadow:0 0 14px #ed171c}
.hero{position:relative;padding-top:65px}.hero::before{content:"";position:absolute;z-index:-1;inset:-80px -5vw 0;background:radial-gradient(ellipse 38% 22% at 20% 12%,#ed0000b3,transparent 85%),radial-gradient(ellipse 65% 20% at 80% 36%,#c700005c,transparent 80%);pointer-events:none}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10.2vw,148px);font-weight:800;letter-spacing:-3px;line-height:.88;text-transform:uppercase;margin:30px 0 35px}.hero h1 em{font:inherit;color:#fff9ed;-webkit-text-stroke:1px #fff9ed;letter-spacing:inherit}.hero h1::after{content:'✦';display:inline-block;vertical-align:top;font-family:Arial,sans-serif;font-size:.35em;margin:-.1em 0 0 .22em;color:#fff9ed}.hero-bottom p{color:#ded1d0;font-size:15px}.black{color:#fff9ed;background:#d90e15;border:1px solid #fd3939;box-shadow:0 4px 35px #c6000033}.black:hover{background:#f02127;box-shadow:0 0 30px #e817174d}.pill{border-radius:9px}.featured{border:1px solid #e02b32;border-radius:22px;box-shadow:0 0 0 5px #ef121210,0 12px 50px #d4000026}.featured .image-shade{background:linear-gradient(180deg,#12000080,transparent 35%,#140001ee)}.featured-top{color:#fff9ed}.featured strong{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:56px;line-height:.94;font-weight:700}.featured small{color:#ffcdc9}.play{border-color:#f63d42;background:#1a0506ba!important;box-shadow:0 0 18px #ed171c4d;color:#fff9ed}.featured .play.large{background:#e71720!important;box-shadow:0 0 35px #ef202077}.strip{border-color:#713131}.strip i{color:#ff242a}.strip span{color:#fff9ed}.section-heading h2,.about h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:66px;letter-spacing:-1.2px;line-height:.95}.section-heading .eyebrow::before{content:"";height:3px;width:29px;background:#f01c25;flex-shrink:0}.section-heading p{color:#c8bdbd}
.filters button,.design-filters button{background:#1d0a0c;border-color:#63292b;color:#ded1d0;border-radius:7px}.filters button:hover,.design-filters button:hover{border-color:#ee3139;color:white}.filters button.active,.design-filters button.active{color:#fff9ed;background:#d8131b;border-color:#ff474c;box-shadow:0 0 22px #cf0c1333}
.project,.design-card{padding:12px 12px 18px;border:1px solid #552329;border-radius:17px;background:linear-gradient(135deg,#2e0b1055,#10090a);transition:border-color .2s,transform .2s,box-shadow .2s}.project:hover,.design-card:hover{border-color:#bf2b33;transform:translateY(-3px);box-shadow:0 8px 35px #cc101019}.project button,.design-card button{border-radius:10px;background:#1b0b0d}.project.vertical img{background:#1b0b0d}.project h3,.design-card h3{color:#fff9ed;font-weight:600}.card-meta{color:#e2adad;font-size:9px;letter-spacing:1px}.card-meta span:first-child::before{content:"";display:inline-block;width:12px;height:3px;background:#f11b24;margin:0 7px 2px 0}.project .role{color:#c2b3b3}.text-link{color:#fff9ed;border-color:#ed252e}.text-link:hover{color:#ff6c70}.design-section{border-color:#6c252b}.design-intro{color:#c8bdbd}.design-expand{background:#e51c25;color:#fff9ed;box-shadow:0 0 20px #de15154d}.design-download{border-color:#713131}.design-download p{color:#c8bdbd}
.about{position:relative;background:radial-gradient(ellipse at 0% 80%,#a000002b,transparent 65%),#12090b;border-top:1px solid #5f2027;border-bottom:1px solid #5f2027}.about h2{font-size:77px;line-height:.95}.about p{color:#c8bdbd}.about p.about-lead{color:#fff9ed}.outline{border-color:#9b3b42;color:#fff9ed;background:#21090d}.outline:hover{background:#471018}.tools-label{color:#e9c0bf}.tools span{background:#270c10;border-color:#6b292e;color:#f0d9d7}.service{border-color:#6f2a30}.service>span{color:#fa353d}.service h3{font-weight:600;color:#fff9ed}.service p{color:#c8bdbd}.contact{background:radial-gradient(ellipse 60% 85% at 0% 100%,#ed00009c,transparent 90%),radial-gradient(ellipse 65% 60% at 100% 0%,#a6000066,transparent 90%),#170608;border-top:1px solid #8c222b}.contact .eyebrow{color:#eac6c6}.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:130px;font-weight:800;text-transform:uppercase;line-height:.86;letter-spacing:-1px}.contact h2 em{font:inherit;-webkit-text-stroke:1px #fff9ed;color:transparent}.contact h2 span{color:#ff2d35}.contact-bottom{border-color:#a13c40}.white{background:#fff9ed;color:#16090a}.contact-bottom>a:last-child{color:#fff0ec}footer{color:#bda5a6}
dialog{background:#180b0e;color:#fff9ed;border:1px solid #9e3039;border-radius:15px;box-shadow:0 0 70px #8d000044}dialog::backdrop{background:#090003e8}.modal-top{color:#e9b7b7}.modal-top button{color:#fff9ed}.modal-info h2{font-weight:700}.modal-info p{color:#d9caca}.credits span{color:#ed6c73}.credits strong{color:#fff9ed}.design-full{background:#100608}.player{background:#100608}button:focus-visible,a:focus-visible{outline-color:#ff7278}
@media(max-width:900px){.hero h1{font-size:105px}.section-heading h2{font-size:55px}.about h2{font-size:65px}.contact h2{font-size:110px}}
@media(max-width:580px){.hero{padding-top:35px}.hero h1{font-size:67px;letter-spacing:-1.5px;line-height:.92;margin:28px 0}.hero h1::after{font-size:.28em;margin-left:.1em}.hero-bottom p{font-size:13px}.featured{border-radius:15px}.featured strong{font-size:39px}.section-heading h2{font-size:48px;line-height:.98}.about h2{font-size:65px}.contact h2{font-size:87px;letter-spacing:-1px}.contact h2 span{font-size:65px}.project,.design-card{padding:10px 10px 17px}.services .service h3{font-size:23px}.eyebrow{font-size:8px;letter-spacing:1.5px}}

.player video{display:block;width:100%;height:100%;max-height:65vh;background:#100608;object-fit:contain}.player.native-player{aspect-ratio:auto;height:65vh}.player [hidden]{display:none!important}.credits strong{line-height:1.6}

.featured>img{object-position:center 68%}

.featured-wall{background:linear-gradient(135deg,#29090d,#0d0608 70%);border:1px solid #7d232c;box-shadow:0 8px 40px #be111124}.mosaic-tile{border-color:#693039;background:#15080a}.mosaic-tile img{background:#15080a}.mosaic-tile:hover{border-color:#ed303a}.mosaic-play{background:#6e1018aa;border-color:#f68c92}.mosaic-tile:hover .mosaic-play{background:#ed202b;color:white}.wall-footer{border-color:#633037}.wall-heading h2{color:#fff9ed}.wall-count{color:#e8aeb1}.design-full img{max-height:68vh;width:auto;max-width:100%;object-fit:contain}

.contact h2{color:#fff9ed}.contact h2 em{color:transparent;-webkit-text-stroke:1px #fff9ed}.contact h2 span{color:#ff2d35}

.video-pagination{display:flex;flex-direction:column;align-items:center;gap:14px;margin:36px 0}.video-pagination p{font-size:12px;color:var(--muted);margin:0}.video-pagination [hidden],#project-grid .project[hidden]{display:none!important}

#design-grid .design-card[hidden]{display:none!important}

.player-status{padding:12px 15px;border:1px solid #763039;border-radius:8px;color:#fff9ed;font-size:13px;line-height:1.6}.player-status[hidden]{display:none!important}#retry-video{color:inherit;background:transparent;cursor:pointer;border:0;padding:10px 0;font:inherit;font-size:12px}