.tob-case-section.tob-case-project-process{background:var(--section-bg);padding-top:var(--desktop-padding-top);padding-bottom:var(--desktop-padding-bottom)}.tob-case-project-process,.tob-case-project-process *{box-sizing:border-box}.tob-case-project-process .tob-case-section__inner{width:min(calc(100% - 32px),var(--section-max-width));margin:0 auto}.tob-case-project-process__header{width:min(100%,var(--content-max-width));margin:0 auto 20px;text-align:center}.tob-case-project-process__heading{margin:0;color:var(--heading-color);font-size:clamp(20px,2.2vw,32px);line-height:1.12;letter-spacing:.015em;text-transform:uppercase}.tob-case-project-process__wrap{width:min(100%,var(--content-max-width));margin:0 auto}.tob-case-project-process__timeline{position:relative;display:grid;gap:var(--step-gap);align-items:start;margin-bottom:24px;padding-top:2px}.tob-case-project-process__timeline:before{content:"";position:absolute;left:0;right:0;top:34px;height:1px;background:var(--border-color);z-index:0}.tob-case-project-process__node{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;position:relative;display:block;min-width:0;z-index:1}.tob-case-project-process__node-inner{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.tob-case-project-process__node-label{display:block;color:var(--node-inactive-color);font-size:clamp(12px,.9vw,14px);line-height:1.3;text-align:center;min-height:2.6em;max-width:100%;transition:color .2s ease,opacity .2s ease;word-break:break-word}.tob-case-project-process__node-dot{display:inline-block;width:14px;height:14px;background:var(--section-bg);border:1.5px solid var(--node-inactive-color);transform:rotate(45deg);transition:background .2s ease,border-color .2s ease,transform .2s ease;flex:0 0 auto}.tob-case-project-process__node.is-active .tob-case-project-process__node-label,.tob-case-project-process__node:hover .tob-case-project-process__node-label,.tob-case-project-process__node:focus-visible .tob-case-project-process__node-label{color:var(--step-title-color)}.tob-case-project-process__node.is-active .tob-case-project-process__node-dot,.tob-case-project-process__node:hover .tob-case-project-process__node-dot,.tob-case-project-process__node:focus-visible .tob-case-project-process__node-dot{background:var(--accent-color-soft);border-color:var(--accent-color-soft);transform:rotate(45deg) scale(1.03)}.tob-case-project-process__node:focus-visible{outline:none}.tob-case-project-process__panel{display:none}.tob-case-project-process__panel.is-active{display:block}.tob-case-project-process__content-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,.95fr);gap:clamp(20px,2.4vw,34px);align-items:center}.tob-case-project-process__content-col,.tob-case-project-process__media-col{min-width:0}.tob-case-project-process__kicker{color:var(--heading-color);font-size:clamp(13px,1vw,15px);line-height:1.4;font-weight:700;margin-bottom:10px}.tob-case-project-process__panel-title{margin:0;color:var(--heading-color);font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:.01em;text-transform:uppercase}.tob-case-project-process__panel-summary{margin-top:10px;color:var(--heading-color);font-size:clamp(15px,1.2vw,18px);line-height:1.5;font-weight:600}.tob-case-project-process__panel-text{margin-top:14px;color:var(--panel-text-color);font-size:clamp(14px,1vw,16px);line-height:1.75;max-width:560px}.tob-case-project-process__panel-text p{margin:0 0 12px}.tob-case-project-process__media-col{display:flex;justify-content:flex-end}.tob-case-project-process__image,.tob-case-project-process__image-placeholder{display:block;width:100%;max-width:500px;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--image-radius)}.tob-case-project-process__image-placeholder{background:#e3e3e0}.tob-case-project-process__footer-nav{margin-top:20px;display:flex;gap:8px}.tob-case-project-process__arrow{all:unset;width:40px;height:40px;background:var(--button-bg);color:var(--button-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;transition:transform .2s ease,background .2s ease}.tob-case-project-process__arrow:hover{transform:translateY(-1px)}.tob-case-project-process__arrow:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media screen and (max-width:1366px){.tob-case-project-process__heading{font-size:clamp(18px,2vw,28px)}.tob-case-project-process__node-label{font-size:12px}.tob-case-project-process__panel-title{font-size:clamp(28px,3.6vw,46px)}.tob-case-project-process__image,.tob-case-project-process__image-placeholder{max-width:460px}}@media screen and (max-width:1199px){.tob-case-project-process .tob-case-section__inner{width:min(calc(100% - 28px),var(--section-max-width))}.tob-case-project-process__header{margin-bottom:16px}.tob-case-project-process__timeline{margin-bottom:20px}.tob-case-project-process__timeline:before{top:31px}.tob-case-project-process__node-label{font-size:11px;min-height:2.4em}.tob-case-project-process__node-dot{width:12px;height:12px}.tob-case-project-process__content-grid{grid-template-columns:1fr 1fr;gap:22px}.tob-case-project-process__panel-title{font-size:clamp(24px,3.2vw,38px)}.tob-case-project-process__panel-summary{font-size:16px}.tob-case-project-process__panel-text{font-size:15px;line-height:1.7}.tob-case-project-process__image,.tob-case-project-process__image-placeholder{max-width:430px}}@media screen and (max-width:989px){.tob-case-section.tob-case-project-process{padding-top:calc(var(--mobile-padding-top) + 4px);padding-bottom:calc(var(--mobile-padding-bottom) + 4px)}.tob-case-project-process .tob-case-section__inner{width:min(calc(100% - 24px),var(--section-max-width))}.tob-case-project-process__timeline{grid-template-columns:1fr!important;gap:12px;margin-bottom:18px;padding-top:0}.tob-case-project-process__timeline:before{display:none}.tob-case-project-process__node-inner{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.tob-case-project-process__node-label{order:2;text-align:left;min-height:0;font-size:14px}.tob-case-project-process__node-dot{order:1;width:11px;height:11px}.tob-case-project-process__content-grid{grid-template-columns:1fr;gap:20px}.tob-case-project-process__media-col{justify-content:flex-start}.tob-case-project-process__image,.tob-case-project-process__image-placeholder{max-width:100%}.tob-case-project-process__panel-title{font-size:clamp(24px,5vw,34px)}}@media screen and (max-width:749px){.tob-case-section.tob-case-project-process{padding-top:var(--mobile-padding-top);padding-bottom:var(--mobile-padding-bottom)}.tob-case-project-process .tob-case-section__inner{width:min(calc(100% - 20px),var(--section-max-width))}.tob-case-project-process__heading{font-size:clamp(18px,6.8vw,24px)}.tob-case-project-process__kicker{font-size:13px;margin-bottom:8px}.tob-case-project-process__panel-title{font-size:clamp(22px,8vw,28px)}.tob-case-project-process__panel-summary{font-size:14px}.tob-case-project-process__panel-text{font-size:14px;line-height:1.68}.tob-case-project-process__footer-nav{margin-top:16px}.tob-case-project-process__arrow{width:36px;height:36px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/tob-case-project-process.css.map */