.detail-preview{background:#f6f6f2}.detail-review{padding:26px 32px;background:#fff;border-bottom:1px solid #ddd}.detail-review>span,.detail-review>a{font-size:10px;letter-spacing:.05em}.detail-review>a{float:right}.detail-review h1{font-size:38px;font-weight:600;margin:30px 0 12px}.detail-review p{font-size:13px;color:#73736b}.detail-review nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.detail-review nav a{padding:18px 14px;border:1px solid #ddd;border-radius:9px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600;text-decoration:none}.detail-review nav small{font-weight:400;font-size:10px}.detail-review nav [aria-current]{background:var(--yellow);border-color:#131313}
.separator-gallery{padding-bottom:50px}.separator-example{max-width:1240px;margin:48px auto;padding:0 32px;scroll-margin-top:100px}.separator-example>header{display:flex;gap:16px;align-items:center;margin-bottom:22px}.separator-example>header small{font-size:11px}.separator-example h2{font-size:23px;font-weight:600}.sep-context-folder{background:#e9e9df;border-radius:0 13px 13px;padding:24px}.sep-context-folder span,.sep-next span{display:block;font-size:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}.sep-context-folder b,.sep-next b{font-size:21px;font-weight:600}.sep-next{padding:24px;background:#131313;color:#fff;border-radius:0 13px 13px}.sep-design{height:84px;display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden}.sep-design .parade{background:transparent;width:100%;border:0;margin:0}.sep-2 i{height:1px;flex:1;background:#13131335}.sep-2 img{display:block;flex:none}.sep-3{gap:14px}.sep-3 i{height:4px;flex:1;min-width:14px;border-radius:4px;background:var(--stitch);transform:rotate(-18deg)}.sep-4{height:84px;align-items:end}.sep-4>div{width:100%;border-top:1px solid #bdbdb2;height:30px;position:relative}.sep-4 span{position:absolute;left:30px;top:-25px;height:25px;padding:6px 36px 0 18px;background:#e8e8dc;font-size:9px;clip-path:polygon(0 0,90% 0,100% 100%,0 100%);border-radius:5px 0 0}.sep-5{gap:26px}.sep-5 span{font-size:10px;letter-spacing:.12em;font-weight:600;white-space:nowrap}.sep-5 i{height:5px;width:5px;background:var(--yellow);border-radius:50%;flex:none}
.fq-section{max-width:1320px;margin:auto;padding:70px 44px;display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.fq-heading :is(h1,h2.fq-title){font-size:clamp(34px,3.5vw,49px);font-weight:600;letter-spacing:-1.4px;line-height:1.1}.fq-heading .eyebrow{font-size:10px}.fq-heading p{font-size:13px;line-height:1.8;color:#73736b;margin-top:20px;max-width:270px}.fq-heading>a{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-size:11px;font-weight:600;margin-top:25px}.fq-heading>a svg{width:17px;height:17px}.fq-list{min-width:0}.fq-list details.fq-item{border:0;border-top:1px solid #d2d2c7;margin:0;border-radius:0;background:transparent;padding:0}.fq-list details.fq-item:last-child{border-bottom:1px solid #d2d2c7}.fq-list .fq-item summary{list-style:none;display:grid;grid-template-columns:25px minmax(0,1fr) 26px;align-items:start;gap:14px;font:600 16px/1.5 var(--font-body);padding:22px 0;cursor:pointer}.fq-item summary::-webkit-details-marker{display:none}.fq-item summary:after{display:none}.fq-number{font-size:10px;line-height:24px;font-weight:500;color:#74746b}.fq-toggle{display:grid;place-items:center;width:26px;height:26px}.fq-toggle svg{width:18px;height:18px;transition:transform .2s}.fq-item[open] .fq-toggle svg{transform:rotate(45deg)}.fq-list .fq-answer{padding:0 40px 24px 39px}.fq-list .fq-answer p,.fq-open p{font-size:13px;line-height:1.85;color:#66665f;margin:0}.fq-item summary:focus-visible{outline:2px solid #131313;outline-offset:4px}
.faq-option-2 .fq-section{display:block}.faq-option-2 .fq-heading{margin-bottom:55px}.faq-option-2 .fq-heading :is(h1,h2.fq-title) br{display:none}.faq-option-2 .fq-heading p,.faq-option-2 .fq-heading>a{display:none}.faq-option-2 .fq-list details.fq-item{background:#fff;border:0;border-radius:0 14px 14px;position:relative;margin-top:27px;padding:0 24px}.faq-option-2 .fq-item:before{content:'';position:absolute;top:-21px;left:0;width:155px;height:23px;background:inherit;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);border-radius:8px 0 0}.faq-option-2 .fq-list details.fq-item[open]{background:var(--yellow)}.faq-option-2 .fq-answer p{color:#131313}.faq-option-2 .fq-list .fq-answer{padding-bottom:26px}.faq-option-3 .fq-section{display:block}.faq-option-3 .fq-heading{margin-bottom:35px}.faq-option-3 .fq-heading :is(h1,h2.fq-title) br{display:none}.faq-option-3 .fq-heading p,.faq-option-3 .fq-heading>a{display:none}.faq-option-3 .fq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.faq-option-3 .fq-list details.fq-item{background:#fff;border:1px solid #e3e3d9;border-radius:12px;padding:0 22px}.faq-option-3 .fq-list .fq-item summary{font-size:15px}.faq-option-3 .fq-item[open]{box-shadow:inset 4px 0 var(--yellow)}.faq-option-4 .fq-section{background:#131313;color:#fff;max-width:1240px;border-radius:18px;margin:44px auto;padding:44px}.faq-option-4 .fq-heading .eyebrow{color:var(--yellow)}.faq-option-4 .fq-heading p,.faq-option-4 .fq-answer p{color:#ffffffb3}.faq-option-4 .fq-item[open] summary{color:var(--yellow)}.faq-option-4 .fq-list details.fq-item{border-color:#ffffff30}.faq-option-4 .fq-item summary:focus-visible{outline-color:var(--yellow)}.faq-option-4 .fq-number{color:#ffffff70}.faq-option-5 .fq-section{grid-template-columns:.7fr 1.3fr}.fq-open{display:grid;grid-template-columns:25px 1fr;gap:14px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid #d2d2c7}.fq-open h2{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}
@media(max-width:850px){.fq-section{gap:32px;padding:48px 26px}.fq-heading :is(h1,h2.fq-title){font-size:35px}.faq-option-4 .fq-section{margin:24px;padding:30px}.faq-option-3 .fq-list{grid-template-columns:1fr}}
@media(max-width:700px){.detail-review{padding:22px 18px}.detail-review nav{display:flex;overflow-x:auto;padding-bottom:8px}.detail-review nav a{min-width:170px}.detail-review>span,.detail-review>a{font-size:8px}.detail-review h1{font-size:30px}.separator-example{padding:0 18px;margin:34px auto}.separator-example h2{font-size:19px}.sep-context-folder b,.sep-next b{font-size:17px}.sep-5{gap:12px;flex-wrap:wrap;align-content:center}.sep-5 span{font-size:8px}.sep-3{gap:8px}.sep-3 i{min-width:8px}.fq-section,.faq-option-5 .fq-section{display:block;padding:38px 18px}.fq-heading{margin-bottom:30px}.fq-heading p{max-width:none}.fq-list .fq-item summary{font-size:14px;gap:10px;grid-template-columns:20px minmax(0,1fr) 24px;padding:20px 0}.fq-list .fq-answer{padding:0 34px 22px 30px}.faq-option-2 .fq-list details.fq-item{padding:0 18px}.faq-option-3 .fq-list details.fq-item{padding:0 18px}.faq-option-4 .fq-section{margin:18px;padding:26px 20px}.fq-open{gap:10px;grid-template-columns:20px 1fr}.fq-open h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.fq-toggle svg{transition:none}}
.fq-list .fq-answer p{padding:0}
.fq-list details.fq-item{box-shadow:none}

.faq-option-2 .fq-list details.fq-item{overflow:visible}
