/* Two mirrored ivory floral ends and continuous rails form one title component. */
.main-title-frame.css-frame{--cap:clamp(42px,7vw,78px);--frame-fill:linear-gradient(140deg,#fffaf0,#f1e6ca);--cap-diameter:calc(var(--cap)*2);position:relative;isolation:isolate;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-block-size:calc(var(--cap)*1.7);block-size:auto;height:auto;display:grid;align-items:center;padding:26px calc(var(--cap) + 12px)!important;margin:0 0 26px!important;border:3px solid transparent!important;border-radius:14px!important;background:var(--frame-fill) padding-box,var(--gold-metal) border-box!important;color:#153d2c!important;font-size:clamp(26px,3.5vw,44px)!important;line-height:1.65!important;box-shadow:inset 0 2px 2px #fff9,inset 0 -4px 8px #92712e22,0 5px 0 #8a713b,0 12px 22px #00170c22}.main-title-frame>.title-perimeter{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;grid-template-columns:var(--cap) minmax(0,1fr) var(--cap);grid-template-rows:minmax(0,1fr);border-radius:inherit;overflow:hidden;direction:ltr}.title-rails{position:absolute;inset:5px;border-top:4px double #c59a47;border-bottom:4px double #c59a47;border-radius:10px;box-shadow:0 1px 0 #fff8,inset 0 1px 0 #fff8}.title-rails::after{content:'';position:absolute;inset:5px 0;border-top:1px solid #d0b06e;border-bottom:1px solid #d0b06e;border-radius:8px}.title-terminal{position:relative;min-inline-size:0;min-block-size:0;overflow:hidden;display:block;background:none}.title-terminal.left{grid-area:1/1;border-left:3px solid #d7af60;border-radius:11px 0 0 11px;box-shadow:inset 2px 0 0 #fff0ba}.title-terminal.right{grid-area:1/3;border-right:3px solid #d7af60;border-radius:0 11px 11px 0;box-shadow:inset -2px 0 0 #fff0ba}.terminal-bloom{position:absolute;top:50%;inline-size:var(--cap-diameter);block-size:var(--cap-diameter);transform:translate(-50%,-50%);display:block;border-radius:50%;border:3px solid #d4a951;box-shadow:inset 0 0 0 3px #ffedb5,inset 0 0 0 5px #b58132}.left>.terminal-bloom{left:0}.right>.terminal-bloom{left:100%;transform:translate(-50%,-50%) rotate(180deg)}.terminal-petal{position:absolute;left:44%;top:4%;inline-size:13%;block-size:46%;transform-origin:50% 100%;transform:rotate(calc(var(--petal)*30deg));border:2px solid #d5a74e;border-radius:82% 5% 82% 5%;background:linear-gradient(135deg,#fffdf1,#f3e6c7 55%,#dbc18b);box-shadow:inset 0 1px 1px #fff,0 1px 1px #9f6f27}.terminal-petal::after{content:'';position:absolute;inset:10% 22%;border:1px solid #d3a44a;border-radius:inherit;background:linear-gradient(135deg,#fffdf2,#edddbb);box-shadow:0 1px 1px #fff9 inset}.terminal-centre{position:absolute;left:40%;top:40%;inline-size:20%;block-size:20%;border:3px double #cb9e46;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9d9,#eac46f 35%,#a8772c 75%,#f9d17e);box-shadow:0 2px 3px #a57c3a66}.main-title-frame>.frame-title-text{position:relative;z-index:1;min-inline-size:0;inline-size:100%;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal}.hero h1.main-title-frame{font-size:clamp(32px,4.6vw,62px)!important}.main-title-frame+.ornate-divider{margin-block:18px 28px}.main-title-frame::before,.main-title-frame::after{display:none!important;content:none!important}@media(max-width:600px){.main-title-frame.css-frame{--cap:38px;min-block-size:106px;padding:24px 46px!important;font-size:25px!important;line-height:1.7!important;border-width:2px!important}.hero h1.main-title-frame{font-size:32px!important}.terminal-petal{border-width:1px}.terminal-petal::after{border-width:1px}.terminal-bloom{border-width:2px}.terminal-centre{border-width:2px}.title-rails{inset:4px;border-width:3px}.title-rails::after{inset:4px 0}.title-terminal.left,.title-terminal.right{border-width:2px}}
