/* Trame identity, footwear and beauty research. */
.subnav{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.subnav a{flex:none}
.creation-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 26px;margin:26px auto 0;font-size:11px}
.creation-links a{display:flex;align-items:center;gap:10px;border-bottom:1px solid transparent;padding:8px 0;min-height:44px}
.creation-links a.active{border-bottom-color:var(--ink)}
.creation-links a>span{font-size:9px;color:var(--muted)}
.creation-directory{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:35px;padding:32px var(--space);background:#eae6dc;border-bottom:1px solid var(--line)}
.creation-directory h2{font:27px/1.2 var(--serif);margin-top:9px}
.creation-directory nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 25px;font-size:10px}
.creation-directory nav a{display:flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--line)}
.creation-directory nav a:hover{color:var(--olive);border-bottom-color:var(--olive)}
@media(max-width:850px){.creation-directory{grid-template-columns:1fr;gap:18px}.creation-directory nav{justify-content:flex-start;gap:4px 25px}}
@media(max-width:600px){.creation-directory{padding:28px 20px}.creation-directory h2{font-size:27px}.creation-directory .eyebrow{font-size:8px}.creation-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.creation-directory nav a{font-size:9px;justify-content:space-between;line-height:1.5}.creation-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;text-align:left;margin-top:20px}.creation-links a{font-size:10px;justify-content:space-between}}
.casting-section{border-top:1px solid var(--line);background:#efece3}
.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}
.model-card{min-width:0}
.model-image{display:block;aspect-ratio:2/3;overflow:hidden;background:#d9c5a8}
.model-image img{object-fit:contain;transition:transform .5s}
.model-image:hover img{transform:scale(1.025)}
.model-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}
.model-heading .eyebrow{font-size:8px;letter-spacing:.1em}
.model-heading h3{font:28px var(--serif);margin-top:5px}
.model-enlarge{font-size:9px;min-height:44px;flex:none}
.model-card>.text-link{font-size:9px;gap:14px;margin-top:17px;line-height:1.8}
.gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gallery-tabs button{border:1px solid var(--line);min-height:44px;padding:10px 18px;font-size:10px;letter-spacing:.04em}
.gallery-tabs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
@media(max-width:1100px){.model-grid{gap:30px 16px}.model-heading{flex-wrap:wrap;gap:0}.model-heading h3{font-size:26px}.model-enlarge{min-height:35px}}
@media(max-width:850px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.model-heading{flex-wrap:nowrap}}
@media(max-width:600px){.model-grid{grid-template-columns:1fr;gap:40px}.model-heading{margin-top:16px}.model-heading h3{font-size:30px}.model-enlarge{min-height:44px}.model-card>.text-link{font-size:10px}.gallery-tabs button{flex:1;padding:10px 12px}.casting-section .section-heading h2{font-size:30px}.casting-section .section-heading>.text-link{white-space:normal;text-align:right}}
.wordmark{display:inline-flex;align-items:center;gap:13px;font-family:var(--sans);font-size:27px;letter-spacing:.2em;font-weight:400}
.wordmark .brand-mark{width:39px;height:39px;object-fit:contain;flex:none}
.footer .wordmark{font-size:27px}
.footer .wordmark .brand-mark{width:46px;height:46px}
.subnav{gap:28px}
.trame-band{display:flex;align-items:center;gap:30px;padding:38px var(--space);border-bottom:1px solid var(--line)}
.trame-band>img{width:78px;height:78px;object-fit:contain;flex:none}
.trame-band>div{flex:1;min-width:0}
.trame-band h2{font-size:29px;margin-top:7px;line-height:1.2}
.trame-band>.text-link{flex:none}
.selected-identity{display:grid;grid-template-columns:1fr 1fr;background:#efede4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.selected-identity>div:first-child{aspect-ratio:1/1;max-height:680px;overflow:hidden}
.selected-identity img{object-fit:contain}
.selected-identity>div:last-child{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:60px clamp(30px,6vw,100px)}
.selected-identity h2,.beauty-preview h2{font:clamp(40px,4.7vw,70px)/1.1 var(--serif);margin:22px 0}
.selected-identity p:not(.eyebrow),.beauty-preview p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:12px;line-height:1.9}
.selected-identity .text-link,.beauty-preview .text-link{margin-top:30px}
.beauty-preview{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eae6dc}
.beauty-preview-image{display:block;min-width:0;overflow:hidden;aspect-ratio:3/2}
.beauty-preview-image img{object-position:50% 45%}
.beauty-preview>div{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:40px clamp(25px,4vw,70px)}
.beauty-preview h2{font-size:clamp(38px,4.2vw,64px);margin:18px 0}
.beauty-campaigns{padding-top:10px}
.beauty-concepts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}
.beauty-concepts article{border-top:1px solid var(--line);padding-top:22px}
.beauty-concepts article>span{font-size:9px;letter-spacing:.15em;color:var(--olive)}
.beauty-concepts h2{font-size:27px;line-height:1.2;margin:18px 0 13px}
.beauty-concepts p{font-size:12px;color:var(--muted);line-height:1.9;max-width:410px}
.beauty-concepts+.form-note{margin-top:30px}
.beauty-direction .beauty-concepts{grid-template-columns:repeat(2,minmax(0,1fr))}
.beauty-direction>.text-link{margin-top:25px}
.campaign-grid .art-preview{aspect-ratio:3/2}
@media(max-width:1100px){.wordmark{font-size:25px;gap:10px}.wordmark .brand-mark{width:34px;height:34px}.subnav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.subnav a{flex:none}.beauty-preview{grid-template-columns:1fr 1fr}.beauty-preview-image{aspect-ratio:auto;min-height:400px}.beauty-concepts{gap:25px}.beauty-concepts h2{font-size:24px}.selected-identity>div:last-child{padding:35px}}
@media(max-width:850px){.wordmark{font-size:25px}.beauty-concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.trame-band{gap:20px}.trame-band h2{font-size:25px}.trame-band>.text-link{font-size:8px;gap:12px}.selected-identity h2{font-size:42px}.selected-identity>div:last-child{padding:28px}.beauty-preview h2{font-size:42px}}
@media(max-width:600px){.wordmark{font-size:22px;letter-spacing:.16em;gap:8px}.wordmark .brand-mark{width:29px;height:29px}.footer .wordmark{font-size:27px}.footer .wordmark .brand-mark{width:40px;height:40px}.trame-band{padding:28px 20px;gap:17px;flex-wrap:wrap}.trame-band>img{width:50px;height:50px}.trame-band .eyebrow{font-size:8px}.trame-band h2{font-size:24px;max-width:240px}.trame-band>.text-link{margin-left:67px;font-size:8px}.selected-identity{grid-template-columns:1fr}.selected-identity>div:first-child{max-height:none}.selected-identity>div:last-child{padding:32px 25px 40px}.selected-identity h2{font-size:44px;margin:18px 0}.selected-identity .eyebrow{font-size:8px}.beauty-preview{grid-template-columns:1fr}.beauty-preview-image{aspect-ratio:3/2;min-height:0}.beauty-preview>div{padding:32px 25px 40px}.beauty-preview h2{font-size:44px}.beauty-preview .eyebrow{font-size:8px}.beauty-concepts{gap:28px 20px}.beauty-concepts h2{font-size:25px}.beauty-concepts p{font-size:11px}.beauty-direction .beauty-concepts{grid-template-columns:1fr}.campaign-grid .art-preview{aspect-ratio:3/2}.beauty-campaigns{padding-top:0}.filter-label.shoe-filter{grid-column:1/-1}}
@media(max-width:360px){.wordmark{font-size:20px;gap:7px;letter-spacing:.13em}.wordmark .brand-mark{width:27px;height:27px}.beauty-concepts{grid-template-columns:1fr}.beauty-preview .text-link{font-size:9px;gap:14px}}
