*{box-sizing:border-box}
.concept-header{padding:28px 5% 24px;text-align:center;background:#10100f;color:#f8f5ef}
.concept-header .page-brand{font-size:clamp(3.2rem,5vw,4.1rem)}
.concept-header .page-links{margin-top:8px}
.editorial-paper{overflow:hidden;background-color:#f4f0e8;background-image:radial-gradient(circle at 18% 12%,#fff9 0,transparent 36%),radial-gradient(circle at 75% 78%,#d3c9b223 0,transparent 45%);color:#26211d;padding:clamp(50px,8vw,110px) 7% 100px}
.concept-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(40px,7vw,110px);align-items:center}
.concept-kicker,.gallery-heading>span{display:block;font:400 .9rem/1.5 var(--editorial-serif);letter-spacing:.25em;color:#6b2928}
.concept-text h1{font:300 clamp(2.8rem,5vw,5rem)/1.2 var(--hebrew-serif);margin:18px 0 24px}
.concept-text h1 em{font-style:normal;color:#6b2928}
.concept-text p{font:300 clamp(1rem,1.3vw,1.1rem)/2 var(--hebrew-serif);color:#39332d;margin:0 0 18px;text-wrap:pretty}
.concept-text .concept-lead{font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.85;color:#26211d}
.concept-signature{font:3.4rem/1 Allura,cursive;color:#6b2928;margin-top:24px}
.story-mosaic{height:470px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:8px;transform:rotate(-2deg)}
.story-mosaic figure{margin:0;overflow:hidden;box-shadow:0 12px 28px #2e261d18;background:#ddd0bc;border:5px solid #fffdfa}
.story-mosaic img{display:block;width:100%;height:100%;object-fit:cover}
.mosaic-one{grid-area:1/3/4/6}.mosaic-two{grid-area:2/1/5/3}.mosaic-three{grid-area:4/3/7/5}.mosaic-four{grid-area:1/6/4/7}.mosaic-five{grid-area:4/5/6/7}
.mosaic-four img{transform:scale(1.18);transform-origin:center bottom}
.concept-divider{max-width:1180px;margin:90px auto 50px;border-top:1px solid #b6a99a;text-align:center}.concept-divider span{display:inline-block;position:relative;top:-.85em;padding:0 22px;background:#f4f0e8;color:#6b2928;font:300 1.1rem/1.5 var(--hebrew-serif)}
.story-notes{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,60px)}
.story-notes article{border-top:1px solid #6b2928;padding-top:18px}.story-notes article>span{color:#6b2928;font:1.1rem/1.5 var(--editorial-serif)}.story-notes h2{font:300 1.55rem/1.45 var(--hebrew-serif);margin:12px 0}.story-notes p{font:300 1rem/1.8 var(--hebrew-serif);color:#514840;margin:0}
.personal-gallery{max-width:1250px;margin:120px auto 0}.gallery-heading{text-align:center;max-width:660px;margin:auto}.gallery-heading h2{font:300 clamp(2rem,3.2vw,3.25rem)/1.3 var(--hebrew-serif);margin:16px 0}.gallery-heading p{font:300 1rem/1.75 var(--hebrew-serif);color:#655950}
.photo-rail{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,2.5vw,34px);max-width:720px;margin:65px auto 0;isolation:isolate}
.photo-rail:before{content:"";position:absolute;z-index:-1;inset:33% 2% 27%;border-bottom:2px solid #6b2928;border-radius:50%;transform:rotate(-4deg)}
.paper-frame{min-width:0;margin:0;overflow:hidden;background:#d3c9b9;box-shadow:0 18px 36px #33251d1a;transition:transform .25s ease,box-shadow .25s ease}
.paper-frame img{width:100%;height:auto;aspect-ratio:4/5;display:block;object-fit:cover}
.frame-one{transform:translateY(28px)}.frame-two{transform:translateY(78px)}.frame-three{transform:translateY(0)}.frame-four{transform:translateY(55px)}
.frame-two img{aspect-ratio:4/4.4}.frame-three img{aspect-ratio:4/5.4}.frame-four img{aspect-ratio:4/4.6}
.paper-frame:hover{box-shadow:0 24px 42px #33251d30}
body footer{background:#10100f;padding:30px 7%;margin:0;text-align:center;color:#f8f5ef}
@media(max-width:850px){.concept-grid{grid-template-columns:1fr;gap:26px}.story-mosaic{max-width:600px;width:100%;margin:auto;order:2}.story-notes{grid-template-columns:1fr;gap:28px}.concept-divider{margin-top:60px}.personal-gallery{margin-top:85px}.photo-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.photo-rail:before{inset:25% 2% 30%}.paper-frame img{aspect-ratio:4/4.5}}
@media(max-width:520px){.editorial-paper{padding:48px 6% 80px}.concept-text h1{font-size:2.8rem}.story-mosaic{height:330px;gap:5px}.story-mosaic figure{border-width:3px}.concept-divider span{font-size:.95rem;padding:0 12px}.gallery-heading h2{font-size:2.15rem}.photo-rail{gap:13px;margin-top:42px}.frame-one{transform:translateY(28px)}.frame-two{transform:translateY(0)}.frame-three{transform:translateY(18px)}.frame-four{transform:translateY(30px)}}
@media(prefers-reduced-motion:reduce){.paper-frame{transition:none}}
