| 7 |
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:#e8e5de;color:#0a0a0b;font-family:Arial,"PingFang SC",sans-serif}.page{position:relative;width:min(100vw,177.78vh);height:min(56.25vw,100vh);padding:7%;background:#f1efea;overflow:hidden}.folio{font:700 12px/1 monospace;letter-spacing:2px;color:#716b62}.rule{height:1px;background:#0a0a0b;margin:3% 0 6%}.eyebrow{font:700 13px/1 monospace;letter-spacing:2px;color:#1a2e1f}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:end}h1{margin:0;font:clamp(42px,7vw,120px)/.92 Georgia,"Songti SC",serif;letter-spacing:0}.lead{font:clamp(14px,1.5vw,25px)/1.55 Georgia,"Songti SC",serif;margin:5% 0 0;max-width:28em}.image{height:46vh;max-height:470px;background:linear-gradient(145deg,#1a2e1f 0 34%,#e0d0b6 34% 60%,#0a1f3d 60%);position:relative}.image:before{content:"";position:absolute;inset:12%;border:1px solid #f1efea}.caption{margin-top:12px;font:12px/1.4 monospace;letter-spacing:1px}.quote{position:absolute;right:7%;bottom:7%;width:31%;font:clamp(15px,1.7vw,29px)/1.3 Georgia,"Songti SC",serif}.quote b{display:block;font:11px/2 monospace;letter-spacing:1px} |