.cine-journal-faq{padding-top:clamp(88px,11vw,160px)}.cine-journal-faq__journal{padding-bottom:calc(clamp(88px,10vw,150px) + 32px)}.cine-journal-faq__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(40px,5vw,72px)}.cine-journal-faq__head-copy{display:grid;gap:18px;max-width:760px}.cine-journal-faq__more,.cine-journal-faq__contact{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;font-family:var(--cine-font-body);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .4s var(--cine-ease),opacity .4s var(--cine-ease)}.cine-journal-faq__more:hover,.cine-journal-faq__contact:hover{border-color:currentColor}.cine-journal-faq__more:focus-visible,.cine-journal-faq__contact:focus-visible,.cine-journal-faq__card:focus-visible,.cine-journal-faq__q:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:6px}.cine-journal-faq__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);list-style:none;margin:0;padding:0}.cine-journal-faq__cell{display:flex;min-width:0;margin:0}.cine-journal-faq__cell>.cine-journal-faq__card{flex:1 1 auto}.cine-journal-faq__card{display:flex;flex-direction:column;gap:22px;color:var(--fg);text-decoration:none;min-width:0}.cine-journal-faq__media{position:relative;aspect-ratio:16 / 9;max-width:100%;border-radius:20px;overflow:hidden;background:var(--sand);isolation:isolate}.cine-journal-faq__media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.1s var(--cine-ease)}.cine-journal-faq__card:hover .cine-journal-faq__media img,.cine-journal-faq__card:focus-visible .cine-journal-faq__media img{transform:scale(1.04)}.cine-journal-faq__card-body{display:grid;gap:12px;padding-right:8px}.cine-journal-faq__tag{color:#75581a}.cine-journal-faq__card-title.t-h3{font-size:clamp(1.45rem,2vw,1.85rem);line-height:1.14}.cine-journal-faq__excerpt{margin:0;color:var(--fg-muted);font-size:14.5px;line-height:1.7}.cine-journal-faq__faq{position:relative;z-index:2;margin-top:-32px;border-radius:32px 32px 0 0;padding-block:clamp(88px,11vw,160px)}.cine-journal-faq__faq-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,112px);align-items:start}.cine-journal-faq__aside{align-self:stretch}.cine-journal-faq__aside-sticky{position:sticky;top:120px;display:grid;justify-items:start;gap:22px}.cine-journal-faq__faq-title{max-width:9ch}.cine-journal-faq__product{width:280px;max-width:100%;aspect-ratio:4 / 5;margin-top:14px;border-radius:20px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#17c2c229,#062b2be6 70%);box-shadow:0 40px 80px -40px #0009}.cine-journal-faq__product img{display:block;width:100%;height:100%;object-fit:cover}.cine-journal-faq__list{border-top:1px solid var(--line)}.cine-journal-faq__item{border-bottom:1px solid var(--line)}.cine-journal-faq__q{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(22px,2.4vw,30px);cursor:pointer;list-style:none}.cine-journal-faq__q::-webkit-details-marker{display:none}.cine-journal-faq__q::marker{content:""}.cine-journal-faq__q-text{margin:0;font-family:var(--cine-font-display);font-weight:300;font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.2;letter-spacing:-.015em;color:var(--fg);transition:opacity .4s var(--cine-ease)}.cine-journal-faq__q:hover .cine-journal-faq__q-text{opacity:.75}.cine-journal-faq__icon{position:relative;flex:0 0 auto;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;transition:transform .5s var(--cine-ease),opacity .4s var(--cine-ease)}.cine-journal-faq__icon:before,.cine-journal-faq__icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1px;margin:-.5px 0 0 -6px;background:var(--gold);transition:transform .5s var(--cine-ease),opacity .4s var(--cine-ease)}.cine-journal-faq__icon:after{transform:rotate(90deg)}.cine-journal-faq__item.is-open .cine-journal-faq__icon{transform:rotate(180deg)}.cine-journal-faq__item.is-open .cine-journal-faq__icon:after{transform:rotate(90deg) scaleX(0);opacity:0}.cine-journal-faq__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--cine-ease)}.cine-journal-faq__item.is-open .cine-journal-faq__panel{grid-template-rows:1fr}.cine-journal-faq__panel-inner{min-height:0;overflow:hidden;max-width:62ch;color:var(--fg-muted);opacity:0;transition:opacity .35s var(--cine-ease)}.cine-journal-faq__item.is-open .cine-journal-faq__panel-inner{opacity:1;transition-delay:.08s}.cine-journal-faq__panel-inner>:first-child{margin-top:0}.cine-journal-faq__panel-inner>:last-child{margin-bottom:0;padding-bottom:clamp(22px,2.4vw,32px)}.cine-journal-faq__panel-inner p{margin:0 0 1em}.cine-journal-faq__panel-inner a{color:var(--glow);text-underline-offset:3px}@media(scripting:none){.cine-journal-faq__item[open] .cine-journal-faq__panel{grid-template-rows:1fr}.cine-journal-faq__item[open] .cine-journal-faq__panel-inner{opacity:1}}@media(max-width:989px){.cine-journal-faq__rail{display:flex;gap:16px;margin-inline:calc(-1*clamp(20px,4vw,48px));padding-inline:clamp(20px,4vw,48px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,4vw,48px);scrollbar-width:none}.cine-journal-faq__rail::-webkit-scrollbar{display:none}.cine-journal-faq__cell{flex:0 0 min(84%,420px);scroll-snap-align:start}}@media(max-width:749px){.cine-journal-faq__faq-inner{grid-template-columns:minmax(0,1fr);gap:32px}.cine-journal-faq__aside-sticky{position:static;gap:16px}.cine-journal-faq__product{display:none}.cine-journal-faq__faq-title{max-width:none}.cine-journal-faq__icon{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.cine-journal-faq__media img,.cine-journal-faq__panel,.cine-journal-faq__panel-inner,.cine-journal-faq__icon,.cine-journal-faq__icon:before,.cine-journal-faq__icon:after{transition:none}.cine-journal-faq__card:hover .cine-journal-faq__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-journal-faq.css.map */
