.page-order{--ink:#3a5670;--ink-2:#64798e;--line:#3a567038;--line-soft:#3a567017;--blue-pale:#e9f1f8}.page-order .dhero{border-bottom:1px solid var(--line);background-image:url(/assets/order-hero-photo.png);background-position:100%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-order .dhero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffffff5 0%,#ffffffeb 26%,#ffffff8c 46%,#fff0 64%);position:absolute;inset:0}@media (max-width:720px){.page-order .dhero:after{background:linear-gradient(#fffffff5 0%,#ffffffdb 40%,#fff6 70%,#fff3 100%)}}.page-order .dhero-grid{background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 80% at 90% 10%,#000 35%,#0000 100%);mask-image:radial-gradient(110% 80% at 90% 10%,#000 35%,#0000 100%)}.page-order .crumb{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:.72rem;display:flex}.page-order .crumb a:hover{color:var(--ink)}.page-order .crumb .sep{opacity:.4}.page-order .dhero .wrap{z-index:2;width:100%;padding-top:clamp(20px,2.5vw,36px);padding-bottom:clamp(56px,9vw,110px);position:relative}.page-order .dhero-num{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-2);margin:clamp(36px,6vw,64px) 0 18px;font-size:.8rem}.page-order .dhero h1{letter-spacing:0;white-space:nowrap;text-shadow:0 0 2px var(--paper), 0 0 6px var(--paper), 0 0 14px var(--paper), 2px 2px 0 var(--paper), -2px 2px 0 var(--paper), 2px -2px 0 var(--paper), -2px -2px 0 var(--paper);font-size:clamp(2.8rem,9vw,7rem);font-weight:900;line-height:.98}.page-order .dhero .en{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);text-shadow:0 0 6px var(--paper), 0 0 12px var(--paper);margin-top:22px;font-size:clamp(.8rem,1.6vw,1rem);font-weight:500;display:block}.page-order .dhero-lede{letter-spacing:.02em;max-width:30ch;margin-top:clamp(32px,5vw,52px);font-size:clamp(1.15rem,2.3vw,1.75rem);font-weight:700;line-height:1.55}.page-order .dhero-layout{display:block}.page-order .dhero-copy{max-width:52ch}@media (min-width:940px){.page-order .dhero-copy{max-width:40ch}.page-order .dhero-copy .dhero-num{margin-top:clamp(24px,3.5vw,40px)}.page-order .dhero-copy .dhero-lede{max-width:30ch}}.page-order .dhero-art{position:relative}.page-order .dhero-art img{width:100%;max-width:640px;height:auto;margin-inline:auto;display:block}@media (min-width:940px){.page-order .dhero-art img{width:150%;max-width:none;margin-left:-32%;margin-right:-18%}}.page-order .d-band{padding-block:clamp(64px,10vw,130px)}.page-order .d-band.inv{background:var(--ink);color:var(--paper)}.page-order .d-band.inv .eyebrow .idx{border-color:var(--paper)}.page-order .d-band.inv .eyebrow .line{background:var(--line-inv)}.page-order .d-title{letter-spacing:.025em;max-width:30ch;font-size:clamp(1.7rem,4.4vw,3.2rem);font-weight:900;line-height:1.25}.page-order .d-intro{max-width:60ch;color:var(--ink-2);margin-top:clamp(22px,3vw,32px);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.95}.page-order .d-band.inv .d-intro{color:#f5f5f2b8}.page-order .prob-band{background:var(--blue-pale)}.page-order .prob-grid{grid-template-columns:1fr;gap:clamp(20px,3vw,32px);margin-top:clamp(40px,6vw,64px);display:grid}.page-order .prob{background:var(--paper);border:1px solid var(--line);grid-template-columns:clamp(220px,30%,380px) 1fr;align-items:stretch;display:grid;overflow:hidden}@media (max-width:640px){.page-order .prob{grid-template-columns:1fr}}.page-order .prob-ico{background:var(--blue-pale);justify-content:center;align-items:center;min-height:clamp(180px,18vw,240px);display:flex;overflow:hidden}.page-order .prob-ico img{object-fit:contain;width:auto;max-width:72%;height:auto;max-height:72%}.page-order .prob-body{flex-direction:column;justify-content:center;padding:clamp(28px,3.4vw,48px);display:flex}.page-order .prob .pn{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-2);font-size:.74rem}.page-order .prob h4{letter-spacing:.03em;margin:16px 0 12px;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700}.page-order .prob p{color:var(--ink-2);font-size:.93rem;line-height:1.85}.page-order .flow{border-top:1px solid var(--line);margin-top:clamp(44px,6vw,72px)}.page-order .flow-row{border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease);grid-template-columns:56px clamp(90px,9vw,124px) minmax(0,.8fr) minmax(0,1.4fr);align-items:baseline;gap:clamp(16px,3vw,48px);padding:clamp(28px,3.6vw,44px) 0;display:grid}.page-order .flow-row:hover{padding-left:14px}.page-order .flow-num{font-family:var(--mono);font-size:.92rem;font-weight:600}.page-order .flow-ico{place-self:center start;width:clamp(76px,8vw,110px);height:auto}.page-order .flow-h{letter-spacing:.03em;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:900}.page-order .flow-h small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:10px;font-size:.68rem;font-weight:500;display:block}.page-order .flow-d{color:var(--ink-2);font-size:1rem;line-height:1.9}@media (max-width:760px){.page-order .flow-row{grid-template-columns:1fr;gap:12px}.page-order .flow-ico{width:64px}}.page-order .chan-grid{grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.4vw,18px);margin-top:clamp(40px,6vw,64px);display:grid}@media (max-width:1020px){.page-order .chan-grid{grid-template-columns:repeat(2,1fr)}.page-order .chan:last-child{grid-column:1/-1}}@media (max-width:480px){.page-order .chan-grid{grid-template-columns:1fr}}.page-order .chan{background:var(--paper);border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:20px;min-height:170px;padding:clamp(24px,2.6vw,34px);display:flex}.page-order .chan-txt{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-order .chan .ch-ico{object-fit:contain;align-self:center;width:auto;max-width:80%;height:clamp(44px,4.6vw,60px);margin-bottom:clamp(6px,1vw,14px)}.page-order .chan .ch-en{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:.66rem}.page-order .chan .ch-name{letter-spacing:.03em;white-space:nowrap;margin-top:0;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:900}.page-order .flow-diagram{border:1px solid var(--line);margin-top:clamp(40px,6vw,64px);padding:clamp(22px,3.5vw,44px);position:relative;overflow:hidden}.page-order .flow-diagram:before{content:"";background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.page-order .flow-diagram svg{width:100%;height:auto;display:block;position:relative}.page-order .fd-box{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.page-order .fd-node{fill:var(--ink);stroke:var(--ink);stroke-width:2px}.page-order .fd-line{stroke:var(--ink);stroke-width:2px;fill:none}.page-order .fd-lbl{font-family:var(--sans);fill:var(--ink);font-weight:700}.page-order .fd-lbl-inv{font-family:var(--sans);fill:var(--paper);font-weight:700}.page-order .fd-en{font-family:var(--mono);letter-spacing:.12em;fill:var(--ink-2);text-transform:uppercase;font-size:13px}.page-order .fd-en-inv{font-family:var(--mono);letter-spacing:.12em;fill:#f5f5f299;font-size:13px}.page-order .out-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(44px,6vw,72px);display:grid}@media (max-width:760px){.page-order .out-grid{grid-template-columns:1fr}}.page-order .out{border-top:2px solid var(--paper);padding-top:24px}.page-order .out .big{letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;line-height:1}.page-order .out .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f5f5f28c;margin-top:16px;font-size:.72rem}.page-order .out p{color:#f5f5f2c7;margin-top:12px;font-size:.95rem;line-height:1.85}.page-order .rel-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);margin-top:clamp(40px,6vw,64px);display:grid}@media (max-width:760px){.page-order .rel-grid{grid-template-columns:1fr}}.page-order .rel{background:var(--paper);border:1px solid var(--line);transition:background .3s var(--ease), color .3s var(--ease);justify-content:space-between;align-items:center;gap:20px;padding:clamp(28px,3vw,40px);display:flex}.page-order .rel:hover{background:var(--ink);color:var(--paper)}.page-order .rel .rn{letter-spacing:.02em;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:900}.page-order .rel .re{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:8px;font-size:.66rem;display:block}.page-order .rel:hover .re{color:#f5f5f2b3}.page-order .rel .arw{font-family:var(--mono);transition:transform .3s var(--ease);font-size:1.1rem}.page-order .rel:hover .arw{transform:translate(5px)}.page-order .cta{background:var(--ink);color:var(--paper)}.page-order .cta .wrap{text-align:center;padding-block:clamp(72px,11vw,150px)}.page-order .cta h2{letter-spacing:.025em;font-size:clamp(1.9rem,5.5vw,4.4rem);font-weight:900;line-height:1.2}.page-order .cta p{color:#f5f5f2b8;max-width:44ch;margin:26px auto 42px;font-size:1.05rem;line-height:1.9}.page-order .cta .btn.inv{background:var(--paper);color:var(--ink);border-color:var(--paper)}.page-order .cta .btn.inv:hover{color:var(--paper);background:0 0}
