/* AYMIA HIKAYEMIZ V2 — entirely scoped; preserves homepage, /apps, and all app panels.
   Layout direction is original; user-supplied ATELIER reference gives proportions only.
   Font authority: existing Swiss Editorial / Inter tokens. */
.aymia-story{
  --story-black:#050505;
  --story-white:#f4eeea;
  --story-muted:#c9c4c1;
  --aymia-editorial-font:Inter,"Helvetica Neue","Segoe UI",Arial,sans-serif;
  color-scheme:dark;
  background:#050505;
  color:var(--story-white);
  font-family:var(--aymia-editorial-font);
  min-height:100svh;
  overflow-x:clip;
}
.aymia-story,.aymia-story *{box-sizing:border-box}
.aymia-story a{color:inherit;text-decoration:none}
.aymia-story a:focus-visible{outline:2px solid #ffceaa;outline-offset:5px}
.aymia-story .story-skip{position:absolute;top:-80px;left:16px;z-index:99;color:#050505;background:#fff;padding:12px 18px}
.aymia-story .story-skip:focus{top:10px}
.aymia-story .story-header{
  position:relative;z-index:21;height:84px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(24px,5.6vw,100px);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#050505;
}
.aymia-story .story-wordmark{
  font-family:var(--aymia-editorial-font);
  font-size:clamp(26px,2.1vw,36px);font-weight:430;letter-spacing:.21em;line-height:1;
  white-space:nowrap;
}
.aymia-story .story-nav{
  display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;
  gap:clamp(20px,3.2vw,58px);
  font-family:var(--aymia-editorial-font);
  font-weight:500;font-size:clamp(13px,1vw,16px);
}
.aymia-story .story-nav a{opacity:.82;transition:opacity .22s ease}
.aymia-story .story-nav a:hover,.aymia-story .story-nav a[aria-current="page"]{opacity:1}
.aymia-story .story-first-panel{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;justify-content:flex-end;
  min-height:calc(100svh - 84px);min-height:calc(100dvh - 84px);
  padding:0 clamp(25px,7vw,128px);
  background:#050505;
}
.aymia-story .story-first-panel::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 40% 80% at 60% 49%,rgba(72,40,26,.16),transparent 74%);
}
.aymia-story .story-video-stage{
  position:absolute;z-index:-1;top:0;bottom:0;left:9%;width:69%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 75%,transparent 99%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 75%,transparent 99%);
  background:#050505 url("/images/hikayemiz-poster.jpg") no-repeat 54% center / cover;
}
.aymia-story .story-cinema-video{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 44%;
}
.aymia-story .story-video-veil{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#050505 0%,#050505 47.7%,rgba(5,5,5,.08) 48.2%,transparent 55%,rgba(5,5,5,.15) 65%,#050505 79%,#050505 100%),
    linear-gradient(0deg,rgba(5,5,5,.64),transparent 22%,transparent 78%,rgba(5,5,5,.55));
}
.aymia-story .story-opening{
  position:relative;z-index:8;
  margin-left:auto;
  width:min(33vw,510px);max-width:100%;
  padding:30px 0 24px 18px;
  background:transparent;
  text-align:left;
}
.aymia-story .story-kicker,.aymia-story .story-section-index,.aymia-story .story-brand-index{
  margin:0 0 24px;color:#cfc8c3;
  font-size:clamp(10px,.84vw,12px);font-weight:500;
  letter-spacing:.3em;line-height:1.4;
}
.aymia-story .story-opening h1{
  font-family:var(--aymia-editorial-font);
  font-size:clamp(30px,3.1vw,53px);
  font-weight:700;letter-spacing:-.055em;
  line-height:1.12;margin:0;
  text-wrap:balance;overflow-wrap:normal;
}
.aymia-story .story-opening h1 span{display:block}
.aymia-story .story-hero-subtitle{
  color:rgba(245,240,236,.78);
  font-size:clamp(13px,.98vw,16px);
  font-weight:400;line-height:1.65;max-width:34ch;
  margin:27px 0 0;
}
.aymia-story .story-side-mark{
  position:absolute;left:clamp(26px,5.5vw,100px);top:32%;z-index:4;
  color:rgba(245,239,235,.5);font-size:10px;font-weight:500;
  letter-spacing:.32em;writing-mode:vertical-rl;transform:rotate(180deg);
}
.aymia-story .story-scroll-cue,.aymia-story .story-hero-index{
  position:absolute;bottom:clamp(26px,5vh,54px);
  color:rgba(249,243,238,.7);font-size:10px;font-weight:500;letter-spacing:.3em;
}
.aymia-story .story-scroll-cue{left:clamp(28px,5.5vw,100px);z-index:9}
.aymia-story .story-scroll-cue span{font-size:18px;vertical-align:middle;margin-left:14px}
.aymia-story .story-hero-index{right:clamp(28px,5.5vw,100px)}
.aymia-story .story-content{
  position:relative;z-index:5;background:#050505;
  padding:clamp(100px,12vw,190px) clamp(28px,8vw,145px) 130px;
  min-height:100vh;
}
.aymia-story .story-introduction{
  margin:0 auto 140px;
  max-width:1060px;padding-bottom:95px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.aymia-story .story-introduction h2,.aymia-story .story-closing h2{
  font-family:var(--aymia-editorial-font);
  font-weight:700;letter-spacing:-.058em;
  line-height:1.1;
  font-size:clamp(32px,3.6vw,59px);
  max-width:16ch;
  margin:0 0 42px;
}
.aymia-story .story-content p:not(.story-section-index):not(.story-brand-index):not(.story-manifest):not(.story-closing-emphasis){
  color:var(--story-muted);font-size:clamp(15px,1.04vw,18px);font-weight:400;
  line-height:1.78;letter-spacing:-.007em;margin:0 0 22px;
}
.aymia-story .story-introduction>p:not(.story-section-index):not(.story-manifest){max-width:72ch}
.aymia-story .story-manifest{
  margin:40px 0 0;color:#eee8e4;
  font-size:clamp(15px,1.3vw,20px);font-weight:700;
  letter-spacing:.04em;line-height:1.4;
}
.aymia-story .story-brands{margin:0 auto;max-width:1250px}
.aymia-story .story-brand{
  display:grid;grid-template-columns:72px minmax(180px,.8fr) minmax(320px,1.1fr);
  gap:clamp(22px,3.2vw,58px);
  padding:55px 0 66px;
  border-top:1px solid rgba(255,255,255,.16);
}
.aymia-story .story-brand-index{margin-top:13px}
.aymia-story .story-brand h3{
  font-family:var(--aymia-editorial-font);
  font-size:clamp(27px,2.6vw,43px);font-weight:700;letter-spacing:-.055em;line-height:1.12;
  margin:0 0 17px;
}
.aymia-story .story-brand h4{
  font-family:var(--aymia-editorial-font);
  font-size:clamp(15px,1.14vw,19px);font-weight:500;
  line-height:1.5;letter-spacing:-.018em;color:#eee6e1;
  margin:0;max-width:25ch;
}
.aymia-story .story-brand-copy{padding-top:7px}
.aymia-story .story-closing{
  max-width:1060px;
  margin:110px auto 0;padding-top:100px;
  border-top:1px solid rgba(255,255,255,.18);
}
.aymia-story .story-closing-emphasis{
  max-width:56ch;margin:38px 0 44px;
  font-size:clamp(19px,1.48vw,24px);line-height:1.55;font-weight:650;
}
.aymia-story .story-cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
  max-width:100%;padding:17px 25px;
  border:1px solid rgba(255,255,255,.65);border-radius:100px;
  font-size:12px;letter-spacing:.12em;font-weight:500;
  transition:transform .22s ease,background .22s ease;
}
.aymia-story .story-cta:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}
.aymia-story .story-trail-canvas{
  position:fixed;inset:0;width:100vw;height:100vh;
  z-index:7;pointer-events:none;touch-action:auto;
  background:transparent;
}
@media(max-width:1180px){
  .aymia-story .story-video-stage{left:4%;width:69%}
  .aymia-story .story-opening{width:min(34vw,410px)}
  .aymia-story .story-brand{grid-template-columns:55px minmax(170px,.75fr) minmax(270px,1fr);gap:28px}
}
@media(max-width:900px){
  .aymia-story .story-video-stage{left:0%;width:69%}
  .aymia-story .story-cinema-video{object-position:58% 44%}
  .aymia-story .story-opening{width:min(35vw,360px)}
  .aymia-story .story-opening h1{font-size:clamp(29px,4.2vw,42px)}
  .aymia-story .story-content{padding:110px 7% 100px}
  .aymia-story .story-brand{grid-template-columns:55px minmax(0,1fr);gap:18px 28px}
  .aymia-story .story-brand-copy{grid-column:2;padding-top:0;max-width:70ch}
}
@media(max-width:600px){
  .aymia-story .story-header{height:auto;min-height:106px;padding:19px 6%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}
  .aymia-story .story-wordmark{font-size:25px}
  .aymia-story .story-nav{width:100%;justify-content:space-between;gap:9px;font-size:12px;white-space:nowrap}
  .aymia-story .story-first-panel{height:calc(100svh - 106px);min-height:490px;padding:0 6%;align-items:flex-end}
  .aymia-story .story-video-stage{left:-8%;width:123%;height:79%;top:0;bottom:auto}
  .aymia-story .story-cinema-video{object-position:51% 50%}
  .aymia-story .story-video-veil{
    background:linear-gradient(90deg,#050505 0%,#050505 43%,rgba(5,5,5,.08) 44%,transparent 69%,#050505 95%),
               linear-gradient(0deg,#050505 0%,rgba(5,5,5,.76) 19%,transparent 60%,rgba(5,5,5,.12) 100%);
  }
  .aymia-story .story-opening{
    width:84%;max-width:340px;margin:0 0 17vh auto;padding:0;
    text-align:right;
  }
  .aymia-story .story-opening h1{font-size:clamp(30px,8vw,42px);line-height:1.14;letter-spacing:-.053em}
  .aymia-story .story-opening h1 span{display:block}
  .aymia-story .story-kicker{font-size:10px}
  .aymia-story .story-hero-subtitle{max-width:28ch;margin:19px 0 0 auto;font-size:13px;line-height:1.55}
  .aymia-story .story-side-mark{display:none}
  .aymia-story .story-scroll-cue{left:6%;bottom:26px;font-size:9px}
  .aymia-story .story-hero-index{right:6%;bottom:27px;font-size:9px}
  .aymia-story .story-content{padding:80px 6% 100px}
  .aymia-story .story-introduction{margin-bottom:90px;padding-bottom:75px}
  .aymia-story .story-introduction h2{font-size:clamp(31px,8vw,45px)}
  .aymia-story .story-brand{grid-template-columns:1fr;gap:10px;padding:38px 0 43px}
  .aymia-story .story-brand-index,.aymia-story .story-brand-copy{grid-column:1}
  .aymia-story .story-brand-index{margin:0 0 5px}
  .aymia-story .story-brand h3{font-size:clamp(29px,7vw,40px)}
  .aymia-story .story-brand h4{max-width:none}
  .aymia-story .story-brand-copy{padding-top:6px}
  .aymia-story .story-closing{margin-top:70px;padding-top:70px}
  .aymia-story .story-closing h2{font-size:clamp(30px,8vw,45px)}
  .aymia-story .story-cta{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .aymia-story .story-cinema-video{display:none}
  .aymia-story .story-trail-canvas{display:none}
  .aymia-story .story-nav a,.aymia-story .story-cta{transition:none}
  .aymia-story .story-cta:hover{transform:none}
}