:root{--paper: #f1ebdd;--ink: #0d1b2a;--red: #e34a2c;--sage: #a9b3a1;--line: rgba(13, 27, 42, .22);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--ink);background:#d5d0c5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#d5d0c5}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:10px 14px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}main{min-height:100vh;padding:24px}.page-shell{position:relative;max-width:1440px;min-height:calc(100vh - 48px);margin:0 auto;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(rgba(13,27,42,.06) .6px,transparent .6px);background-size:5px 5px;border:1px solid rgba(13,27,42,.28);box-shadow:0 24px 70px #0d1b2a29}.topbar{height:98px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink);padding:0 42px}.wordmark{font:700 27px/1 Arial Narrow,Arial,sans-serif;letter-spacing:-.08em}.wordmark span{color:var(--red);font-size:9px;vertical-align:top;margin-left:4px;letter-spacing:0}.topbar>p{margin:0;font:600 11px/1 Arial Narrow,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.round-button{justify-self:end;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;font-size:23px;transition:.2s ease}.round-button:hover,.round-button:focus-visible{color:var(--paper);background:var(--red);border-color:var(--red);transform:rotate(45deg)}.hero{position:relative;display:grid;grid-template-columns:58% 42%;min-height:530px;border-bottom:1px solid var(--ink)}.intro{position:relative;padding:70px 42px 46px;border-right:1px solid var(--ink)}.status{position:absolute;top:28px;right:28px;font:600 9px/1 Arial,sans-serif;letter-spacing:.12em}.status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #e34a2c1f}.eyebrow{margin:0 0 8px;font-weight:500;font-size:clamp(16px,1.3vw,20px);letter-spacing:.15em}h1{margin:0;font-size:clamp(66px,8.5vw,132px);line-height:.96;letter-spacing:-.08em;font-weight:800;white-space:nowrap}h1 span{display:block;margin:20px 0 0 6px;font:600 clamp(13px,1.25vw,18px)/1 Arial,sans-serif;letter-spacing:.35em}.role{position:absolute;left:43px;bottom:42px;margin:0;font:700 clamp(20px,2vw,29px)/.92 "Arial Narrow",Arial,sans-serif;letter-spacing:-.04em}.statement{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 42px 45px;background:var(--ink);color:var(--paper)}.statement:before{content:"“";position:absolute;top:22px;left:35px;color:var(--red);font:700 100px/.9 Georgia,serif}.statement p{margin:0 0 25px;font-size:clamp(29px,3.3vw,50px);font-weight:650;line-height:1.36;letter-spacing:-.045em}.statement span{color:var(--sage);font:500 12px/1.5 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.seal{position:absolute;left:calc(58% - 45px);top:56px;z-index:2;width:90px;height:90px;background:var(--red);color:var(--paper);transform:rotate(8deg);display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:13px;font:700 22px/1 Arial,sans-serif}.seal span:first-child{align-self:start;justify-self:start}.seal span:last-child{align-self:end;justify-self:end}.index-mark{position:absolute;right:18px;top:50%;color:#f1ebdd73;font:600 8px/1 Arial,sans-serif;letter-spacing:.22em;transform:rotate(90deg)}.details{display:grid;grid-template-columns:40% 60%;min-height:255px;border-bottom:1px solid var(--ink)}.details-heading{padding:40px 42px;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.details-heading p{margin:0;font:700 clamp(24px,2.6vw,39px)/.96 "Arial Narrow",Arial,sans-serif;letter-spacing:-.055em}.qr-block{display:flex;align-items:flex-end;gap:16px}.qr-block>a{flex:0 0 auto;display:block;width:112px;height:112px;border:1px solid var(--ink);transition:transform .2s ease,box-shadow .2s ease}.qr-block>a:hover,.qr-block>a:focus-visible{transform:translateY(-3px);box-shadow:4px 4px 0 var(--red)}.qr-block img{display:block;width:100%;height:100%;image-rendering:pixelated}.qr-block div{display:grid;gap:7px;padding-bottom:4px}.qr-block span{color:var(--red);font:700 10px/1 Arial,sans-serif;letter-spacing:.14em}.qr-block small{font:600 10px/1 Arial,sans-serif;letter-spacing:.06em}.contact-list{padding:22px 42px}.contact-row{min-height:70px;display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row>span{color:#0d1b2a8c;font:700 9px/1 Arial,sans-serif;letter-spacing:.15em}.contact-row a,.contact-row p{margin:0;font:600 clamp(14px,1.4vw,20px)/1 Arial,sans-serif;letter-spacing:-.02em}.contact-row a:hover{color:var(--red)}.contact-row button{width:32px;height:32px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer}.contact-row button:hover{color:var(--paper);background:var(--ink)}.contact-row b{font:600 9px/1 Arial,sans-serif;letter-spacing:.1em}footer{min-height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:22px 42px}footer nav{display:flex;gap:28px}footer nav a{font:700 9px/1 Arial,sans-serif;letter-spacing:.1em}footer nav a:hover{color:var(--red)}.save-button{display:flex;align-items:center;gap:12px;background:var(--red);color:#fff;padding:13px 22px;border:1px solid var(--red);font-weight:650;font-size:13px;letter-spacing:.08em;transition:.2s ease}.save-button span{font-size:19px;line-height:1}.save-button:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}footer>p{justify-self:end;margin:0;text-align:right;font:600 8px/1.5 Arial,sans-serif;letter-spacing:.12em}.toast{position:fixed;left:50%;bottom:24px;z-index:5;padding:11px 18px;background:var(--ink);color:var(--paper);border-radius:99px;opacity:0;transform:translate(-50%,18px);pointer-events:none;font-size:12px;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){main{padding:10px}.page-shell{min-height:calc(100vh - 20px)}.topbar{height:76px;padding:0 22px;grid-template-columns:1fr auto}.topbar>p{display:none}.hero{display:block}.intro{min-height:440px;padding:78px 22px 32px;border-right:0;border-bottom:1px solid var(--ink)}.status{left:24px;right:auto}h1{font-size:clamp(56px,19vw,91px)}h1 span{margin-top:14px;font-size:10px;letter-spacing:.22em}.role{left:23px;bottom:30px}.statement{min-height:360px;padding:110px 24px 35px}.statement p{font-size:clamp(30px,9.3vw,44px)}.seal{top:400px;left:auto;right:22px;width:78px;height:78px}.details{display:block}.details-heading{min-height:290px;padding:35px 24px;border-right:0;border-bottom:1px solid var(--ink)}.qr-block>a{width:104px;height:104px}.contact-list{padding:10px 24px}.contact-row{grid-template-columns:70px 1fr auto;gap:10px}.contact-row b{display:none}footer{display:flex;flex-direction:column;align-items:stretch;padding:28px 24px}footer nav{justify-content:space-between;gap:8px}.save-button{justify-content:center}footer>p{align-self:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}