:root{--ink:#1c1d1b;--paper:#f4f2ed;--white:#fbfaf7;--olive:#66705c;--clay:#a45f46;--line:rgba(28,29,27,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,237,.95);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;line-height:.85;letter-spacing:.18em}.brand span{font-family:"Italiana",serif;font-size:28px}.brand small{font-size:9px;letter-spacing:.42em;margin-top:8px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:currentColor;transition:.25s}.site-header nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:10px 18px}.menu-button{display:none;border:0;background:none;font:inherit}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:48% 52%;position:relative;background:#eef0f1}.hero-copy{align-self:center;padding:9vw 2vw 8vw 7vw;z-index:1}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:600}.eyebrow{margin-bottom:28px}.hero h1,.manifesto blockquote,.about h2,.contact h2{font-family:"Italiana",serif;font-weight:400}.hero h1{font-size:clamp(48px,5.2vw,82px);line-height:1.02;margin:0 0 28px;max-width:800px}.intro{font-size:18px;font-weight:300;max-width:550px;margin:0 0 35px}.text-link{display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid;padding-bottom:5px;font-size:14px;text-transform:uppercase;letter-spacing:.11em}.text-link span{font-size:18px}.hero-image{background:url("aliana-hero.png") center/cover no-repeat;min-height:100%}.hero-index{position:absolute;right:5vw;bottom:30px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em}.hero-index i{display:block;width:80px;height:1px;background:var(--ink)}.manifesto{padding:130px 8vw;display:grid;grid-template-columns:18% 52% 1fr;gap:5vw;align-items:start}.section-number{margin:6px 0 20px;color:#5a5c57}.manifesto blockquote{font-size:clamp(36px,4vw,64px);line-height:1.15;margin:0}.manifesto-text{font-weight:300;margin-top:10px}.projects{padding:100px 6vw 130px;background:var(--white)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2,.method h2{font-family:"Italiana",serif;font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1;margin:0}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.project-card:first-child{grid-row:span 2}.project-art{height:330px;position:relative;overflow:hidden;background-size:cover}.project-card:first-child .project-art{height:710px}.project-art:before,.project-art:after{content:"";position:absolute}.project-one .project-art{background:linear-gradient(145deg,#e5ddd2 0 47%,#5e675a 47% 50%,#b6a082 50%)}.project-one .project-art:after{width:50%;height:44%;right:8%;bottom:12%;background:linear-gradient(90deg,#d9d0c4 50%,#f3ede4 50%);box-shadow:-60px -140px 0 -30px #7c684e}.project-two .project-art{background:linear-gradient(120deg,#d7c8b3 0 40%,#513d31 40% 43%,#d8d5ce 43%)}.project-two .project-art:after{width:55%;height:50%;right:9%;bottom:0;background:#9e7659;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.project-three .project-art{background:linear-gradient(160deg,#6c7668,#cad0c4)}.project-three .project-art:after{inset:18% 12%;border:14px solid #eeeae0;box-shadow:70px 35px 0 -10px #a35f47}.project-art span{position:absolute;z-index:2;top:18px;left:18px;background:var(--white);padding:7px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.project-meta h3{font-family:"Italiana",serif;font-size:28px;font-weight:400;margin:16px 0 0}.project-meta p{font-size:12px;color:#666}.prototype-note{font-size:12px;color:#777;margin-top:35px}.about{padding:140px 8vw;display:grid;grid-template-columns:44% 56%;background:#253128;color:#f5f2e9}.about-number{font-family:"Italiana",serif;font-size:clamp(120px,18vw,260px);line-height:.75;color:#d6ccba}.about-number span{font-size:.4em;vertical-align:top}.about-number small{display:block;font-family:"DM Sans",sans-serif;font-size:13px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;margin-top:35px;color:#f5f2e9}.about-copy{padding:0 4vw}.about-copy .section-number{color:#c3c9bf}.about h2{font-size:clamp(40px,4.2vw,65px);line-height:1.1;margin:20px 0 40px}.about-copy>p:not(.section-number){font-weight:300;max-width:680px}.about .text-link{margin-top:24px}.method{padding:130px 8vw;background:#d8d0c3}.method ol{list-style:none;padding:0;margin:60px 0 0;border-top:1px solid rgba(28,29,27,.28)}.method li{display:grid;grid-template-columns:10% 1fr;padding:28px 0;border-bottom:1px solid rgba(28,29,27,.28);transition:padding .25s}.method li:hover{padding-left:14px}.method li>span{font-size:12px}.method li div{display:grid;grid-template-columns:35% 1fr;align-items:baseline}.method h3{font-family:"Italiana",serif;font-weight:400;font-size:34px;margin:0}.method li p{max-width:520px;margin:0;font-weight:300}.contact{text-align:center;padding:140px 5vw;background:var(--clay);color:#fff}.contact h2{font-size:clamp(58px,8vw,115px);line-height:.95;margin:20px 0 55px}.contact-button{display:inline-flex;gap:28px;align-items:center;border:1px solid #fff;padding:18px 24px;text-transform:uppercase;letter-spacing:.12em;font-size:13px;transition:.25s}.contact-button:hover{background:#fff;color:var(--clay)}footer{padding:55px 6vw;display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;gap:30px;align-items:end;font-size:13px}footer p{margin:0}footer>div{display:flex;flex-direction:column}footer>small{text-align:right;color:#777}.footer-brand{align-self:center}
@media(max-width:900px){.site-header{height:76px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:30px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:auto;display:flex;flex-direction:column}.hero-copy{padding:80px 7vw 50px}.hero-image{height:52vw;min-height:330px;background-position:65% center}.hero-index{display:none}.manifesto{grid-template-columns:1fr;padding:85px 7vw}.manifesto-text{max-width:620px}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-row:auto}.project-card:first-child .project-art,.project-art{height:65vw;min-height:330px}.project-meta{display:block}.about{grid-template-columns:1fr;padding:90px 7vw}.about-number{margin-bottom:80px}.about-copy{padding:0}.method{padding:90px 7vw}.method li div{grid-template-columns:1fr;gap:8px}.contact{padding:100px 6vw}footer{grid-template-columns:1fr 1fr}footer>small{text-align:left}}@media(max-width:560px){.hero h1{font-size:44px}.hero-image{height:430px;background-position:72% center}.section-heading{display:block}.section-heading .text-link{margin-top:24px}.manifesto blockquote{font-size:38px}.project-card:first-child .project-art,.project-art{height:420px}.project-meta p{margin-top:0}.about-number{font-size:140px}.method li{grid-template-columns:16% 1fr}.contact h2{font-size:56px}footer{grid-template-columns:1fr}.footer-brand{align-self:start}footer>small{text-align:left}}