.process{background:var(--bg);padding:120px 0}.process-header{border-bottom:1px solid var(--g200);justify-content:space-between;align-items:flex-end;margin-bottom:64px;padding-bottom:36px;display:flex}.process-header h2{font-family:var(--serif);color:var(--g900);font-size:clamp(28px,2.8vw,40px);font-weight:600;line-height:1.1}.process-header h2 i{color:var(--g400)}.process-header p{color:var(--g500);text-align:right;max-width:340px;font-size:14px;line-height:1.7}.step{border-top:1px solid var(--g200);transition:background .4s var(--ease);grid-template-columns:80px .35fr .65fr;gap:0;display:grid}.step:last-child{border-bottom:1px solid var(--g200)}.step:hover{background:var(--g100)}.step-num-col{justify-content:center;align-items:flex-start;padding:36px 0;display:flex}.step-num{font-family:var(--sans);color:var(--g500);transition:color .4s var(--ease-slow);font-size:13px;font-weight:500}.step:hover .step-num{color:var(--g900)}.step-img{min-height:180px;position:relative;overflow:hidden}.step-img:before{content:"";pointer-events:none;padding-top:60.241%;display:block}.step-img img{object-fit:cover;filter:saturate(.15)brightness(.7)contrast(1.1);width:100%;height:100%;transition:filter .6s var(--ease-slow), transform .6s var(--ease-slow)}.step:hover .step-img img{filter:saturate(.25)brightness(.8)contrast(1.05);transition-duration:1.4s;transform:scale(1.03)}.step-body{flex-direction:column;justify-content:center;padding:36px 40px;display:flex}.step-body h4{font-family:var(--sans);color:var(--g900);margin-bottom:8px;font-size:16px;font-weight:600}.step-body p{color:var(--g600);max-width:380px;font-size:14px;line-height:1.75}.materials{background:var(--bg);padding:120px 0}.mat-header{margin-bottom:48px}.mat-header h2{font-family:var(--serif);color:var(--g900);font-size:clamp(28px,2.8vw,40px);font-weight:600;line-height:1.1}.mat-header h2 i{color:var(--g400)}.mat-header p{color:var(--g500);max-width:520px;margin-top:10px;font-size:15px;line-height:1.7}.mat-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mat-panel{border:1px solid var(--g150);border-radius:var(--r);background:#fff;overflow:hidden}.mat-panel-head{border-bottom:1px solid var(--g150);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mat-panel-head h3{color:var(--g900);font-size:16px;font-weight:600}.mat-badge{font-family:var(--sans);border-radius:var(--r);background:var(--g100);color:var(--g500);padding:4px 10px;font-size:13px;font-weight:500}.mat-table{border-collapse:collapse;width:100%}.mat-table th{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--g400);text-align:left;border-bottom:1px solid var(--g150);background:var(--g100);padding:10px 16px;font-size:13px;font-weight:500}.mat-table td{border-bottom:1px solid var(--g100);color:var(--g700);padding:12px 16px;font-size:13px}.mat-table tr:last-child td{border-bottom:none}.mat-table tr:hover td{background:#1b4b8f04}.mat-code{font-family:var(--sans);color:var(--blue);font-size:14px;font-weight:500}.mat-temp{font-family:var(--sans);color:var(--g500);font-size:13px}.mat-use{font-family:var(--sans);border-radius:var(--r);background:var(--g100);color:var(--g500);padding:3px 8px;font-size:13px}.full-photo{height:55vh;min-height:320px;max-height:500px;position:relative;overflow:hidden}.full-photo img{object-fit:cover;filter:saturate(.08)brightness(.35)contrast(1.2);width:100%;height:100%;animation:kenBurnsRL 25s var(--ease-slow) infinite alternate}@keyframes kenBurnsRL{0%{transform:scale(1)}to{transform:scale(1.05)}}.full-photo-overlay{background:linear-gradient(#0000 50%,#081628d9 100%);position:absolute;inset:0}.full-photo-content{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:40px;left:80px;right:80px}.full-photo h2{font-family:var(--serif);color:#ffffffb3;max-width:500px;font-size:clamp(24px,2.8vw,36px);font-style:italic;font-weight:600;line-height:1.2}.full-photo-caption{font-family:var(--sans);color:#ffffff26;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.comparison{background:var(--bg-white);padding:120px 0}.comp-header{margin-bottom:48px}.comp-header h2{font-family:var(--serif);color:var(--g900);font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.12}.comp-header h2 i{color:var(--g400)}.comp-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.comp-panel{background:var(--bg-white);border:1px solid var(--g150);border-radius:var(--r);transition:background-color .3s var(--ease), border-color .3s var(--ease);padding:36px}.comp-panel:hover{background:var(--g100);border-color:var(--g200)}.comp-panel.hl{border-color:var(--accent)}.comp-panel .tag{margin-bottom:16px}.comp-panel h3{font-family:var(--sans);color:var(--g900);margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.3}.comp-panel p{color:var(--g600);margin-bottom:20px;font-size:14px;line-height:1.75}.comp-list{list-style:none}.comp-list li{color:var(--g600);border-bottom:1px solid var(--g150);padding:10px 0 10px 16px;font-size:13px;position:relative}.comp-list li:last-child{border-bottom:none}.comp-list li:before{content:"";background:var(--g400);border-radius:50%;width:4px;height:4px;position:absolute;top:16px;left:0}.comp-panel.hl .comp-list li:before{background:var(--accent)}.specs{background:var(--bg);padding:100px 0;position:relative;overflow:hidden}.specs .layers{position:absolute;inset:0}.specs-inner{z-index:2;position:relative}.specs-header{text-align:center;margin-bottom:48px}.specs-header h2{font-family:var(--serif);color:var(--g900);font-size:clamp(26px,2.6vw,36px);font-weight:600}.specs-header h2 i{color:var(--g400)}.specs-header p{color:var(--g500);max-width:480px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.7}.specs-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.spec-card{background:var(--bg-white);border:1px solid var(--g150);border-radius:var(--r);text-align:center;transition:background-color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);padding:28px}.spec-card:hover{background:var(--g100);border-color:var(--g200);transform:translateY(-2px)}.spec-card .val{font-family:var(--sans);color:var(--accent);font-size:28px;font-weight:500;line-height:1}.spec-card .unit{font-family:var(--sans);color:var(--g500);margin-top:2px;font-size:13px}.spec-card .lbl{font-family:var(--sans);color:var(--g500);margin-top:8px;font-size:13px}.downloads{background:var(--bg-white);padding:80px 0}.dl-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dl-card{background:var(--bg-white);border:1px solid var(--g150);border-radius:var(--r);transition:background-color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);cursor:pointer;align-items:center;gap:20px;padding:24px;display:flex}.dl-card:hover{background:var(--g100);border-color:var(--g200);transform:translateY(-2px)}.dl-icon{border-radius:var(--r);background:var(--g100);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dl-icon svg{width:20px;height:20px;color:var(--accent)}.dl-card h4{color:var(--g900);margin-bottom:2px;font-size:14px;font-weight:600}.dl-card p{color:var(--g500);font-size:14px}@media (max-width:1024px){.process-header{flex-direction:column;align-items:flex-start;gap:12px}.process-header p{text-align:left}.step{grid-template-columns:60px 1fr}.step-img{display:none}.mat-grid,.comp-grid{grid-template-columns:1fr}.specs-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.step{grid-template-columns:1fr}.step-num-col{display:none}.specs-grid,.dl-grid{grid-template-columns:1fr}}@media (max-width:480px){.process,.materials,.comparison{padding:80px 0}.specs{padding:72px 0}.full-photo-content{left:16px;right:16px}}