:root{--bg:#0a0a0a;--bg-alt:#121212;--bg-card:#161616;--line:#2a2a2a;--text:#f2f0eb;--text-dim:#9a9793;--accent:#cfae6a;--accent-dim:#8a7548}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-weight:300;line-height:1.5;overflow-x:hidden}h1,h2,h3,.display{font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}section{padding:120px 0;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:16px;font-weight:500}.section-title{font-size:clamp(36px,6vw,64px);margin-bottom:20px}.section-lede{color:var(--text-dim);max-width:560px;font-size:16px;margin-bottom:56px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:1px solid var(--accent);color:var(--accent);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;transition:all .25s ease;cursor:pointer;background:transparent;font-family:Inter,sans-serif}.btn:hover,.btn.solid{background:var(--accent);color:#0a0a0a}.btn.solid:hover{background:var(--text);border-color:var(--text)}header{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:background .3s ease,padding .3s ease}header.scrolled{background:#0a0a0aeb;backdrop-filter:blur(8px);padding:16px 0;border-bottom:1px solid var(--line)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:.08em}.logo span{color:var(--accent)}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta{border:1px solid var(--text-dim);padding:10px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav-cta:hover{border-color:var(--accent);color:var(--accent)}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer}.burger span{width:24px;height:1.5px;background:var(--text)}.hero{height:100vh;position:relative;display:flex;align-items:flex-end;padding-bottom:100px;border-bottom:none;background:linear-gradient(180deg,#0a0a0a4d,#0a0a0ad9),url(https://picsum.photos/seed/frameform-hero/1800/1100) center/cover no-repeat}.hero-inner{max-width:820px}.hero .eyebrow{color:var(--accent)}.hero h1{font-size:clamp(48px,9vw,110px);line-height:.95;margin-bottom:24px}.hero p{color:var(--text-dim);font-size:18px;max-width:480px;margin-bottom:36px;font-weight:300}.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue:after{content:"";width:1px;height:32px;background:var(--text-dim);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.preview-strip{padding:100px 0;border-bottom:1px solid var(--line)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.preview-card{position:relative;aspect-ratio:4/5;overflow:hidden;cursor:pointer}.preview-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.preview-card:hover img{transform:scale(1.08)}.preview-tag{position:absolute;top:16px;left:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:#0a0a0ab3;padding:6px 12px;border:1px solid var(--line)}.services-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px}.service-card{border:1px solid var(--line);padding:32px;transition:border-color .2s}.service-card:hover{border-color:var(--accent)}.service-card .num{color:var(--accent);font-size:13px;letter-spacing:.1em;margin-bottom:20px;display:block}.service-card h3{font-size:26px;margin-bottom:12px}.service-card p{color:var(--text-dim);font-size:14px;margin-bottom:20px}.service-card a{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--accent);padding-bottom:3px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.filter-btn{padding:9px 18px;border:1px solid var(--line);background:transparent;color:var(--text-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;white-space:nowrap}.filter-btn:hover{color:var(--text);border-color:var(--text-dim)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.photo-grid{columns:3 260px;column-gap:20px}.photo-item{break-inside:avoid;margin-bottom:20px;position:relative;overflow:hidden;cursor:pointer;background:var(--bg-card)}.photo-item img{width:100%;display:block;transition:transform .5s ease,opacity .3s ease}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85) 100%);display:flex;align-items:flex-end;padding:18px;opacity:0;transition:opacity .3s}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay .meta-title{font-size:15px;font-weight:500}.photo-overlay .meta-sub{font-size:12px;color:var(--text-dim)}.hidden{display:none!important}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{position:relative;cursor:pointer;aspect-ratio:16/9;overflow:hidden;background:var(--bg-card)}.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card:hover img{transform:scale(1.08)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0a0a66;transition:all .2s}.video-card:hover .play-icon{background:var(--accent);border-color:var(--accent)}.play-icon:after{content:"";border-left:12px solid var(--text);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.video-card:hover .play-icon:after{border-left-color:#0a0a0a}.video-meta{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.video-meta .meta-title{font-size:14px;font-weight:500}.duration{position:absolute;top:12px;right:12px;font-size:11px;background:#0a0a0ab3;padding:3px 8px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.design-item{position:relative;aspect-ratio:1/1;overflow:hidden;cursor:pointer}.design-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.design-item:hover img{transform:scale(1.08)}.design-overlay{position:absolute;inset:0;background:#0a0a0abf;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity .3s;padding:20px}.design-item:hover .design-overlay{opacity:1}.design-overlay .meta-title{font-size:16px;margin-bottom:6px}.design-overlay .meta-sub{font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.modal-overlay{position:fixed;inset:0;background:#060606f5;z-index:1000;display:none;align-items:center;justify-content:center;padding:40px}.modal-overlay.open{display:flex}.modal-close{position:absolute;top:28px;right:32px;font-size:28px;cursor:pointer;color:var(--text-dim)}.modal-close:hover{color:var(--text)}.modal-content{max-width:1100px;width:100%;display:flex;gap:40px;align-items:center}.modal-media{flex:1.4;max-height:82vh;display:flex;align-items:center;justify-content:center}.modal-media img{max-height:82vh;width:auto;max-width:100%}.modal-media video,.modal-media iframe{width:100%;aspect-ratio:16/9;border:none}.modal-info{flex:1;max-width:300px}.modal-info h3{font-size:24px;margin-bottom:16px}.modal-info dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px;margin-bottom:20px}.modal-info dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.modal-info p{color:var(--text-dim);font-size:14px}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;color:var(--text-dim);cursor:pointer;padding:10px}.modal-nav:hover{color:var(--accent)}.modal-prev{left:20px}.modal-next{right:20px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.form-group input,.form-group select,.form-group textarea{background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text);font-family:Inter,sans-serif;font-size:15px;padding:10px 0}.form-group select option{background:#161616}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:110px}.checkbox-row{display:flex;gap:20px;flex-wrap:wrap}.checkbox-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);text-transform:none;letter-spacing:0}.info-panel{border-left:1px solid var(--line);padding-left:48px}.info-block{margin-bottom:36px}.info-block .eyebrow{margin-bottom:10px}.info-block a,.info-block p{font-size:15px;color:var(--text-dim)}.info-block a:hover{color:var(--accent)}.social-row{display:flex;gap:16px;margin-top:6px}.success-msg{display:none;padding:60px 0;text-align:center}.success-msg.show{display:block}.success-msg h3{font-size:32px;margin-bottom:12px}.success-msg p{color:var(--text-dim)}footer{padding:48px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-row p{font-size:12px;color:var(--text-dim)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:var(--text-dim)}.footer-links a:hover{color:var(--accent)}@media(max-width:900px){.nav-links{display:none}.burger{display:flex}.preview-grid,.services-row,.video-grid,.design-grid{grid-template-columns:1fr 1fr}.photo-grid{columns:2 200px}.contact-grid{grid-template-columns:1fr}.info-panel{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:40px}.modal-content{flex-direction:column}section{padding:80px 0}}@media(max-width:600px){.preview-grid,.services-row,.video-grid,.design-grid{grid-template-columns:1fr}.photo-grid{columns:1}.form-row{grid-template-columns:1fr}.wrap{padding:0 20px}.modal-nav{display:none}}