:root{--ink:#16201d;--paper:#f1efe8;--line:rgba(22,32,29,.18);--white:#f7f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit}.loader{position:fixed;inset:0;z-index:100;background:#18211f;color:#fff;display:grid;place-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1) .25s}.loader.done{transform:translateY(-105%)}.loader-word{font:72px 'Italiana',serif;letter-spacing:.12em}.loader-line{position:absolute;left:0;bottom:0;height:2px;background:#fff;animation:load 1.2s ease both}@keyframes load{from{width:0}to{width:100%}}
.topbar{height:96px;position:absolute;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;color:#fff}.menu-button{justify-self:start;background:none;border:0;color:inherit;display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.18em;font:500 10px 'DM Sans';cursor:pointer}.menu-button i{display:block;width:16px;height:1px;background:currentColor;position:absolute}.menu-button i:first-child{transform:translateY(-3px)}.menu-button i:nth-child(2){transform:translateY(3px)}.menu-button span{margin-left:25px}.logo{text-decoration:none;text-align:center;line-height:.8}.logo span{font:30px 'Italiana',serif;display:block}.logo small{text-transform:uppercase;font-size:7px;letter-spacing:.5em;margin-left:.5em}.inquire{justify-self:end;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;font-size:10px;font-weight:500}.inquire span{margin-left:12px}
.menu-panel{position:fixed;inset:0;z-index:25;visibility:hidden;color:#fff}.menu-panel.open{visibility:visible}.menu-backdrop{position:absolute;inset:0;background:#18211f;transform:translateY(-100%);transition:.8s cubic-bezier(.76,0,.24,1)}.menu-panel.open .menu-backdrop{transform:none}.menu-content{position:relative;height:100%;padding:130px 8vw 50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;opacity:0;transition:.4s ease .4s}.menu-panel.open .menu-content{opacity:1}.menu-quote{font:clamp(24px,3vw,44px)/1.25 'Italiana',serif;color:#b9bcb3;margin:35px 0}.menu-content nav{display:flex;flex-direction:column}.menu-content nav a{display:grid;grid-template-columns:45px 1fr;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.17);text-decoration:none}.menu-content nav b{font-size:10px;color:#8f9891}.menu-content nav span{font:clamp(34px,5vw,68px) 'Italiana',serif}.menu-meta{position:absolute;left:8vw;right:8vw;bottom:40px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.16em}
.cinema-hero{height:100svh;min-height:700px;position:relative;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:-4%;background:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/Alis-Vastgoed-home-banner-01.jpg') center/cover no-repeat;animation:heroZoom 12s ease-out both}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.hero-film{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,15,14,.4),rgba(9,15,14,.15) 45%,rgba(9,15,14,.64)),linear-gradient(90deg,rgba(9,15,14,.2),transparent 50%)}.hero-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:80px}.micro{text-transform:uppercase;letter-spacing:.36em;font-size:9px;font-weight:500;margin:0 0 25px}.micro.dark{color:#52605b}.hero-center h1,.manifesto h2,.collection h2,.story-copy h2,.expertise h2,.contact-copy h2{font:clamp(70px,10vw,150px)/.83 'Italiana',serif;font-weight:400;letter-spacing:-.035em;margin:0}.hero-center h1 em,.manifesto h2 em,.collection h2 em,.story-copy h2 em,.expertise h2 em,.contact-copy h2 em{font-weight:400;color:#c5c8bd}.hero-sub{font-size:clamp(15px,1.4vw,19px);margin:34px 0;color:rgba(255,255,255,.78)}.hero-links{display:flex;gap:14px}.hero-links a{min-width:180px;padding:15px 20px;border:1px solid rgba(255,255,255,.45);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.hero-links a:last-child{border-color:transparent;border-bottom-color:#fff}.discover{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:8px}.discover i{display:block;width:1px;height:40px;background:rgba(255,255,255,.7);margin-top:13px}.hero-index{position:absolute;right:4.5vw;bottom:40px;font-size:8px;letter-spacing:.2em}.hero-index i{display:inline-block;width:36px;height:1px;background:#fff;vertical-align:middle;margin:0 8px}
.section-pad{padding:150px max(6vw,calc((100vw - 1320px)/2))}.manifesto{min-height:900px;position:relative;display:flex;align-items:center}.side-label{position:absolute;left:2vw;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;text-transform:uppercase;letter-spacing:.3em;font-size:8px}.manifesto-copy{width:78%;margin:auto;text-align:center;position:relative;z-index:2}.manifesto h2{font-size:clamp(56px,7vw,108px);line-height:.95}.manifesto-copy>p:last-child{max-width:580px;margin:45px auto 0;color:#68726d;line-height:1.9;font-size:14px}.manifesto-number{position:absolute;right:3vw;bottom:0;font:40vw/.7 'Italiana';color:rgba(22,32,29,.035);letter-spacing:-.17em}.manifesto-number span{font-size:.55em}
.collection{background:#d8dad2;padding:0 0 130px;overflow:hidden}.collection-head{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end;padding-bottom:80px}.collection h2{font-size:clamp(65px,8vw,125px)}.collection-head>p{color:#5f6964;line-height:1.8;max-width:420px}.property-track{display:flex;gap:28px;padding:0 6vw;overflow-x:auto;scrollbar-width:none;cursor:grab}.property-track::-webkit-scrollbar{display:none}.property-card{flex:0 0 min(73vw,820px)}.property-image{height:min(65vw,680px);display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;text-decoration:none;position:relative;overflow:hidden}.property-image:after{content:'';position:absolute;inset:0;background:rgba(17,25,23,.05);transition:.5s}.property-image:hover:after{background:rgba(17,25,23,.35)}.property-image span{position:relative;z-index:2;width:100px;height:100px;border-radius:50%;background:rgba(247,246,242,.92);display:grid;place-items:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:8px;opacity:0;transform:scale(.7);transition:.4s}.property-image:hover span{opacity:1;transform:none}.image-one{background-image:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/Alis-vastgoed-Den-Haag-02.jpg')}.image-two{background-image:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/alisvastgoed-banner-maatschappij-01.jpg')}.image-three{background-image:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/Alis-Vastgoed-home-banner-01.jpg')}.property-meta{display:grid;grid-template-columns:1fr auto;gap:8px;padding:22px 0}.property-meta p{grid-column:1/-1;text-transform:uppercase;letter-spacing:.16em;font-size:8px;color:#65706a;margin:0}.property-meta h3{font:32px 'Italiana';margin:0}.property-meta div{display:flex;gap:22px;font-size:10px;align-items:end}.track-note{margin:65px 6vw 0;display:flex;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.22em;font-size:8px}.track-note i{width:120px;height:1px;background:#707870}
.feature-story{min-height:900px;background:#18211f;color:#fff;display:grid;grid-template-columns:1.1fr .9fr}.story-media{padding:8vw 0 8vw 8vw}.story-image{height:100%;min-height:650px;background:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/Alis-vastgoed-Den-Haag-02.jpg') center/cover;filter:grayscale(1)}.story-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(55px,7vw,110px);line-height:.9}.story-copy>p:not(.micro){color:#aab0aa;line-height:1.9;max-width:470px;margin:40px 0}.line-link{align-self:flex-start;padding:15px 0;border-bottom:1px solid #fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.line-link span{margin-left:30px}
.expertise{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.expertise h2{font-size:clamp(65px,8vw,120px)}.expertise-title{position:sticky;top:120px;align-self:start}.expertise-list article{display:grid;grid-template-columns:45px 1fr 55px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.expertise-list b{font-size:9px;color:#85908a}.expertise-list h3{font:clamp(28px,3vw,46px) 'Italiana';font-weight:400;margin:0}.expertise-list p{grid-column:2;color:#6e7773;max-width:480px;font-size:13px;line-height:1.7}.expertise-list span{grid-row:1/3;grid-column:3;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.contact-stage{height:95svh;min-height:720px;position:relative;color:#fff}.contact-image{position:absolute;inset:0;background:url('https://alisvastgoed.nl/wp-content/uploads/2016/10/alisvastgoed-banner-maatschappij-01.jpg') center/cover}.contact-shade{position:absolute;inset:0;background:rgba(16,25,22,.58)}.contact-copy{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact-copy h2{font-size:clamp(65px,8vw,125px);line-height:.9}.contact-copy>p:not(.micro){max-width:500px;color:rgba(255,255,255,.73);line-height:1.7}.contact-circle{width:130px;height:130px;border-radius:50%;background:var(--white);color:var(--ink);text-decoration:none;display:grid;place-items:center;position:relative;margin-top:25px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.contact-circle b{position:absolute;right:23px;top:23px}
footer{background:#121916;color:#fff;padding:110px 6vw 30px}.footer-brand span{font:clamp(85px,15vw,220px)/.7 'Italiana';display:block}.footer-brand small{text-transform:uppercase;letter-spacing:.6em;font-size:9px}.footer-cols{margin:100px 0 80px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-cols div{display:flex;flex-direction:column;gap:10px}.footer-cols b{text-transform:uppercase;letter-spacing:.2em;font-size:8px;color:#7e8983;margin-bottom:10px}.footer-cols a{text-decoration:none;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:25px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#7e8983}.reveal{opacity:0;transform:translateY(45px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.topbar{height:76px}.inquire{font-size:0}.inquire span{font-size:14px}.menu-content{grid-template-columns:1fr;padding:110px 8vw 70px}.menu-quote{display:none}.menu-meta{flex-direction:column;gap:10px}.hero-center h1{font-size:65px}.hero-links{flex-direction:column}.hero-sub{padding:0 30px}.manifesto{min-height:720px}.manifesto-copy{width:100%}.side-label,.manifesto-number{display:none}.collection-head{grid-template-columns:1fr}.property-card{flex-basis:86vw}.property-image{height:68vh;min-height:520px}.property-meta{display:block}.property-meta div{margin-top:12px}.feature-story{grid-template-columns:1fr}.story-media{padding:40px 24px 0}.story-image{min-height:480px}.story-copy{padding:80px 24px}.expertise{grid-template-columns:1fr}.expertise-title{position:static}.section-pad{padding:100px 24px}.contact-copy{padding:0 24px}.footer-cols{grid-template-columns:1fr 1fr}.footer-cols div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{display:none}.hero-media{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.hero-media{background-image:url('images/hero.jpg')}.image-one{background-image:url('images/den-haag.jpg')}.image-two{background-image:url('images/bedrijfsruimte.jpg')}.image-three{background-image:url('images/hero.jpg')}.story-image{background-image:url('images/den-haag.jpg')}.contact-image{background-image:url('images/bedrijfsruimte.jpg')}
.hero-media{background-image:url('images/kantoren.jpg')}.story-image{background-image:url('images/vastgoed.jpg');filter:none}.contact-image{background-image:url('images/architectuur.jpg')}
.logo-image{display:flex;align-items:center;justify-content:center;width:190px;height:64px}.logo-image img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}.loader-logo{width:min(280px,65vw)}.loader-logo img{width:100%;filter:brightness(0) invert(1)}
.activities{background:#d8dad2}.activities-intro{display:grid;grid-template-columns:1fr .65fr;gap:8vw;align-items:end;margin-bottom:90px}.activities-intro .micro{grid-column:1/-1}.activities-intro h2,.process h2,.about-alis h2,.principles h2{font:clamp(62px,8vw,120px)/.88 'Italiana',Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:0}.activities-intro h2 em,.process h2 em,.about-alis h2 em,.principles h2 em{font-weight:400;color:#8a948d}.activities-intro>p:last-child{line-height:1.9;color:#5f6964;max-width:470px}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.activity-grid article{padding:55px;min-height:330px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.activity-grid b,.principle-grid span{font-size:9px;letter-spacing:.15em;color:#76817b}.activity-grid h3{font:clamp(34px,4vw,58px) 'Italiana',Georgia,serif;font-weight:400;margin:65px 0 20px}.activity-grid p{max-width:520px;color:#5f6964;line-height:1.8;font-size:14px}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.process-title{position:sticky;top:110px;align-self:start}.process-steps article{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:38px 0;border-bottom:1px solid var(--line)}.process-steps span{font-size:9px;color:#7e8983;margin-top:8px}.process-steps h3{font:clamp(34px,4vw,56px) 'Italiana',Georgia,serif;font-weight:400;margin:0 0 10px}.process-steps p{color:#68726d;line-height:1.8;max-width:520px}
.image-break{height:75svh;min-height:620px;background:url('images/alis-detail.jpg') center/cover no-repeat;display:flex;align-items:end;color:#fff;position:relative}.image-break:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(9,20,22,.72))}.image-break-copy{position:relative;z-index:2;padding:7vw}.image-break-copy h2{font:clamp(60px,8vw,120px)/.9 'Italiana',Georgia,serif;font-weight:400;margin:0}
.about-alis{display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw;align-items:center}.about-visual img{width:100%;height:720px;object-fit:cover}.about-copy>p:not(.micro){color:#5e6964;line-height:1.9;font-size:15px}.about-copy dl{margin:45px 0 0}.about-copy dl div{display:grid;grid-template-columns:120px 1fr;padding:15px 0;border-top:1px solid var(--line)}.about-copy dt{text-transform:uppercase;letter-spacing:.16em;font-size:8px}.about-copy dd{margin:0;font-size:12px;color:#59645f}
.principles{background:#d8dad2}.principles-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:end;margin-bottom:80px}.principles-head .micro{align-self:start}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.principle-grid article{padding:35px 28px 45px 0;border-right:1px solid var(--line);min-height:230px}.principle-grid article:not(:first-child){padding-left:28px}.principle-grid article:last-child{border-right:0}.principle-grid h3{font:31px 'Italiana',Georgia,serif;font-weight:400;margin:70px 0 10px}.principle-grid p{font-size:12px;color:#5e6964;line-height:1.7}.footer-logo{width:min(520px,80vw)}.footer-logo img{width:100%;filter:brightness(0) invert(1)}
@media(max-width:800px){.logo-image{width:130px}.activities-intro,.process,.about-alis,.principles-head{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr}.activity-grid article{padding:35px;min-height:280px}.process-title{position:static}.about-visual img{height:480px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article:nth-child(2){border-right:0}.image-break{min-height:520px}.footer-logo{width:230px}}