.page-intro h1{max-width:14ch}.category-links{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.category-links a{border:1px solid var(--border-dark);min-height:44px;font-weight:600;font-size:var(--step--1);border-radius:.25rem;align-items:center;padding:.5rem 1.1rem;text-decoration:none;display:inline-flex}.model-group{border-top:1px solid var(--border-dark);padding-block:clamp(3rem,6vw,5.5rem)}.model-group:nth-of-type(2n){background:var(--navy)}.model-group-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:1.5rem 4rem;margin-bottom:clamp(2rem,4vw,3rem);display:grid}.model-group-intro h2{font-size:var(--step-4);line-height:1.05}.model-group-line{font-family:var(--font-display);font-weight:600;font-size:var(--step-2);letter-spacing:-.02em;margin:.75rem 0 0}.model-group-intro p{margin-top:0}.model-group-intro .model-group-ask{font-size:var(--step--1);color:var(--ivory-80);border-top:1px solid var(--border-dark);padding-top:.85rem}.model-group-ask strong{color:var(--ivory);font-weight:600}.model-group-intro .button{margin-top:.5rem}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem clamp(1.5rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.model-card:first-child{background:linear-gradient(190deg, var(--navy) 0%, var(--ink) 78%);border:1px solid var(--line-faint);border-radius:var(--radius-panel);grid-column:1/-1;padding:clamp(.75rem,1.6vw,1.5rem)}.model-group:nth-of-type(2n) .model-card:first-child{background:linear-gradient(190deg, var(--steel) -30%, var(--ink) 80%)}.model-card .media{aspect-ratio:3/2;border-radius:var(--radius-media)}.model-card:first-child .media{aspect-ratio:21/9;border-radius:0}.model-card:first-child [data-media=mailbox-room] img{object-position:80% 30%}.model-card:first-child [data-media=ski-scene-alpental] img{object-position:50% 92%}.model-card h3{font-size:var(--step-2);margin-top:1.1rem}.model-card:first-child h3,.model-card:first-child p{padding-inline:.25rem}.model-card p{color:var(--ivory-80);margin:.35rem 0 0}@media (width>=768px){.model-card:not(:first-child):nth-child(2n):last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;column-gap:clamp(1.5rem,3vw,2.5rem);display:grid}.model-card:not(:first-child):nth-child(2n):last-child>.media{grid-row:1/span 2}.model-card:not(:first-child):nth-child(2n):last-child>h3{align-self:end;margin-top:0}.model-card:not(:first-child):nth-child(2n):last-child>p{align-self:start;max-width:38ch}}.about-media{aspect-ratio:21/9;border-radius:var(--radius-media)}.about-story{padding-block:clamp(3rem, 6vw, 5.5rem) var(--section-space);grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem clamp(2rem,4vw,4rem);display:grid}.about-story h2{font-size:var(--step-3)}.about-story .actions{margin-top:1.5rem}.about-origin{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--border-dark);row-gap:1.5rem;padding-bottom:clamp(2rem,4vw,3.5rem);display:grid}.about-origin-text{grid-column:2/-1}.about-origin{grid-template-rows:auto 1fr}.about-origin>h2{grid-area:1/1}.about-origin .about-maker{aspect-ratio:4/5;border-radius:var(--radius-media);grid-area:2/1;align-self:start}.about-origin-text{grid-row:1/span 2}.about-origin-text p{font-size:var(--step-1);max-width:62ch;margin:0 0 1.25rem}.about-origin-text .about-home{aspect-ratio:16/9;border-radius:var(--radius-media);margin-block:1rem 2rem}.about-workshop{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--border-dark);row-gap:1.5rem;padding-bottom:clamp(2rem,4vw,3.5rem);display:grid}.workshop-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.workshop-grid .media{aspect-ratio:4/5;border-radius:var(--radius-media)}.workshop-grid p{color:var(--ivory-80);font-size:var(--step--1);max-width:30ch;margin:.35rem 0 0}.workshop-grid .workshop-step{color:var(--ivory);font-family:var(--font-display);font-size:var(--step-1);letter-spacing:-.01em;margin-top:1rem;font-weight:600}.workshop-step span{color:var(--ivory-80);font-family:var(--font-body);font-size:var(--step--2);letter-spacing:.14em;margin-bottom:.35rem;font-weight:500;display:block}.about-how{grid-column:2}.about-now{grid-column:3}.faq{max-width:56rem;padding-bottom:var(--section-space)}.faq-item{border-top:1px solid var(--border-dark)}.faq-item:last-of-type{border-bottom:1px solid var(--border-dark)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;min-height:64px;padding-block:1.1rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";width:.55rem;height:.55rem;transition:transform .2s var(--ease-out);border:2px solid;border-width:0 2px 2px 0;flex-shrink:0;transform:translateY(-3px)rotate(45deg)}.faq-item[open] summary:after{transform:translateY(2px)rotate(-135deg)}.faq-item h2{font-size:var(--step-2);letter-spacing:-.02em}.faq-item p{font-size:var(--step-0);margin:0 0 1.5rem}.faq-item[open] p{animation:faq-in .24s var(--ease-out)}@keyframes faq-in{0%{opacity:0;transform:translateY(-4px)}}.faq-more{margin-top:3rem}.faq-more p{font-size:var(--step-1)}@media (width<=1023px){.about-story{grid-template-columns:1fr}.about-origin{grid-template-rows:none;grid-template-columns:1fr}.about-origin>h2,.about-origin .about-maker,.about-origin-text{grid-row:auto}.about-origin .about-maker{width:min(100%,26rem)}.about-origin-text,.about-how,.about-now{grid-column:1}}@media (width<=767px){.model-group-intro,.model-grid{grid-template-columns:1fr}.model-card:first-child .media{aspect-ratio:3/2}.model-card:first-child [data-media=ski-scene-alpental] img{object-position:80% 50%}.model-group-intro .button{width:100%}.about-media{aspect-ratio:4/3}.workshop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.about-media img{object-position:42% 50%}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.model-card:first-child .media picture{animation:linear both settle;animation-range:entry cover 55%}.model-group .model-card:first-child .media picture{animation-timeline:view()}.workshop-grid .media{animation:linear both open-up;animation-range:entry 10% cover 40%}.workshop-grid .media picture{animation:linear both settle;animation-range:entry 10% cover 50%}.workshop-grid li .media,.workshop-grid li .media picture{animation-timeline:view()}.workshop-grid li:nth-child(2) .media,.workshop-grid li:nth-child(2) .media picture{animation-range:entry 18% cover 48%}.workshop-grid li:nth-child(3) .media,.workshop-grid li:nth-child(3) .media picture{animation-range:entry 26% cover 56%}.workshop-grid li:nth-child(4) .media,.workshop-grid li:nth-child(4) .media picture{animation-range:entry 34% cover 64%}}}
