/*
Theme Name: KELPH — Black Vector Editorial
Author: KELPH
Description: Site editorial full-screen preto e laranja com vetores SVG, fontes serifadas, interacoes e layout responsivo.
Version: 5.0
Text Domain: kelph
*/
:root{--bg:#0d0d0d;--accent:#f2572f;--muted:#aa4128;--line:#f2572f66}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--accent);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site{overflow:hidden}.mast{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start;padding:28px 3.5vw;border-bottom:1px solid var(--line)}.logo{font-size:25px;letter-spacing:-.08em;font-weight:900}.tiny-note,.mast nav,.poster-micro,.poster-bottom,.section-top,.disciplines b,.disciplines span,footer{font-size:clamp(10px,.88vw,13px);line-height:1.4;font-weight:600}.tiny-note{text-align:center}.mast nav{display:flex;justify-content:flex-end;gap:24px}.mast a:hover,.poster-bottom a:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.poster{min-height:calc(100svh - 85px);padding:30px 3.5vw 24px;display:flex;flex-direction:column;justify-content:space-between}.poster-micro,.poster-bottom{display:flex;justify-content:space-between;gap:15px}.composition{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;padding:70px 0 100px}.line{display:flex;align-items:baseline;justify-content:space-between;gap:1vw;white-space:nowrap;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.09em;line-height:.76;transition:filter .35s}.line span:not(.starbox):not(.tiny-inline){display:inline-block;transition:transform .3s,filter .3s}.line span:not(.starbox):not(.tiny-inline):hover{transform:translateY(-5px);filter:blur(.8px)}.first{font-size:clamp(100px,19vw,310px)}.second{font-size:clamp(90px,18vw,290px)}.third{font-size:clamp(110px,24vw,385px);justify-content:center}.starbox{width:clamp(35px,7vw,110px);height:clamp(35px,7vw,110px);align-self:center;flex:0 0 auto;transition:transform .8s}.starbox svg{display:block;width:100%;height:100%}.starbox:hover{transform:rotate(90deg)}.tiny-inline{font:600 clamp(8px,.9vw,13px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;align-self:center}.vector-asterisk{position:absolute;width:clamp(65px,9vw,140px);right:8%;bottom:8%;transform:rotate(0);transition:transform .8s;pointer-events:none}.composition:hover .vector-asterisk{transform:rotate(35deg)}.signature{font:600 clamp(10px,1vw,15px)/1.2 Arial,Helvetica,sans-serif;position:absolute;bottom:12%;left:4%;letter-spacing:.03em}.signature i{font:italic 24px Georgia,serif}.about,.contact{padding:65px 3.5vw 110px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;gap:15px}.about-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;padding:110px 0}.about h2,.contact h2{font-size:clamp(70px,11vw,180px);font-weight:400;line-height:.84;letter-spacing:-.09em;font-family:Georgia,'Times New Roman',serif;margin:0}.about h2 em,.contact h2 em{font-weight:400}.about-layout p{font-size:clamp(17px,1.7vw,25px);line-height:1.3;max-width:380px}.disciplines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.disciplines>div{border-top:1px solid var(--line);padding-top:15px;display:flex;flex-direction:column;gap:20px;transition:transform .3s}.disciplines>div:hover{transform:translateY(-8px)}.disciplines strong{font-size:clamp(20px,2.6vw,42px);letter-spacing:-.07em;line-height:.95}.contact h2{padding:110px 0 95px}.contact-links{display:flex;justify-content:space-between;align-items:end;gap:30px}.social{display:flex;gap:12px}.social a{width:clamp(75px,8vw,120px);aspect-ratio:1;border:1px solid var(--accent);border-radius:0;padding:13px;display:flex;justify-content:space-between;align-items:flex-end;font-size:clamp(21px,2.8vw,40px);font-weight:800;transition:background .25s,color .25s,transform .25s}.social a span{font-size:15px;align-self:flex-start}.social a:hover{background:var(--accent);color:var(--bg);transform:translateY(-6px)}.mail{font-size:clamp(17px,2.2vw,33px);font-weight:800;letter-spacing:-.05em;border-bottom:2px solid var(--accent);padding-bottom:8px}.mail:hover{opacity:.7}.muted{opacity:.6;font-size:13px}footer{border-top:1px solid var(--line);padding:24px 3.5vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}
@media(max-width:900px){.poster{min-height:700px}.composition{padding:100px 0}.first{font-size:19vw}.second{font-size:18vw}.third{font-size:24vw}.about-layout{grid-template-columns:1fr;gap:35px}.disciplines{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.vector-asterisk{bottom:7%}}
@media(max-width:550px){.mast{padding:18px 5vw;grid-template-columns:1fr auto}.tiny-note{display:none}.mast nav{gap:14px}.poster{padding:24px 5vw;min-height:600px}.poster-micro span:nth-child(2){display:none}.poster-micro,.poster-bottom{font-size:9px}.composition{padding:100px 0 115px}.first{font-size:20vw}.second{font-size:18.5vw}.third{font-size:24.5vw}.starbox{width:35px;height:35px}.tiny-inline{font-size:7px}.signature{bottom:16%;font-size:9px}.vector-asterisk{width:58px;bottom:4%;right:5%}.about,.contact{padding:45px 5vw 90px}.about-layout{padding:85px 0}.about h2,.contact h2{font-size:14vw}.disciplines strong{font-size:clamp(19px,5vw,28px)}.contact h2{padding:95px 0 80px}.contact-links{align-items:flex-start;flex-direction:column}.social a{width:90px}.mail{font-size:23px}footer{padding:20px 5vw;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}