:root{--portfolio-yellow:#edc865;--portfolio-ink:#242c35;--portfolio-silver:#dce1e4;--portfolio-apricot:#db9c75}
#index .accordion-card:nth-child(4n+1){background:#edc865}#index .accordion-card:nth-child(4n+2){background:#dce1e4}#index .accordion-card:nth-child(4n+3){background:#e6c2a8}#index .accordion-card:nth-child(4n){background:#bac9c7}#index .accordion-card{border-color:#00000013}#index .accordion-card.expanded{background:#f1d78d}#index .accordion-preview{background:#fff5d199}#index .accordion-card>span,#index .accordion-card.expanded>em{color:#665633}
#projects{background:#f4f2ed}#projects .wideCopy{max-width:1250px;padding:0 12px 30px 0;scrollbar-width:thin;scrollbar-color:#b5b4ac transparent}#projects h2{font-size:clamp(32px,3.6vw,56px);margin:16px 0 28px;letter-spacing:-.04em}#projects .eyebrow{color:#74664b}
#projectCards{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:repeat(11,76px);gap:18px;padding:6px 5px 12px;align-items:stretch}
#projectCards .portfolio-card{position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;height:100%;padding:34px;border-radius:3px;border:1px solid #0000000a;color:#292820;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f5dd94,#eac35c);transition:transform .3s,box-shadow .3s;scroll-margin-block:25px}
#projectCards .portfolio-card:nth-child(1){grid-column:1;grid-row:1/7}
#projectCards .portfolio-card:nth-child(2){grid-column:2;grid-row:1/6;background:linear-gradient(145deg,#424f5b,#202b34);color:#f7f3e7}
#projectCards .portfolio-card:nth-child(3){grid-column:1;grid-row:7/12;background:linear-gradient(140deg,#f1f2f0,#bfcbd2);color:#273541}
#projectCards .portfolio-card:nth-child(4){grid-column:2;grid-row:6/12;background:linear-gradient(145deg,#ebbd9f,#ce8969);color:#3b2923}
#projectCards .card-visual{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:none;padding:0;margin:0;z-index:-2;pointer-events:none}#projectCards .card-visual>span{position:absolute;top:26px;left:32px;font-size:16px;letter-spacing:1px;color:inherit;opacity:.7}#projectCards .card-visual img{width:100%;height:100%;object-fit:cover}#projectCards .has-cover{color:white}#projectCards .has-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0004,#0009 45%,#0007)}
#projectCards .featured-copy{width:100%;margin:auto 0;max-width:510px;padding:45px 0}#projectCards .featured-copy>small{font-size:12px;line-height:1.7;letter-spacing:1.5px;display:block;color:inherit;opacity:.72}#projectCards h3{font-size:clamp(27px,3vw,45px);line-height:1.2;letter-spacing:-.04em;margin:18px 0 24px;font-weight:500;text-wrap:balance}#projectCards p{font-size:16px;line-height:1.85;color:inherit;opacity:.88;max-width:440px;margin:0}#projectCards .card-link{font-size:14px;display:flex;justify-content:flex-end;width:100%;margin:0;flex-shrink:0;letter-spacing:.5px}#projectCards .portfolio-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #252a3515}#projectCards .portfolio-card:hover .card-visual{filter:none}#projectCards .is-linked{outline:2px solid #a27e29;outline-offset:3px}
@media(max-width:900px){#projectCards{grid-template-rows:repeat(11,72px);gap:14px}#projectCards .portfolio-card{padding:24px}#projectCards h3{font-size:29px}#projectCards p{font-size:15px;line-height:1.7}#projectCards .card-visual>span{left:24px;top:20px}}
@media(max-width:600px){#projectCards{display:flex;flex-direction:column;gap:18px}#projectCards .portfolio-card{min-height:470px}#projectCards .portfolio-card:nth-child(2),#projectCards .portfolio-card:nth-child(3){min-height:410px}#projectCards h3{font-size:32px}#projectCards .featured-copy{padding:50px 0 40px}#projects .wideCopy{padding-right:0}}
@media(prefers-reduced-motion:reduce){#projectCards .portfolio-card{transition:none}}