/* V19 — faithful scrapbook treatment.
   Visual source: approved graphic mockups.
   Content/photo source: V18/V17 current site. */

:root{
  --cream:#f7efe3;
  --cream2:#fbf6ee;
  --ink:#241b18;
  --red:#a62834;
  --night:#07131f;
  --tape:rgba(215,185,145,.72);
}

/* stronger paper material, not flat beige cards */
body.gallery-v18,
body.stories-v18,
body.story-v18{
  background:
    linear-gradient(rgba(246,236,223,.90),rgba(246,236,223,.90)),
    url('/assets/textures/paper-fiber.jpg') 0 0/680px 680px repeat;
}

/* General torn sheet: irregular top and bottom, no regular zig-zag */
.gallery-v18 .scrap-paper,
.stories-v18 .scrap-paper,
.story-v18 .scrap-paper{
  background:
    linear-gradient(rgba(252,246,237,.94),rgba(252,246,237,.94)),
    url('/assets/textures/paper-fiber.jpg') 0 0/650px 650px repeat;
  box-shadow:0 12px 28px rgba(70,43,30,.08);
  clip-path:polygon(
    0 2.5%,5% .6%,11% 1.7%,17% .4%,24% 1.9%,31% .7%,38% 1.6%,45% .3%,52% 1.8%,59% .5%,66% 1.5%,73% .4%,80% 1.9%,87% .5%,94% 1.5%,100% .7%,
    99.7% 97.5%,94% 99.1%,87% 98.1%,80% 99.4%,73% 98.3%,66% 99.5%,59% 98.2%,52% 99.4%,45% 98%,38% 99.3%,31% 98.1%,24% 99.4%,17% 98%,10% 99.5%,4% 98.2%,0 99%
  );
}

.gallery-v18 .taped-photo,
.stories-v18 .taped-photo,
.story-v18 .taped-photo{
  background:#fffaf2;
  padding:8px;
  box-shadow:0 8px 22px rgba(58,34,24,.16);
}

.gallery-v18 .taped-photo:before,.gallery-v18 .taped-photo:after,
.stories-v18 .taped-photo:before,.stories-v18 .taped-photo:after,
.story-v18 .taped-photo:before,.story-v18 .taped-photo:after{
  height:18px;width:58px;top:-8px;background:var(--tape);
}

/* ----------------------------------------------------------
   GALLERY — match approved scrapbook composition, not card grid
   ---------------------------------------------------------- */
