@import url("/arsiv/styles.css?v=9");

.faq-page{background:var(--navy)}
.faq-hero{min-height:41vh;padding:168px 8vw 72px;display:grid;grid-template-columns:.7fr 1.55fr .75fr;gap:5vw;align-items:end;background:var(--ink);border-bottom:1px solid var(--line)}
.faq-kicker{align-self:start;margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(184,154,97,.65);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}
.faq-hero h1{max-width:9ch;margin:0;font:400 clamp(62px,7.2vw,118px)/.88 var(--display);letter-spacing:-.045em}
.faq-section{padding:8vh 8vw 15vh}
.faq-section-heading{max-width:1040px;margin:0 auto 34px;display:flex;align-items:end;justify-content:space-between;gap:40px}
.section-label{margin:0;color:var(--brass);font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.faq-section-note{max-width:34ch;margin:0;color:var(--ivory-soft);font:400 18px/1.45 var(--display)}
.faq-list{max-width:1040px;margin:0 auto;padding:0;border-top:1px solid var(--line);list-style:none}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item h2{margin:0}
.faq-trigger{width:100%;min-height:88px;padding:20px 0;display:grid;grid-template-columns:54px minmax(0,1fr) 26px;gap:22px;align-items:center;border:0;background:transparent;color:var(--ivory);text-align:left;cursor:pointer;transition:color .25s ease,background-color .25s ease}
.faq-trigger:hover{color:var(--brass);background:rgba(87,165,173,.035)}
.faq-trigger:focus-visible{outline:2px solid var(--pool);outline-offset:-3px}
.faq-index{align-self:start;padding-top:4px;color:var(--brass);font:500 8px/1 var(--sans);letter-spacing:.16em}
.faq-question{font:400 clamp(25px,2.4vw,36px)/1.12 var(--display);letter-spacing:-.015em}
.faq-indicator{position:relative;width:18px;height:18px;justify-self:end;color:var(--brass)}
.faq-indicator::before,.faq-indicator::after{content:"";position:absolute;top:50%;left:0;width:18px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.7,0,.2,1),opacity .25s ease}
.faq-indicator::after{transform:rotate(90deg)}
.faq-item.is-open .faq-indicator::after{opacity:0;transform:rotate(0deg)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.7,0,.2,1),opacity .28s ease}
.faq-answer>div{overflow:hidden}
.faq-answer p{max-width:65ch;margin:0 48px 30px 76px;color:rgba(242,237,227,.7);font:400 18px/1.55 var(--display)}
.faq-answer p+p{margin-top:-11px}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-page:lang(en) .faq-hero h1{max-width:12ch}

@media(min-width:981px){
  .faq-kicker{font-size:9px}
  .faq-section-note{font-size:20px}
}

@media(max-width:980px){
  .faq-hero{min-height:auto;padding:154px 24px 48px;grid-template-columns:1fr;gap:20px}.faq-kicker{margin-top:0}.faq-hero h1{max-width:10ch;font-size:clamp(55px,14vw,78px)}
  .faq-section{padding:62px 24px 100px}.faq-section-heading{display:block;margin-bottom:25px}.faq-section-note{margin-top:16px;font-size:18px}.faq-trigger{min-height:76px;grid-template-columns:35px minmax(0,1fr) 22px;gap:12px;padding:18px 0}.faq-question{font-size:clamp(24px,6vw,32px)}.faq-answer p{margin:0 20px 26px 47px;font-size:17px;line-height:1.52}.faq-answer p+p{margin-top:-8px}
}

@media(max-width:480px){
  .faq-hero{padding-left:22px;padding-right:22px}.faq-section{padding-left:24px;padding-right:24px}.faq-trigger{grid-template-columns:28px minmax(0,1fr) 20px;gap:10px;min-height:72px}.faq-index{font-size:7px}.faq-question{font-size:clamp(22px,6.3vw,28px);line-height:1.08}.faq-indicator,.faq-indicator::before,.faq-indicator::after{width:16px}.faq-answer p{margin-left:38px;margin-right:8px;font-size:16px}.faq-answer p+p{margin-top:-7px}
}