@layer components{.inquiry-portfolio{--_brief-rule:#aebba5;align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);width:100%;display:grid;container-type:inline-size}@container (width<40rem){.inquiry-portfolio .inquiry-portfolio__introduction{grid-column:1/-1}.inquiry-portfolio .inquiry-portfolio__title{margin-block:var(--space-5) var(--space-4);font-size:clamp(3rem,10cqw,4rem)}.inquiry-portfolio .inquiry-portfolio__lead{max-width:40ch}.inquiry-portfolio .inquiry-portfolio__arrow{margin-block:var(--space-4);font-size:4rem}.inquiry-portfolio .inquiry-portfolio__form{grid-column:1/-1}.inquiry-portfolio .inquiry-portfolio__pair{grid-template-columns:minmax(0,1fr)}}.inquiry-portfolio__introduction{background:var(--brand-500);min-width:0;color:var(--dark-900);padding:clamp(1.25rem,2.5cqw,2.5rem);position:relative}.inquiry-portfolio__introduction:after{content:"";border-block-start:1.5rem solid var(--background);border-inline-start:1.5rem solid color-mix(in srgb, var(--brand-500) 75%, var(--dark-900));width:0;height:0;position:absolute;inset-block-start:0;inset-inline-end:0}.inquiry-portfolio__eyebrow{align-items:center;gap:var(--space-1);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:500;display:flex}.inquiry-portfolio__eyebrow:before{content:"";background:currentColor;border-radius:50%;flex:0 0 .4rem;height:.4rem}.inquiry-portfolio__title{letter-spacing:-.065em;margin-block:2.5rem var(--space-4);font-size:clamp(2.8rem,5.6cqw,5rem);line-height:.93}.inquiry-portfolio__lead{max-width:24ch;font-size:clamp(.875rem,1.2cqw,1.1rem);line-height:1.55}.inquiry-portfolio__arrow{margin-block:var(--space-5) 2.5rem;font-size:clamp(5rem,10cqw,10rem);font-weight:300;line-height:1;display:block}.inquiry-portfolio__email{max-width:100%;font-size:var(--text-main);overflow-wrap:anywhere;text-underline-offset:.25em;line-height:1.5;text-decoration:underline;display:inline-block}.inquiry-portfolio__form{min-width:0;flex-direction:column;gap:1.25rem;padding-block-start:var(--space-1);display:flex}.inquiry-portfolio__caption{letter-spacing:.08em;text-transform:uppercase;border-block-end:var(--border-width) solid var(--_brief-rule);margin-block-end:var(--space-1);padding-block-end:1.25rem;font-size:.75rem}.inquiry-portfolio__group{border:0;flex-direction:column;gap:1.25rem;min-width:0;padding:0;display:flex}.inquiry-portfolio__group+.inquiry-portfolio__group{margin-block-start:.75rem}.inquiry-portfolio__legend{align-items:center;gap:var(--space-3);width:100%;font-size:var(--text-main);margin-block-end:1.25rem;padding:0;font-weight:500;display:flex}.inquiry-portfolio__number{border:var(--border-width) solid var(--_brief-rule);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 1.7rem;place-items:center;height:1.7rem;font-size:.6875rem;font-weight:400;display:grid}.inquiry-portfolio__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.inquiry-portfolio__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.inquiry-portfolio__field label span{color:var(--portfolio-muted)}.inquiry-portfolio__field :is(input,textarea,select){background:var(--background-3);width:100%;min-width:0;color:var(--text);border:var(--border-width) solid var(--portfolio-field-border);border-radius:0;padding:.75rem}.inquiry-portfolio__field textarea{resize:vertical;min-height:7rem}.inquiry-portfolio__privacy{color:var(--portfolio-muted);font-size:var(--text-small);line-height:1.5}.inquiry-portfolio__notice{padding:var(--space-4);background:var(--background-2)}.inquiry-portfolio__submit{--button-background:var(--dark-900);--button-text:var(--light-100);--button-border:var(--dark-900);--button-background-hover:var(--brand-500);--button-text-hover:var(--dark-900);--button-border-hover:var(--brand-500);align-self:start}.inquiry-portfolio__status:empty{display:none}.inquiry-portfolio__form a{text-underline-offset:.2em;text-decoration:underline}.faq-portfolio{--_faq-rule:#c5cdbf;--_seal-border:#b5c3ab;gap:var(--space-5);flex-direction:column;width:100%;display:flex;container-type:inline-size}@container (width<36rem){.faq-portfolio .faq-portfolio__layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.faq-portfolio .faq-portfolio__description{max-width:28ch}.faq-portfolio .faq-portfolio__seal{width:3.5rem;height:3.5rem;margin-block:1.25rem .75rem;font-size:2.5rem}.faq-portfolio .faq-portfolio__note{max-width:none}.faq-portfolio .faq-portfolio__question{gap:.6rem}.faq-portfolio .faq-portfolio__answer{padding-inline-start:0}}.faq-portfolio__eyebrow{align-items:center;gap:var(--space-1);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:500;display:flex}.faq-portfolio__eyebrow:before{content:"";background:currentColor;border-radius:50%;flex:0 0 .4rem;height:.4rem}.faq-portfolio__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;gap:clamp(2rem,5cqw,5rem);display:grid}.faq-portfolio__intro{min-width:0}.faq-portfolio__title{letter-spacing:-.065em;font-size:clamp(2.8rem,6.6cqw,6rem);line-height:.99}.faq-portfolio__description{max-width:22ch;color:var(--portfolio-muted);margin-block-start:var(--space-4);font-size:clamp(.875rem,1.25cqw,1.125rem);line-height:1.55}.faq-portfolio__seal{border:var(--border-width) solid var(--_seal-border);background:var(--brand-500);width:6rem;height:6rem;color:var(--dark-900);letter-spacing:-.07em;margin-block:var(--space-5) var(--space-4);border-radius:50%;place-items:center;font-size:4rem;font-weight:400;line-height:1;display:grid;transform:rotate(-12deg)}.faq-portfolio__note{max-width:23ch;color:var(--portfolio-muted);font-size:.75rem;line-height:1.5}.faq-portfolio__list{border-block-start:var(--border-width) solid var(--_faq-rule);min-width:0}.faq-portfolio__item{border-block-end:var(--border-width) solid var(--_faq-rule);padding-block:1.4rem}.faq-portfolio__question{align-items:baseline;gap:var(--space-3);letter-spacing:-.035em;font-size:clamp(1.15rem,2.1cqw,1.8rem);font-weight:500;line-height:1.2;display:flex}.faq-portfolio__number{letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--portfolio-muted);flex:0 0 1.25rem;font-size:.75rem;font-weight:400}.faq-portfolio__answer{max-width:51ch;font-size:var(--text-main);color:var(--portfolio-muted);margin-block-start:.75rem;padding-inline-start:2.25rem;line-height:1.6}}