body.gallery-v18 .gallery-head{padding:28px 0 0;background:transparent;overflow:visible}
body.gallery-v18 .gallery-head:before{background:transparent}
.gallery-v18 .gallery-head-scrap{
  min-height:260px;padding:34px 38px 46px;margin-bottom:-2px;box-shadow:none;
  background:
    linear-gradient(rgba(250,242,231,.94),rgba(250,242,231,.94)),
    url('/assets/textures/paper-fiber.jpg') 0 0/650px 650px repeat;
}
.gallery-v18 .gallery-head-scrap:before{
  content:"";position:absolute;z-index:-1;right:30px;top:45px;width:560px;height:125px;
  background:linear-gradient(9deg,#2b2524 0 22%,#111 22% 34%,#b76d61 34% 42%,#ede1d0 42% 100%);
  opacity:.42;clip-path:polygon(2% 12%,14% 3%,28% 10%,43% 1%,59% 8%,74% 3%,88% 12%,100% 4%,97% 94%,83% 99%,66% 92%,48% 99%,30% 93%,14% 98%,0 91%);
}
.gallery-v18 .gallery-head-scrap:after{
  content:"";position:absolute;left:0;right:0;bottom:-14px;height:32px;z-index:7;
  background:#f9f1e6 url('/assets/textures/paper-fiber.jpg') 0 0/650px 650px repeat;
  clip-path:polygon(0 38%,4% 18%,9% 43%,14% 16%,20% 48%,26% 22%,32% 44%,38% 19%,45% 50%,52% 23%,59% 45%,66% 18%,73% 50%,80% 20%,87% 44%,94% 19%,100% 39%,100% 100%,0 100%);
}
.gallery-v18 .gallery-head-scrap h1{font-size:80px;margin:0 0 2px;line-height:.95}
.gallery-v18 .gallery-head-scrap h1:after{content:"";display:block;width:220px;border-bottom:4px solid #b42735;transform:rotate(-2deg);margin-top:8px}
.gallery-v18 .gallery-head-scrap .head-copy{max-width:450px;position:relative;z-index:5}
.gallery-v18 .gallery-head-scrap .lede{font-size:22px;margin:0 0 3px}
.gallery-v18 .gallery-tab-papers{right:55px;top:55px;gap:0;z-index:5}
.gallery-v18 .gallery-tab-papers a{
  width:165px;min-height:102px;margin-left:-2px;padding:19px 12px;font-size:19px;
  background:#efe0cd url('/assets/textures/paper-fiber.jpg') 0 0/650px 650px repeat;
  border-left:1px solid rgba(80,57,43,.08);box-shadow:0 6px 14px rgba(58,35,24,.08)
}
.gallery-v18 .gallery-head-scrap>.flower-sprig{width:78px;right:-2px;top:14px;transform:rotate(10deg)}

body.gallery-v18 .gallery-section{padding:0;margin:0;overflow:visible;background:transparent}
.gallery-v18 .gallery-section:after{background:transparent}
.gallery-v18 .gallery-section .section-paper{margin:0;padding:36px 34px 40px;box-shadow:none;overflow:visible}
.gallery-v18 .gallery-section .section-paper:before{
  content:"";position:absolute;left:-2%;right:-2%;top:-20px;height:46px;z-index:-1;
  background:rgba(234,215,194,.66);clip-path:polygon(0 58%,4% 28%,10% 61%,16% 35%,23% 60%,30% 30%,38% 64%,46% 33%,55% 63%,63% 31%,72% 61%,81% 34%,90% 65%,100% 31%,100% 100%,0 100%);
}
.gallery-v18 .gallery-section .section-copy{left:8px;top:58px;width:200px}
.gallery-v18 .gallery-section h2{font-size:51px;letter-spacing:-.025em}
.gallery-v18 .gallery-section .subtitle{font-size:23px}
.gallery-v18 .gallery-section .section-copy p:last-child{font-size:16px;line-height:1.38}

/* AMARA collage — dense, overlapping, hand-placed */
.gallery-v18 .amara-paper{min-height:655px;padding-top:30px!important}
.gallery-v18 .amara-paper .scrap-grid{display:block;position:relative;height:580px;margin-left:205px}
.gallery-v18 .amara-paper .scrap-grid figure{position:absolute;margin:0;z-index:2}
.gallery-v18 .amara-paper .g1{left:0;top:16px;width:230px;height:355px;transform:rotate(-3deg)!important}
.gallery-v18 .amara-paper .g2{left:215px;top:4px;width:230px;height:320px;transform:rotate(2.2deg)!important}
.gallery-v18 .amara-paper .g3{left:425px;top:10px;width:250px;height:370px;transform:rotate(-1.6deg)!important}
.gallery-v18 .amara-paper .g4{left:655px;top:28px;width:225px;height:350px;transform:rotate(3deg)!important}
.gallery-v18 .amara-paper .g5{left:95px;top:328px;width:250px;height:220px;transform:rotate(3.2deg)!important;z-index:5}
.gallery-v18 .amara-paper .g6{left:520px;top:345px;width:235px;height:205px;transform:rotate(-3deg)!important;z-index:5}
.gallery-v18 .amara-paper>.flower-sprig.one{left:145px;bottom:105px;width:75px;transform:rotate(-11deg)}
.gallery-v18 .amara-paper>.flower-sprig.two{right:-8px;top:305px;width:68px;transform:rotate(9deg)}
.gallery-v18 .amara-paper:after{
  content:"";position:absolute;left:18px;bottom:80px;width:130px;height:110px;opacity:.22;z-index:0;
  background:linear-gradient(140deg,#1c1b1c 0 38%,transparent 38% 48%,#a12d39 48% 68%,transparent 68%);
  transform:rotate(-5deg)
}

/* SHIFT — one continuous torn strip, not a boxed card */
.gallery-v18 .shift-paper{min-height:520px;display:block;padding:36px 36px 40px!important}
.gallery-v18 .shift-paper .transition-copy{position:absolute;left:4px;top:80px;width:190px;padding:0;z-index:6}
.gallery-v18 .shift-paper .transition-copy h2{font-size:52px}
.gallery-v18 .shift-paper .transition-copy p{font-size:16px;line-height:1.4}
.gallery-v18 .shift-collage{margin-left:205px;height:455px;min-height:455px;position:relative}
.gallery-v18 .shift-main{position:absolute;left:0;top:12px;width:620px;height:405px;transform:rotate(-1.3deg)}
.gallery-v18 .shift-eye{right:135px;top:2px;width:190px;transform:rotate(5deg);z-index:6}
.gallery-v18 .shift-paper>.flower-sprig{right:12px;top:130px;width:74px;transform:rotate(10deg)}
.gallery-v18 .shift-paper:after{
  content:"";position:absolute;right:105px;bottom:40px;width:185px;height:145px;z-index:1;opacity:.20;
  background:linear-gradient(20deg,#202021 0 36%,transparent 36% 48%,#9e2f39 48% 66%,transparent 66%);
  transform:rotate(7deg)
}

/* ARAMA collage */
.gallery-v18 .arama-paper{min-height:760px}
.gallery-v18 .arama-paper .scrap-grid{display:block;position:relative;height:700px;margin-left:205px}
.gallery-v18 .arama-paper .scrap-grid figure{position:absolute;margin:0}
.gallery-v18 .arama-paper .g1{left:0;top:12px;width:310px;height:390px;transform:rotate(-2deg)!important}
.gallery-v18 .arama-paper .g2{left:285px;top:6px;width:300px;height:350px;transform:rotate(2.5deg)!important;z-index:3}
.gallery-v18 .arama-paper .g3{left:565px;top:30px;width:230px;height:300px;transform:rotate(-2.3deg)!important;z-index:2}
.gallery-v18 .arama-paper .g4{left:-55px;top:350px;width:250px;height:300px;transform:rotate(3deg)!important;z-index:5}
.gallery-v18 .arama-paper .g5{left:185px;top:345px;width:335px;height:315px;transform:rotate(-1.8deg)!important;z-index:5}
.gallery-v18 .arama-paper .g6{left:500px;top:350px;width:300px;height:300px;transform:rotate(2.8deg)!important;z-index:5}
.gallery-v18 .arama-paper>.flower-sprig.one{left:150px;top:300px;width:72px;transform:rotate(-9deg)}
.gallery-v18 .arama-paper>.flower-sprig.two{right:-5px;bottom:75px;width:75px;transform:rotate(10deg)}

/* make the bottom night band feel attached to the paper */
.gallery-v18 + .night-signup,
body.gallery-v18 .night-signup{margin-top:-1px}
body.gallery-v18 .night-signup:before{
  content:"";position:absolute;left:0;right:0;top:-24px;height:34px;background:#0a1723 url('/assets/home-v15/night-bg.jpg') center top/cover no-repeat;
  clip-path:polygon(0 58%,4% 22%,10% 53%,17% 25%,24% 60%,31% 28%,39% 55%,47% 24%,55% 60%,64% 27%,72% 55%,80% 25%,89% 61%,96% 27%,100% 52%,100% 100%,0 100%);opacity:1
}

/* ----------------------------------------------------------
   STORIES — approved collage language + continuous evolution
   ---------------------------------------------------------- */
body.stories-v18 .stories-intro{padding:26px 0 0;background:transparent;overflow:visible}
body.stories-v18 .stories-intro:before{background:transparent}
.stories-v18 .stories-intro .intro-sheet{min-height:430px;padding:34px 40px 48px;box-shadow:none}
.stories-v18 .stories-intro .intro-sheet:before{
  content:"";position:absolute;left:0;right:0;bottom:-19px;height:42px;z-index:6;background:#1d1a1b;
  clip-path:polygon(0 46%,5% 20%,11% 54%,17% 24%,24% 55%,31% 22%,38% 58%,45% 24%,53% 55%,61% 23%,69% 57%,77% 21%,86% 58%,94% 23%,100% 47%,100% 100%,0 100%)
}
.stories-v18 .stories-intro .breadcrumbs{font-size:11px;margin-bottom:8px}
.stories-v18 .stories-intro .eyebrow{font-size:0}
.stories-v18 .stories-intro .eyebrow:after{content:"Stories";font:700 64px/1 Georgia,'Times New Roman',serif;color:#231b18;letter-spacing:-.03em;text-transform:none;display:block;width:max-content;border-bottom:4px solid #b42735;padding-bottom:8px;transform:rotate(-1deg)}
.stories-v18 .stories-intro h1{font-size:38px;line-height:1.06;max-width:420px;margin:22px 0 12px}
.stories-v18 .stories-intro-copy{max-width:430px;font-size:17px;line-height:1.48}
.stories-v18 .intro-collage{right:250px;top:52px;width:390px;z-index:3}
.stories-v18 .intro-collage img{height:300px}
.stories-v18 .intro-sheet>.flower-sprig{right:35px;top:20px;width:78px;bottom:auto;transform:rotate(10deg)}
.stories-v18 .intro-sheet:after{
  content:"";position:absolute;right:25px;bottom:40px;width:210px;height:220px;background:url('/assets/home-v15/intro-left.png') center/contain no-repeat;opacity:.95;z-index:2;transform:rotate(2deg)
}

.stories-v18 .story-stream{width:min(1160px,94vw);margin:0 auto 0;padding:42px 0 20px}
.stories-v18 .stream-line{left:86px;border-left:0}
.stories-v18 .stream-chapter{margin:0 0 -6px;padding:36px 44px 42px 100px;min-height:230px;box-shadow:none;overflow:visible}
.stories-v18 .stream-chapter .chapter-dot{left:54px;top:58px;width:12px;height:12px;border:3px solid #f6ede1;box-shadow:0 0 0 1px rgba(112,76,57,.3)}
.stories-v18 .stream-chapter h2{font-size:38px;margin:4px 0 12px}
.stories-v18 .stream-chapter p{font-size:17px;line-height:1.5}
.stories-v18 .stream-live{min-height:505px;padding-left:520px;padding-right:70px;padding-top:80px}
.stories-v18 .stream-live .feature-photo{left:55px;right:auto;top:48px;width:420px;height:390px;transform:rotate(-1.4deg)}
.stories-v18 .stream-live>.flower-sprig{left:15px;right:auto;bottom:65px;width:70px;transform:rotate(-10deg)}

/* alternating future chapters like torn scrapbook strips */
.stories-v18 .future-chapter{min-height:250px;background:rgba(250,243,232,.87)}
.stories-v18 .future-chapter:nth-child(even){margin-left:40px;margin-right:0;padding-right:390px}
.stories-v18 .future-chapter:nth-child(odd){margin-left:0;margin-right:40px;padding-left:390px}
.stories-v18 .future-chapter:before{
  content:"";position:absolute;width:245px;height:165px;top:37px;background-size:cover;background-position:center;border:8px solid #fffaf2;box-shadow:0 8px 18px rgba(50,30,20,.14);z-index:3
}
.stories-v18 .future-chapter:nth-child(even):before{right:80px;transform:rotate(2deg)}
.stories-v18 .future-chapter:nth-child(odd):before{left:95px;transform:rotate(-2deg)}
.stories-v18 .future-chapter:nth-of-type(2):before{background-image:url('/assets/images/amara-red-beret.jpg')}
.stories-v18 .future-chapter:nth-of-type(3):before{background-image:url('/assets/images/amara-candid.webp')}
.stories-v18 .future-chapter:nth-of-type(4):before{background-image:url('/assets/images/arama-paris-still.jpg')}
.stories-v18 .future-chapter:nth-of-type(5):before{background-image:url('/assets/images/amara-coby.jpg')}
.stories-v18 .future-chapter:nth-of-type(6):before{background-image:url('/assets/images/transition.png')}
.stories-v18 .future-chapter:nth-of-type(7):before{background-image:url('/assets/images/arama-tokyo.jpg')}
.stories-v18 .future-chapter .flower-sprig{width:62px;bottom:22px}
.stories-v18 .future-chapter:after{
  content:"";position:absolute;width:95px;height:65px;background:linear-gradient(145deg,#1f1e1f 0 45%,transparent 45% 54%,#9f303a 54% 73%,transparent 73%);opacity:.19;bottom:18px;right:24px;transform:rotate(7deg)
}
.stories-v18 .future-chapter:nth-child(odd):after{right:auto;left:24px;transform:rotate(-7deg)}

/* ----------------------------------------------------------
   FIRST CROSSING — one continuous scrapbook story
   ---------------------------------------------------------- */
body.story-v18 .story-hero.editorial{padding:26px 0 0;background:transparent}
.story-v18 .story-hero .hero-sheet{min-height:340px;padding:46px 52px 52px;box-shadow:none}
.story-v18 .story-hero .hero-sheet:before{
  content:"";position:absolute;right:60px;top:48px;width:300px;height:230px;background:url('/assets/images/amara-natural-purple.jpg') center/cover;border:9px solid #fffaf2;box-shadow:0 8px 20px rgba(50,30,20,.14);transform:rotate(2deg);z-index:2
}
.story-v18 .story-hero .story-title{font-size:62px;max-width:620px;border-bottom:4px solid #b42735;width:max-content;padding-bottom:9px;transform:rotate(-.4deg)}
.story-v18 .story-hero .story-deck{font-size:23px;max-width:570px}
.story-v18 .story-hero .flower-sprig{right:360px;bottom:28px;width:68px}
.story-v18 .story-body{width:min(1160px,94vw);padding:18px 0 54px}
.story-v18 .story-paper-block{margin:0 0 -5px;padding:40px 48px 44px;box-shadow:none}
.story-v18 .story-paper-block p{font-size:19px;line-height:1.52}
.story-v18 .story-paper-block .story-break{font-size:24px;margin:22px 0 18px}
.story-v18 .block-before{min-height:520px;padding-right:480px}
.story-v18 .block-before .paper-photo{right:60px;top:55px;width:360px;height:390px;transform:rotate(2deg)}
.story-v18 .block-salon{min-height:520px;padding-left:480px}
.story-v18 .block-salon .photo-one{left:45px;top:60px;width:285px;height:355px}
.story-v18 .block-salon .photo-two{left:260px;top:110px;width:205px;height:295px}
.story-v18 .block-shaved{min-height:430px;padding-right:450px}
.story-v18 .block-shaved .paper-photo{right:55px;top:50px;width:345px;height:320px}
.story-v18 .block-transition{min-height:575px;padding-right:520px}
.story-v18 .block-transition .transition-photo{right:55px;top:45px;width:450px;height:415px}
.story-v18 .block-transition .real-look{right:410px;bottom:35px;width:205px;height:240px}
.story-v18 .world-sheet{padding:42px 40px 50px;margin-top:0}
.story-v18 .world-sheet:before{
  content:"";position:absolute;left:0;right:0;top:-20px;height:40px;background:#0a1622 url('/assets/home-v15/night-bg.jpg') center top/cover no-repeat;clip-path:polygon(0 55%,4% 20%,10% 58%,17% 22%,24% 57%,31% 25%,39% 59%,47% 23%,55% 58%,64% 24%,72% 56%,80% 22%,89% 59%,96% 24%,100% 52%,100% 100%,0 100%);z-index:0
}
.story-v18 .world-intro{position:relative;z-index:2}
.story-v18 .world-collage{position:relative;z-index:3;gap:8px}
.story-v18 .world-collage .taped-photo{height:300px}
.story-v18 .paris-finale{margin:0;padding:46px;background:#071522 url('/assets/home-v15/night-bg.jpg') center/cover no-repeat}

/* -------- mobile: preserve collage feel but stop overlap from breaking -------- */
@media(max-width:980px){
  .gallery-v18 .gallery-tab-papers{position:static;margin:22px 0 0 45%;transform:none}
  .gallery-v18 .gallery-head-scrap>.flower-sprig{right:12px}
  .gallery-v18 .gallery-section .section-copy{position:static;width:auto;margin:0 0 22px 0}
  .gallery-v18 .amara-paper .scrap-grid,.gallery-v18 .arama-paper .scrap-grid{margin-left:0;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .gallery-v18 .amara-paper .scrap-grid figure,.gallery-v18 .arama-paper .scrap-grid figure{position:relative;left:auto;top:auto;width:auto;height:300px!important;transform:none!important}
  .gallery-v18 .shift-paper .transition-copy{position:static;width:auto;margin-bottom:20px}
  .gallery-v18 .shift-collage{margin-left:0;height:auto;min-height:0}
  .gallery-v18 .shift-main{position:relative;width:100%;height:470px;left:auto;top:auto}
  .gallery-v18 .shift-eye{right:15px;top:20px}

  .stories-v18 .intro-collage{position:relative;right:auto;top:auto;width:60%;margin:25px 0 0 auto}
  .stories-v18 .intro-sheet:after{right:auto;left:35px;bottom:20px;width:180px;height:190px}
  .stories-v18 .stream-live{padding:44px 44px 430px 90px}
  .stories-v18 .stream-live .feature-photo{left:50%;top:auto;bottom:35px;width:410px;height:350px;transform:translateX(-50%) rotate(-1deg)}
  .stories-v18 .future-chapter:nth-child(even),.stories-v18 .future-chapter:nth-child(odd){margin:0 0 -5px;padding:35px 38px 250px 85px}
  .stories-v18 .future-chapter:before,.stories-v18 .future-chapter:nth-child(even):before,.stories-v18 .future-chapter:nth-child(odd):before{left:50%;right:auto;top:auto;bottom:32px;transform:translateX(-50%) rotate(-1deg);width:320px;height:190px}

  .story-v18 .story-hero .hero-sheet{padding-right:42px;padding-bottom:310px}
  .story-v18 .story-hero .hero-sheet:before{right:50%;top:auto;bottom:40px;transform:translateX(50%) rotate(1deg);width:340px;height:235px}
}

@media(max-width:680px){
  .gallery-v18 .gallery-head-scrap{padding:28px 20px 42px}
  .gallery-v18 .gallery-head-scrap h1{font-size:58px}
  .gallery-v18 .gallery-tab-papers{margin-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .gallery-v18 .gallery-tab-papers a{width:auto;min-height:74px;font-size:14px;padding:12px 7px}
  .gallery-v18 .amara-paper .scrap-grid,.gallery-v18 .arama-paper .scrap-grid{grid-template-columns:1fr 1fr;gap:12px}
  .gallery-v18 .amara-paper .scrap-grid figure,.gallery-v18 .arama-paper .scrap-grid figure{height:235px!important}
  .gallery-v18 .shift-main{height:330px}.gallery-v18 .shift-eye{width:125px}

  .stories-v18 .stories-intro .eyebrow:after{font-size:48px}
  .stories-v18 .stories-intro h1{font-size:31px}
  .stories-v18 .intro-collage{width:86%}
  .stories-v18 .intro-sheet:after{display:none}
  .stories-v18 .stream-chapter{padding-left:62px}
  .stories-v18 .stream-chapter .chapter-dot{left:20px}
  .stories-v18 .stream-live{padding-bottom:350px}
  .stories-v18 .stream-live .feature-photo{width:calc(100% - 90px);height:290px}
  .stories-v18 .future-chapter:nth-child(even),.stories-v18 .future-chapter:nth-child(odd){padding-left:62px;padding-right:24px;padding-bottom:230px}
  .stories-v18 .future-chapter:before{width:245px!important;height:165px!important}

  .story-v18 .story-hero .story-title{font-size:44px;width:auto}
  .story-v18 .story-paper-block{padding:32px 24px 36px}
}