/* Parklab / Future landscapes — architectural editorial system */
:root{--paper:#f5f7fa;--surface:#fff;--sunk:#e8ecf3;--ink:#111b2d;--ink-2:#455165;--mute:#5d6879;--accent:#234dff;--accent-d:#143acb;--accent-w:#e9eeff;--gutter:clamp(22px,4vw,80px);--maxw:1800px;--sec:clamp(80px,10vw,170px);--r:0px;--t-body:1rem;--t-lede:clamp(1rem,1.3vw,1.25rem)}
html{scroll-padding-top:90px}body{overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}.mono{font-size:.75rem;letter-spacing:.07em}.btn{border-radius:0;box-shadow:none;min-height:48px;padding-inline:24px}.btn--sm{min-height:42px}.btn--solid:hover{box-shadow:none}.lk{font-size:1rem}.hdr{background:rgba(245,247,250,.94);border-bottom:1px solid rgba(17,27,45,.1)}.hdr__in{height:82px;max-width:none}.hdr__nav{gap:clamp(18px,2.5vw,42px)}.hdr__nav a,.hdr__tel{font-size:.875rem}.brand__wm{font-size:1.55rem;letter-spacing:-.07em}.brand__mark{width:23px;height:23px}.hdr.is-stuck{background:rgba(255,255,255,.96);box-shadow:none}.menu{top:82px}.menu-btn{border:0;width:44px;height:44px}.menu-btn span{width:21px}.hdr__tel{display:none}
.hero{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1250px;padding:0;display:flex;flex-direction:column;justify-content:space-between;background:#dce5ed;overflow:hidden}.hero__image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(236,243,249,.76),rgba(236,243,249,0) 60%),url('../../assets/img/future-landscape.jpg');background-position:center;background-size:cover}.hero::after{content:'';position:absolute;inset:55% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(5,17,30,.64))}.hero__copy{padding-top:clamp(120px,15vh,170px)}.eyebrow{padding:0;margin:0 0 36px;border:0;background:none;border-radius:0;font-size:.75rem;display:flex;gap:40px;letter-spacing:.08em}.eyebrow span{color:#3b5065}.hero__h{font-size:clamp(5rem,10.8vw,11.5rem);font-weight:500;letter-spacing:-.085em;line-height:.86;max-width:9ch}.hero__h em{font-style:normal;color:var(--accent)}.hero__intro{display:flex;align-items:center;gap:44px;margin-top:36px}.hero__intro p{font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.4;letter-spacing:-.02em}.round-link{display:grid;place-items:center;width:58px;height:58px;border:1px solid currentColor;border-radius:50%;font-size:1.8rem;transition:background .2s,color .2s}.round-link:hover{background:var(--ink);color:white}.hero__bottom{display:flex;justify-content:space-between;align-items:end;padding-bottom:34px;color:white;gap:24px}.hero__caption{display:grid;gap:8px;font-size:.8rem}.hero__caption .mono{color:white}.hero__project{display:flex;gap:35px;align-items:center;font-size:1rem;border-bottom:1px solid #ffffff80;padding-bottom:10px}.hero__project span{font-size:1.6rem}
.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:var(--sec)}.intro>.mono{padding-top:12px;color:var(--accent)}.intro h2{font-size:clamp(2.3rem,4.6vw,5rem);font-weight:500;line-height:1.04;letter-spacing:-.06em}.intro h2 em{font-style:normal;color:var(--accent)}.intro__foot{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:40px}.intro__foot p{max-width:400px;color:var(--ink-2);font-size:1.125rem}.intro__foot .lk{white-space:nowrap}
.experience{position:relative;background:#e9edf3;height:280svh}.experience__sticky{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;isolation:isolate}.experience__head{position:absolute;top:110px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;z-index:5}.experience__head .mono{color:var(--accent)}.experience__head .lk{font-size:.875rem}.experience__title{position:absolute;top:168px;z-index:3;pointer-events:none;max-width:none}.experience__title h2{font-size:clamp(2.6rem,5vw,5.4rem);font-weight:500;line-height:.98;letter-spacing:-.065em;max-width:9ch}.experience__title p{margin-top:22px;font-size:1rem;line-height:1.5;color:var(--ink-2)}.hero__stage{height:100%;position:relative}.stage{position:absolute;inset:90px 0 160px 20%;aspect-ratio:auto;max-height:none;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.stage::after{display:none}.stage__hint{bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;background:none;border:none;backdrop-filter:none;font-size:.75rem}.stage__fallback{overflow:hidden}.stage__fallback img{object-fit:contain}.cfg{position:absolute;bottom:115px;right:var(--gutter);left:var(--gutter);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;z-index:5}.cfg__lbl{font-size:.75rem}.seg{border:1px solid #c7ced9;background:#f5f7fa;padding:3px;border-radius:0}.seg__b{font-size:.875rem;min-height:40px;padding:6px 14px;border-radius:0}.seg__b.is-on{background:var(--ink);color:white;box-shadow:none}.experience__foot{position:absolute;bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;width:100%;max-width:none}.experience__foot>p{font-size:.75rem;max-width:230px;text-align:right}.journey{display:flex;gap:24px}.journey button{border:0;border-top:1px solid #bcc5d3;background:none;cursor:pointer;text-align:left;padding:12px 0 0;color:var(--ink-2);font-size:.875rem;min-height:48px}.journey button span{font-family:'Martian Mono',monospace;font-size:.75rem;margin-right:12px}.journey button[aria-current]{color:var(--accent);border-color:var(--accent)}.experience__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d6dce6}.experience__progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}.hot__dot{width:36px;height:36px;left:-18px;top:-18px;border-color:#6984d2;background:#ffffffe6;backdrop-filter:none}.hot__card{left:auto;right:24px;transform-origin:right top;width:min(250px,60vw)}.hot__card p:last-child{font-size:.875rem}.hot__card .mono{color:var(--accent)}
.strip{padding-block:20px;background:var(--ink);color:white;border:0}.strip__track span{color:#fff;font-size:.75rem}.strip__track i{border-radius:0;background:#90a7ff}.sec{display:grid;grid-template-columns:1fr 2fr;gap:16px 40px;margin-bottom:60px}.sec__n{grid-row:1 / 3;margin:10px 0 0}.sec__t{font-size:clamp(2.7rem,5vw,5.1rem);font-weight:500;letter-spacing:-.065em;line-height:.98}.sec__p{grid-column:2;margin-top:10px;max-width:46ch;line-height:1.6}.sec--split{display:flex;align-items:end;justify-content:space-between}.sec--split .sec__n{margin-bottom:24px}.cards{gap:30px}.card__media{aspect-ratio:4/5;border-radius:0;margin-bottom:24px}.card:nth-child(2){margin-top:90px}.card:nth-child(3){margin-top:180px}.card h3{font-size:clamp(2rem,3vw,3.5rem);font-weight:500;letter-spacing:-.055em}.card p{font-size:1rem}.card__n{font-size:.75rem}.tags{gap:6px 15px}.tags li{border:0;border-radius:0;padding:0;font-size:.75rem;text-transform:none;color:var(--ink-2)}.scope{border:0}.scope__grid{gap:0;border-top:1px solid var(--line)}.pkg{background:none;border:0;border-right:1px solid var(--line);padding:40px 35px;border-radius:0}.pkg:first-child{padding-left:0}.pkg:last-child{border:0}.pkg--lead{background:none;color:var(--ink)}.pkg--lead .ticks li,.pkg--lead .pkg__lead{color:var(--ink-2)}.pkg--lead .pkg__n{color:var(--accent)}.pkg--lead .ticks li::before{border-color:var(--accent)}.pkg h3{font-size:1.8rem;font-weight:500;letter-spacing:-.05em}.scope__note{font-size:.75rem;line-height:1.7}.steps{gap:25px}.step h3{font-size:1.125rem}.step p{font-size:1rem}.step__n{font-size:.75rem}
.work{background:#111b2d;color:white;border:0}.work .sec__n,.work .lk{color:#a4baff}.work__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:56px 32px;align-items:start}.tile,.tile--wide{grid-column:auto;overflow:visible;background:none;border-radius:0}.tile:first-child{grid-column:1 / -1}.tile img{height:auto;aspect-ratio:4/3;object-fit:cover}.tile:first-child img{aspect-ratio:2.2/1}.tile:hover img{transform:none;filter:brightness(1.07)}.tile__cap{position:static;padding:20px 0 0;background:none;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.tile__cap h3{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:500;letter-spacing:-.04em}.tile__cap .mono{font-size:.75rem;color:#bdc9dc}.assur__grid{border-radius:0;background:none;border:0;gap:0 40px}.fact{background:none;padding:28px 0;border-top:1px solid var(--line)}.fact h3{font-size:1.25rem}.fact p{font-size:1rem}.quote{padding:clamp(30px,5vw,80px);border-radius:0;margin-top:70px}.quote blockquote{font-size:clamp(2rem,4.3vw,4.7rem);font-weight:500;letter-spacing:-.06em;max-width:23ch}.quote figcaption{color:#fff;font-size:.75rem;margin-top:32px}.quiz{border:0}.quiz__intro .sec__n{margin:0 0 24px}.quiz__intro .sec__p{max-width:36ch}.quiz__box{border-radius:0;box-shadow:none;padding:clamp(24px,3vw,48px);background:var(--paper)}.opts span{font-size:1rem;padding:15px}.quiz__head .mono,.fld>.mono{font-size:.75rem}.summary .k{font-size:.75rem}.summary div{font-size:1rem}.quiz__note{font-size:.8rem;line-height:1.7}.clients__list li{font-size:1rem}.ftr{background:#111b2d}.ftr .mono{color:#b7c4d8;font-size:.75rem}.ftr__cta p{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em}.ftr__cols a{font-size:1rem;color:#c5cede}.ftr address{font-size:1rem;color:#c5cede}.ftr__base .dim{color:#b7c4d8}
@media(min-width:1600px){.stage{left:22%;right:3%}}
@media(max-width:1180px){.hdr__nav{gap:20px}.hero__h{font-size:clamp(5.5rem,12vw,9rem)}.stage{aspect-ratio:auto;left:12%;right:-4%}.experience__title h2{font-size:3.5rem}.experience__title p{max-width:210px}.experience__foot>p{display:none}.card:nth-child(2){margin-top:55px}.card:nth-child(3){margin-top:110px}.intro{grid-template-columns:1fr 2fr}.tile__cap{display:block}.tile__cap .mono{margin-top:8px}}
@media(max-width:960px){.hdr__act{margin-left:auto!important}.hero{min-height:720px}.hero__image{background-position:60% center}.intro,.sec{grid-template-columns:1fr}.intro>.mono{padding:0}.intro__foot{align-items:start}.sec__n{grid-row:auto;margin:0 0 16px}.sec__p{grid-column:1}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){margin-top:70px}.card:nth-child(3){margin-top:0;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.card:nth-child(3) .card__media{grid-row:1 / 5}.card:nth-child(3) .card__n{align-self:end}.scope__grid{grid-template-columns:1fr}.pkg,.pkg:first-child{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.experience__title{top:165px}.experience__title h2{font-size:3rem}.experience__title p{font-size:.875rem}.cfg{bottom:120px;justify-content:center}.experience__foot{bottom:30px}.journey{width:100%;justify-content:space-between;gap:16px}.journey button{font-size:.8rem}.stage{left:10%;right:-6%;top:190px;bottom:200px}.seg__b{font-size:.8rem;padding-inline:10px}.quiz__wrap{gap:48px}}
@media(max-width:640px){.hdr__in{height:72px;gap:12px}.brand__wm{font-size:1.4rem}.brand__mark{width:19px;height:19px}.hdr__act{gap:8px}.hdr__act>.btn{padding-inline:12px;font-size:.75rem;min-height:40px}.menu{top:72px}.hero{height:calc(100svh + 80px);min-height:740px;max-height:1000px}.hero__copy{padding-top:120px}.eyebrow{font-size:.75rem;margin-bottom:30px;display:block}.eyebrow span{display:none}.hero__h{font-size:clamp(4.8rem,17vw,7rem);letter-spacing:-.075em}.hero__intro{margin-top:28px;gap:25px}.hero__intro p{font-size:1rem}.round-link{width:48px;height:48px}.hero__image{background-position:61% bottom;background-image:linear-gradient(180deg,#edf3f8d9,transparent 70%),url('../../assets/img/future-landscape.jpg')}.hero__bottom{align-items:start;flex-direction:column;gap:24px}.hero__caption{font-size:.75rem}.hero__project{font-size:.875rem}.intro{gap:25px;padding-block:75px}.intro h2{font-size:2.3rem}.intro__foot{display:grid;gap:24px;margin-top:28px}.intro__foot p{font-size:1rem}.experience{height:220svh}.experience__sticky{min-height:780px}.experience__head{top:95px;gap:20px}.experience__head .mono{max-width:170px;font-size:.75rem}.experience__head .lk{font-size:.75rem;max-width:110px;text-align:right}.experience__title{top:165px}.experience__title h2{font-size:2.4rem;max-width:none}.experience__title p{display:none}.stage{inset:265px -4% 240px;aspect-ratio:auto;overflow:hidden}.cfg{bottom:95px;gap:8px}.cfg__row{gap:7px;justify-content:center}.cfg__lbl{font-size:.75rem}.cfg__row:nth-child(2)>.cfg__lbl{display:none}.seg__b{font-size:.75rem;padding-inline:9px;min-height:38px}.experience__foot{bottom:15px}.journey{gap:12px}.journey button{font-size:.75rem;line-height:1.45;flex:1}.journey button span{display:block;margin-bottom:4px}.stage__hint{font-size:.75rem;bottom:0}.hot__card{width:200px}.sec{margin-bottom:38px;gap:8px}.sec__t{font-size:2.8rem}.cards{grid-template-columns:1fr;gap:45px}.card:nth-child(2),.card:nth-child(3){margin:0;display:block;grid-column:auto}.card__media{aspect-ratio:1.2/1}.card h3{font-size:2.6rem}.card__n{margin-bottom:8px}.work__grid{grid-template-columns:1fr;gap:35px}.tile,.tile:first-child{grid-column:1}.tile:first-child img{aspect-ratio:4/3}.assur__grid{grid-template-columns:1fr}.quote{margin-top:40px}.quiz__box{padding:22px}.quiz__intro .sec__t{font-size:2.8rem}.ftr__cols{gap:25px 15px}.ftr__cols a{font-size:.875rem;overflow-wrap:anywhere}.summary div{gap:20px}.summary .v{overflow-wrap:anywhere}.strip__track{animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.experience{height:auto}.experience__sticky{position:relative;height:950px}.journey{display:none}.experience__progress{display:none}}
.experience.is-static{height:auto}.experience.is-static .experience__sticky{position:relative;height:900px}.experience.is-static .journey,.experience.is-static .experience__progress{display:none}
.quiz-preview{font-size:.8rem;color:var(--ink-2);margin-bottom:20px}
@media(max-height:760px){.experience{height:auto}.experience__sticky{position:relative;height:900px;min-height:0}.journey,.experience__progress{display:none}.experience__foot{bottom:35px}.cfg{bottom:90px}.stage{bottom:180px}}