/* A photographic account of a paper order. Unboxed images, varied scale. */
.order-story{background:#f3f2ec;padding:100px 0 70px;scroll-margin-top:0}
.order-story-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;margin-bottom:55px}
.order-story-head h2{font-size:clamp(38px,4.2vw,64px);line-height:1.08;letter-spacing:var(--tracking-heading);margin-bottom:0}
.order-story-head>p{max-width:360px;margin:0 0 5px;color:var(--muted);line-height:1.7}
.order-story-spread{display:grid;grid-template-columns:1fr 1.28fr 1fr;gap:32px;align-items:start}
.order-chapter-sample{padding-top:65px}
.order-chapter-packing{padding-top:115px}
.order-photo{margin:0}
.order-photo-view{position:relative;display:block;padding:0;border:0;width:100%;background:#e7e7df;cursor:zoom-in;overflow:hidden;text-align:left}
.order-photo-view>img{display:block;width:100%;height:100%;aspect-ratio:1.08;object-fit:cover;transition:transform 650ms cubic-bezier(.16,1,.3,1)}
.order-chapter-production .order-photo-view>img{aspect-ratio:1.04;object-position:68% 50%}
.order-chapter-sample .order-photo-view>img{object-position:50% 45%}
.order-chapter-packing .order-photo-view>img{aspect-ratio:1.18;object-position:50% 50%}
.order-photo-view>span{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:#ffffffed;color:var(--brand);font-size:11px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity 220ms ease,transform 300ms ease}
.order-photo figcaption{font-size:10px;line-height:1.5;color:var(--muted);padding-top:10px}
.order-chapter-copy{padding-top:23px}
.order-chapter-number{display:block;font-size:10px;letter-spacing:1.2px;margin-bottom:13px;color:#5c685f}
.order-chapter h3{font-size:clamp(25px,2.2vw,33px);line-height:1.15;letter-spacing:var(--tracking-heading);margin-bottom:18px}
.order-chapter-copy>p{font-size:14px;line-height:1.75;margin:0 0 22px;max-width:38ch;color:#47564f}
.order-chapter .textlink{font-size:13px}
.order-reference{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:35px;border-top:1px solid #cdd2c9;padding-top:30px;margin-top:65px}
.order-reference .order-photo-view>img{aspect-ratio:1.7;object-position:50% 64%}
.order-reference figcaption{display:none}
.order-reference h3{font-size:25px;letter-spacing:var(--tracking-heading);margin-bottom:10px}
.order-reference .eyebrow{font-size:9px;margin-bottom:10px}
.order-reference p:not(.eyebrow){max-width:75ch;font-size:13px;line-height:1.7;margin:0;color:#47564f}
.order-reference>.textlink{font-size:13px;white-space:nowrap}
.application-lookbook .section-head{margin-bottom:50px}
.application-lookbook-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 55px}
.application-lookbook-grid article{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:center;min-width:0}
.application-study-image{position:relative;display:block;overflow:hidden;background:#eeefeb}
.application-study-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 650ms cubic-bezier(.16,1,.3,1)}
.application-study-image>span{position:absolute;bottom:12px;left:12px;right:12px;background:#fffffff0;padding:7px 9px;font-size:9px;color:var(--brand);line-height:1.4}
.application-study-copy h3{font-size:clamp(21px,1.8vw,28px);line-height:1.2;letter-spacing:var(--tracking-heading);margin-bottom:14px}
.application-study-copy h3 a{text-decoration:none}
.application-study-copy>p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 20px}
.application-study-number{display:block;font-variant-numeric:tabular-nums;font-size:10px;color:var(--muted);margin-bottom:20px}
.application-study-copy .textlink{font-size:12px}
@media(hover:hover) and (pointer:fine){
 .order-photo-view:hover>img,.application-study-image:hover>img{transform:scale(1.025)}
 .order-photo-view:hover>span,.order-photo-view:focus-visible>span{opacity:1;transform:none}
}
@media(max-width:1100px){
 .order-story-spread{gap:23px}
 .order-chapter-sample{padding-top:35px}
 .order-chapter-packing{padding-top:75px}
 .order-story-head{grid-template-columns:1.2fr .8fr}
 .application-lookbook-grid{gap:35px}
 .application-lookbook-grid article{display:block}
 .application-study-image img{aspect-ratio:1.65}
 .application-study-copy{padding-top:20px}
 .application-study-number{margin-bottom:10px}
 .application-study-copy>p{max-width:46ch}
}
@media(max-width:760px){
 .order-story{padding:65px 0 45px;scroll-margin-top:0}
 .order-story-head{display:block;margin-bottom:35px}
 .order-story-head h2{font-size:40px}
 .order-story-head>p{max-width:38ch;margin-top:22px;font-size:15px}
 .order-story-spread{display:block}
 .order-chapter,.order-chapter-sample,.order-chapter-packing{padding:0;margin:0 0 45px}
 .order-chapter .order-photo-view>img{aspect-ratio:1.35}
 .order-chapter-production .order-photo-view>img{object-position:64% 50%}
 .order-chapter-copy{padding-top:20px}
 .order-chapter h3{font-size:31px}
 .order-chapter h3 br{display:none}
 .order-chapter-copy>p{max-width:none;font-size:15px}
 .order-photo-view>span{opacity:1;transform:none;font-size:10px}
 .order-reference{grid-template-columns:110px 1fr;gap:20px;margin-top:15px;padding-top:26px;align-items:start}
 .order-reference .order-photo-view>img{aspect-ratio:1;object-position:50% 65%}
 .order-reference .order-photo-view>span{display:none}
 .order-reference h3{font-size:23px}
 .order-reference>.textlink{grid-column:2}
 .application-lookbook-grid{grid-template-columns:1fr;gap:36px}
 .application-lookbook-grid article{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}
 .application-study-image img{aspect-ratio:3/4}
 .application-study-copy{padding-top:0}
 .application-study-copy h3{font-size:23px}
 .application-study-copy>p{font-size:13px;line-height:1.6;margin-bottom:15px}
 .application-study-image>span{left:7px;right:7px;bottom:7px;font-size:8px;padding:5px}
 .application-study-number{margin-bottom:8px}
}
@media(max-width:390px){
 .application-lookbook-grid article{grid-template-columns:.8fr 1.2fr;gap:16px}
 .application-study-copy h3{font-size:21px}
 .application-study-image img{aspect-ratio:1/1.55}
}
@media(prefers-reduced-motion:reduce){
 .order-photo-view>img,.order-photo-view>span,.application-study-image img{transition:none;transform:none}
}
@media print{
 .order-story-spread,.application-lookbook-grid{display:block}
 .order-chapter,.application-lookbook-grid article{break-inside:avoid;padding-top:0}
 .order-photo-view>span{display:none}
}