.husk-chef{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#17201f}
.husk-chef>img{position:absolute;top:0;left:0;width:100%;height:auto}
.husk-chef::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030b0bb5,#030b0b15)}
.husk-lockup{position:absolute;left:8%;top:36%;z-index:1;color:#f6f4ef;display:grid;gap:18px}
.husk-lockup>span{font-family:Arial,sans-serif;font-weight:200;font-size:clamp(36px,6.5vw,92px);letter-spacing:.3em}
.husk-lockup small{font-family:Arial,sans-serif;font-size:clamp(9px,1.2vw,16px);letter-spacing:.22em}
.husk-identity-grid,.husk-social-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:48px}
.husk-archive img{display:block;width:100%;height:auto;border-radius:6px}
.husk-design-notes,.husk-social-copy{display:grid;gap:36px}
.husk-case .husk-quote{font-size:clamp(30px,4vw,56px);line-height:1.08;font-weight:200;letter-spacing:-.045em}
.husk-swatches{display:grid;grid-template-columns:repeat(2,1fr);border-radius:6px;overflow:hidden}
.husk-swatches>span{background:var(--tone);color:var(--ink);padding:18px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;font-size:14px}
.husk-swatches small{font-size:10px;letter-spacing:.05em}
.husk-web{margin-top:44px!important}.husk-web-crop{aspect-ratio:748/475;overflow:hidden;border-radius:10px;background:#ede8e2}
.husk-web-crop img{display:block;width:100%;height:auto;transform:translateY(-49%)}
.husk-case figcaption a{color:var(--grey);text-decoration:underline;text-underline-offset:3px}
.husk-more{margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}
.husk-more summary{cursor:pointer;font-size:18px;display:flex;justify-content:space-between;gap:15px;list-style:none}
.husk-more summary span{color:var(--accent)}.husk-more[open] summary{margin-bottom:24px}.husk-more img{width:100%;height:auto;display:block}
.husk-more p{font-size:12px;color:var(--mute);margin-top:15px!important}
@media(max-width:650px){.husk-identity-grid,.husk-social-grid{grid-template-columns:1fr;gap:32px}.husk-chef{aspect-ratio:4/3}.husk-chef>img{width:115%;max-width:none}.husk-lockup{top:30%;left:7%}.husk-lockup>span{font-size:38px}.husk-lockup small{font-size:8px}.husk-case .fc-final h2{font-size:32px}}

/* Reconstructed assets: no embedded archive screenshot boards. */
.husk-chef>img{height:100%;object-fit:cover;object-position:center}
.identity-sheet{background:#ede8e2;color:#2d2b2b;padding:7%;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between}
.identity-sheet-head{display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.18em}.identity-sheet-head small{font-size:8px;letter-spacing:.08em}
.identity-main{text-align:center;padding:8% 0}.husk-clean-word{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-weight:200;font-size:clamp(40px,5.4vw,78px);letter-spacing:.25em;padding-left:.25em}
.husk-clean-tag{font-family:Arial,sans-serif;font-size:clamp(7px,.72vw,11px);letter-spacing:.2em;display:block;margin-top:14px}
.identity-pair{display:flex;justify-content:center;gap:12%;padding:5% 0}.identity-pair>div{aspect-ratio:1;width:34%;display:grid;place-items:center;border-radius:50%;background:#2d2b2b;color:#ede8e2}.identity-pair>div+div{background:#fff;color:#2d2b2b}.identity-pair span{font:300 clamp(9px,1vw,15px) 'Helvetica Neue',Arial,sans-serif;letter-spacing:.3em;padding-left:.3em}
.identity-foot{border-top:1px solid #2d2b2b30;padding-top:7%;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:12px;line-height:1.5}.identity-foot small{font:7px Arial,sans-serif;letter-spacing:.07em;max-width:16ch;text-align:right}
.husk-browser-frame{display:block;background:#ede8e2;padding:18px;border-radius:12px;box-shadow:0 30px 60px #0002}.husk-browser-frame>img{display:block;width:100%;height:auto;border-radius:2px}.browser-bar{display:flex;align-items:center;gap:5px;color:#736e68;padding:0 2px 15px;font:9px Arial,sans-serif;letter-spacing:.1em}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#b8b4b0}.browser-bar>span{margin-left:15px}.browser-bar>span:last-child{margin-left:auto}
.husk-social-rebuilt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;padding:35px;background:#d8d2c9;border-radius:10px}
.social-tile{aspect-ratio:4/5;position:relative;overflow:hidden;container-type:inline-size;color:#fff;font-family:'Helvetica Neue',Arial,sans-serif}.social-tile>img{width:100%;height:100%;object-fit:cover}.social-stamp{position:absolute;top:7%;left:8%;font-size:3cqw;letter-spacing:.22em;text-shadow:0 1px 4px #0008}.social-photo-copy{position:absolute;bottom:9%;left:8%;font-weight:300;font-size:10cqw;line-height:1.06;letter-spacing:-.04em;text-shadow:0 2px 20px #0009}.social-statement{background:#f5f3ee;color:#2d2b2b;padding:8%;display:flex;flex-direction:column;justify-content:space-between}.social-mini{font-size:2.5cqw;letter-spacing:.16em}.social-statement p,.social-dark p{font-size:13cqw;letter-spacing:-.045em;line-height:1.06;font-weight:200}.social-bottom{font-size:2.5cqw;letter-spacing:.13em;line-height:1.6}.social-dark{background:#2d2b2b;padding:8%;display:flex;flex-direction:column;justify-content:space-between;color:#ede8e2}.social-split>img{height:60%}.social-split>div{height:40%;background:#f7f5f1;color:#2d2b2b;padding:7%;display:flex;justify-content:space-between;align-items:end;gap:10px}.social-split>div>span{font-size:2.4cqw;letter-spacing:.22em}.social-split p{font-size:8cqw;line-height:1.08;font-weight:300;letter-spacing:-.04em}
@media(max-width:650px){.husk-chef>img{width:100%}.husk-social-rebuilt{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.husk-browser-frame{padding:8px}.browser-bar{font-size:7px;padding:2px 2px 8px}.identity-sheet{max-width:520px}.husk-clean-word{font-size:54px}.husk-clean-tag{font-size:8px}.identity-pair span{font-size:12px}}

/* Phone: the swatch hex labels and the prototype link were under the size a
   thumb and an eye need. See the note in forme-case.css. */
@media(max-width:600px){
  .husk-swatches small{font-size:11.5px}
  .husk-web figcaption a,.husk-archive figcaption a{display:inline-block;
    min-height:44px;line-height:20px;padding-block:12px}
}