/*
Theme Name: Nexter Reference Match
Description: Reference-inspired responsive WordPress theme for Nexter digital advertising agency.
Version: 2.0.0
Author: OpenAI
Text Domain: nexter
*/
:root{--ink:#11191f;--muted:#657078;--line:#e6ebee;--cyan:#078ba8;--cyan2:#25b9c7;--pale:#f4f9fb;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;letter-spacing:.025em;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 64px));margin:0 auto}
.site-header{height:78px;background:rgba(255,255,255,.94);position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(10,30,40,.06)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:29px;font-weight:800;letter-spacing:-.055em;line-height:1}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:.18em;color:#5f6b71;margin-top:7px}.main-nav{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0;font-size:11px;font-weight:700;white-space:nowrap}.main-nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #19262d;border-radius:999px;padding:11px 23px;font-size:11px;font-weight:700;line-height:1.5;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);border-color:var(--cyan);color:white}.button-dark{background:#101820;color:#fff;border-color:#101820}.menu-toggle{display:none}
.hero{min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden;padding-top:78px;background:#edf5f7}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 27%,rgba(255,255,255,.67) 43%,rgba(255,255,255,0) 68%),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=2200&q=90') center 42%/cover no-repeat}.hero-copy{position:relative;z-index:1;width:50%;padding:64px 0 70px}.eyebrow,.section-label{font-size:9px;letter-spacing:.18em;color:#73818a;text-transform:uppercase;font-weight:700;margin:0 0 15px}.hero h1{font-size:clamp(40px,5vw,66px);font-weight:800;line-height:1.32;letter-spacing:.005em;margin:0 0 20px}.hero p:not(.eyebrow){font-size:14px;color:#303b42;max-width:350px;margin:0 0 24px}.hero .button{min-width:168px;background:linear-gradient(100deg,#0987aa,#24b9c4);border:0;color:white}.scroll-note{position:absolute;bottom:18px;left:max(32px,calc((100% - var(--max))/2));font-size:9px;letter-spacing:.18em;color:#52616a}.scroll-note:after{content:"";display:block;height:30px;width:1px;background:#74838a;margin:6px auto 0}
.section{padding:78px 0}.section h2{font-size:clamp(25px,3vw,37px);line-height:1.5;letter-spacing:.01em;margin:0 0 16px}.section-intro{font-size:12px;color:var(--muted);max-width:560px;margin:0 0 25px}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center}.about-copy{padding:0 0 0 5px}.about-copy .button{margin-top:12px;min-width:155px}.about-photo{height:320px;position:relative;background:url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1300&q=90') center/cover}.photo-note{position:absolute;left:28px;top:28px;background:#fff;padding:7px 12px;font-size:12px;line-height:1.7;font-weight:750}
.service-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px}.service-card{padding:8px 34px 10px;border-right:1px solid var(--line)}.service-card:first-child{padding-left:0}.service-card:last-child{border:0}.service-icon{color:#0a9cbd;font-size:31px;line-height:1.3;margin-bottom:8px}.service-card h3{font-size:17px;margin:0 0 0;font-weight:800}.service-card .en{display:block;font-size:10px;color:#859199;letter-spacing:.08em}.service-card p{font-size:11px;line-height:1.9;color:#59666e;margin:14px 0 13px}.arrow-link{font-size:12px;font-weight:750;color:var(--cyan)}
.approach{display:grid;grid-template-columns:1fr 1fr;min-height:320px;background:#f4f9fb}.approach-photo{min-height:320px;background:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1300&q=90') center/cover}.approach-copy{align-self:center;padding:48px clamp(30px,5vw,80px)}.approach-copy h2{font-size:clamp(23px,2.5vw,33px);line-height:1.5;margin:0 0 13px}.approach-copy .section-intro{margin-bottom:18px}
.stats-section{padding:55px 0 65px}.stats-section h2{font-size:25px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:42px;line-height:1.2;letter-spacing:-.05em}.stat span{display:block;font-size:10px;color:#65717a;margin-top:6px}
.feature-section{padding:0 0 24px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{min-height:205px;display:flex;align-items:center;padding:25px 30px;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.1) 100%),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1000&q=85') center/cover;border:1px solid #edf0f2}.feature-card:nth-child(2){background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.84) 48%,rgba(255,255,255,.12) 100%),url('https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1000&q=85')}.feature-card .section-label{margin-bottom:7px}.feature-card h3{font-size:23px;margin:0 0 6px}.feature-card p:not(.section-label){font-size:11px;color:#53616a;max-width:235px;margin:0 0 9px}
.cta{padding:45px 0;background:linear-gradient(90deg,rgba(13,37,47,.58),rgba(13,37,47,.25)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2000&q=90') center/cover;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:26px;line-height:1.5;margin:0 0 7px}.cta p{font-size:11px;margin:0;color:rgba(255,255,255,.9)}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cta .button:not(.button-primary){background:#fff;color:#17232a;border-color:#fff}
.site-footer{padding:37px 0 17px;background:white}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1fr;gap:25px}.footer-grid h4{font-size:11px;margin:0 0 9px}.footer-grid p,.footer-grid a{display:block;font-size:10px;color:#66727a;margin:4px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:23px;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#89939a}
.page-hero{padding:130px 0 52px;background:var(--pale)}.page-hero h1{font-size:42px;line-height:1.4;margin:0 0 8px}.page-hero p{margin:0;color:var(--muted)}.content-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card{border:1px solid var(--line);padding:20px}.content-card h3{font-size:17px;margin:10px 0}.content-card p{font-size:12px;color:var(--muted)}.contact-form{max-width:760px;margin:0 auto}.form-row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.form-row label{font-size:13px;font-weight:700}.form-row input,.form-row select,.form-row textarea{width:100%;padding:12px;border:1px solid #d8e0e4;border-radius:4px;font:inherit;font-size:13px}.form-row textarea{min-height:130px}.notice{background:#f4f9fb;padding:18px;font-size:12px;color:var(--muted)}
@media(max-width:1000px){.main-nav{gap:13px}.header-actions .button:first-child{display:none}.about-grid{gap:30px}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:68px}.brand{font-size:25px}.menu-toggle{display:block;border:0;background:transparent;font-size:23px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:22px 25px;box-shadow:0 15px 20px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start;gap:14px}.main-nav.is-open{display:flex}.header-actions .button{padding:9px 12px;font-size:9px}.hero{min-height:620px;padding-top:68px;align-items:flex-start}.hero:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 44%,rgba(255,255,255,.25) 100%),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85') 58% center/cover}.hero-copy{width:100%;padding:60px 0}.hero h1{font-size:40px}.section{padding:54px 0}.about-grid,.approach{grid-template-columns:1fr}.about-photo{height:235px;order:-1}.service-grid{grid-template-columns:1fr}.service-card,.service-card:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.approach-photo{min-height:225px}.approach-copy{padding:35px 22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.stat:nth-child(2){border:0}.stat strong{font-size:35px}.feature-grid,.content-list{grid-template-columns:1fr}.feature-card{min-height:180px;padding:22px}.cta-inner{align-items:flex-start;flex-direction:column}.cta h2{font-size:23px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.page-hero{padding:105px 0 40px}.page-hero h1{font-size:34px}.form-row{grid-template-columns:1fr;gap:8px}}