/*
Theme Name: APEX MEMO Construction
Author: APEX MEMO
Description: Custom WordPress theme for APEX MEMO E.E.
Version: 1.0.0
Text Domain: apex-memo
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0b0b;color:#f4f4f4}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid #2b2b2b}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.nav img{width:145px;height:58px;object-fit:contain;border-radius:4px}
.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.links a:hover{color:#bbb}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #ddd;border-radius:4px;font-weight:800;background:#fff;color:#111}
.btn.dark{background:#151515;color:#fff;border-color:#555}.btn.gold{background:#c8c8c8;color:#090909;border:0}
.hero{min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 70% 35%,#303030 0,#121212 35%,#070707 70%);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative;z-index:1}
.hero-logo{width:min(520px,100%);max-height:260px;object-fit:contain;border-radius:8px;box-shadow:0 18px 60px #000}
.kicker{letter-spacing:5px;color:#bfc0c1;font-size:12px;font-weight:800;margin-bottom:16px}
h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:0 0 22px;letter-spacing:-3px}.lead{font-size:20px;color:#c8c8c8;max-width:650px;line-height:1.7}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-card{border:1px solid #383838;background:linear-gradient(145deg,#202020,#101010);padding:30px;border-radius:12px;box-shadow:0 25px 70px #000}
.hero-card h3{margin:0 0 20px;font-size:23px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini div{border:1px solid #373737;padding:18px 12px;text-align:center;border-radius:6px;color:#ddd}.mini b{display:block;font-size:24px;color:#fff}
section{padding:95px 0}.light{background:#f2f2f0;color:#111}.title{max-width:720px;margin-bottom:45px}.title small{letter-spacing:4px;font-weight:800;color:#777}.title h2{font-size:clamp(32px,4vw,52px);margin:10px 0}.title p{color:#666;font-size:18px}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{min-height:245px;padding:28px;background:#151515;border:1px solid #303030;border-radius:9px;transition:.2s}.service:hover{transform:translateY(-5px);border-color:#888}.num{font-size:13px;color:#aaa;letter-spacing:2px}.service h3{font-size:22px;margin:45px 0 10px}.service p{color:#aaa;margin:0}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{height:310px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(135deg,#303030,#0e0e0e);border:1px solid #333;display:flex;align-items:flex-end}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.85))}.project .txt{position:relative;padding:24px;z-index:1}.project h3{margin:0 0 5px}.project p{margin:0;color:#bbb;font-size:14px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-box{border-left:3px solid #aaa;padding-left:28px}.about p{color:#aaa;font-size:18px;line-height:1.8}
.contact{background:#161616}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card{padding:30px;border:1px solid #353535;border-radius:9px;background:#0f0f0f}.contact-card h3{margin-top:0}.contact-card a{font-size:22px;font-weight:800}
.form{display:grid;gap:12px}input,textarea{width:100%;padding:15px;background:#111;border:1px solid #444;border-radius:5px;color:white;font:inherit}textarea{min-height:120px;resize:vertical}
footer{padding:35px 0;border-top:1px solid #292929;color:#888;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:850px){.links a:not(.btn){display:none}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0}.services{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}}
@media(max-width:520px){.services{grid-template-columns:1fr}.nav img{width:115px}h1{letter-spacing:-2px}}

.project{background-size:cover;background-position:center}.project .txt{width:100%;position:relative;z-index:2}.project:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}.form button{cursor:pointer}.notice{padding:12px 16px;border:1px solid #666;background:#202020;border-radius:6px;margin:18px 0;color:#ddd}