.coaster-brand-content{--ink:#22363e;--muted:#64747a;--line:#dce3e4;--gold:#ab7624;--navy:#173e50;--paper:#f7f9f8}.coaster-brand-content *{box-sizing:border-box}.coaster-brand-content{scroll-behavior:smooth;scroll-padding-top:24px}.coaster-brand-content{margin:0;color:var(--ink);background:#fff;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.coaster-brand-content a{color:inherit}.coaster-brand-content button{font:inherit}.coaster-brand-content img{display:block;width:100%;height:auto}.coaster-brand-content .preview{background:#f8eedc;text-align:center;color:#77541c;font-size:12px;letter-spacing:.08em;padding:8px 16px}.coaster-brand-content .wrap{width:min(1160px,calc(100% - 64px));margin:auto}.coaster-brand-content header{border-bottom:1px solid var(--line)}.coaster-brand-content .header{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.coaster-brand-content .brand{font-size:22px;letter-spacing:.13em;font-weight:750;text-decoration:none}.coaster-brand-content .brand small{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted);font-weight:500;line-height:1.4}.coaster-brand-content .header>span{font-size:13px;color:var(--muted)}.coaster-brand-content .crumb{font-size:12px;color:var(--muted);padding:28px 0 16px}.coaster-brand-content .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding:18px 0 64px}.coaster-brand-content .eyebrow{font-size:12px;color:var(--gold);font-weight:650;letter-spacing:.15em;margin:0 0 14px}.coaster-brand-content h1{font-size:clamp(30px,3.3vw,46px);line-height:1.35;letter-spacing:-.025em;margin:0 0 23px}.coaster-brand-content h2{font-size:28px;line-height:1.5;margin:0 0 20px;letter-spacing:-.02em}.coaster-brand-content h3{font-size:18px;line-height:1.6;margin:0 0 10px}.coaster-brand-content p{margin:0 0 18px}.coaster-brand-content .lead{font-size:17px;color:var(--muted)}.coaster-brand-content .tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.coaster-brand-content .tags span{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:4px 10px}.coaster-brand-content .hero figure{margin:0}.coaster-brand-content .image-button{display:block;border:1px solid #e6e9e9;padding:0;background:white;width:100%;cursor:zoom-in;border-radius:10px;overflow:hidden}.coaster-brand-content .image-button:focus-visible,.coaster-brand-content a:focus-visible,.coaster-brand-content button:focus-visible{outline:3px solid #b77a11;outline-offset:4px}.coaster-brand-content .hero .image-button img{aspect-ratio:1;object-fit:contain}.coaster-brand-content .caption{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.7}.coaster-brand-content .jump{display:flex;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;flex-wrap:wrap}.coaster-brand-content .jump a{text-decoration:none}.coaster-brand-content .jump a:hover{color:var(--gold)}.coaster-brand-content .section{padding:60px 0;border-bottom:1px solid var(--line)}.coaster-brand-content .section-grid{display:grid;grid-template-columns:240px 1fr;gap:65px}.coaster-brand-content .section-label{font-size:12px;color:var(--gold);letter-spacing:.12em}.coaster-brand-content .section-label strong{display:block;font-size:38px;color:#c9d2d4;font-weight:400;line-height:1.3;margin:0 0 10px}.coaster-brand-content .copy p{max-width:770px}.coaster-brand-content .uses{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.coaster-brand-content .card{padding:25px;background:var(--paper);border:1px solid #e7eceb;border-radius:6px}.coaster-brand-content .card p{font-size:14px;color:var(--muted);margin:0}.coaster-brand-content .materials{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:25px 0}.coaster-brand-content .material{padding:22px 20px;border-top:3px solid #b78544;background:var(--paper)}.coaster-brand-content .material:nth-child(2){border-color:#a3adb1}.coaster-brand-content .material:nth-child(3){border-color:#607982}.coaster-brand-content .material strong{display:block;font-size:20px}.coaster-brand-content .material span{font-size:12px;color:var(--muted)}.coaster-brand-content .note{border-left:3px solid #bf914b;background:#fbf7f0;padding:16px 20px;font-size:14px;margin:24px 0 0}.coaster-brand-content .gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.coaster-brand-content .gallery figure{margin:0}.coaster-brand-content .gallery img{aspect-ratio:1.15;object-fit:contain}.coaster-brand-content .process{padding:30px;background:var(--navy);color:#fff;border-radius:8px;margin:30px 0}.coaster-brand-content .process .eyebrow{color:#e6bf80}.coaster-brand-content .process h3{font-size:20px}.coaster-brand-content .steps{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:24px}.coaster-brand-content .steps li{border-top:1px solid #6e8791;padding-top:12px;font-size:15px;min-width:0;line-height:1.7}.coaster-brand-content .steps b{display:block;color:#e6bf80;font-size:12px;margin-bottom:7px}.coaster-brand-content .process p{font-size:13px;color:#d3e0e5;margin:0}.coaster-brand-content .checks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.coaster-brand-content .check{border:1px solid var(--line);border-radius:6px;padding:23px}.coaster-brand-content .check .number{font-size:12px;color:var(--gold);letter-spacing:.1em}.coaster-brand-content .check h3{margin-top:8px}.coaster-brand-content .check p{font-size:14px;margin-bottom:14px}.coaster-brand-content .check .criterion{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:0}.coaster-brand-content .closing{background:var(--paper);padding:40px;border-radius:8px;margin:55px 0}.coaster-brand-content .closing p{max-width:830px;color:var(--muted);margin:0}.coaster-brand-content .closing h2{font-size:26px}.coaster-brand-content footer{border-top:1px solid var(--line);padding:24px 0;font-size:12px;color:var(--muted)}.coaster-brand-content footer .wrap{display:flex;justify-content:space-between;gap:20px}.coaster-brand-content dialog{padding:45px 16px 16px;border:0;border-radius:10px;max-width:90vw;max-height:92vh;background:#fff}.coaster-brand-content dialog::backdrop{background:#12252cda}.coaster-brand-content dialog img{max-height:78vh;width:auto;max-width:100%;object-fit:contain;margin:auto}.coaster-brand-content dialog button{position:absolute;right:15px;top:8px;border:0;background:#edf1f1;border-radius:4px;padding:2px 14px;cursor:pointer}.coaster-brand-content .dialog-caption{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 0}@media(max-width:760px){.coaster-brand-content .wrap{width:calc(100% - 36px)}.coaster-brand-content .header{padding:17px 0}.coaster-brand-content .brand{font-size:19px}.coaster-brand-content .header>span{font-size:11px}.coaster-brand-content .crumb{padding-top:20px}.coaster-brand-content .hero{grid-template-columns:1fr;gap:22px;padding:10px 0 35px}.coaster-brand-content h1{font-size:32px}.coaster-brand-content h2{font-size:24px}.coaster-brand-content .lead{font-size:16px}.coaster-brand-content .hero figure{max-width:480px;margin:auto}.coaster-brand-content .jump{gap:12px 20px;font-size:12px}.coaster-brand-content .section{padding:38px 0}.coaster-brand-content .section-grid{grid-template-columns:1fr;gap:16px}.coaster-brand-content .section-label strong{display:inline;font-size:22px;margin-right:12px}.coaster-brand-content .uses,.coaster-brand-content .checks{grid-template-columns:1fr}.coaster-brand-content .materials{gap:8px}.coaster-brand-content .material{padding:15px 10px}.coaster-brand-content .material strong{font-size:18px}.coaster-brand-content .material span{font-size:11px}.coaster-brand-content .gallery{gap:12px}.coaster-brand-content .steps{grid-template-columns:1fr;gap:16px}.coaster-brand-content .process{padding:23px}.coaster-brand-content .closing{padding:25px;margin:35px 0}.coaster-brand-content footer .wrap{flex-direction:column;gap:5px}.coaster-brand-content .preview{font-size:11px}}@media(prefers-reduced-motion:reduce){.coaster-brand-content{scroll-behavior:auto}}.coaster-brand-content .sample-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 32px}.coaster-brand-content .sample-stage{padding:18px;background:#f7f9f8;border-top:3px solid #b78544;border-radius:3px}.coaster-brand-content .sample-stage>span{font-size:11px;color:#8a631f;display:block;margin-bottom:8px}.coaster-brand-content .sample-stage h3{font-size:16px;margin-bottom:8px}.coaster-brand-content .sample-stage p{font-size:13px;color:#64747a;margin:0;line-height:1.8}.coaster-brand-content .check-heading{margin-top:6px}.coaster-brand-content .check-heading+.checks{margin-top:18px}@media(max-width:760px){.coaster-brand-content .sample-stages{grid-template-columns:1fr;gap:10px}.coaster-brand-content .sample-stage{padding:16px}.coaster-brand-content .sample-stage p{font-size:14px}}
.coaster-brand-content{direction:inherit}.coaster-brand-content .hero{padding-top:24px}.coaster-brand-content .sample-stage{text-align:start}.coaster-brand-content .note{border-left:0;border-inline-start:3px solid #bf914b}.coaster-brand-content h1{max-width:none}.coaster-brand-content .wrap{width:min(1160px,calc(100% - 40px))}.coaster-brand-content dialog{margin:auto}.coaster-brand-content dialog button{right:auto;inset-inline-end:15px}.coaster-brand-content dialog::backdrop{background:#12252cda}