/*
Theme Name: PROGRESS Cinematic
Theme URI: https://progress-mov.com/
Author: PROGRESS
Description: PROGRESS映像制作のためのシネマチックな1ページWordPressテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: progress-cinematic
*/
:root{--ink:#0d0c0a;--ivory:#eee8dc;--gold:#c7a064;--line:rgba(238,232,220,.18);--paper:#ded6c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:105px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{font:23px Georgia,serif;letter-spacing:.3em;white-space:nowrap}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:.38em;margin-top:8px;color:#bbb}.site-nav{margin-left:auto;display:flex;gap:34px;font:9px Arial,sans-serif;letter-spacing:.24em}.header-cta{margin-left:34px;border:1px solid #ffffff88;padding:14px 19px;font-size:10px;letter-spacing:.12em}.menu-toggle{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:22px}.hero{height:100svh;min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/progress-hero-light-v3.png') center/cover;filter:brightness(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c 0%,#0006 48%,#0001),linear-gradient(0deg,#0009,transparent 55%)}.hero-copy{position:relative;z-index:2;margin-left:10vw;max-width:800px}.eyebrow,.section-label{font:9px Arial,sans-serif;letter-spacing:.3em;color:var(--gold)}.hero h1{font-size:clamp(56px,7vw,105px);font-weight:400;line-height:1.35;letter-spacing:.08em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{padding-left:18px;border-left:1px solid var(--gold);font-size:12px;line-height:2.1;letter-spacing:.12em;color:#d6d0c5}.hero-foot{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:80px;padding:0 5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:8px Arial,sans-serif;letter-spacing:.2em}.hero-foot a{background:var(--ivory);color:#171512;padding:18px 28px;font:11px "Yu Mincho",serif;letter-spacing:.12em}.vision{padding:150px 10vw 165px}.vision h2{font-size:clamp(46px,6vw,86px);font-weight:400;line-height:1.65;letter-spacing:.1em;margin:55px 0 85px}.vision h2 i{display:block;font-style:normal;margin-left:15vw}.vision-copy{margin-left:48%;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;padding-top:28px;border-top:1px solid var(--line)}.vision-copy strong{font-size:15px;font-weight:400;letter-spacing:.12em}.vision-copy p{margin:0;font-size:11px;line-height:2.7;color:#aaa49a}.services{padding:130px 8vw;background:var(--paper);color:#171512}.services-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:75px}.services h2,.process h2,.contact h2{font-size:clamp(44px,5vw,70px);font-weight:400;line-height:1.5;letter-spacing:.1em;margin:0}.service-list{border-top:1px solid #9d9588}.service-row{min-height:135px;display:grid;grid-template-columns:65px 1fr 1fr;align-items:center;border-bottom:1px solid #9d9588}.service-row>span{font:9px Arial;color:#87663e}.service-row h3{font:24px Georgia,serif;letter-spacing:.14em;margin:0}.service-row p{font-size:10px;color:#6f685e}.service-row b{font-size:14px;font-weight:400}.process{padding:135px 10vw 150px}.process-main{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:55px}.steps{border-bottom:1px solid var(--line)}.step{display:grid;grid-template-columns:50px 1fr;padding:24px 0;border-top:1px solid var(--line)}.step>span{color:var(--gold)}.step b{font-size:19px;font-weight:400;letter-spacing:.18em}.step p{font-size:10px;line-height:2;color:#979087}.invitation{height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#0003,#0007),url('assets/progress-closing-photo-v2.png') center/cover}.invitation>p{font:9px Arial;letter-spacing:.32em;color:#d0a56d}.invitation h2{font-size:clamp(45px,5vw,70px);font-weight:400;line-height:1.55;letter-spacing:.1em;margin:28px 0}.invitation a{font:9px Arial;letter-spacing:.25em;border-bottom:1px solid var(--ivory);padding:13px 3px}.contact{padding:130px 10vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.contact h2{font-size:45px;margin-top:32px}.contact-intro>p:last-child{font-size:10px;line-height:2;color:#918a80}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px}.contact-form label{font-size:10px;letter-spacing:.1em}.contact-form small{color:var(--gold);margin-left:8px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 0;border:0;border-bottom:1px solid #5c5750;background:transparent;color:var(--ivory);border-radius:0;font:12px "Yu Mincho",serif;outline:none}.contact-form option{color:#111}.contact-form .wide,.contact-form button{grid-column:1/-1}.contact-form button{height:62px;border:1px solid #777068;background:transparent;color:var(--ivory);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:10px Arial;letter-spacing:.22em;cursor:pointer}.contact-form button:hover{background:var(--ivory);color:#161410}.notice{grid-column:1/-1;padding:18px;border:1px solid #97774d;color:#e6d1b1;font-size:12px}.honeypot{position:absolute!important;left:-9999px!important}.site-footer{min-height:130px;border-top:1px solid var(--line);padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}.site-footer p{font-size:10px;color:#928b81}.site-footer>small{font:8px Arial;color:#777}@media(max-width:780px){body.admin-bar .site-header{top:46px}.site-header{height:82px;padding:0 20px}.site-nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:25px;background:#111;flex-direction:column}.site-nav.open{display:flex}.header-cta{display:none}.menu-toggle{display:block}.hero-copy{margin:0 24px}.hero h1{font-size:50px}.hero-foot{padding:0 20px}.hero-foot span{display:none}.hero-foot a{margin:auto}.vision,.services,.process,.contact{padding:95px 24px}.vision h2{font-size:41px}.vision h2 i{margin-left:0}.vision-copy,.services-head,.process-main,.contact{grid-template-columns:1fr;margin-left:0;gap:42px}.service-row{grid-template-columns:42px 1fr;padding:25px 0}.service-row b{grid-column:2;font-size:12px}.service-row h3{font-size:18px}.invitation{height:520px}.invitation h2{font-size:38px}.contact-form{grid-template-columns:1fr}.contact-form .wide,.contact-form button{grid-column:auto}.site-footer{grid-template-columns:1fr;gap:22px}}