/*
Theme Name: Shape Onepager Theme
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: One-page WordPress theme inspired by the bold editorial feel of MadeByShape, with local realistic placeholder photography and a working contact form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: shape-onepager-theme
*/

:root{
  --shape-black:#0a0a0a;
  --shape-ink:#121212;
  --shape-paper:#f5f0e8;
  --shape-white:#ffffff;
  --shape-line:rgba(18,18,18,.12);
  --shape-muted:#6c665e;
  --shape-accent:#d96d3b;
  --shape-soft:#ece5dc;
  --shape-max:1440px;
  --shape-radius:28px;
  --shape-shadow:0 24px 60px rgba(0,0,0,.12);
  --shape-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--shape-font);color:var(--shape-ink);background:var(--shape-paper);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.shape-site{overflow:hidden}
.shape-container{max-width:var(--shape-max);margin:0 auto;padding:0 32px}
.shape-header{position:fixed;inset:0 0 auto 0;z-index:90;backdrop-filter:blur(14px);background:rgba(245,240,232,.78);border-bottom:1px solid rgba(18,18,18,.08)}
.shape-header__inner{max-width:var(--shape-max);margin:0 auto;min-height:86px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.shape-logo{font-size:1.3rem;font-weight:900;letter-spacing:-.06em}
.shape-logo span{color:var(--shape-accent)}
.shape-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.shape-nav a{font-size:.9rem;font-weight:700;letter-spacing:-.02em;color:#3e3934}
.shape-nav a:hover{color:var(--shape-black)}
.shape-cta,.shape-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;font-size:.92rem;font-weight:800;letter-spacing:-.01em;transition:.25s ease}
.shape-cta{background:var(--shape-black);color:var(--shape-white)}
.shape-cta:hover{transform:translateY(-1px);background:#222}
.shape-mobile-toggle{display:none}
.shape-hero{padding:138px 0 54px;background:linear-gradient(180deg,#f8f4ee 0%,#f3ede4 100%)}
.shape-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:36px;align-items:end}
.shape-eyebrow,.shape-kicker{margin:0 0 18px;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shape-muted);font-weight:800}
.shape-hero h1,.shape-title{margin:0;font-size:clamp(3.5rem,8vw,7rem);line-height:.92;letter-spacing:-.07em;text-transform:uppercase}
.shape-hero__lead{max-width:56ch;margin:26px 0 0;font-size:1.08rem;color:#4a4640}
.shape-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.shape-button--dark{background:var(--shape-black);color:#fff}
.shape-button--dark:hover{background:#202020;transform:translateY(-1px)}
.shape-button--ghost{border:1px solid var(--shape-line);color:var(--shape-black);background:rgba(255,255,255,.6)}
.shape-button--ghost:hover{background:#fff}
.shape-hero__meta{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shape-stat{padding-top:20px;border-top:1px solid rgba(18,18,18,.14)}
.shape-stat strong{display:block;font-size:1.85rem;line-height:1;font-weight:900;letter-spacing:-.05em}
.shape-stat span{display:block;margin-top:8px;color:var(--shape-muted);font-size:.94rem}
.shape-hero__photo{min-height:760px;border-radius:36px;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12)),url('assets/images/hero.jpg') center center / cover no-repeat;box-shadow:var(--shape-shadow)}
.shape-section{padding:36px 0}
.shape-section--dark{background:var(--shape-black);color:#fff}
.shape-section--dark .shape-kicker,.shape-section--dark .shape-copy,.shape-section--dark .shape-meta,.shape-section--dark .shape-progress__label span:last-child,.shape-section--dark .shape-service p,.shape-section--dark .shape-quote p,.shape-section--dark .shape-contact__info p,.shape-section--dark .shape-contact__info a,.shape-section--dark .shape-form-note{color:rgba(255,255,255,.74)}
.shape-section--dark .shape-button--ghost,.shape-section--dark .shape-field{border-color:rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.04)}
.shape-section--dark .shape-field::placeholder{color:rgba(255,255,255,.54)}
.shape-block{border-radius:36px;overflow:hidden;background:#fff;box-shadow:var(--shape-shadow)}
.shape-block--dark{background:#111;color:#fff}
.shape-two-col{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.shape-content{padding:74px 64px}
.shape-content--tight{padding-bottom:48px}
.shape-copy{font-size:1rem;color:#514d47;max-width:68ch}
.shape-copy p{margin:0 0 16px}
.shape-side-photo,.shape-panel-photo{min-height:100%;background-size:cover;background-position:center}
.shape-about-photo{background-image:url('assets/images/about.jpg')}
.shape-work-panel{background-image:url('assets/images/work-panel.jpg')}
.shape-experience-photo{background-image:url('assets/images/experience.jpg')}
.shape-skill-photo{background-image:url('assets/images/skill-panel.jpg')}
.shape-clients-photo{background-image:url('assets/images/clients.jpg')}
.shape-contact-photo{background-image:url('assets/images/contact.jpg');background-size:cover;background-position:center;position:relative}
.shape-contact-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.76),rgba(10,10,10,.56))}
.shape-contact-photo > *{position:relative;z-index:1}
.shape-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.shape-tag{padding:10px 14px;border-radius:999px;background:var(--shape-soft);font-size:.88rem;font-weight:700;color:#2f2c28}
.shape-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
.shape-project{position:relative;min-height:360px;border-radius:28px;overflow:hidden;background:#ddd}
.shape-project__image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s ease}
.shape-project:hover .shape-project__image{transform:scale(1.05)}
.shape-project__overlay{position:absolute;inset:auto 0 0 0;padding:24px;background:linear-gradient(180deg,transparent,rgba(8,8,8,.92));color:#fff}
.shape-project__meta{margin:0 0 6px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;opacity:.76}
.shape-project__title{margin:0;font-size:1.4rem;line-height:1.04;letter-spacing:-.03em}
.shape-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.shape-service{padding:28px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.shape-service__index{display:inline-block;margin-bottom:12px;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shape-accent);font-weight:800}
.shape-service h3{margin:0 0 10px;font-size:1.24rem;letter-spacing:-.03em}
.shape-progress-list{display:grid;gap:18px;margin-top:28px}
.shape-progress__label{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:800;text-transform:uppercase;font-size:.84rem;letter-spacing:.12em}
.shape-progress__track{height:12px;border-radius:999px;background:rgba(18,18,18,.10);overflow:hidden}
.shape-section--dark .shape-progress__track{background:rgba(255,255,255,.12)}
.shape-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--shape-accent),#f0a059)}
.shape-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.shape-quote{padding:28px;border-radius:24px;background:#f9f6f1;border:1px solid var(--shape-line)}
.shape-quote__avatar{width:68px;height:68px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:16px}
.shape-quote p{margin:0 0 14px;font-size:1rem;color:#4d4943}
.shape-quote strong{display:block;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}
.shape-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.shape-contact__info{padding:74px 64px;background:#fff}
.shape-contact__info h2{margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.94;letter-spacing:-.06em;text-transform:uppercase}
.shape-meta{display:grid;gap:14px;margin-top:28px}
.shape-meta strong{display:block;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:#26231f}
.shape-form-note{margin:0 0 20px;color:#5a554f}
.shape-form{display:grid;gap:14px}
.shape-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.shape-field{width:100%;border:1px solid var(--shape-line);background:rgba(255,255,255,.72);color:var(--shape-black);border-radius:18px;padding:15px 18px;outline:none}
.shape-field:focus{border-color:rgba(217,109,59,.5);box-shadow:0 0 0 4px rgba(217,109,59,.12)}
textarea.shape-field{min-height:170px;resize:vertical}
.shape-notice{margin:0 0 18px;padding:14px 16px;border-radius:18px;font-weight:700}
.shape-notice--success{background:#e9f6ea;color:#225a2a}
.shape-notice--error{background:#fff0ee;color:#8e4130}
.shape-footer{padding:28px 0 44px;background:var(--shape-paper)}
.shape-footer__inner{max-width:var(--shape-max);margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#59534d;font-size:.94rem}
.shape-project--1 .shape-project__image{background-image:url('assets/images/project-1.jpg')}
.shape-project--2 .shape-project__image{background-image:url('assets/images/project-2.jpg')}
.shape-project--3 .shape-project__image{background-image:url('assets/images/project-3.jpg')}
.shape-project--4 .shape-project__image{background-image:url('assets/images/project-4.jpg')}
.shape-project--5 .shape-project__image{background-image:url('assets/images/project-5.jpg')}
.shape-project--6 .shape-project__image{background-image:url('assets/images/project-6.jpg')}
.shape-avatar--1{background-image:url('assets/images/avatar-1.jpg')}
.shape-avatar--2{background-image:url('assets/images/avatar-2.jpg')}
.shape-avatar--3{background-image:url('assets/images/avatar-3.jpg')}
.shape-contact__info code{font-size:.94em}
@media (max-width:1180px){.shape-hero__grid,.shape-two-col,.shape-contact{grid-template-columns:1fr}.shape-hero__photo{min-height:540px}}
@media (max-width:920px){.shape-header__inner{padding:0 20px;min-height:74px}.shape-container,.shape-footer__inner{padding:0 20px}.shape-nav{display:none;position:absolute;left:16px;right:16px;top:74px;padding:14px;border-radius:22px;background:#fff;box-shadow:var(--shape-shadow);border:1px solid rgba(18,18,18,.08)}.shape-nav a,.shape-nav .shape-cta{display:block;width:100%;padding:14px 16px;min-height:0}.shape-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--shape-line);background:#fff;font-size:1.2rem;font-weight:900;cursor:pointer}.shape-header.is-open .shape-nav{display:grid;gap:8px}.shape-hero{padding-top:108px}.shape-hero__meta,.shape-services,.shape-quotes,.shape-form__row,.shape-work-grid{grid-template-columns:1fr}.shape-content,.shape-contact__info{padding:54px 24px}.shape-hero__photo{min-height:420px}}