/* v5의 공통 디자인에 아이브의 여백과 아카이브 사진 배치를 적용한다. */
.home .site-footer{display:none}
.page[data-page=about]{padding-top:120px}
.ive-about{max-width:1040px;width:calc(100% - 120px);margin:auto;padding-bottom:40px}
.ive-about .brand-statement p{font:400 clamp(18px,1.75vw,25px)/2.16 var(--sans);letter-spacing:0;color:#111;text-transform:uppercase}
.ive-about .brand-statement p+p{margin-top:32px}
.about-preparation{max-width:1040px;margin-top:44px;color:#333}
.ive-about .about-preparation p{font:400 clamp(17px,1.5vw,21px)/1.95 var(--sans);word-break:keep-all;overflow-wrap:anywhere}
.ive-about .about-preparation p+p{margin-top:24px}
.brand-contact{margin-top:80px}
.ive-about .brand-contact p{font:400 13px/2 var(--sans);letter-spacing:.04em;margin:0 0 22px;text-transform:uppercase}
.editorial-text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #111;font-size:12px;margin-top:20px}
.page[data-page=archive]{max-width:none;width:calc(100% - 9.4%);padding-top:72px}
.ive-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2%;row-gap:64px}
.archive-card{display:block;min-width:0;cursor:pointer}
.ive-archive-grid .archive-card img{cursor:pointer;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1);transition:filter .35s ease}
.archive-card:focus-visible img,.archive-card:active img{filter:grayscale(0)}
@media(hover:hover){.archive-card:hover img{filter:grayscale(0)}}
.archive-card:hover figcaption,.archive-card:focus-visible figcaption{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.archive-card figcaption{font:600 12px/24px var(--sans);letter-spacing:1px;color:#111;margin-top:12px}
.archive-card[hidden],.archive-empty[hidden],.archive-back[hidden]{display:none}
.archive-empty{padding:48px 0;color:#777;font:400 12px/24px var(--sans);text-align:center}
.archive-back-wrap{margin-top:48px;text-align:center}
.archive-back{display:inline-flex;align-items:center;min-height:44px;color:#555;font:400 12px/24px var(--sans);text-transform:uppercase;cursor:pointer}
.archive-back:hover{text-decoration:underline;text-underline-offset:4px}
.archive-back:focus-visible{outline:2px solid #333;outline-offset:4px}
.page[data-page^="archive/"]{max-width:1510px;width:calc(100% - 12%);padding-top:84px}
.ive-story>header{text-align:center;margin-bottom:96px}
.ive-story h1{font:400 32px/1.4 var(--serif);letter-spacing:0;margin:12px 0 25px}
.ive-story header p{display:none}
.story-back{font:11px/24px var(--sans);border-bottom:1px solid #aaa;padding-block:8px;display:inline-block}
.story-photographs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:2%;row-gap:64px}
.story-photo{width:100%;min-width:0}
.story-photo img{width:100%;height:auto;cursor:zoom-in}
.story-navigation{display:flex;justify-content:space-between;margin-top:90px;font:12px/24px var(--sans)}
.story-navigation a{min-height:44px;border-bottom:1px solid #999;padding:10px 0}
.primary-nav a[aria-current]{font-weight:400}
.primary-nav a[aria-current]::before{content:'';width:4px;height:4px;border-radius:50%;background:#111;position:absolute;left:-12px}
@media(max-width:767px){
 .page[data-page=about]{padding-top:64px}
 .ive-about{width:calc(100% - 48px)}
 .ive-about .brand-statement,.ive-about .about-preparation{text-align:center;margin-inline:auto}
 .ive-about .brand-statement{max-width:none}
 .ive-about .brand-statement p{font-size:16px;line-height:1.9;text-transform:none;text-wrap:pretty}
 .ive-about .about-preparation p{text-wrap:pretty}
 .about-preparation{margin-top:40px}
 .brand-contact{margin-top:56px}
 .page[data-page=archive]{width:calc(100% - 32px);padding-top:38px}
 .ive-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:32px}
 .archive-card figcaption{font-size:9px;line-height:1.6;letter-spacing:.6px;margin-top:9px}
 .page[data-page^="archive/"]{width:calc(100% - 32px);padding-top:38px}
 .ive-story>header{margin-bottom:50px}
 .ive-story h1{font-size:25px;margin-bottom:16px}
 .story-photographs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:32px}
 .story-navigation{margin-top:50px}
}
@media(prefers-reduced-motion:reduce){.archive-card img{transition:none}}


/* 소르아의 사진 두 열과 오른쪽 짧은 본문으로 About의 아래 이야기를 이어간다. */
.about-philosophy{width:min(1040px,calc(100% - 120px));margin:140px auto 0;color:#111}
.about-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin-top:56px}
.about-photo-grid figure{margin:0;min-width:0}
.about-photo-grid img{display:block;width:100%;height:auto}
.about-philosophy-opening{margin-top:0}
.about-philosophy-heading{align-self:end;padding-bottom:4px}
.about-philosophy h2,.about-philosophy h3{margin:0;font:400 18px/1.3 var(--serif);letter-spacing:.02em;text-transform:none}
.about-philosophy p{max-width:380px;margin:12px 0 0;font:400 12px/1.8 var(--sans);letter-spacing:0;color:#3a3a3a;text-wrap:pretty}
.about-chapter{margin-top:120px}
.about-chapter-copy{padding-left:calc(50% + 5px)}
.about-chapter-number{display:block;margin-bottom:6px;font:11px/1.6 var(--sans);letter-spacing:.1em;color:#999}
.about-photo-right{grid-column:2}
.about-photo-center{grid-column:1/-1;width:62%;justify-self:center}
@media(max-width:767px){
 .about-philosophy{width:calc(100% - 48px);margin-top:100px}
 .about-philosophy-opening{grid-template-columns:1fr;row-gap:28px}
 .about-philosophy p{max-width:340px}
 .about-chapter{margin-top:80px}
 .about-chapter-copy{padding-left:0}
 .about-photo-grid{gap:6px;margin-top:36px}
 .about-philosophy-opening{margin-top:0}
 .about-photo-center{width:100%}
}

/* INEFF 다섯 철학을 기존 사진과 짧은 본문의 교차 배치로 보여준다. */
.about-philosophy-ineff .about-chapter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center;margin-top:80px}
.about-philosophy-ineff .about-chapter-copy{padding-left:0;order:2}
.about-philosophy-ineff .about-chapter:nth-of-type(even) .about-chapter-copy{order:0}
.about-philosophy-ineff h3{display:flex;align-items:baseline;gap:16px}
.about-initial{font:400 36px/1 var(--serif);color:#666}
.about-chapter-photo{margin:0;min-width:0;order:1}
.about-chapter-photo img{display:block;width:100%;height:auto}
@media(max-width:767px){
 .about-philosophy-ineff .about-chapter{grid-template-columns:1fr;gap:24px;margin-top:56px}
 .about-philosophy-ineff .about-chapter-copy{order:0}
}