/*
Theme Name: d5ni Editorial
Text Domain: d5ni-editorial
Description: Independent creative portfolio for Daniel Vargas
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
WPVibe: yes
*/
:root{--paper:#f3f0e7;--ink:#171717;--blue:#1835ed}html{scroll-behavior:smooth}.project-click{display:block;color:inherit;text-decoration:none}.project-click .project-image{transition:filter .3s ease}.project-click:hover .project-image{filter:brightness(1.25)}.project-image .project-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-image .image-index{z-index:2}body.d5ni-site{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.site-header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17171730}.small-logo{font-size:31px;font-weight:900;letter-spacing:-.09em}.blue-dot{color:var(--blue)}.site-header nav{display:flex;gap:clamp(14px,3vw,48px);font-size:13px;font-weight:600}.site-header a:hover{color:var(--blue)}.hero{padding:28px 4% 45px;min-height:min(790px,calc(100svh - 80px));display:flex;flex-direction:column;justify-content:space-between}.hero-topline,.section-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.07em}.hero-logo{font-size:clamp(135px,30.5vw,570px);font-weight:900;letter-spacing:-.115em;line-height:.76;margin:60px 0 55px;white-space:nowrap;display:flex;align-items:baseline;justify-content:center;padding-right:.07em}.morph-five{position:relative;display:inline-block;cursor:pointer;outline-offset:12px}.morph-five .letter-a{position:absolute;inset:0;opacity:0;transform:translateY(10%);transition:opacity .38s,transform .38s}.morph-five .five{transition:opacity .38s,transform .38s;display:block}.morph-five:hover .five,.morph-five:focus .five{opacity:0;transform:translateY(-10%)}.morph-five:hover .letter-a,.morph-five:focus .letter-a{opacity:1;transform:translateY(0)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.identity{font-size:clamp(14px,1.4vw,20px);font-weight:600;margin:0}.identity span{color:var(--blue);padding:0 5px}.intro{max-width:320px;font-size:15px;line-height:1.35;margin:0}.work-section,.services-section{padding:75px 4% 110px}.work-section{background:#171717;color:#f3f0e7}.work-section h2,.services-section h2{font-size:clamp(64px,10vw,160px);letter-spacing:-.075em;line-height:.9;font-weight:800;margin:65px 0 80px}.work-section h2 em{font-style:normal;color:#8b9aff}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 24px}.project.feature{grid-column:span 2}.project-image{aspect-ratio:4/3;background:#333;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project.feature .project-image{aspect-ratio:2.1/1}.project:nth-child(2) .project-image{background:#1835ed}.project:nth-child(3) .project-image{background:#494845}.project:nth-child(4) .project-image{background:#666258}.project:nth-child(5) .project-image{background:#3d4b59}.project:nth-child(6) .project-image{background:#55506a}.project:nth-child(7) .project-image{background:#4e574b}.image-index{position:absolute;top:22px;left:25px;font-size:12px}.image-placeholder{border:1px solid #ffffff70;padding:12px 18px;font-size:11px;letter-spacing:.08em}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:18px}.project-caption h3{font-size:clamp(24px,3.5vw,48px);letter-spacing:-.06em;margin:0}.project-caption span{font-size:12px;color:#c2c2c2}.services-section h2 i{font-style:normal;color:var(--blue)}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #171717}.service-grid p{font-size:clamp(20px,2.5vw,35px);letter-spacing:-.045em;border-bottom:1px solid #171717;padding:24px 8px 24px 0;margin:0}.service-grid p span{font-size:12px;vertical-align:top;letter-spacing:0;margin-right:22px;color:var(--blue)}.about-note{display:grid;grid-template-columns:1fr 2fr;margin-top:120px;gap:30px}.about-note span{font-size:12px;font-weight:700}.about-note p{font-size:clamp(25px,4vw,60px);letter-spacing:-.055em;line-height:1.12;margin:0}.contact-section{background:var(--blue);color:white;padding:65px 4% 85px}.contact-section>p{font-size:clamp(70px,12vw,180px);line-height:.85;letter-spacing:-.08em;font-weight:800;margin:90px 0 60px}.contact-cta{font-size:clamp(32px,6vw,80px);letter-spacing:-.06em;border-bottom:3px solid white;display:inline-block}.contact-section small{display:block;margin-top:50px;opacity:.8}.site-footer{background:#171717;color:#f3f0e7;padding:24px 4%;display:flex;justify-content:space-between;gap:12px;font-size:12px}@media(max-width:700px){.site-header{height:68px}.hero{min-height:75svh}.hero-logo{font-size:31vw;margin:75px 0}.hero-topline span:last-child{display:none}.hero-bottom{display:block}.intro{margin-top:22px}.work-section,.services-section{padding-top:60px;padding-bottom:80px}.work-section h2,.services-section h2{margin:55px 0}.projects{grid-template-columns:1fr;gap:45px}.project.feature{grid-column:span 1}.project.feature .project-image{aspect-ratio:4/3}.project-caption{display:block}.project-caption span{display:block;margin-top:6px}.service-grid{grid-template-columns:1fr}.about-note{grid-template-columns:1fr;margin-top:75px}.site-footer{flex-wrap:wrap}.contact-section>p{margin:90px 0 50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.morph-five *{transition:none!important}}