/* The selected personal sites have their own case artifacts and visitor journeys. */
.pc-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:clamp(35px,7vw,125px);align-items:start}
.pc-contact-panel{padding:clamp(24px,3vw,44px);background:rgba(255,255,255,.12);border:1px solid currentColor}
.pc-contact-panel>span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em}
.pc-contact-panel>p{max-width:45ch;margin:22px 0 30px;font-size:15px;line-height:1.5}
.pc-demo-form{display:grid;gap:17px}.pc-demo-form label{display:grid;gap:8px;font-size:12px;font-weight:650;letter-spacing:.03em}
.pc-demo-form input,.pc-demo-form textarea{width:100%;padding:15px 14px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:15px;letter-spacing:0}
.pc-demo-form textarea{resize:vertical;min-height:110px}.pc-demo-form input::placeholder,.pc-demo-form textarea::placeholder{color:currentColor;opacity:.55}
.pc-demo-form button{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;margin-top:9px;padding:17px 0;border:0;border-top:1px solid currentColor;background:none;color:inherit;text-align:left;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.pc-demo-form button:hover span{transform:translate(3px,-3px)}.pc-demo-form button span{transition:transform .2s}.pc-demo-status{min-height:1.5em;margin:0!important;font-size:13px!important;font-weight:650}
.px--aylin .pc-contact-panel{background:#e1d7bf}.px--noah .pc-contact-panel{background:#1e3156;color:#edf3e9}.person--tarek .pc-contact-panel{background:#b2d68d;color:#1b2d23}

/* Aylin: a field report, not a decorative project card. */
.ab-field{padding-block:clamp(85px,10vw,150px);background:#e3ddc8;color:#2e352c}
.ab-field-heading{display:grid;grid-template-columns:1fr .55fr;gap:8%;align-items:end;margin:55px 0 65px}
.ab-field h2{margin:0;font-size:clamp(62px,7.5vw,118px);line-height:.94}.ab-field h2 em{color:#af5c38}
.ab-field-heading>p{max-width:43ch;margin:0;font-size:18px;line-height:1.55}
.ab-field-board{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);background:#f1ead7;box-shadow:14px 14px 0 #c6c5a8}
.ab-field-map{position:relative;padding:22px 22px 20px}.ab-field-caption{display:block;margin-bottom:15px;font-size:10px;font-weight:700;letter-spacing:.16em}
.ab-field-map svg{display:block;width:100%;height:auto;border:1px solid #7a836f}
.ab-field-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:17px;font-size:11px;font-weight:650}.ab-field-legend span{display:flex;align-items:center;gap:7px}.ab-field-legend i{width:12px;height:12px;background:#426e58}.ab-field-legend span:nth-child(2) i{background:#544c3b}.ab-field-legend span:nth-child(3) i{background:#aa553b}
.ab-field-notes{display:flex;flex-direction:column;padding:27px 32px;background:#304d43;color:#f1ead7}.ab-field-notes>span{margin-bottom:20px;font-size:10px;font-weight:700;letter-spacing:.14em}
.ab-field-notes>div{padding:17px 0;border-top:1px solid #829887}.ab-field-notes b{font-size:14px}.ab-field-notes p{margin:9px 0 0;font-size:14px;line-height:1.5}.ab-field-notes a{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid #829887;font-size:13px;font-weight:700}
.ab-field-foot{display:grid;grid-template-columns:.35fr 1fr;gap:8%;padding-top:25px;margin-top:35px;border-top:1px solid #8a907b}.ab-field-foot span{font-size:11px;font-weight:700;letter-spacing:.1em}.ab-field-foot strong{max-width:34ch;font-family:Georgia,serif;font-size:clamp(24px,3vw,43px);font-weight:400;line-height:1.2}
.ab-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding-top:72px}.ab-journey>.px-label{grid-column:1/-1}.ab-journey>div{padding-top:18px;border-top:1px solid #94ad9e}.ab-journey b{font-size:12px;letter-spacing:.1em}.ab-journey p{margin-top:20px;font-size:16px;line-height:1.55}

/* Noah: the project opens into a functioning product, with its design rationale visible. */
.ny-booking-section{padding-block:clamp(85px,10vw,155px);background:#dfe8cd;color:#172338}
.ny-booking-intro{display:grid;grid-template-columns:1fr .42fr;gap:8%;align-items:end;margin:56px 0 56px}.ny-booking-intro h2{margin:0;font-size:clamp(62px,7.5vw,115px);line-height:.94}.ny-booking-intro h2 em{color:#416399;font-style:normal}.ny-booking-intro p{max-width:47ch;margin:28px 0 0;font-size:18px}
.ny-booking-principle{display:grid;gap:10px;padding:22px 0;border-top:2px solid #172338;border-bottom:1px solid #929e90;font-size:13px}.ny-booking-principle b{margin-bottom:10px;font-size:16px}.ny-booking-principle span{padding:9px 0;border-top:1px solid #a3b09f}
.ny-booking-product{background:#f8faef;box-shadow:15px 15px 0 #b4c5aa}.ny-booking-head{display:flex;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid #a7b3a9;font-size:11px;font-weight:700;letter-spacing:.12em}
.ny-booking-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr)}.ny-booking-question{padding:clamp(30px,5vw,75px)}.ny-booking-question>span,.ny-booking-summary>span{font-size:10px;font-weight:700;letter-spacing:.14em}.ny-booking-question h3{margin:32px 0 17px;font-size:clamp(55px,7vw,95px);line-height:.93}.ny-booking-question>p{max-width:43ch;font-size:16px}
.ny-booking-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:48px}.ny-booking-slots button{display:grid;gap:20px;min-height:155px;padding:16px;border:1px solid #869594;background:#edf2e5;color:#172338;text-align:left;cursor:pointer}.ny-booking-slots button:hover,.ny-booking-slots button[aria-pressed=true]{background:#bce56e;border-color:#172338}.ny-booking-slots small{font-size:10px;font-weight:700;letter-spacing:.1em}.ny-booking-slots strong{font-size:clamp(26px,3vw,45px);font-weight:600;letter-spacing:-.08em}.ny-booking-slots span{font-size:10px}
.ny-booking-summary{display:flex;flex-direction:column;padding:clamp(26px,3.5vw,52px);background:#243a61;color:#f3f7ec}.ny-booking-summary strong{margin:60px 0 12px;font-size:clamp(31px,3.5vw,55px);font-weight:500;line-height:1.02;letter-spacing:-.06em}.ny-booking-summary p{font-size:14px}.ny-booking-summary button{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding:16px 0;border:0;border-top:1px solid #bed4b8;background:none;color:inherit;font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.ny-booking-summary button:disabled{opacity:.45;cursor:not-allowed}.ny-booking-state{min-height:22px;margin-top:20px;color:#bce56e;font-size:13px;font-weight:700}
.ny-case-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:68px}.ny-case-notes>div{padding-top:18px;border-top:1px solid #7e8c87}.ny-case-notes span{font-size:11px;font-weight:700;letter-spacing:.13em}.ny-case-notes p{max-width:38ch;margin-top:24px;font-size:16px}

/* Tarek: an actual decision record with a drawn architecture and honest constraints. */
.td-case{padding-block:clamp(90px,11vw,170px);background:#dfead9;color:#1d3228}.td-case-intro{display:grid;grid-template-columns:1fr .55fr;gap:8%;align-items:end;margin:55px 0 65px}.td-case h2,.td-career h2{margin:0;font-size:clamp(62px,7.5vw,115px);font-weight:470;line-height:.95;letter-spacing:-.075em}.td-case h2 em,.td-career h2 em{font-family:Georgia,serif;font-weight:400}.td-case-intro p{max-width:48ch;margin:0;font-size:18px;line-height:1.55}
.td-architecture{background:#1d3228;color:#e9f1e6;box-shadow:14px 14px 0 #afc5aa}.td-architecture-head,.td-architecture-foot{display:flex;justify-content:space-between;gap:18px;padding:20px 27px;font-size:10px;font-weight:700;letter-spacing:.12em}.td-architecture-head{border-bottom:1px solid #708472}.td-architecture-foot{border-top:1px solid #708472}.td-architecture svg{display:block;width:100%;height:auto;padding:20px 28px}
.td-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px}.td-decision-grid article{padding-top:17px;border-top:1px solid #7b9380}.td-decision-grid span{font-size:10px;font-weight:700;letter-spacing:.13em}.td-decision-grid h3{margin:35px 0 16px;font-size:clamp(30px,3vw,48px);font-weight:500;letter-spacing:-.06em;line-height:1.02}.td-decision-grid p{max-width:37ch;font-size:16px;line-height:1.55}.td-case-caveat{max-width:75ch;margin:42px 0 0;padding-top:19px;border-top:1px solid #9dae9c;font-size:12px;line-height:1.5}
.td-career{padding-block:clamp(90px,10vw,150px);background:#233a2c;color:#e5f0df}.td-career-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%;margin-top:65px}.td-career h2 em{color:#c6ea9f}.td-career-grid>div:first-child>p{max-width:42ch;margin:33px 0;font-size:18px;line-height:1.5}.td-career-list>div{padding:22px 0;border-top:1px solid #788f7d}.td-career-list span{display:block;margin-bottom:22px;font-size:10px;font-weight:700;letter-spacing:.13em}.td-career-list strong{display:block;font-size:clamp(25px,2.4vw,36px);font-weight:500;letter-spacing:-.05em}.td-career-list p{max-width:50ch;font-size:15px;line-height:1.5}
.person--tarek .pe-contact{padding-block:clamp(80px,10vw,150px)}.person--tarek .pe-contact h2{font-size:clamp(55px,7vw,110px)}

@media(max-width:900px){.ab-field-heading,.td-case-intro,.ny-booking-intro{grid-template-columns:1fr;gap:25px}.ab-field-board{grid-template-columns:1fr}.ab-field-notes{gap:0}.ny-booking-body{grid-template-columns:1fr}.ny-booking-summary strong{margin:26px 0 12px}.ny-booking-summary button{margin-top:20px}.td-career-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:700px){.pc-contact-grid,.ab-field-foot{grid-template-columns:1fr;gap:20px}.pc-contact-panel{margin-top:15px}.ab-field,.ny-booking-section,.td-case,.td-career{padding-block:77px}.ab-field-heading,.td-case-intro,.ny-booking-intro{margin:35px 0 40px}.ab-field h2,.td-case h2,.td-career h2,.ny-booking-intro h2{font-size:clamp(53px,11vw,76px)}.ab-field-map{padding:15px}.ab-field-legend{gap:8px;font-size:9px}.ab-field-notes{padding:24px}.ab-field-foot{margin-top:40px}.ab-journey,.ny-case-notes,.td-decision-grid{grid-template-columns:1fr;gap:20px}.ab-journey{padding-top:50px}.ab-journey>.px-label{grid-column:auto}.ny-booking-head,.td-architecture-head,.td-architecture-foot{font-size:9px}.ny-booking-head span:last-child,.td-architecture-head span:last-child{display:none}.ny-booking-question{padding:26px}.ny-booking-question h3{font-size:61px}.ny-booking-slots{gap:5px}.ny-booking-slots button{min-height:112px;padding:9px;gap:7px}.ny-booking-slots strong{font-size:27px}.ny-booking-slots small{font-size:8px}.ny-booking-summary{padding:28px}.td-architecture{overflow-x:auto}.td-architecture svg{width:680px;max-width:none;padding:8px}.td-architecture-foot{display:grid;gap:7px}.td-decision-grid{margin-top:55px}.td-decision-grid h3{margin-top:20px}.td-career-grid{margin-top:45px}.person--tarek .pe-contact h2{font-size:clamp(50px,10vw,72px)}}
@media(max-width:390px){.ny-booking-slots strong{font-size:23px}.ny-booking-slots button{padding:7px}.ab-field h2,.td-case h2,.td-career h2,.ny-booking-intro h2{font-size:50px}}
@media(max-width:700px){.td-architecture-head::after{content:"SEITLICH WISCHEN →";color:#c6ea9f}}
@media(prefers-reduced-motion:reduce){.pc-demo-form button span{transition:none}}