/*
Theme Name: NEWYORKER.YOU City Guide
Theme URI: https://newyorker.you/
Author: OpenAI
Description: Lightweight original WordPress theme for an independent New York relocation and city-living resource.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: newyorker-you
License: GPL-2.0-or-later
*/

:root{
  --forest:#153f37;
  --forest-2:#234d44;
  --sage:#76985a;
  --sage-pale:#e1ead7;
  --paper:#f5f6ef;
  --paper-2:#fbfcf7;
  --text:#173f37;
  --muted:#5f726c;
  --line:#d9ded2;
  --white:#fff;
  --max:1740px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{opacity:.78}
img{max-width:100%;height:auto;display:block}
.container-wide{width:min(calc(100% - 120px),1650px);margin-inline:auto}

.site-header{height:76px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:30}
.header-inner{width:100%;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{font-size:25px;line-height:1;font-weight:900;letter-spacing:-1.25px;color:var(--forest);font-style:normal}
.brand span{color:var(--forest)}
.brand em{font-style:normal;color:var(--sage)}
.primary-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.primary-nav a{font-size:13px;font-weight:700;color:#173d35;white-space:nowrap}
.primary-nav li:last-child a,.primary-nav .menu-cta a{display:inline-flex;align-items:center;min-height:44px;padding:0 19px;border:1px solid var(--forest);border-radius:5px}
.nav-toggle{display:none;border:0;background:transparent;color:var(--forest);font-size:24px}

.hero-split{display:grid;grid-template-columns:49.2% 50.8%;min-height:620px;border-bottom:1px solid var(--line)}
.hero-copy{background:var(--paper);display:flex;align-items:center}
.hero-copy-inner{width:100%;max-width:620px;margin-left:112px;padding:60px 48px 56px 0}
.eyebrow{display:flex;align-items:center;gap:10px;color:#214b42;font-size:11px;letter-spacing:3.2px;font-weight:800;margin-bottom:31px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--sage);flex:0 0 auto}
.hero-copy h1{font-weight:400;font-size:clamp(64px,5.35vw,104px);line-height:.94;letter-spacing:-5.4px;margin:0 0 34px;color:var(--forest)}
.accent-dot{color:var(--sage)}
.lead{max-width:500px;margin:0 0 32px;color:#64766f;font-size:16px;line-height:1.75}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:48px;padding:0 20px;border-radius:4px;font-size:12px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}
.button.primary{background:var(--forest);color:#fff;border:1px solid var(--forest);min-width:178px}
.button.secondary{background:transparent;color:#24483f;border:1px solid #bdc8bc;min-width:170px}
.button:hover{opacity:1;transform:translateY(-1px);box-shadow:0 8px 24px rgba(17,59,51,.08)}
.hero-footnote{margin-top:43px;font-size:10px;letter-spacing:1.15px;color:#687d74}
.hero-photo{position:relative;background-size:cover;background-position:center center;min-height:620px;overflow:hidden}
.coordinate-chip{position:absolute;left:30px;bottom:27px;background:rgba(18,58,50,.86);color:#fff;padding:10px 15px;font-size:10px;letter-spacing:.75px;font-weight:700}

.journey-bar{min-height:68px;background:var(--sage-pale);display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid #d7dfcf;color:#315249}
.journey-note{font-size:10px;letter-spacing:.35px}
.journey-steps{display:flex;align-items:center;gap:31px;font-size:17px}
.journey-steps i{font-style:normal;color:#718968;font-size:16px}

.intro-section{padding:82px 24px 92px;background:var(--paper)}
.intro-inner{max-width:980px;margin:0 auto;text-align:center}
.section-kicker{font-size:10px;letter-spacing:3px;font-weight:800;color:#285248;margin-bottom:19px}
.intro-section h2{margin:0;color:var(--forest);font-size:clamp(38px,4.2vw,67px);line-height:1.03;font-weight:400;letter-spacing:-3px}
.intro-section h2 span{color:#78935f}
.intro-section p{max-width:710px;margin:27px auto 0;color:#64766f;font-size:16px;line-height:1.8}

.path-section{padding:86px 0 96px;background:#edf1e8;border-top:1px solid #dde4d7}
.path-heading{display:grid;grid-template-columns:.42fr 1.58fr;gap:50px;align-items:start;margin-bottom:42px}
.path-heading h2{margin:0;font-size:clamp(34px,3.5vw,58px);font-weight:400;line-height:1.05;letter-spacing:-2.5px;max-width:940px}
.path-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c8d2c3}
.path-card{display:grid;grid-template-columns:56px 1fr 30px;gap:16px;padding:29px 16px 31px 0;border-bottom:1px solid #c8d2c3;align-items:start}
.path-card:nth-child(odd){border-right:1px solid #c8d2c3;padding-right:38px}
.path-card:nth-child(even){padding-left:38px}
.path-number{font-size:10px;letter-spacing:1px;color:#78935f;font-weight:800;padding-top:6px}
.path-content h3{font-size:23px;line-height:1.1;font-weight:600;margin:0 0 10px;letter-spacing:-.7px}
.path-content p{margin:0;color:#697c75;font-size:14px;line-height:1.65;max-width:520px}
.path-arrow{font-size:16px;color:#6e8765;text-align:right;padding-top:2px}

.latest-section{padding:88px 0 110px;background:var(--paper)}
.latest-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.latest-heading h2{margin:0;font-size:clamp(34px,3.4vw,56px);line-height:1.03;font-weight:400;letter-spacing:-2.5px}
.latest-heading>a{font-size:13px;font-weight:700;border-bottom:1px solid #9dac98;padding-bottom:3px}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{background:var(--paper-2);border:1px solid #dfe4da;overflow:hidden}
.post-card .thumb{display:block;aspect-ratio:16/10;background:linear-gradient(145deg,#dce7d3,#78935f);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card-body{padding:23px 23px 28px}
.post-meta{font-size:10px;letter-spacing:1.6px;color:#78935f;font-weight:800;text-transform:uppercase}
.post-card h3{font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.6px;margin:12px 0 10px}
.post-card p{margin:0;color:#697c75;font-size:14px}

.site-footer{background:var(--forest);color:#dce9df;padding:58px 0 28px;margin:0}
.footer-grid{width:min(calc(100% - 120px),1650px);margin:auto;display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:50px}
.footer-brand{font-size:27px;font-weight:900;letter-spacing:-1.3px;color:#fff}
.site-footer h4{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#a9c1af;margin:0 0 16px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px}
.footer-bottom{width:min(calc(100% - 120px),1650px);margin:38px auto 0;border-top:1px solid rgba(255,255,255,.16);padding-top:20px;color:#9eb3a6;font-size:11px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

.content-wrap{width:min(calc(100% - 40px),860px);margin:0 auto;padding:72px 0}
.content-wrap h1{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-4px;font-weight:400;margin:0 0 24px}
.content-wrap h2{font-size:34px;line-height:1.1;letter-spacing:-1px;margin-top:44px;font-weight:500}
.content-wrap p,.content-wrap li{font-size:17px;color:#536760}
.content-wrap blockquote{margin:30px 0;padding:24px 28px;border-left:3px solid var(--sage);background:#edf1e8;font-size:20px}
.article-meta{font-size:11px;color:#78935f;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:18px}
.archive-header{padding:70px 0 35px}.archive-header h1{font-size:clamp(48px,7vw,86px);letter-spacing:-4px;line-height:.95;margin:0;font-weight:400}

@media(max-width:1100px){
  .header-inner{padding:0 30px}.primary-nav ul{gap:18px}.hero-copy-inner{margin-left:54px}.journey-bar{padding:0 30px}.container-wide,.footer-grid,.footer-bottom{width:min(calc(100% - 60px),1650px)}
}
@media(max-width:900px){
  .site-header{height:70px}.nav-toggle{display:block}.primary-nav{display:none}.primary-nav.open{display:block;position:absolute;top:70px;left:20px;right:20px;background:var(--paper-2);border:1px solid var(--line);padding:18px;box-shadow:0 16px 40px rgba(18,58,50,.10)}.primary-nav.open ul{flex-direction:column;align-items:flex-start;gap:14px}
  .hero-split{grid-template-columns:1fr}.hero-copy-inner{margin:0 auto;padding:68px 28px;max-width:700px}.hero-photo{min-height:440px}.hero-copy h1{font-size:76px}.journey-bar{padding:18px 28px;gap:20px;flex-direction:column;align-items:flex-start}.journey-steps{gap:20px}.path-heading{grid-template-columns:1fr;gap:10px}.path-grid{grid-template-columns:1fr}.path-card:nth-child(odd){border-right:0;padding-right:0}.path-card:nth-child(even){padding-left:0}.posts-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .header-inner{padding:0 20px}.brand{font-size:21px}.hero-copy h1{font-size:58px;letter-spacing:-3.7px}.lead{font-size:15px}.hero-photo{min-height:340px}.coordinate-chip{left:18px;bottom:18px;font-size:8px}.journey-steps{font-size:15px;gap:14px}.intro-section{padding:66px 20px}.container-wide,.footer-grid,.footer-bottom{width:min(calc(100% - 36px),1650px)}.path-grid,.posts-grid,.footer-grid{grid-template-columns:1fr}.latest-heading{align-items:flex-start;flex-direction:column}.button{width:100%}
}
.container{width:min(calc(100% - 120px),1650px);margin-inline:auto}.section{padding:78px 0}.section.tight{padding:52px 0}
@media(max-width:1100px){.container{width:min(calc(100% - 60px),1650px)}}
@media(max-width:620px){.container{width:min(calc(100% - 36px),1650px)}}