/*
Theme Name: 4angels — Parametric Studio
Author: 4angels
Description: Image-led WordPress theme for parametric furniture and architectural elements.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fourangels
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f5;color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.site-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20}.logo{font-size:20px;font-weight:700;letter-spacing:.18em}.main-nav{display:flex;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.main-nav a:hover{opacity:.55}.nav-contact{border-bottom:1px solid;padding-bottom:3px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{height:100vh;min-height:650px;position:relative;overflow:hidden;background:#222;color:#fff}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-overlay{background:rgba(0,0,0,.3)}.hero-content{position:absolute;left:8vw;bottom:13vh}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 23px}.hero h1,.statement h2,.contact h2,.intro h2,.custom h2,.about h2,.section-head h2{font-weight:500;text-transform:uppercase;letter-spacing:-.05em;line-height:.93}.hero h1{font-size:clamp(48px,7vw,112px);margin:0 0 38px}.button{display:inline-block;padding:15px 23px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.button.light{color:#fff}.button.dark{color:#111}.scroll{position:absolute;right:5vw;bottom:42px;font-size:9px;letter-spacing:.16em}.section{padding:125px 8vw}.intro,.custom,.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1350px;margin:auto}.intro h2,.custom h2,.about h2,.section-head h2{font-size:clamp(44px,6vw,88px);margin:0 0 38px}.intro p,.custom-copy>p,.about-copy p{max-width:610px;font-size:17px;line-height:1.75;margin:0 0 17px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.projects{background:#fff}.section-head{margin-bottom:78px}.project{margin:0 0 105px}.project-image{height:72vh;min-height:500px;background:#d0d0cc;overflow:hidden}.project-image img,.full-image img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8d8d5,#b7b7b2);color:#555;text-align:center;font-size:12px;letter-spacing:.12em}.placeholder small{font-size:9px;letter-spacing:.03em}.project-caption{display:grid;grid-template-columns:55px 1fr auto;gap:20px;padding:17px 0;border-top:1px solid #aaa}.project-caption h3{margin:0;font-size:23px;font-weight:400}.project-caption p{margin:0;font-size:12px;color:#666}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.project-grid .project-image{height:58vh}.project-offset{margin-top:165px}.statement{background:#111;color:#fff;padding:150px 8vw}.statement-inner{max-width:1200px;margin:auto}.statement h2{font-size:clamp(70px,11vw,170px);margin:0 0 60px}.statement h2 em,.about h2 em{font-style:normal}.statement-text{max-width:540px;margin-left:auto;font-size:17px;line-height:1.75}.video-area{background:#111;padding:0 8vw 125px}.video-box{height:62vh;background:#333;color:#aaa;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;letter-spacing:.1em}.steps{margin:55px 0 45px;border-top:1px solid #aaa}.steps div{display:grid;grid-template-columns:45px 150px 1fr;padding:16px 0;border-bottom:1px solid #aaa;font-size:12px}.steps b{font-weight:400;color:#777}.steps strong{font-weight:500}.steps span{color:#666}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 24px}.product-image{height:420px;background:#d0d0cc;overflow:hidden}.product-card h3{margin:0;padding:14px 0;border-bottom:1px solid #aaa;font-size:16px;font-weight:400}.architects{background:#181818;color:#fff;padding:150px 8vw}.architects-inner{max-width:1100px;margin:auto}.architects h2{font-size:clamp(60px,9vw,135px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;font-weight:500;margin:0 0 50px}.architects-inner>p:not(.eyebrow){font-size:17px;max-width:560px;line-height:1.75;margin-bottom:55px}.resources{display:flex;flex-wrap:wrap;gap:10px 35px;border-top:1px solid #555;padding:20px 0 55px;font-size:10px;letter-spacing:.12em}.full-image{height:85vh;background:#aaa;overflow:hidden}.contact{background:#111;color:#fff;padding:155px 8vw;text-align:center}.contact h2{font-size:clamp(65px,9vw,140px);margin:0 0 35px}.contact p:not(.eyebrow){font-size:20px;margin:0 0 40px}footer{background:#111;color:#aaa;border-top:1px solid #333;padding:65px 8vw;display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:40px;font-size:11px}.footer-logo{color:#fff;font-size:20px;letter-spacing:.18em;font-weight:700}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.copyright{align-self:end}@media(max-width:850px){.site-header{height:70px;padding:0 6vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f7f7f5;color:#111;padding:25px 6vw;flex-direction:column}.main-nav.open{display:flex}.hero-content{left:6vw;right:6vw;bottom:12vh}.hero h1{font-size:16vw}.section{padding:90px 6vw}.intro,.custom,.about{grid-template-columns:1fr;gap:50px}.project-image{height:58vh;min-height:400px}.project-grid{grid-template-columns:1fr}.project-offset{margin-top:0}.statement{padding:100px 6vw}.statement h2{font-size:18vw}.statement-text{margin-left:0}.video-area{padding:0 6vw 90px}.video-box{height:50vh}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:320px}.architects{padding:100px 6vw}.architects h2{font-size:17vw}.full-image{height:60vh}footer{grid-template-columns:1fr 1fr;padding:55px 6vw}}@media(max-width:520px){.product-grid{grid-template-columns:1fr}.product-image{height:360px}.project-caption{grid-template-columns:40px 1fr}.project-caption p{grid-column:2}footer{grid-template-columns:1fr}}