/*
Theme Name: Caruso Production
Description: Caruso Technical Production tek sayfa kurumsal tema
Version: 1.0
Text Domain: caruso
*/
:root{--ink:#0d1018;--ink2:#151a27;--bone:#ece8e1;--steel:#8fa0b8;--tung:#f2c879;--line:rgba(236,232,225,.14)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--bone);font:17px/1.65 "Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--tung);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:800;line-height:1.02;letter-spacing:-.01em}
h2{font-size:clamp(2rem,4.5vw,3.4rem);margin-bottom:28px}
h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}
p{max-width:62ch;color:rgba(236,232,225,.82)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:10;background:linear-gradient(var(--ink),transparent);padding:18px 0}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{font:800 1.15rem "Archivo",sans-serif;font-stretch:125%;text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--tung)}
nav a{text-decoration:none;margin-left:26px;font-size:.95rem;color:var(--steel);transition:color .2s}
nav a:hover{color:var(--bone)}
.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:140px 0 70px;background:var(--hero-img,none) center/cover,var(--ink)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,16,24,.55),var(--ink) 92%)}
.beam{position:absolute;top:-10%;width:34vw;height:120%;background:linear-gradient(180deg,rgba(242,200,121,.34),rgba(242,200,121,0) 80%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0;mix-blend-mode:screen;filter:blur(2px)}
.beam.a{left:8%;animation:sweepA 4.5s ease-out both}
.beam.b{right:6%;animation:sweepB 4.5s ease-out both}
@keyframes sweepA{from{transform:rotate(38deg);opacity:0}to{transform:rotate(-6deg);opacity:1}}
@keyframes sweepB{from{transform:rotate(-38deg);opacity:0}to{transform:rotate(7deg);opacity:1}}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(2.6rem,8.2vw,7rem);max-width:12ch}
.hero p{margin:26px 0 34px;font-size:1.2rem;max-width:48ch}
.wave{display:block;width:100%;height:60px;margin-top:56px}
.wave path{fill:none;stroke:var(--tung);stroke-width:1.5;stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 3.2s .6s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.btn{display:inline-block;background:var(--tung);color:var(--ink);padding:14px 28px;border-radius:2px;font-weight:700;text-decoration:none;margin-right:12px}
.btn.ghost{background:none;color:var(--bone);border:1px solid var(--line)}
section{padding:110px 0}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start}
.about p+p{margin-top:18px}
.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.facts div{padding:26px 0;border-bottom:1px solid var(--line)}
.facts div:nth-child(odd){padding-right:20px;border-right:1px solid var(--line)}
.facts div:nth-child(even){padding-left:26px}
.facts b{display:block;font:800 2.6rem/1 "Archivo",sans-serif;font-stretch:125%;color:var(--tung)}
.facts span{color:var(--steel);font-size:.95rem}
.services{background:var(--ink2)}
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.svc div{padding:32px 26px 10px 0}
.svc div+div{padding-left:26px;border-left:1px solid var(--line)}
.svc p{font-size:.97rem}
.gear{width:100%;border-collapse:collapse}
.gear th,.gear td{text-align:left;padding:20px 12px 20px 0;border-bottom:1px solid var(--line);vertical-align:top}
.gear th{font:700 1rem "Archivo",sans-serif;font-stretch:112%;width:24%}
.gear td:nth-child(2){color:var(--bone)}
.gear td:last-child{color:var(--steel)}
.refs{background:var(--ink2)}
.reflist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px}
.reflist div{padding:26px 0;border-bottom:1px solid var(--line)}
.reflist h3{font-size:1.5rem}
.reflist p{font-size:.97rem;color:var(--steel)}
.quote{text-align:left}
blockquote{font:italic 400 clamp(1.4rem,2.6vw,2.1rem)/1.4 "Newsreader",serif;max-width:30em;color:var(--bone)}
.quote cite{display:block;margin-top:26px;font-style:normal;color:var(--steel)}
.quote cite b{color:var(--tung)}
.contact{background:var(--tung);color:var(--ink)}
.contact p,.contact a{color:var(--ink)}
.contact h2{font-size:clamp(2.4rem,6vw,4.8rem)}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.cgrid h3{font-size:.95rem;opacity:.65}
.cgrid p{font-size:1.05rem;font-weight:500}
.contact .btn{background:var(--ink);color:var(--bone)}
footer{padding:30px 0;color:var(--steel);font-size:.9rem}
@media(max-width:900px){nav{display:none}.about,.reflist,.cgrid{grid-template-columns:1fr;gap:34px}.svc{grid-template-columns:1fr 1fr}.svc div:nth-child(3){padding-left:0;border-left:0}.gear th{width:auto}.gear,.gear tbody,.gear tr,.gear th,.gear td{display:block}.gear tr{padding:18px 0;border-bottom:1px solid var(--line)}.gear th,.gear td{border:0;padding:2px 0}section{padding:78px 0}}
@media(max-width:560px){.svc{grid-template-columns:1fr}.svc div,.svc div+div{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.beam,.wave path{animation:none;opacity:1;stroke-dashoffset:0}html{scroll-behavior:auto}}