:root{--ink:#181914;--paper:#f0efe9;--sage:#b6bca2;--line:rgba(24,25,20,.2);--white:#f7f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.nav{height:86px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;color:white;border-bottom:1px solid rgba(255,255,255,.25)}.brand{font-size:20px;font-weight:600;letter-spacing:-.04em;text-decoration:none;color:inherit}.brand span{font-weight:400;margin-left:4px}.navlinks{display:flex;gap:38px}.navlinks a,.languages button{color:inherit;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.actions{display:flex;align-items:center;gap:25px}.languages{display:flex;gap:6px;align-items:center;font-size:10px}.languages button{border:0;background:none;padding:4px;opacity:.45;cursor:pointer}.languages button.active{opacity:1}.menu{display:none;background:none;border:0;width:34px}.menu i{display:block;height:1px;background:white;margin:7px 0}.hero{min-height:100svh;position:relative;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("https://izostone.mk/assets/parkline-building.jpg") center 42%/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,12,.72) 0%,rgba(14,16,12,.2) 62%,rgba(14,16,12,.42)),linear-gradient(0deg,rgba(14,16,12,.48),transparent 50%)}.hero-content{position:relative;z-index:2;min-height:100svh;padding:18vh 7vw 6vh;display:flex;flex-direction:column;justify-content:center}.overline,.section-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.hero h1,.section h2,.statement h2{font-family:Manrope,sans-serif;font-weight:300;letter-spacing:-.055em;line-height:.96;margin:3.5vh 0;font-size:clamp(60px,9.2vw,146px)}em{font-style:italic;font-weight:300}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:58%;margin-top:2vh}.hero-bottom p{max-width:370px;font-size:15px;line-height:1.6}.circle-link{width:62px;height:62px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;color:white;text-decoration:none;font-size:20px}.current-badge{position:absolute;z-index:3;right:3vw;bottom:4vh;display:grid;grid-template-columns:10px auto;gap:4px 9px;align-items:center;font-size:9px;letter-spacing:.15em}.current-badge span{width:7px;height:7px;background:#d6f46f;border-radius:50%}.current-badge small{grid-column:2}.section{padding:120px 7vw}.section-label{display:grid;grid-template-columns:75px auto;padding-bottom:18px;border-bottom:1px solid var(--line)}.manifesto-grid,.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:9vw;align-items:end}.manifesto h2,.projects h2,.contact h2{font-size:clamp(48px,6.5vw,105px)}.manifesto-copy{padding-bottom:2vh}.manifesto-copy p,.projects-heading>p{font-size:16px;line-height:1.7}.text-link{display:inline-block;margin-top:35px;color:inherit;font-size:11px;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.metrics div{padding:28px 0;border-right:1px solid var(--line);display:flex;align-items:end;gap:18px}.metrics strong{font:300 48px Manrope}.metrics span{font-size:9px;letter-spacing:.16em;padding-bottom:7px}.projects{background:var(--ink);color:var(--white)}.projects .section-label,.projects .project-meta{border-color:rgba(255,255,255,.2)}.projects-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:9vw;align-items:end;margin-bottom:80px}.projects-heading>p{max-width:420px;padding-bottom:22px}.project{margin-bottom:100px}.project-media{height:62vw;max-height:820px;background-position:center;background-size:cover;filter:saturate(.84)}.project-featured .project-media{height:52vw}.parkline{background-image:url("https://izostone.mk/assets/parkline-building.jpg")}.cr1{background-image:url("https://izostone.mk/assets/projects/corner-residence-1.jpg")}.cr2{background-image:url("https://izostone.mk/assets/projects/corner-residence-2.jpg")}.cr3{background-image:url("https://izostone.mk/assets/projects/corner-residence-3.jpg")}.project-meta{display:grid;grid-template-columns:1fr 1fr 1fr;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:9px;letter-spacing:.16em}.project-meta span:last-child{text-align:right}.project-title{display:flex;justify-content:space-between;align-items:end;padding-top:25px}.project-title h3{font:300 clamp(40px,5vw,78px)/.98 Manrope;margin:0;letter-spacing:-.045em}.project-title p{font-size:13px;line-height:1.6;max-width:320px;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.project-grid .project:nth-child(3){grid-column:1/-1;width:58%;margin-left:auto}.project-offset{margin-top:15vw}.statement{background:var(--sage);min-height:75vh;padding:15vh 7vw;display:flex;flex-direction:column;justify-content:center;text-align:center}.statement>p{font-size:10px;letter-spacing:.18em}.statement h2{font-size:clamp(44px,6vw,92px)}.contact-grid{align-items:start;padding-top:60px}.contact h2{margin:0}.contact-info{display:grid;gap:40px}.contact-info small{font-size:9px;letter-spacing:.18em}.contact-info p{line-height:1.7}.contact-info a{color:inherit}.contact-button{margin-top:20px;background:var(--ink);color:white!important;text-decoration:none;padding:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em}footer{background:var(--ink);color:white;padding:70px 3vw 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:9px;letter-spacing:.12em}footer div:last-child{text-align:right}.footer-brand{font-size:34px}.staging{position:fixed;z-index:30;left:12px;bottom:12px;background:#d6f46f;color:#111;padding:7px 10px;font-size:8px;letter-spacing:.16em}.fade{opacity:0;transform:translateY(25px);transition:.8s ease}.fade.visible{opacity:1;transform:none}@media(max-width:800px){.nav{height:70px;padding:0 20px}.navlinks{display:none}.menu{display:block}.languages{gap:3px}.hero-content{padding:18vh 22px 8vh;justify-content:flex-end}.hero h1{font-size:16vw;margin:20px 0}.hero-bottom{width:100%;align-items:center}.hero-bottom p{max-width:70%;font-size:13px}.circle-link{width:50px;height:50px}.current-badge{display:none}.section{padding:80px 22px}.section-label{grid-template-columns:50px auto}.manifesto-grid,.projects-heading,.contact-grid{grid-template-columns:1fr;gap:25px}.manifesto h2,.projects h2,.contact h2{font-size:13vw}.manifesto-copy p,.projects-heading>p{font-size:14px}.metrics{margin-top:60px;grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.projects-heading{margin-bottom:50px}.project-grid{grid-template-columns:1fr;gap:0}.project-grid .project:nth-child(3){grid-column:auto;width:auto;margin-left:0}.project-offset{margin-top:0}.project-media,.project-featured .project-media{height:105vw}.project{margin-bottom:75px}.project-title{display:block}.project-title h3{font-size:12vw;margin-bottom:18px}.statement{padding:12vh 22px;min-height:65vh}.statement h2{font-size:11vw}.contact-grid{padding-top:40px}footer{grid-template-columns:1fr;gap:25px;padding:55px 22px 75px}footer div:last-child{text-align:left}.footer-brand{font-size:30px}}