.wrap{width:min(1380px,calc(100% - 48px));margin-inline:auto}
.nav{position:sticky;top:0;z-index:40;background:rgba(246,240,231,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(57,38,25,.06)}
.nav-inner{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.nav-links{display:flex;align-items:center;gap:7px}
.nav-links a,.nav-action{padding:10px 18px;border-radius:999px;background:var(--pill);font-size:12px;white-space:nowrap;transition:background .25s,transform .25s}
.nav-links a:hover,.nav-action:hover{background:#e2d4c2;transform:translateY(-2px)}
.brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.04em}
.brand-symbol{width:36px;height:36px;border:1px solid var(--brown);border-radius:50%;display:grid;place-items:center;font:italic 24px Georgia,serif}
.nav-right{justify-self:end;display:flex;align-items:center;gap:10px}
.nav-action{background:var(--brown);color:#fff6ea;padding:11px 23px}
.nav-action:hover{background:#614735}
.menu-toggle{display:none;background:var(--pill);border:0;width:40px;height:40px;border-radius:50%;font-size:20px;color:var(--ink)}
.mobile-menu{display:none}
.hero{padding-top:92px;text-align:center}
.hero h1{font-size:clamp(53px,7.5vw,112px);line-height:.97;letter-spacing:-.065em;font-weight:400;margin:27px auto 19px}
.hero h1 em{color:#806b5c}
.hero-sub{font:italic clamp(16px,1.55vw,21px) Georgia,serif;color:#877261}
.hero-stage{position:relative;margin-top:38px;height:clamp(560px,48vw,770px);overflow:hidden;border-radius:34px;background:linear-gradient(140deg,#dfd3c2,#9daeb1 62%,#809397);isolation:isolate;box-shadow:0 38px 90px -56px rgba(58,37,23,.5)}
.hero-stage .landscape,.landscape-bento,.landscape-cta{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-stage .landscape{z-index:-2;object-position:center}
.hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(246,228,206,.1),transparent 35%,rgba(44,35,28,.20))}
.scene-meta{position:absolute;left:28px;top:25px;color:#fff8eb;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:700;text-shadow:0 2px 13px #241c1555}
.scene-count{position:absolute;right:28px;top:25px;color:#fff8eb;font-size:10px;letter-spacing:.15em;text-shadow:0 2px 13px #241c1555}
.hero-glass{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:min(890px,85%);display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border-radius:25px;text-align:left;background:var(--glass);border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(25px) saturate(135%);backdrop-filter:blur(25px) saturate(135%);box-shadow:0 28px 52px -26px rgba(43,26,18,.53),inset 0 1px 0 rgba(255,255,255,.6)}
.glass-main{padding:33px;display:flex;flex-direction:column;justify-content:space-between;gap:29px}
.glass-preview{padding:25px;border-left:1px solid rgba(255,255,255,.45);display:flex;flex-direction:column;gap:15px}
.hero-scroll{display:flex;gap:12px;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#998473;margin:29px 0 108px}
.hero-scroll:before,.hero-scroll:after{content:"";width:34px;height:1px;background:#d4c4b2}
.section{padding-bottom:117px}
.section-head{text-align:center;max-width:720px;margin:0 auto 42px}
.section-head .section-desc{margin:auto}
.bento-stage{position:relative;overflow:hidden;isolation:isolate;padding:72px 38px 38px;border-radius:34px;background:#d7ded8}
.bento-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(246,240,231,.82),rgba(246,240,231,.35) 43%,rgba(246,240,231,.7))}
.landscape-bento{z-index:-2;filter:saturate(.75)}
.bento-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:15px}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.toolkit-stage{background:#ebe2d6;border-radius:30px;padding:62px 38px 40px}
.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.thinking-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:start}
.closing{position:relative;min-height:440px;border-radius:34px;overflow:hidden;display:flex;align-items:flex-end;padding:55px;isolation:isolate;background:#cfcec1}
.closing:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,240,231,.93),rgba(246,240,231,.55) 55%,rgba(246,240,231,.09))}
.landscape-cta{z-index:-2;object-position:center 52%}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:50px 0 30px;color:#8c7868;font-size:11px}
.footer strong{color:var(--ink);font-size:15px;letter-spacing:.04em}
