.process-page-container{background:var(--background);min-height:100vh;color:var(--foreground);flex-direction:column;display:flex;position:relative}.process-intercepted-wrapper{z-index:1000;background:var(--background);will-change:transform;height:100vh;color:var(--foreground);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.process-page-container:before,.process-intercepted-wrapper:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:absolute;inset:0}.process-page-body-wrap{z-index:1;flex-direction:column;flex:1;width:100%;padding-top:75px;display:flex;position:relative}.process-main-content-wrap{flex-direction:column;width:100%;display:flex}.process-top-row{width:100%;padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);z-index:2;justify-content:space-between;align-items:flex-start;max-height:250px;padding-top:20px;padding-bottom:clamp(30px,2rem + 1vw,55px);transition:max-height .75s cubic-bezier(.76,0,.24,1),padding .75s cubic-bezier(.76,0,.24,1),margin .75s cubic-bezier(.76,0,.24,1),opacity .75s cubic-bezier(.76,0,.24,1);display:flex;position:relative;overflow:hidden}.process-title-group{flex-direction:column;flex-shrink:0;gap:.15rem;width:28%;margin:0;padding:0;display:flex}.process-main-title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--foreground);margin:0;padding:0;font-size:clamp(36px,2.5vw + 4px,48px);font-weight:600;line-height:1}.process-subtitle{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--foreground);opacity:.45;margin:0;padding:0;font-size:13px;font-weight:450}.process-meta-col-1{width:31%;font-family:var(--font-sans);letter-spacing:-.015em;color:var(--foreground);opacity:.85;text-wrap:pretty;flex-shrink:0;margin:0;padding:4px 0 0;font-size:clamp(15px,.8vw + 3px,18px);font-weight:450;line-height:1.45}.process-meta-col-2{width:31%;font-family:var(--font-sans);letter-spacing:-.015em;color:var(--foreground);opacity:.45;text-wrap:pretty;flex-shrink:0;margin:0;padding:4px 0 0;font-size:clamp(15px,.8vw + 3px,18px);font-weight:450;line-height:1.45}.process-content-grid{width:100%;padding-left:var(--page-padding-x);padding-right:var(--page-padding-x);justify-content:flex-start;gap:clamp(40px,5vw,120px);padding-bottom:1rem;display:flex}.process-preview-panel{flex-direction:column;align-self:start;gap:.6rem;width:100%;max-width:400px;transition:max-width .75s cubic-bezier(.76,0,.24,1),width .75s cubic-bezier(.76,0,.24,1);display:flex;position:sticky;top:110px}.process-preview-header{align-items:center;gap:.45rem;display:inline-flex}.process-preview-dot{background-color:var(--foreground);flex-shrink:0;width:5px;height:5px;display:inline-block}.process-preview-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.07em;color:var(--foreground);opacity:.75;font-size:clamp(10px,.5rem + .1vw,12px);font-weight:500}.process-preview-viewport{aspect-ratio:1.5;background:#0d0d0d;width:100%;position:relative;overflow:hidden}.process-preview-img-wrap{opacity:0;will-change:opacity, transform;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:scale(1.04)}.process-preview-img-wrap.active{opacity:1;transform:scale(1)}.process-preview-img{object-fit:cover;width:100%;height:100%}.process-list{flex-direction:column;justify-self:start;width:100%;max-width:680px;display:flex}.process-list-row{border-bottom:1px solid var(--border-color);cursor:pointer;will-change:opacity, padding-left;justify-content:space-between;align-items:center;padding:.7rem 0;transition:opacity .35s cubic-bezier(.25,1,.5,1),padding-left .35s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.process-list-row:before{content:"→";opacity:0;font-family:var(--font-sans);color:var(--foreground);font-size:clamp(14px,.7vw + 2px,17px);font-weight:500;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1);position:absolute;left:0;transform:translate(-10px)}.process-list-row-left{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.process-list-row:last-child{border-bottom:none}.process-list-row:hover,.process-list-row.active{padding-left:24px}.process-list-row:hover:before,.process-list-row.active:before{opacity:1;transform:translate(0)}.process-list-row.dimmed{opacity:.25}.process-list-row.semi-dimmed{opacity:.5}.process-list-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--foreground);flex-shrink:0;font-size:clamp(14px,.7vw + 2px,17px);font-weight:500}.process-list-bullets-inline{font-family:var(--font-sans);color:var(--foreground);opacity:.45;flex:1;align-items:center;gap:.25rem;min-width:0;padding-top:1px;font-size:11px;display:inline-flex}.process-list-meta{flex-shrink:0;align-items:center;display:flex}.process-list-read-time{font-family:var(--font-sans);color:var(--foreground);opacity:.5;text-align:right;flex-shrink:0;font-size:12px;font-weight:400}.process-bullet-icon{flex-shrink:0;display:inline-block}.process-bullet-text{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}[data-js=true] .process-main-title{opacity:0;transform:translateY(30px)}[data-js=true] .process-subtitle{opacity:0}[data-js=true] .process-meta-col-1,[data-js=true] .process-meta-col-2{opacity:0;transform:translateY(15px)}[data-js=true] .process-preview-panel,[data-js=true] .process-list-row{opacity:0;transform:translateY(20px)}[data-js=true] .process-detail-container,[data-js=true] .process-detail-title,[data-js=true] .process-detail-subtitle,[data-js=true] .process-detail-section-label,[data-js=true] .process-detail-paragraph,[data-js=true] .process-detail-subheading{opacity:0;transform:translateY(15px)}[data-js=true] .process-detail-back-btn{opacity:0;transform:translate(-15px)}@media (max-width:768px){.process-page-body-wrap{padding-top:80px}.process-top-row{flex-direction:column;gap:1.5rem;max-height:500px;padding-top:1.5rem;padding-bottom:1.5rem}.process-title-group,.process-meta-col-1,.process-meta-col-2{width:100%;padding-top:0}.process-content-grid{padding-bottom:1rem;display:block}.process-content-grid.detail-mode{padding-bottom:3rem}.process-preview-panel{width:100%;max-width:100%;margin-bottom:2rem;display:flex;position:static}.process-list{max-width:100%}.process-list-row{justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.process-list-bullets-inline{display:none}}.process-detail-container{flex-direction:column;flex:1;align-self:start;gap:1.2rem;width:100%;max-width:1000px;display:flex}.process-right-col{flex-direction:column;justify-self:start;width:100%;max-width:680px;display:flex}.process-page-container.detail-active .process-top-row{pointer-events:none;opacity:0!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.process-detail-back-btn{font-family:var(--font-sans);color:var(--foreground);opacity:.45;cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;width:fit-content;margin-bottom:1rem;padding:0;font-size:13px;font-weight:450;transition:opacity .3s;display:inline-flex}.process-detail-back-btn .back-arrow{transition:transform .3s cubic-bezier(.25,1,.5,1);display:inline-block}.process-detail-back-btn:hover{opacity:1}.process-detail-back-btn:hover .back-arrow{transform:translate(-3px)}.process-detail-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.6rem;padding-bottom:1.5rem;display:flex}.process-detail-title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--foreground);margin:0;font-size:clamp(32px,2.5vw + 4px,46px);font-weight:600;line-height:1}.process-detail-subtitle{font-family:var(--font-serif);color:var(--foreground);opacity:.75;margin:0;font-size:clamp(20px,1.5vw + 4px,28px);font-weight:400;line-height:1.35}.process-detail-body{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.process-detail-section{grid-template-columns:260px 1fr;align-items:start;gap:clamp(40px,4vw,80px);padding:1.4rem 0;display:grid}.process-detail-section:first-of-type{padding-top:.2rem}.process-detail-section-label{font-family:var(--font-sans);color:var(--foreground);opacity:.45;margin:0;padding-top:4px;font-size:clamp(14px,.75vw + 2px,16px);font-weight:500;line-height:1.45}.process-detail-section-content{flex-direction:column;gap:1.2rem;display:flex}.process-detail-paragraph{font-family:var(--font-sans);color:var(--foreground);opacity:.85;margin:0;font-size:clamp(14px,.75vw + 2px,16px);line-height:1.6}.process-detail-paragraph.lead-text{opacity:1;font-size:clamp(16px,.9vw + 2px,19px);font-weight:500;line-height:1.5}.process-detail-subheading{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--foreground);margin-top:.8rem;margin-bottom:-.4rem;font-size:clamp(14px,.75vw + 2px,16px);font-weight:600}.process-detail-paragraph.emphasis-text{color:var(--foreground);opacity:1;border-left:2px solid var(--foreground);margin-top:1rem;padding-left:1.2rem;font-weight:500}.process-content-grid{transition:gap .75s cubic-bezier(.76,0,.24,1)}.process-content-grid.detail-mode{justify-content:space-between;gap:clamp(40px,5vw,100px);padding-bottom:clamp(40px,3.5rem + 2vw,80px)}.process-content-grid.detail-mode .process-preview-panel{align-self:start;width:38%;max-width:600px;position:sticky;top:110px}.process-page-container.detail-active .process-preview-img-wrap.active .process-preview-img{transform:scale(1.08)}.process-preview-img{transition:transform .75s cubic-bezier(.76,0,.24,1)}@media (max-width:992px){.process-detail-section{grid-template-columns:1fr;gap:.8rem;padding:1.5rem 0}.process-detail-section-label{padding-top:0}.process-detail-container{max-width:100%}.process-list-bullets-inline{display:none}}@media (max-width:768px){.process-detail-container{padding-top:1rem}.process-content-grid.detail-mode .process-preview-panel{width:100%;max-width:100%;margin-top:1rem;margin-bottom:1.5rem;display:flex;position:static}}.process-list-tap-prompt{color:var(--foreground);opacity:.6;letter-spacing:-.01em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.process-faq-section{flex-direction:column;width:100%;margin-top:clamp(2rem,1.8vw + 1rem,3.5rem);padding:0;display:flex}.process-faq-section-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.07em;color:var(--foreground);opacity:.45;margin:0 0 1.2rem;padding:0;font-size:clamp(10px,.5rem + .1vw,12px);font-weight:500}.process-faq-list{flex-direction:column;width:100%;display:flex}.process-faq-item{border-bottom:1px solid var(--border-color);cursor:pointer;flex-direction:column;padding:clamp(16px,1.8vw,24px) 0;transition:opacity .35s;display:flex}.process-faq-item:first-child{border-top:none}.process-page-container:not(.detail-active) .footer-wrapper{padding-top:clamp(1.5rem,1rem + 1vw,2.5rem)}.process-faq-header{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.process-faq-question{font-family:var(--font-sans);color:var(--foreground);opacity:.85;letter-spacing:-.015em;margin:0;font-size:clamp(15px,.8vw + 3px,18px);font-weight:500;line-height:1.35;transition:color .3s,opacity .3s}.process-faq-item:hover .process-faq-question{opacity:1}.process-faq-icon{color:var(--foreground);opacity:.45;will-change:transform;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .35s;display:inline-flex}.process-faq-item:hover .process-faq-icon{opacity:.85}.process-faq-item.active .process-faq-icon{opacity:1;transform:rotate(45deg)}.process-faq-answer-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.25,1,.5,1),opacity .35s;display:grid;overflow:hidden}.process-faq-item.active .process-faq-answer-wrapper{opacity:1;grid-template-rows:1fr}.process-faq-answer-inner{min-height:0}.process-faq-answer{font-family:var(--font-sans);color:var(--foreground);opacity:.55;max-width:600px;margin:0;padding-top:12px;font-size:clamp(14px,.75vw + 2px,16px);line-height:1.6}@media (max-width:768px){.process-faq-section{padding-top:.5rem}}[data-js=true] .process-faq-section{opacity:0;transform:translateY(20px)}@media (prefers-reduced-motion:reduce){.process-top-row,.process-preview-panel,.process-preview-img{transition:none!important}}