@layer components{.blog-posts{isolation:isolate;background:var(--color-background);color:var(--color-text);position:relative}.blog-posts-inner{padding-block:clamp(56px,7vw,100px)}.blog-posts-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:clamp(32px,4vw,56px);display:flex}.blog-posts-copy{max-width:720px}.blog-posts-copy h2{max-width:18ch;margin-bottom:18px;font-size:clamp(36px,4.2vw,54px);line-height:1.05}.blog-posts-copy p{max-width:48ch;color:var(--color-text-secondary);font-size:clamp(20px,2vw,24px);line-height:1.4}.blog-posts-link{flex-shrink:0;align-items:center;gap:10px;min-height:44px;padding-block:8px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.blog-posts-link>span{position:relative}.blog-posts-link>span:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.blog-posts-link svg{transition:transform .25s}.blog-posts-link:is(:hover,:focus-visible)>span:after{transform-origin:0;transform:scaleX(1)}.blog-posts-link:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.blog-posts-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0 40px;display:grid;container-type:inline-size}.blog-posts-row[data-count="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-posts-row[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:640px}.blog-posts-row .post-card{padding-bottom:12px}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-posts-row[data-count="3"]{--post-copy-width:calc((100cqw - 80px) * .3);--post-cover-height:calc((100cqw - 80px) / 3 * 2 / 3)}.blog-posts-row[data-count="2"]{--post-copy-width:calc((100cqw - 40px) * .42);--post-cover-height:calc((100cqw - 40px) / 2 * 2 / 3)}.blog-posts-row:is([data-count="2"],[data-count="3"]) .post-card-top,.blog-posts-row:is([data-count="2"],[data-count="3"]) .post-card-title,.blog-posts-row:is([data-count="2"],[data-count="3"]) .post-card-excerpt,.blog-posts-row:is([data-count="2"],[data-count="3"]) .post-card-more{width:var(--post-copy-width)}.blog-posts-row:is([data-count="2"],[data-count="3"]) .post-card-cover{height:var(--post-cover-height)}.blog-posts-row{transition:grid-template-columns .7s cubic-bezier(.45,0,.2,1)}.blog-posts-row[data-count="3"]:has(>.post-card:first-child:is(:hover,:focus-within)){grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr)}.blog-posts-row[data-count="3"]:has(>.post-card:nth-child(2):is(:hover,:focus-within)){grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr)}.blog-posts-row[data-count="3"]:has(>.post-card:nth-child(3):is(:hover,:focus-within)){grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr)}.blog-posts-row[data-count="2"]:has(>.post-card:first-child:is(:hover,:focus-within)){grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}.blog-posts-row[data-count="2"]:has(>.post-card:nth-child(2):is(:hover,:focus-within)){grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.blog-posts-row .post-card{transition:opacity .5s}.blog-posts-row:has(>.post-card:hover)>.post-card:not(:hover){opacity:.72}}@media (max-width:1023px){.blog-posts-row,.blog-posts-row[data-count="2"]{grid-template-columns:minmax(0,1fr);gap:8px 0}.blog-posts-heading{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){.blog-posts-link>span:after,.blog-posts-link svg{transition:none}}}
@layer components{.direction-page .hero-scene--compact{background:var(--color-surface-warm);padding-bottom:48px;position:relative}.direction-page .hero-divider{z-index:2;width:100%;height:80px;fill:var(--color-background);pointer-events:none;position:absolute;inset:auto 0 -1px}.direction-page .hero.hero--portrait{grid-template-columns:1.2fr 1fr;gap:72px;min-height:0;padding-block:64px}.direction-page .hero--portrait h1{font-size:clamp(42px,4.4vw,62px)}.direction-page .hero-portrait{background:var(--color-surface-soft);border-radius:180px 180px 0 0;height:592px;margin-bottom:-112px}.direction-page .hero-portrait-image{object-position:center top}.direction-page .section-heading{align-items:start}.direction-page .section-heading h2{max-width:540px}.direction-page .cards{gap:28px}.direction-page .card{background:var(--color-surface-warm);border-top:0;border-radius:32px 32px 8px 8px;padding:32px}.direction-page .card .number{font-size:17px}.direction-page .card h3{margin-block:24px 16px}.faq-spiral{display:none}.direction-page .faq-spiral{width:min(90%,320px);stroke:var(--sapphire);stroke-width:1.5px;stroke-linecap:round;margin-top:44px;display:block}.situation-drawing{display:none}.direction-page .situations-section .card{isolation:isolate;position:relative;overflow:hidden}.direction-page .situations-section .card>:not(svg){z-index:1;position:relative}.direction-page .situation-drawing{width:150px;height:180px;stroke:var(--sapphire);stroke-width:1.5px;opacity:.1;pointer-events:none;display:block;position:absolute;bottom:-20px;right:-16px}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.direction-page .situations-section .cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .55s;container-type:inline-size}.direction-page .situations-section .card h3,.direction-page .situations-section .card p{width:calc(31cqw - 81.36px)}.direction-page .situations-section .card .number{min-height:64px;display:block}.direction-page .situations-section .cards:has(.card:first-child:hover){grid-template-columns:minmax(0,1.14fr) minmax(0,.93fr) minmax(0,.93fr)}.direction-page .situations-section .cards:has(.card:nth-child(2):hover){grid-template-columns:minmax(0,.93fr) minmax(0,1.14fr) minmax(0,.93fr)}.direction-page .situations-section .cards:has(.card:nth-child(3):hover){grid-template-columns:minmax(0,.93fr) minmax(0,.93fr) minmax(0,1.14fr)}.direction-page .situations-section .card{transition:background-color .55s}.direction-page .situation-drawing{opacity:0;width:90px;height:100px;transition:opacity .55s,transform .65s;top:12px;bottom:auto;right:12px;transform:translate(24px)rotate(-8deg)}.direction-page .card:hover .situation-drawing{opacity:.45;transform:translate(0)rotate(0)}}.direction-page .content{max-width:var(--layout-max-width);border:0;grid-template-columns:1fr 1.2fr;gap:80px;display:grid;position:relative}.direction-page .content:before{content:"";background:var(--line);height:6px;-webkit-mask-image:var(--wave-rule-mask);mask-image:var(--wave-rule-mask);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:var(--wave-rule-size);mask-size:var(--wave-rule-size);pointer-events:none;position:absolute;inset:0 0 auto;-webkit-mask-position:0;mask-position:0}.direction-page .content h3{margin-top:30px}.direction-page .content p:first-child{margin-top:0}.direction-page .content:has(+.decorative-pause){padding-bottom:40px}.direction-page .decorative-pause{pointer-events:none;height:150px;padding-block:0}.decorative-pause svg{width:100%;height:100%;display:block}.decorative-pause-sand{fill:var(--color-surface-warm)}.decorative-pause-blue{fill:var(--color-surface-blue)}.decorative-pause-cream{fill:var(--gold-50)}.decorative-pause-line{stroke:var(--sapphire);stroke-width:1px;opacity:.18}@media (prefers-reduced-motion:no-preference){.decorative-pause svg{overflow:hidden}.decorative-pause path{transform-box:fill-box;transform-origin:50%}.decorative-pause-sand{animation:21s ease-in-out infinite alternate decorative-wave-drift}.decorative-pause-blue{animation:16s ease-in-out -8s infinite alternate-reverse decorative-blue-wave-breathe}.decorative-pause-cream{animation:24s ease-in-out -12s infinite alternate decorative-wave-drift}.decorative-pause-line{animation:19s ease-in-out -9.5s infinite alternate-reverse decorative-wave-drift}}@keyframes decorative-wave-drift{0%{transform:translateY(-5px)scale(1.06,.92)skewY(-.4deg)}to{transform:translateY(5px)scale(1.06,1.08)skewY(.4deg)}}@keyframes decorative-blue-wave-breathe{0%{transform:translateY(-8px)scale(1.06,.8)skewY(-.6deg)}to{transform:translateY(8px)scale(1.06,1.3)skewY(.6deg)}}.direction-page .decorative-pause+.faq{padding-top:64px}.pace-drawing{width:min(90%,340px);stroke:var(--sapphire);stroke-width:1.5px;stroke-linecap:round;opacity:.65;margin-top:48px;display:block}.pace-drawing circle{fill:var(--color-background)}.pace-drawing{stroke-linejoin:round}.pace-snail-shell{transform-origin:132px 132px}.pace-snail-feeler--back{transform-origin:236px 95px}.pace-snail-feeler--front{transform-origin:245px 93px}.pace-snail-trail{opacity:.35}@media (min-width:761px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.content-introduction:hover .pace-snail-shell{animation:2.4s ease-in-out infinite snail-shell-sway}.content-introduction:hover .pace-snail-feeler--back{animation:1.8s ease-in-out infinite snail-feeler-sway}.content-introduction:hover .pace-snail-feeler--front{animation:2.2s ease-in-out infinite reverse snail-feeler-sway}}@keyframes snail-shell-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes snail-feeler-sway{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.direction-page .content .payload-richtext p:has(>a:only-child)>a{align-items:baseline;gap:12px;text-decoration:none;display:inline-flex}.direction-page .content .payload-richtext p:has(>a:only-child)>a:after{content:"↗";flex-shrink:0}.direction-page .formats-section+.content:before,.direction-page .hero-scene+.content:before{display:none}:is(.contact-page #write .payload-richtext p:has(>a),.contact-page #social .payload-richtext p:has(>a)){border-bottom:1px solid var(--line);margin-block:0}.contact-page #write .payload-richtext a,.contact-page #social .payload-richtext a{justify-content:space-between;align-items:center;gap:12px;padding-block:16px;font-size:clamp(21px,2vw,28px);text-decoration:none;display:flex}.contact-page #write .payload-richtext a:after,.contact-page #social .payload-richtext a:after{content:"↗";flex-shrink:0}.direction-page .faq{padding-block:96px}.direction-page .faq summary{align-items:start;font-size:23px}.direction-page .faq summary::-webkit-details-marker{display:none}.direction-page .faq summary span{flex-shrink:0}.faq details{position:relative}.faq details:after{content:"";background:var(--sapphire);transform-origin:0;pointer-events:none;height:1px;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.faq details:focus-within:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.faq details:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.faq details:after{transition:transform .45s cubic-bezier(.22,1,.36,1)}.faq summary span{transition:transform .35s}@supports (interpolate-size:allow-keywords){.faq details{interpolate-size:allow-keywords}.faq details::details-content{height:0;transition:height .4s ease, content-visibility .4s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.direction-page .faq-spiral{transform-origin:50%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.direction-page .faq-introduction:hover .faq-spiral{transform:rotate(24deg)}.direction-page .content a{background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;text-decoration:none;transition:background-size .35s,color .25s}.direction-page .content a:hover,.direction-page .content a:focus-visible{background-size:100% 1px}}@media (max-width:760px){.direction-page .decorative-pause{height:100px}.direction-page .decorative-pause+.faq{padding-top:40px}.pace-drawing{width:min(100%,220px);margin-top:20px}.direction-page .faq-spiral{width:140px;margin-top:20px}.direction-page .hero-scene--compact{padding-bottom:28px}.direction-page .hero-divider{height:48px}.direction-page .hero.hero--portrait{grid-template-columns:1fr;gap:32px;padding-block:40px}.direction-page .hero--portrait h1{font-size:clamp(40px,10vw,56px)}.direction-page .hero-portrait{aspect-ratio:auto;max-width:400px;height:auto;min-height:calc(1.25*min(100vw - 48px,400px) + 68px);margin-bottom:-68px}.direction-page .hero-portrait-motion{position:absolute;inset:0}.direction-page .cards{gap:16px}.direction-page .card{padding:28px}.direction-page .content{grid-template-columns:1fr;gap:12px}.direction-page .faq{padding-block:50px}.direction-page .faq summary{font-size:21px}}}