/*
Theme Name: Mr. Chamb Portfolio
Author: Josué Ramos
Description: Portafolio editorial y experimental para Mr. Chamb.
Version: 1.0
Text Domain: mr-chamb
*/
:root{--paper:#e8eeeb;--ink:#101211;--blue:#397fc0;--red:#f04443;--lime:#d1e5a2;--pad:clamp(18px,4vw,62px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:white}.mono,.eyebrow,.footer,.project-type{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.preloader{position:fixed;inset:0;z-index:9999;background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad);transition:transform .9s cubic-bezier(.76,0,.24,1),visibility .9s}.preloader.hide{transform:translateY(-105%);visibility:hidden}.pre-top,.pre-bottom{display:flex;justify-content:space-between;gap:20px}.pre-title{font:900 clamp(64px,17vw,230px)/.78 "Barlow Condensed";letter-spacing:-.055em;text-transform:uppercase;margin:0}.pre-title span{display:block;transform:translateY(120%);animation:rise .85s forwards}.pre-title span:nth-child(2){animation-delay:.12s}.pre-sub{display:flex;align-items:center;gap:12px;margin-top:26px}.loader-track{height:2px;background:#ffffff55;width:min(260px,35vw)}.loader-track i{display:block;height:100%;width:0;background:white;animation:load 1.55s ease forwards}@keyframes rise{to{transform:translateY(0)}}@keyframes load{to{width:100%}}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}
.nav{position:absolute;z-index:20;top:0;width:100%;padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10121138}.brand{font:800 23px "Barlow Condensed"}.brand sup{font:10px Inter}.nav-links{display:flex;gap:clamp(14px,3vw,42px);align-items:center}.nav-links a{font-size:11px;text-transform:uppercase}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:10px 15px}.hero{min-height:100svh;padding:125px var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero-kicker{display:flex;justify-content:space-between;gap:15px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px;animation:pulse 1.6s infinite}.hero-title{font:900 clamp(78px,17.8vw,260px)/.73 "Barlow Condensed";letter-spacing:-.065em;text-transform:uppercase;margin:clamp(40px,8vh,100px) 0 5vw}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;transform:translateY(115%);animation:rise 1s forwards}.hero-title .line:nth-child(2) span{animation-delay:.13s}.hero-title .line:nth-child(3) span{animation-delay:.26s}.blue-word{color:var(--blue)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}.hero-desc{font-size:clamp(14px,1.3vw,18px);line-height:1.4;max-width:340px}.hero-mark{font:900 clamp(38px,7vw,90px)/.8 "Barlow Condensed";text-align:center;color:var(--red);transform:rotate(-8deg)}.scroll-cue{text-align:right}
.section{padding:clamp(70px,11vw,150px) var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:38px}.section-title{font:800 clamp(48px,9vw,125px)/.83 "Barlow Condensed";letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 0}.intro{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}.intro-copy{font-size:clamp(16px,2vw,24px);line-height:1.45;max-width:530px}.intro-copy strong{color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,3vw,42px) 18px}.project{display:block;grid-column:span 6;min-width:0}.project:nth-child(3n+1){grid-column:span 7}.project:nth-child(3n+2){grid-column:span 5}.project:nth-child(4n){margin-left:16.666%}.project-image{aspect-ratio:1.15;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.fallback{font:900 clamp(42px,8vw,100px)/.78 "Barlow Condensed";letter-spacing:-.06em;text-transform:uppercase;text-align:center}.fallback small{font:10px "DM Mono";display:block;margin-top:20px}.project-meta{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid;margin-top:10px}.project-name{font-weight:700;font-size:15px}.project-type{margin-top:5px;opacity:.7}.project-arrow{font-size:23px}.statement{background:var(--lime);overflow:hidden}.statement-line{font:900 clamp(58px,12vw,175px)/.8 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.06em;white-space:nowrap}.statement-line:nth-child(2){color:var(--blue);transform:translateX(-6%)}.statement-note{display:flex;justify-content:space-between;gap:20px;margin-top:45px}.services{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.service-list{border-top:1px solid #10121138}.service{padding:20px 0;border-bottom:1px solid #10121138;display:flex;justify-content:space-between;font:700 clamp(22px,3vw,38px) "Barlow Condensed";text-transform:uppercase}.service span:last-child{font:11px "DM Mono";align-self:center}.contact{background:var(--blue);color:white;min-height:75vh;display:flex;flex-direction:column;justify-content:space-between}.contact .section-title{font-size:clamp(80px,18vw,245px);line-height:.72}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:60px}.contact-link{font:800 clamp(22px,4vw,45px) "Barlow Condensed";border-bottom:2px solid white;padding-bottom:8px}.footer{padding:18px var(--pad);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:700px){.nav{padding:17px var(--pad)}.nav-links a:not(.nav-contact){display:none}.hero{padding-top:115px;min-height:92svh}.hero-title{font-size:clamp(76px,20vw,140px);margin:14vh 0 12vh}.hero-bottom{grid-template-columns:1fr 1fr}.hero-mark{display:none}.intro,.services{grid-template-columns:1fr;gap:35px}.section-head{align-items:flex-start;flex-direction:column}.project-grid{display:block}.project{margin:0 0 34px!important}.project-image{aspect-ratio:1.05}.statement-line{font-size:16vw}.statement-note,.contact-bottom{flex-direction:column;align-items:flex-start}.contact .section-title{font-size:21vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}