/* Quiet project credits and a more spacious brand composition. */
.display-title.brand-mark{margin-inline:calc(-1 * var(--gutter));margin-bottom:clamp(340px,40vw,650px)}
.fashion-spread.fashion-solo{margin-right:calc(-1 * var(--gutter))}
.fashion-solo .fashion-aside{grid-template-columns:minmax(0,1fr) minmax(0,min(27vw,440px))}
.fashion-solo .fashion-aside figure{max-width:none}
.fashion-solo .fashion-aside figure figcaption{padding-right:var(--gutter)}
body[data-page=art] .collection-title h1{font-size:clamp(48px,11vw,180px)}
.tailoring-collection .collection-title{margin-bottom:95px}
.tailoring-collection .collection-title h1{font:400 clamp(72px,12vw,190px)/.95 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 55px}
.tailoring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:7vw;row-gap:110px;align-items:start}
.tailoring-project{min-width:0}
.tailoring-project>.image-button{width:100%;display:block}
.tailoring-project>.image-button img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.tailoring-caption{padding:23px 0 0;max-width:560px}
.tailoring-caption-heading{margin-bottom:20px}
.tailoring-caption-heading h2{font:400 20px/1.25 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.025em}
.tailoring-caption-heading p{font-size:11px;margin-top:7px;color:#5e6058}
.tailor-credits{font:11px/1.65 'Helvetica Neue',Arial,sans-serif;margin:0}
.tailor-credits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px;padding:2px 0}
.tailor-credits dt{color:#676960}
.tailor-credits dd{margin:0;overflow-wrap:anywhere}
.tailor-credits:empty{display:none}
.project-credits{margin-top:17px;font-size:11px}
.project-credits summary{width:fit-content;cursor:pointer;text-underline-offset:5px;text-decoration:underline;padding:8px 0;list-style:none}
.project-credits summary::-webkit-details-marker{display:none}
.project-credits summary::after{content:' +';display:inline-block;margin-left:8px}
.project-credits[open] summary::after{content:' −'}
.project-credits .tailor-credits{padding-top:12px}
.project-credits summary:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.published-credit{font-size:10px;color:#676960;margin-bottom:10px}
@media(max-width:900px){.tailoring-grid{column-gap:5vw}.tailor-credits>div{grid-template-columns:95px minmax(0,1fr);gap:10px}}
@media(max-width:700px){
  .site-header{height:72px;min-height:0;gap:10px;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 12px}
  .site-header nav{align-self:center;flex:0 0 auto;gap:clamp(6px,1.8vw,12px);font-size:clamp(9px,2.45vw,11px);line-height:1;white-space:nowrap;padding:0;letter-spacing:0}
  .site-header nav>span{display:none}
  .site-header nav>a{padding:14px 0;line-height:1}
  .site-header .signature{flex:0 0 auto;font-size:clamp(10px,2.8vw,13px);line-height:1;letter-spacing:-.03em;padding:14px 0}
  .display-title.brand-mark{margin-bottom:clamp(260px,75vw,420px)}
  .fashion-solo .fashion-aside{grid-template-columns:1fr}
  .fashion-solo .fashion-aside figure{width:52vw}
  .fashion-solo .fashion-aside>.aside-note{padding-right:var(--gutter)}
  body[data-page=art] .collection-title h1{font-size:11.8vw}
  .tailoring-collection .collection-title{margin-bottom:60px}
  .tailoring-collection .collection-title h1{font-size:17vw;margin:25px 0 35px}
  .tailoring-grid{grid-template-columns:1fr;row-gap:65px}
  .tailoring-caption{padding-top:20px}
  .tailoring-caption-heading h2{font-size:19px}
  .tailor-credits>div{grid-template-columns:110px minmax(0,1fr);gap:15px}
}
/* Let the photograph extend into iPhone landscape safe areas; protect controls. */
.hero{width:100%;min-height:0}
.hero-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:none;animation:none}
.site-header{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.hero-foot{left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:700px){.site-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}
/* Design: full-bleed wordmark and a continuous, single-column image sequence. */
body[data-page=fashion] main.collection{max-width:none;width:100%;margin-inline:0;padding-inline:0}
body[data-page=fashion] .collection-title>.micro,
body[data-page=fashion] .collection-intro,
body[data-page=fashion] .practice-note{margin-left:var(--gutter);margin-right:var(--gutter)}
body[data-page=fashion] .collection-title .design-brand-mark{width:100%;margin:clamp(35px,6vw,90px) 0 clamp(65px,12vw,180px);line-height:0}
body[data-page=fashion] .design-brand-mark img{display:block;width:100%;height:auto;max-width:none}
body[data-page=fashion] .portfolio-index{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;margin:0}
body[data-page=fashion] .portfolio-index .plate:nth-child(n){width:100%;max-width:none;margin:0;padding:0}
body[data-page=fashion] .portfolio-index .image-button{display:block;width:100%;margin:0;padding:0}
body[data-page=fashion] .portfolio-index .plate img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto}
body[data-page=fashion] .portfolio-index .plate-caption{display:none}
/* Preserve the descenders in the oversized Photography heading. */
body[data-page=art] .collection-title h1{line-height:1.06;padding-bottom:.12em;overflow:visible}

/* Keep the Design and Photography introductions understated. */
/* Compact homepage statement, with matching space on both sides. */
.practice-intro{padding-top:0;padding-bottom:clamp(55px,7vw,105px)}
.mesh-campaign{padding:clamp(44px,5.5vw,84px) var(--gutter) clamp(50px,6vw,96px);margin:0}
.mesh-campaign .chapter-meta{margin-bottom:clamp(16px,2vw,28px)}
.mesh-campaign-frame{position:relative;width:min(56vw,680px);margin-inline:auto;isolation:isolate}
.mesh-campaign-frame>.image-button{display:block;width:100%;padding:0;border:0}
.mesh-campaign-photo{display:block;width:100%;height:auto;max-width:none}
.mesh-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;column-gap:clamp(24px,7vw,120px);row-gap:clamp(42px,7vw,105px);width:100vw;margin-left:calc(50% - 50vw);padding:0}
.mesh-collage-item{position:relative;margin:0;background:transparent;overflow:hidden;line-height:0}
.mesh-collage-item img{display:block;width:100%;height:auto}
.mesh-collage-main{grid-column:1;grid-row:1;width:38%;justify-self:end;align-self:end;transform:translateY(44px)}
.mesh-collage-a{grid-column:2;grid-row:1;width:70%;justify-self:start;align-self:start;transform:translateX(-4%)}
.mesh-collage-b{grid-column:3;grid-row:1;width:44%;justify-self:end;align-self:center;transform:translateY(28px)}
.mesh-collage-c{grid-column:1;grid-row:2;width:70%;justify-self:start;align-self:start;transform:translateY(-12px)}
.mesh-collage-d{grid-column:2;grid-row:2;width:42%;justify-self:center;align-self:start;transform:translateY(-42px)}
.mesh-collage-e{grid-column:3;grid-row:2;width:66%;justify-self:end;align-self:start;transform:translateY(18px)}
.mesh-feature{width:min(1120px,calc(100vw - 32px));margin:0 auto;line-height:0}
.mesh-feature img{display:block;width:100%;height:auto}
.practice-intro--combined{border-top:1px solid var(--ink);padding-top:clamp(46px,7vw,104px);padding-bottom:clamp(54px,8vw,118px)}
.practice-intro--combined .intro-foot{max-width:560px;padding-left:35%;font-size:clamp(15px,1.5vw,20px);line-height:1.48}
.fashion-utility-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--ink);margin-top:clamp(48px,7vw,110px);padding-top:20px;font:10px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em}
.fashion-utility-meta a{font:11px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;border-bottom:1px solid currentColor;padding:0 0 5px}
.fashion-utility-meta--above{border-top:0;margin-top:0;padding-top:0;margin-bottom:clamp(40px,5vw,78px)}
.fashion-utility-end{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--ink);margin-top:clamp(42px,6vw,86px);padding-top:18px;font:11px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif}
.fashion-utility-end>span:last-child{font-weight:600}
.mesh-campaign-logo{display:block;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:clamp(24px,3vw,44px);line-height:0}
.mesh-campaign-logo img{display:block;width:100%;height:auto}
@media(max-width:700px){.mesh-campaign{padding:40px var(--gutter) 52px}.mesh-campaign .chapter-meta{margin-bottom:16px}.mesh-campaign-logo{margin-bottom:26px}.mesh-campaign-frame{width:min(72vw,440px)}.mesh-collage{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:34px;margin-left:calc(50% - 50vw)}.mesh-collage-item{position:relative;width:auto!important;margin:0!important}.mesh-collage-main{grid-column:1;grid-row:1;width:46%!important;justify-self:end;transform:translateY(26px)}.mesh-collage-a{grid-column:2;grid-row:1;width:84%!important;justify-self:start;transform:translateX(-4%)}.mesh-collage-b{grid-column:3;grid-row:1;width:54%!important;justify-self:end;transform:translateY(20px)}.mesh-collage-c{grid-column:1;grid-row:2;width:84%!important;justify-self:start;transform:translateY(-8px)}.mesh-collage-d{grid-column:2;grid-row:2;width:50%!important;justify-self:center;transform:translateY(-24px)}.mesh-collage-e{grid-column:3;grid-row:2;width:72%!important;justify-self:end;transform:translateY(12px)}.practice-intro{padding-top:0;padding-bottom:64px}}
@media(max-width:700px){.mesh-feature{width:calc(100vw - 40px)}.practice-intro--combined{padding:44px 20px 62px}.practice-intro--combined h2.practice-heading{margin:0 0 30px}.practice-intro--combined .intro-foot{padding-left:0;max-width:360px;font-size:15px;line-height:1.55}}
@media(max-width:700px){.fashion-utility-meta{margin-top:48px;padding-top:16px;font-size:8px}.fashion-utility-meta a{font-size:10px}.fashion-utility-end{margin-top:38px;padding-top:15px;font-size:10px}.fashion-utility-end>span:first-child{max-width:230px}}
@media(max-width:700px){.fashion-utility-meta--above{margin-top:0;padding-top:0;margin-bottom:36px}}
.fashion-editorial .fashion-spread.fashion-solo{margin:40px 0 0}
.fashion-solo .fashion-aside{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:end}
.fashion-solo .fashion-aside>.editorial-line{grid-column:1;grid-row:1;padding:0}
.fashion-solo .fashion-aside>.aside-note{grid-column:2;grid-row:1;align-self:end}
@media(max-width:700px){.fashion-solo .fashion-aside{grid-template-columns:1fr;gap:24px}.fashion-solo .fashion-aside>.aside-note{grid-column:1;grid-row:2}}
.practice-intro h2.practice-heading{font:700 clamp(28px,4vw,56px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 clamp(28px,4vw,48px);text-wrap:balance}

body[data-page=fashion] .collection-intro>p,
body[data-page=art] .collection-intro>p{font:12px/1.65 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;max-width:370px;margin:0}
@media(max-width:700px){
  body[data-page=fashion] .collection-intro>p,
  body[data-page=art] .collection-intro>p{font-size:12px;line-height:1.65;max-width:300px;margin:0}
}
