.jan-case{--jan-green:#333e28;--jan-deep:#273120;--jan-yellow:#eee79a;--jan-paper:#f7f5eb;--jan-muted:#626754;color:#303927;background:var(--jan-paper)}.jan-case h1,.jan-case h2,.jan-case h3{font-family:var(--font-newsreader), Georgia, serif;letter-spacing:-.035em;font-weight:500}.jan-case h2{max-width:21ch;font-size:clamp(2.2rem,4vw,3.8rem)}.jan-case p{color:var(--jan-muted)}.jan-case .eyebrow{color:var(--jan-green)}.jan-case .section{scroll-margin-top:5rem}.jan-hero{background:var(--jan-deep);overflow:clip}.jan-topline{color:#e1e1c8;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:clamp(3rem,7vw,6rem);font-size:.75rem;display:flex}.jan-topline a{text-underline-offset:.3em}.jan-topline>span{text-transform:uppercase;letter-spacing:.08em}.jan-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.jan-hero h1{color:var(--jan-paper);margin-bottom:1.5rem;font-size:clamp(3.2rem,6vw,5.6rem);line-height:.98}.jan-hero h1>span{color:var(--jan-yellow)}.jan-hero p{color:#dedfce}.jan-hero .jan-status{color:var(--jan-yellow);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.6rem;margin-bottom:1.75rem;font-size:.72rem;display:flex}.jan-status>span{background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.jan-hero .jan-lead{max-width:27ch;color:var(--jan-paper);font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.4}.jan-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.jan-case .jan-button{border-color:var(--jan-yellow);background:var(--jan-yellow);color:var(--jan-deep)}.jan-case .jan-button:hover{background:#e2da83;border-color:#e2da83}.jan-process-link{color:var(--jan-paper);font-size:.83rem;text-decoration:none}.jan-hero-preview{min-width:0;margin:0}.jan-screen{background:var(--jan-paper);border:1px solid #697153;border-radius:.8rem;overflow:hidden;transform:rotate(2deg);box-shadow:0 2rem 4rem #111b1350}.jan-screen img{width:100%;height:auto;display:block}.jan-screen-bar{color:var(--jan-muted);background:#eae9df;align-items:center;gap:1rem;padding:.65rem .9rem;font-size:.65rem;display:flex}.jan-screen-bar>span:first-child{color:#b5b8a8;letter-spacing:.15em}.jan-hero-preview figcaption{color:#c6cbb9;text-align:center;margin-top:1.75rem;font-size:.69rem}.jan-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(2.5rem,7vw,7rem);display:grid}.jan-brief{background:#fffef9}.jan-facts{border-top:1px solid #cdd0bb;margin:0}.jan-facts>div{border-bottom:1px solid #dddfd1;padding-block:1rem}.jan-facts dt{color:var(--jan-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.jan-facts dd{margin:.35rem 0 0;font-size:.93rem;font-weight:600}.jan-chapter-heading{grid-template-columns:.35fr 1.65fr;align-items:start;gap:2rem;margin-bottom:clamp(2.5rem,5vw,5rem);display:grid}.jan-chapter-heading h2{max-width:23ch;margin-bottom:0}.jan-chapter{color:#a7aa88;font-family:var(--font-newsreader), Georgia, serif;font-size:clamp(4rem,9vw,8rem);line-height:.9}.jan-design-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid}.jan-material-photo{margin:0 1rem 0 0;position:relative}.jan-material-photo:before{background:var(--jan-yellow);content:"";position:absolute;inset:1rem -1rem 1rem 1rem}.jan-material-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;position:relative}.jan-material-photo figcaption{background:var(--jan-paper);padding-top:1rem;position:relative}.jan-case figcaption{font-size:.74rem;line-height:1.5}.jan-palette{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem;display:grid}.jan-palette>div{flex-direction:column;justify-content:flex-end;min-height:8rem;padding:1rem .7rem;display:flex}.jan-palette span{font-size:.75rem;font-weight:600}.jan-palette small{margin-top:.3rem;font-size:.65rem}.jan-swatch-green{background:var(--jan-green);color:var(--jan-paper)}.jan-swatch-yellow{background:var(--jan-yellow);color:var(--jan-deep)}.jan-swatch-paper{background:var(--jan-paper);color:var(--jan-deep);border:1px solid #cdd0bb}.jan-fabric-detail{object-fit:cover;width:100%;height:8rem;margin-top:1.5rem}.jan-design-copy .jan-design-note{margin-top:1.25rem;font-size:.8rem}.jan-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(3rem,6vw,6rem);display:grid}.jan-photo-pair figure{margin:0}.jan-photo-pair img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.jan-photo-pair figure:nth-child(2){margin-top:3rem}.jan-photo-pair figcaption{color:var(--jan-muted);margin-top:.8rem}.jan-journey{background:#eeeee1}.jan-decisions{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.jan-decisions li{border-top:1px solid #b9bea5;padding-top:1.25rem}.jan-decisions li>span{color:var(--jan-muted);font-size:.72rem}.jan-decisions h3{margin:1rem 0;font-size:1.85rem}.jan-decisions p{font-size:.92rem}.jan-mobile-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,.6fr);align-items:center;gap:clamp(3rem,10vw,10rem);margin-top:clamp(4rem,8vw,8rem);display:grid}.jan-route{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.jan-route span{border:1px solid #bcc2aa;border-radius:2rem;padding:.5rem .8rem;font-size:.76rem}.jan-phone{background:var(--jan-green);border:1px solid #455139;border-radius:2rem;width:min(100%,280px);margin:0 auto;padding:.5rem;box-shadow:1rem 1rem #dddba2}.jan-phone img{border-radius:1.5rem;width:100%;height:auto}.jan-phone figcaption{color:var(--jan-paper);text-align:center;margin:.9rem .5rem}.jan-contact-case{background:var(--jan-deep);color:var(--jan-paper)}.jan-contact-case .eyebrow{color:var(--jan-yellow)}.jan-contact-case p{color:#dedfce}.jan-contact-case h2{color:var(--jan-paper)}.jan-contact-case .jan-two-column{align-items:center}.jan-light-link{color:var(--jan-yellow);text-underline-offset:.35em;font-size:.86rem;display:inline-block}.jan-contact-preview{min-width:0;margin:0}.jan-contact-preview img{border:1px solid #71785d;border-radius:.5rem;width:100%;height:auto}.jan-contact-preview figcaption{color:#c6cbb9;margin-top:.8rem}.jan-delivery{background:#eeeee1;border:1px solid #cdd0bb;padding:clamp(1.5rem,3.5vw,3rem)}.jan-delivery-label{color:var(--jan-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.jan-delivery h3{margin-top:1.5rem;font-size:2rem}.jan-delivery ul{padding-left:1.2rem;font-size:.9rem}.jan-delivery li{margin-top:.6rem;padding-left:.25rem}.jan-delivery p{margin:1.5rem 0 0;font-size:.8rem}.jan-result{background:var(--jan-yellow)}.jan-result-inner{text-align:center;max-width:52rem}.jan-result h2{max-width:23ch;margin-inline:auto}.jan-result .jan-actions{justify-content:center}.jan-result .jan-button{background:var(--jan-green);border-color:var(--jan-green);color:var(--jan-paper)}.jan-result .jan-button:hover{background:var(--jan-deep)}.jan-next-project{color:var(--jan-green);text-underline-offset:.35em;margin-top:3rem;font-size:.8rem;display:inline-block}@media (max-width:900px){.jan-hero-grid,.jan-two-column,.jan-design-grid,.jan-mobile-layout{grid-template-columns:minmax(0,1fr)}.jan-hero-preview{margin-top:1rem}.jan-hero h1{font-size:clamp(3.4rem,11vw,6rem)}.jan-hero .jan-lead{max-width:34ch}.jan-screen{transform:none}.jan-mobile-layout{gap:3rem}.jan-phone{width:min(72vw,280px)}}@media (max-width:600px){.jan-topline{font-size:.68rem}.jan-chapter-heading{grid-template-columns:minmax(0,1fr);gap:1.5rem}.jan-chapter{font-size:4rem}.jan-decisions,.jan-photo-pair{grid-template-columns:minmax(0,1fr)}.jan-photo-pair figure:nth-child(2){margin-top:0}.jan-palette>div{min-height:6.5rem}.jan-actions{flex-direction:column;align-items:flex-start}.jan-result .jan-actions{align-items:center}}
