@font-face{font-family:"Inter Tight";src:url("/assets/fonts/inter-tight-latin.woff2") format("woff2");font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter Tight",Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.pe-skip{position:absolute;left:15px;top:-100px;z-index:100;padding:12px;background:#fff;color:#111}.pe-skip:focus{top:15px}:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.person{--ink:#262721;--paper:#f6f3ec;color:var(--ink);background:var(--paper)}
.pe-wrap{max-width:1500px;margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}
.pe-header{position:relative;z-index:10;display:flex;align-items:center;gap:35px;min-height:80px;padding-inline:clamp(22px,5vw,80px);border-bottom:1px solid currentColor}
.pe-wordmark{margin-right:auto;font-size:18px;font-weight:700;letter-spacing:-.04em}.pe-wordmark span{color:#b45538}.pe-header nav{display:flex;gap:28px}.pe-header nav a,.pe-header-cta{font-size:12px;font-weight:600}.pe-header a:hover{text-decoration:underline;text-underline-offset:5px}.pe-header-cta{padding-bottom:5px;border-bottom:1px solid currentColor}
.pe-kicker,.pe-overline{font-size:10px;font-weight:650;letter-spacing:.12em}.pe-overline{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid currentColor}.pe-overline span:last-child{font-weight:400}
.pe-action{display:inline-flex;justify-content:space-between;gap:70px;padding:14px 0;border-top:1px solid currentColor;font-size:14px;font-weight:650}
.pe-contact{padding-block:clamp(85px,10vw,150px)}.pe-contact>span{font-size:11px;font-weight:650;letter-spacing:.12em}.pe-contact h2{margin:40px 0 0;font-size:clamp(58px,9vw,135px);font-weight:490;line-height:.96;letter-spacing:-.08em}.pe-contact h2 em{font-family:Georgia,serif;font-weight:400}.pe-contact p{max-width:52ch;margin:29px 0 0;font-size:16px;line-height:1.55}.pe-contact a{display:inline-flex;gap:45px;justify-content:space-between;margin-top:35px;padding:16px 0;border-top:1px solid currentColor;font-size:14px;font-weight:650}.pe-footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(22px,5vw,80px);border-top:1px solid currentColor;font-size:10px;font-weight:650;letter-spacing:.08em}

/* Lena: a product decision becomes a warm modular composition. */
.person--lena{--paper:#f6f0e8;--ink:#2b2c27}.person--lena .pe-header{background:#f6f0e8}.la-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);min-height:min(850px,calc(100svh - 80px))}.la-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(50px,6vw,95px) clamp(22px,5vw,80px)}.la-hero h1{margin:40px 0 0;font-size:clamp(67px,7.5vw,123px);font-weight:500;line-height:.94;letter-spacing:-.075em}.la-hero h1 em{font-family:Georgia,serif;font-weight:400}.la-hero-copy>p:not(.pe-kicker){max-width:32ch;margin:37px 0 0;font-size:19px;line-height:1.45}.la-hero-copy .pe-action{margin-top:41px}.la-hero-art{position:relative;min-height:570px;overflow:hidden;background:#dd9d77}.la-hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#54271529 calc(25% - 1px) 25%),repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#54271529 calc(25% - 1px) 25%)}
.la-axis{position:absolute;top:28px;left:30px;font-size:11px;font-weight:650;letter-spacing:.13em}.la-shape{position:absolute;display:block}.la-shape--one{top:15%;left:12%;width:67%;height:56%;background:#efdbc6;transform:rotate(-10deg);box-shadow:16px 22px 0 #a74931}.la-shape--two{top:27%;left:24%;width:63%;height:50%;background:#ba5338;transform:rotate(8deg);box-shadow:12px 15px 0 #6b3d2c}.la-shape--three{top:34%;left:36%;width:40%;height:42%;border:32px solid #f3ddc8;border-radius:50%;transform:rotate(-10deg)}.la-art-label{position:absolute;right:9%;bottom:8%;padding:18px 23px;background:#f7f0e6;font-size:11px;line-height:1.7;box-shadow:9px 10px 0 #814936}
.pe-marquee{overflow:hidden;padding:15px 0;background:#aa482f;color:#fff5e8;font-size:13px;font-weight:650;letter-spacing:.12em;white-space:nowrap}.pe-marquee span{display:block;text-align:center}
.la-work{padding-block:clamp(85px,10vw,155px)}.la-work-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(40px,7vw,100px);padding-top:48px}.la-work h2,.la-principle blockquote{margin:0;font-size:clamp(60px,6vw,91px);font-weight:500;line-height:.99;letter-spacing:-.07em}.la-work-grid>div:first-child>p{max-width:35ch;margin-top:27px;font-size:17px;line-height:1.55}.la-case-switch{min-width:0;border-top:1px solid #5c5d55}.la-case-buttons{display:flex;gap:5px;padding-block:14px}.la-case-buttons button{flex:1;min-width:0;padding:13px 7px;border:0;background:transparent;color:#605d56;text-align:left;font-size:12px}.la-case-buttons button[aria-selected=true]{background:#a74931;color:#fff}.la-case-panel{min-height:430px;padding:clamp(25px,4vw,55px);background:#eac3aa}.la-case-panel[hidden]{display:none}.la-case-panel>span{font-size:10px;font-weight:650;letter-spacing:.1em}.la-case-panel h3{max-width:12ch;margin:55px 0 0;font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.065em}.la-case-panel p{max-width:55ch;font-size:16px;line-height:1.45}.la-case-drawing{display:flex;align-items:center;gap:16px;margin-top:30px;padding-top:14px;border-top:1px solid #74665a;font-size:12px}.la-case-drawing i{width:18px;height:18px;border:1px solid currentColor;border-radius:50%}.la-case-drawing span{font-size:24px}
.la-principle{padding-block:clamp(80px,9vw,135px);background:#242b27;color:#f5eee5}.la-principle blockquote{max-width:17ch;margin-top:70px;font-family:Georgia,serif;font-size:clamp(43px,6vw,90px);font-weight:400;font-style:italic}.la-principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:75px;padding-top:16px;border-top:1px solid #b5b9ad;font-size:13px}

/* Tarek: dark systems map, with a selectable explanation. */
.person--tarek{--ink:#dce6d7;--paper:#172620;background:#172620}.person--tarek .pe-header{border-color:#718779}.person--tarek .pe-wordmark span{color:#c3e59d}.td-hero{position:relative;min-height:min(830px,calc(100svh - 80px));padding-top:30px;padding-bottom:80px;overflow:hidden}.td-hero-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#adc5ab}.td-hero h1{position:relative;z-index:2;margin:clamp(90px,14vh,160px) 0 0;font-size:clamp(67px,10vw,155px);font-weight:450;line-height:.94;letter-spacing:-.08em}.td-hero h1 em{font-style:normal;color:#c6ea9f}.td-hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:60px;align-items:end;margin-top:55px}.td-hero-bottom p{max-width:47ch;margin:0;font-size:19px;line-height:1.45}.td-hero-bottom a{display:flex;justify-content:space-between;gap:40px;min-width:210px;padding-top:12px;border-top:1px solid currentColor;font-size:13px;font-weight:650}.td-hero-grid{position:absolute;right:5%;top:17%;width:45%;height:75%;pointer-events:none;background-image:linear-gradient(#a9caab24 1px,transparent 1px),linear-gradient(90deg,#a9caab24 1px,transparent 1px);background-size:50px 50px}.td-hero-grid span{position:absolute;right:20px;top:20px;font-size:9px;letter-spacing:.1em}.td-hero-grid i{position:absolute;width:14px;height:14px;border-radius:50%;background:#c6ea9f;box-shadow:0 0 0 20px #c6ea9f22}.td-hero-grid i:nth-of-type(1){left:20%;top:30%}.td-hero-grid i:nth-of-type(2){left:70%;top:50%}.td-hero-grid i:nth-of-type(3){left:40%;top:80%}.td-hero-grid b{position:absolute;bottom:15px;left:18px;font-size:10px;letter-spacing:.12em}
.td-system{padding-block:clamp(85px,10vw,155px);background:#dfebdb;color:#243228}.td-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);margin-top:48px}.td-system h2,.td-principles h2{margin:0;font-size:clamp(55px,6vw,90px);font-weight:460;line-height:.98;letter-spacing:-.07em}.td-system-grid>div:first-child>p{max-width:38ch;margin:26px 0 0;font-size:18px;line-height:1.5}.td-node-map{position:relative;display:flex;align-items:end;justify-content:space-between;gap:4px;height:330px;margin-top:40px;padding-bottom:25px}.td-node-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.td-node-map svg path{fill:none;stroke:#687c69;stroke-width:1.5}.td-node-map button{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;min-width:100px;padding:13px;border:1px solid #637667;background:#dfebdb;color:#243228;text-align:left}.td-node-map button:nth-of-type(2){align-self:start;margin-top:45px}.td-node-map button[aria-pressed=true]{background:#243228;color:#d8e7d1}.td-node-map button b{font-size:10px}.td-node-map button span{font-size:13px;font-weight:650}
.td-node-detail{display:flex;flex-direction:column;min-height:460px;padding:clamp(25px,4vw,55px);background:#243228;color:#e4f1da}.td-node-detail>span{font-size:10px;letter-spacing:.14em}.td-node-detail h3{max-width:13ch;margin:65px 0 0;font-size:clamp(38px,4vw,62px);font-weight:500;line-height:1.05;letter-spacing:-.06em}.td-node-detail p{max-width:43ch;margin:20px 0 0;font-size:16px;line-height:1.5}.td-code{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:24px;border-top:1px solid #9caf9c;font-family:ui-monospace,monospace;font-size:10px}
.td-principles{padding-block:clamp(85px,10vw,155px);background:#1d3228}.td-principles h2{margin-top:50px}.td-principles h2 em{font-family:Georgia,serif;color:#c6ea9f;font-weight:400}.td-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:90px}.td-principle-grid article{padding-top:18px;border-top:1px solid #829887}.td-principle-grid span{font-size:10px}.td-principle-grid h3{margin:35px 0 0;font-size:clamp(29px,3vw,45px);font-weight:500;letter-spacing:-.05em}.td-principle-grid p{max-width:30ch;font-size:15px;line-height:1.5}.person--tarek .pe-contact{background:#c6ea9f;color:#1b2d23}

/* Mila: an editorial notebook with a single continuously drawn line. */
.person--mila{--paper:#eeeaf0;--ink:#28232c}.person--mila .pe-wordmark span{color:#8b6b93}.mn-hero{min-height:min(850px,calc(100svh - 80px));padding-block:30px 90px}.mn-hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.mn-hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:clamp(30px,7vw,110px);align-items:center;margin-top:70px}.mn-hero h1{margin:0;font-size:clamp(65px,8vw,123px);font-weight:470;line-height:.97;letter-spacing:-.08em}.mn-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#806688}.mn-hero-grid>div:first-child>p{max-width:40ch;margin:40px 0 0;font-size:19px;line-height:1.5}.mn-hero-grid>div:first-child>a{display:inline-flex;justify-content:space-between;gap:55px;margin-top:35px;padding-top:12px;border-top:1px solid currentColor;font-size:14px;font-weight:650}
.mn-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:470px;background:#d2c8d7;overflow:hidden}.mn-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#846c8c55 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#846c8c55 50%,transparent 50.1%)}.mn-mark i{position:absolute;width:280px;height:280px;border:1px solid #806688;border-radius:50%;transform:rotate(-25deg) scaleX(.76)}.mn-mark span,.mn-mark strong,.mn-mark b{position:relative;z-index:1}.mn-mark span{font-family:Georgia,serif;font-size:44px;font-style:italic}.mn-mark b{margin:15px;color:#806688;font-size:40px;font-weight:400}.mn-mark strong{font-size:52px;font-weight:480;letter-spacing:-.06em}
.mn-approach{padding-block:clamp(85px,10vw,155px);background:#f9f6ef}.mn-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);margin-top:50px}.mn-approach h2,.mn-notes h2{margin:0;font-size:clamp(53px,6vw,91px);font-weight:480;line-height:1.02;letter-spacing:-.07em}.mn-approach h2 em{font-family:Georgia,serif;font-weight:400}.mn-steps details{border-top:1px solid #96918f}.mn-steps details:last-child{border-bottom:1px solid #96918f}.mn-steps summary{display:grid;grid-template-columns:45px 1fr 30px;gap:14px;align-items:center;padding:21px 0;cursor:pointer;list-style:none}.mn-steps summary::-webkit-details-marker{display:none}.mn-steps summary span{font-size:11px}.mn-steps summary strong{font-size:clamp(25px,2.8vw,42px);font-weight:480;letter-spacing:-.05em}.mn-steps summary b{font-size:25px;font-weight:400}.mn-steps details[open] summary b{transform:rotate(45deg)}.mn-steps details p{max-width:46ch;margin:0 0 28px 59px;font-size:16px;line-height:1.55}
.mn-notes{padding-block:clamp(85px,10vw,155px)}.mn-notes h2{margin-top:48px}.mn-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:65px}.mn-note-grid article{min-height:270px;padding:20px;background:#d8cedb}.mn-note-grid article:nth-child(2){transform:translateY(35px);background:#e4dbe0}.mn-note-grid article:nth-child(3){transform:translateY(70px);background:#cdc2d0}.mn-note-grid span{font-size:10px;letter-spacing:.1em}.mn-note-grid p{max-width:15ch;margin:75px 0 0;font-family:Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1.18}.person--mila .pe-contact{background:#322c38;color:#f4eff5}

@media(max-width:900px){.la-hero h1{font-size:clamp(60px,7vw,85px)}.la-hero-art{min-height:500px}.td-node-map button{min-width:80px;padding:9px}.td-node-map button span{font-size:11px}.mn-hero h1{font-size:clamp(58px,7vw,88px)}}
@media(max-width:700px){.pe-header{min-height:66px;gap:13px}.pe-wordmark{font-size:15px}.pe-header nav{display:none}.pe-header-cta{font-size:10px}.pe-footer{font-size:9px}.pe-contact h2{font-size:clamp(49px,10vw,75px)}.la-hero{grid-template-columns:1fr}.la-hero-copy{padding-block:64px}.la-hero h1{margin-top:29px;font-size:clamp(60px,11vw,82px)}.la-hero-copy>p:not(.pe-kicker){font-size:17px}.la-hero-art{min-height:420px}.la-work-grid,.td-system-grid,.mn-hero-grid,.mn-approach-grid{grid-template-columns:1fr}.la-work-grid{gap:36px}.la-work h2,.td-system h2,.td-principles h2,.mn-approach h2,.mn-notes h2{font-size:clamp(50px,10vw,72px)}.la-case-buttons button{font-size:10px}.la-case-panel{min-height:390px}.la-case-panel h3{margin-top:40px;font-size:clamp(39px,8vw,55px)}.la-principle blockquote{font-size:clamp(38px,8vw,59px)}.la-principle-row{grid-template-columns:1fr;gap:11px;margin-top:45px}.td-hero{min-height:690px;padding-bottom:55px}.td-hero-top span:last-child{display:none}.td-hero h1{margin-top:100px;font-size:clamp(58px,10vw,80px)}.td-hero-bottom{display:block;margin-top:50px}.td-hero-bottom p{font-size:17px}.td-hero-bottom a{max-width:250px;margin-top:36px}.td-hero-grid{top:17%;right:-18%;width:90%;height:67%;opacity:.43}.td-system-grid{gap:25px}.td-node-map{height:255px;margin-top:20px}.td-node-detail{min-height:395px}.td-node-detail h3{margin-top:45px}.td-principle-grid{grid-template-columns:1fr;gap:27px;margin-top:55px}.td-principle-grid h3{margin-top:20px}.mn-hero{min-height:0;padding-bottom:70px}.mn-hero-grid{gap:45px;margin-top:60px}.mn-hero h1{font-size:clamp(58px,10vw,78px)}.mn-hero-grid>div:first-child>p{font-size:17px}.mn-mark{min-height:350px}.mn-approach-grid{gap:30px}.mn-note-grid{grid-template-columns:1fr;gap:12px;margin-top:38px}.mn-note-grid article,.mn-note-grid article:nth-child(2),.mn-note-grid article:nth-child(3){min-height:220px;transform:none}.mn-note-grid p{margin-top:57px}}
@media(max-width:390px){.la-hero h1,.td-hero h1,.mn-hero h1{font-size:55px}.pe-contact h2{font-size:44px}.la-case-buttons button{font-size:9px}.td-node-map button{min-width:70px}.td-node-map button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Complete project stories turn the three original studies into readable portfolios. */
.pe-evidence{padding-block:clamp(85px,9vw,140px)}
.pe-evidence h2{margin:45px 0 60px;font-size:clamp(57px,6.5vw,96px);font-weight:500;line-height:.98;letter-spacing:-.075em}
.pe-evidence h2 em{font-family:Georgia,serif;font-weight:400}
.pe-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pe-evidence-grid article{min-width:0;min-height:390px;padding:30px;background:#efe5d9}
.pe-evidence-grid article>span{font-size:10px;font-weight:700;letter-spacing:.13em}
.pe-evidence-grid h3{max-width:16ch;margin:65px 0 20px;font-size:clamp(38px,4vw,59px);font-weight:500;line-height:1;letter-spacing:-.06em}
.pe-evidence-grid p{max-width:51ch;font-size:16px;line-height:1.5}
.pe-evidence-grid dl{margin-top:32px}
.pe-evidence-grid dl div{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:13px 0;border-top:1px solid currentColor;font-size:13px;line-height:1.4}
.pe-evidence-grid dt{font-weight:700}.pe-evidence-grid dd{margin:0}
.pe-evidence-note{max-width:65ch;margin-top:25px;font-size:12px;line-height:1.5}
.pe-evidence--lena{background:#f6f0e8}.pe-evidence--lena .pe-evidence-grid article:first-child{background:#dfaa89}.pe-evidence--lena .pe-evidence-grid article:last-child{background:#e3cfb9}
.pe-evidence--tarek{background:#dfeadb;color:#243228}.pe-evidence--tarek .pe-evidence-grid article:first-child{background:#bcd6ac}.pe-evidence--tarek .pe-evidence-grid article:last-child{background:#c8dac5}
.pe-evidence--mila{background:#eeeaf0}.pe-evidence--mila .pe-evidence-grid article:first-child{background:#d7c7dc}.pe-evidence--mila .pe-evidence-grid article:last-child{background:#dfd8e3}
@media(max-width:700px){.pe-evidence{padding-block:75px}.pe-evidence h2{margin:35px 0 35px;font-size:clamp(47px,10vw,72px)}.pe-evidence-grid{grid-template-columns:1fr;gap:12px}.pe-evidence-grid article{min-height:0;padding:23px}.pe-evidence-grid h3{margin:45px 0 15px;font-size:clamp(37px,8vw,53px)}.pe-evidence-grid dl div{grid-template-columns:100px 1fr}}