/* Typography proposal: original images, typefaces and section order retained. */
.motion-section { position:relative; padding:0!important; overflow:hidden; background:#171614; }
.motion-video { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.photo-copy > span { font-size: 11px; letter-spacing: .24em; margin-bottom: 18px; }
.photo-copy h1, .photo-copy h2 { font-size: clamp(40px, 4.6vw, 72px); line-height: 1.04; letter-spacing: -.025em; margin-bottom: 24px; text-wrap: balance; }
.photo-copy > p { font-size: clamp(18px, 1.4vw, 22px); line-height: 1.6; font-weight: 300; max-width: 40ch; margin-bottom: 0; text-wrap: pretty; }
@media (min-width: 768px) {
 .photo-section { padding: 0; min-height: max(700px, 100svh); }
 .photo-section .photo-copy { position: absolute; inset: auto; margin: 0; padding: 0; width: 40%; max-width: 580px; text-align: center; align-items: center; }
 .photo-copy h1,.photo-copy h2 { font-size: clamp(48px, 5.1vw, 82px); }
 .scene-hero .photo-copy { left: 5%; top: 53%; transform: translateY(-50%); }
 .scene-hero .photo-copy > p { max-width: 39ch; }
 .scene-hero #waitlist { margin-top: 30px; max-width: 410px; align-self: center; }
 .scene-organic .photo-copy { right: 4%; top: 54%; transform: translateY(-50%); width: 39%; }
 .scene-texture .photo-copy { left: 4%; top: 62%; transform: translateY(-50%); width: 39%; }
 .scene-utility .photo-copy { right: 5%; top: 55%; transform: translateY(-50%); width: 40%; }
 .scene-utility h2 { font-size: clamp(44px, 4.4vw, 70px); }
 .scene-pleasure .photo-copy { left: 4%; top: 62%; transform: translateY(-50%); width: 40%; }
 .scene-pleasure h2 { font-size: clamp(46px, 4.8vw, 76px); }

}
@media (min-width: 768px) and (max-width: 1050px) {
 .photo-section .photo-copy { width: 40%; }
 .photo-copy h1, .photo-copy h2 { font-size: 46px; }
 .photo-copy > p { font-size: 17px; line-height: 1.55; }
 .scene-hero .photo-copy { left: 5%; }
 .scene-organic .photo-copy,.scene-utility .photo-copy { right: 5%; }
 .scene-texture .photo-copy,.scene-pleasure .photo-copy { left: 5%; }
}
@media (max-width: 767px) {
 .photo-section .photo-copy { padding: 42px 26px 24px; }
 .photo-copy h1,.photo-copy h2 { font-size: clamp(32px, 8.6vw, 48px); line-height: 1.08; margin-bottom: 18px; }
 .photo-copy > span { font-size: 10px; margin-bottom: 14px; }
 .photo-copy > p { font-size: clamp(14px, 3.6vw, 17px); line-height: 1.55; max-width: 39ch; }
 .scene-hero .photo-copy { padding-top: 128px; }
 .scene-hero .photo-copy > span { font-size: 9px; letter-spacing: .2em; margin-bottom: 12px; }
 .scene-hero .photo-copy > p { margin-bottom: auto; }
 .scene-hero .photo-copy h1 { font-size: clamp(32px, 8.8vw, 45px); margin-bottom: 16px; }
 .scene-hero #waitlist { padding-bottom: 4px; }
 .scene-texture .photo-copy { align-items: center; text-align: center; padding-top: 36px; }
 .scene-texture .photo-copy > p { max-width: 36ch; }
 .scene-texture h2 { max-width: 10ch; }
 .scene-utility .photo-copy { padding-top: 36px; }
 html[lang=tr] .photo-copy h1,html[lang=tr] .photo-copy h2 { font-size: clamp(29px, 7.8vw, 42px); }
}
/* Align copy within the image's usable space rather than near its lower edge. */
@media (min-width: 768px) {
 .photo-section .photo-copy { top: 50%; text-align: left; align-items: flex-start; }
 .scene-organic .photo-copy, .scene-utility .photo-copy { text-align: right; align-items: flex-end; }
 .scene-hero #waitlist { align-self: flex-start; }
}
@media (max-width: 767px) {
 .scene-organic { --mobile-space: 64%; }
 .scene-texture { --mobile-space: 46%; }
 .scene-utility { --mobile-space: 49%; }
 .scene-pleasure { --mobile-space: 58%; }
 .photo-section .photo-copy { inset: 0 0 auto; height: var(--mobile-space); padding: 24px 26px; justify-content: center; }
 .scene-hero .photo-copy { inset: 0; height: 56%; padding: 110px 26px 0; }
 .scene-hero .photo-copy > p { margin-bottom: 0; }
 .scene-hero #waitlist { position: absolute; top: calc(100% / .56 - 64px); bottom: auto; left: 26px; width: calc(100% - 52px); padding: 0; }
}
/* Shared section rhythm; header remains over the first screen. */
:root { --header-height: 122px; --section-height: calc(100svh + var(--header-height)); }
@media (min-width: 640px) { :root { --header-height: 132px; } }
@media (min-width: 768px) { :root { --header-height: 142px; } }
main section { height: var(--section-height); min-height: var(--section-height); flex-shrink: 0; }
main .scene-hero { height: 100svh; min-height: 100svh; }
main section:not(.photo-section) { padding-top: 40px; padding-bottom: 40px; }
#philosophy .grid { margin-top: 32px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
#philosophy .grid > div { margin-top: 0; max-height: 32svh; aspect-ratio: 1; }
#craft > div > .text-center { margin-bottom: 40px; }
#craft .grid { gap: 24px; }
@media (min-width: 768px) {
 .photo-section .photo-copy > span, .photo-section .photo-copy > h1, .photo-section .photo-copy > h2, .photo-section .photo-copy > p { width: 100%; text-align: left; text-wrap: wrap; }
 .scene-organic .photo-copy > span, .scene-organic .photo-copy > h2, .scene-organic .photo-copy > p,
 .scene-utility .photo-copy > span, .scene-utility .photo-copy > h2, .scene-utility .photo-copy > p { text-align: right; }
}
@media (max-width: 767px) {
 .photo-section > div:first-child { position: absolute; inset: 0; height: 100%; }
 .photo-section > div:first-child > img { height: 100%; object-fit: cover; object-position: center; }
 #craft h3 { margin-bottom: 8px; }
 #craft .grid span { margin-bottom: 8px; }
 #craft > div > .text-center { margin-bottom: 28px; }
 main section:has(img[alt*="Portrait"]), main section:has(img[alt*="Portresi"]) { gap: 20px; }
}
/* Consistent type roles and uncropped mobile photography. */
main { container-type: inline-size; }
:root { --section-title: clamp(29px, 7.8vw, 42px); --section-body: clamp(14px, 3.6vw, 17px); --section-label: 10px; --title-gap: 18px; }
html main section :is(h1,h2,h3) { font-size: var(--section-title) !important; line-height: 1.08; margin-bottom: var(--title-gap); }
html main section p { font-size: var(--section-body) !important; line-height: 1.55; }
html main section span.block { font-size: var(--section-label) !important; }
@media (min-width: 768px) {
 :root { --section-title: clamp(36px, 3.825vw, 61.5px); --section-body: clamp(13.5px, 1.05vw, 16.5px); --section-label: 8.25px; --title-gap: 24px; }
 .photo-section .photo-copy { width: 34%; max-width: 500px; }
 .scene-hero .photo-copy, .scene-texture .photo-copy, .scene-pleasure .photo-copy { left: 10%; right: auto; }
 .scene-organic .photo-copy, .scene-utility .photo-copy { right: 10%; left: auto; }
 .scene-hero .photo-copy { top: calc(50% + var(--title-gap)); }
 main header a { font-size: 12px; }
 main header > div:first-child a { font-size: 9px; }
 main section :is(input,button) { font-size: 9px; }
 main footer a { font-size: 9px; }
 main footer p { font-size: 8.25px; }
}
@media (max-width: 767px) {
 main section, main .scene-hero { height: calc(100cqw * 1600 / 788); min-height: calc(100cqw * 1600 / 788) !important; }
 .photo-section > div:first-child > img { width: 100%; height: 100%; object-fit: contain; object-position: center top; }
 .photo-section { --image-height: calc(100cqw * 1600 / 900); }
 .scene-organic .photo-copy { height: calc(var(--image-height) * .64); }
 .scene-texture .photo-copy { height: calc(var(--image-height) * .46); }
 .scene-utility .photo-copy { height: calc(var(--image-height) * .49); }
 .scene-pleasure .photo-copy { height: calc(100cqw * 1600 / 899 * .58); }
 .scene-hero .photo-copy { transform: translateY(var(--title-gap)); }
 #craft .grid { gap: 16px; }
 #craft > div > .text-center { margin-bottom: 20px; }
 #craft h3 { margin-bottom: 8px; }
}

@media (max-width: 767px) {
 #craft { padding-top: 16px; padding-bottom: 16px; }
 #craft .grid > .relative { padding-top: 0; }
 #craft .grid { gap: 12px; }
 #craft > div > .text-center { margin-bottom: 16px; }
 #craft h2 { margin-bottom: 12px; }
 #craft h3 { margin-bottom: 6px; }
}
html main section :is(h1,h2,h3) { line-height: 1.08 !important; }
@media (max-width: 767px) {
 html main section p { line-height: 1.4 !important; }
 #craft { padding-left: 16px; padding-right: 16px; }
 #craft span.block { margin-bottom: 6px; }
}
.scene-hero .photo-copy h1 { margin-bottom: var(--title-gap); }
/* Six reflected models on a quiet, shared canvas. */
html main section.model-section {
 background: #f4f1e9;
 height: auto;
 min-height: calc(100svh + var(--header-height,142px)) !important;
 padding: clamp(36px,5vw,72px) 8%;
 display: flex;
 align-items: center;
}
.model-grid { width:100%; max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 5%; }
.model-card { min-width:0; margin:0; text-align:center; }
.model-card img { display:block; width:100%; height:clamp(230px,32svh,360px); object-fit:contain; object-position:center bottom; }

.model-card figcaption { margin-top:4px; font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(22px,1.9vw,28px); letter-spacing:.16em; color:#44403c; }
@media(max-width:767px) {
 html main section.model-section { min-height:calc(100cqw * 1600 / 788) !important; padding:36px 5%; }
 .model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 6%; }
 .model-card img { height:clamp(170px,52vw,340px); aspect-ratio:auto; object-fit:contain; }
 .model-card figcaption { margin-top:4px; font-size:clamp(19px,5.1vw,23px); letter-spacing:.12em; }
}
@media (min-width: 768px) {
 .scene-hero .photo-copy, .scene-texture .photo-copy, .scene-pleasure .photo-copy { left: 12%; }
 .scene-organic .photo-copy, .scene-utility .photo-copy { right: 12%; }
}
.model-card.model-small img { transform:scale(.9); transform-origin:center bottom; }
html main section.model-section{flex-direction:column;justify-content:center;gap:28px}
.model-grid{margin:0 auto}
html main section.model-section .model-heading{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.15;color:#44403c;text-align:center;margin:0}
.model-card.model-large img{transform:scale(1.12);transform-origin:center bottom}
.model-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;max-width:180px;margin:14px auto 0;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.02em}
.model-actions a,.model-actions button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:38px;padding:9px 13px;border:1px solid #b4aa98;border-radius:0;text-decoration:none;font:inherit;transition:background .2s,color .2s}
.model-link{color:#44403c;background:transparent}.model-link:hover{background:#44403c;color:#f4f1e9}
.model-cart:disabled{color:#71695d;background:#e4ded2;border-color:#d0c7b8;cursor:not-allowed}
@media(max-width:767px){.model-actions{flex-direction:column;gap:6px;font-size:10px}.model-actions a,.model-actions button{min-height:36px;padding:8px 5px}}

/* A single, descriptive path from the hero to the collection. */
.scene-hero .hero-store-action{display:flex;justify-content:flex-start}
.scene-hero .hero-store-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 24px;background:#aa927b;color:#f4f1e9;border:1px solid #aa927b;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.06em;text-decoration:none;transition:background-color .2s,color .2s}
.scene-hero .hero-store-cta:hover{background:#6c5443;border-color:#6c5443}
.scene-hero .hero-store-cta:focus-visible{outline:2px solid #aa927b;outline-offset:4px}
.scene-hero .hero-store-cta svg{flex-shrink:0}
@media(max-width:767px){.scene-hero .hero-store-action{justify-content:center;padding-bottom:24px}.scene-hero .hero-store-cta{padding:13px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.scene-hero .hero-store-cta{transition:none}}

/* Give the designer quotation room and a fluid editorial scale. */
html main section.quotation-section{background:#aa927b;height:auto;min-height:var(--section-height);padding:clamp(40px,7vw,96px) clamp(24px,8vw,120px)}
html main section.quotation-section>div{width:100%;max-width:1100px;padding:0}
html main section.quotation-section p{font-size:clamp(24px,2.9vw,44px)!important;line-height:1.35!important;color:#fff;text-wrap:pretty;margin:0}

/* Equal breathing room around the model heading and grid in both languages. */
html main section.model-section{--models-space:28px;height:auto;min-height:0!important;padding-top:var(--models-space);padding-bottom:var(--models-space);gap:var(--models-space)}
@media(max-width:767px){
 html main .photo-section:not(.scene-hero){height:calc(100cqw * 1600 / 900);min-height:calc(100cqw * 1600 / 900)!important}
 html main .photo-section.scene-pleasure{height:calc(100cqw * 1600 / 899);min-height:calc(100cqw * 1600 / 899)!important}
 .scene-hero #waitlist.hero-store-action{top:calc(100cqw * 1600 / 788 * .915 - 18px);bottom:auto;height:auto;padding:0;transform:translateY(-50%);justify-content:center}
 main section{margin-top:0;margin-bottom:0}
}
.scene-organic .photo-copy,.scene-organic .photo-copy :is(span,h1,h2,p){color:#44403c}
.scene-pleasure .photo-copy,.scene-pleasure .photo-copy :is(span,h1,h2,p){color:#fff}
@media(max-width:767px){
 .scene-organic .photo-copy,.scene-organic .photo-copy :is(span,h1,h2,p){color:#36332f}
 .scene-pleasure .photo-copy,.scene-pleasure .photo-copy :is(span,h1,h2,p){color:#df772f}
}
@media(min-width:768px){
 .scene-organic .photo-copy,.scene-organic .photo-copy :is(span,h1,h2,p){color:#fff}
 html main .scene-texture .photo-copy :is(span,h2,p){color:#df772f!important}
 .scene-utility .photo-copy :is(span,h2,p){color:#6b645e}
 .scene-texture .photo-copy p{font-weight:400}
}

/* Shared neutral ink for the introductory photo copy. */
.scene-hero .photo-copy > :is(span,h1,p){color:#44403c}


/* One compact glyph shadow replaces the legacy text/filter combinations. */
.photo-section .photo-copy{--photo-shadow:rgba(32,24,18,.78);text-shadow:none}
.photo-section .photo-copy > :is(span,h1,h2,p){text-shadow:0 1.5px 4px var(--photo-shadow)!important;filter:none!important}
.scene-hero .photo-copy{--photo-shadow:rgba(32,24,18,.3)}
@media(min-width:768px){
 .scene-texture .photo-copy{--photo-shadow:rgba(32,24,18,.65)}
 .scene-utility .photo-copy{--photo-shadow:rgba(32,24,18,.3)}
}
@media(max-width:767px){
 .scene-organic .photo-copy,.scene-pleasure .photo-copy{--photo-shadow:rgba(32,24,18,.65)}
}

/* Fluid photo typography with room for natural wrapping. */
.photo-section{--copy-gap:clamp(10px,1.5vw,24px)}
html main .photo-section .photo-copy :is(h1,h2){font-size:clamp(28px,3.825vw,61.5px)!important;margin-bottom:var(--copy-gap)}
html main .photo-section .photo-copy>p{font-size:clamp(14px,1.05vw,17px)!important}
.photo-section .photo-copy>span{margin-bottom:var(--copy-gap)}
@media(min-width:768px){
 html main .scene-hero{min-height:100svh!important}
 .scene-hero .photo-copy{top:var(--hero-copy-center,calc(50% + 24px))}
}
@media(max-width:767px){
 .photo-section{--photo-offset:0px;--photo-ratio:1.7777777778;--copy-fraction:.49;--copy-gap:clamp(10px,3vw,18px);background:#f4f1e9}
 .scene-hero{--photo-ratio:2.0304568528}
 .scene-organic{--copy-fraction:.64}
 .scene-texture{--copy-fraction:.46}
 .scene-pleasure{--photo-ratio:1.7797552836;--copy-fraction:.58}
 html main .photo-section:not(.scene-hero),html main .photo-section.scene-hero,html main .photo-section.scene-pleasure{height:calc(100cqw * var(--photo-ratio));min-height:calc(100cqw * var(--photo-ratio))!important}
 .photo-section>div:first-child{margin-top:0}
 .photo-section .photo-copy{height:calc(100cqw * var(--photo-ratio) * var(--copy-fraction));padding:24px clamp(16px,5vw,32px)}
 html main .photo-section .photo-copy :is(h1,h2){font-size:clamp(24px,7vw,42px)!important;line-height:1.08!important}
 html main .photo-section .photo-copy>p{font-size:clamp(14px,3.4vw,17px)!important;line-height:1.4!important}
 .scene-hero .photo-copy{top:var(--hero-copy-top,164px);height:auto;bottom:auto;transform:none;padding:0 clamp(16px,5vw,32px);justify-content:flex-start}
 .scene-hero #waitlist.hero-store-action{top:calc(100cqw * var(--photo-ratio) * .915 - var(--hero-copy-top,164px));left:0;width:100%}
}

/* Equal section rhythm independent of the product grid's natural height. */
html main section.model-section{--models-space:clamp(20px,3vw,40px);height:auto!important;min-height:0!important;padding-block:var(--models-space);gap:var(--models-space)}
html main section.model-section .model-heading{margin:0!important;font-size:clamp(24px,3.6vw,46px)!important;line-height:1.15!important}
.model-section .model-grid{margin-block:0}
@media(max-width:767px){
 .scene-hero .hero-store-cta{font-size:clamp(9px,2.8vw,13px);min-height:clamp(32px,10vw,48px);padding:clamp(8px,2.5vw,13px) clamp(12px,4vw,20px);gap:clamp(10px,3vw,20px)}
 .scene-hero .hero-store-cta svg{width:clamp(14px,4vw,20px);height:clamp(14px,4vw,20px)}
}

@media(max-width:767px){.scene-hero #waitlist.hero-store-action{transform:none;translate:0 -50%}}

/* Match outer breathing room to the first row's visible product silhouettes. */
html main section.model-section{padding-block:var(--models-visible-space,var(--models-space))}

/* Match designer title spacing to the biography paragraph rhythm. */
.designer-bio{display:flex;flex-direction:column;gap:24px;align-items:center}
.designer-bio>h2{margin:0}