
/* V30 quote: materiality without baking the business text into a raster image. */
.q30-scene{position:relative;isolation:isolate;container-type:inline-size;height:100%;width:100%;min-height:0;overflow:hidden;background:linear-gradient(132deg,#47525a 0%,#29333b 49%,#19242c 100%);color:#29343c;font-family:Arial,sans-serif}
.q30-scene::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(2deg,#ffffff03 0 1px,transparent 1px 4px);pointer-events:none}
.q30-paper{position:absolute;z-index:2;inset:6% 17% 7% 7%;background:linear-gradient(124deg,#fffdf7,#f3ede2 75%,#e5ddd0);padding:clamp(12px,4.1cqw,26px);box-shadow:2px 5px 7px #0002,9px 19px 29px #0005;transform:rotate(-2.1deg);transform-origin:50% 50%;overflow:hidden}
.q30-underleaf{position:absolute;inset:8% 15% 6% 8%;transform:rotate(1.6deg);background:#cdc7bb;box-shadow:0 13px 23px #0004;z-index:1}
.q30-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 clamp(7px,1.8cqw,10px)/1.2 Arial,sans-serif;color:#836642;letter-spacing:.09em;border-bottom:1px solid #b9aa9470;padding-bottom:10px}
.q30-top b{font:italic clamp(13px,3.5cqw,20px) Georgia,serif;letter-spacing:-.05em}
.q30-paper h3{color:#27323a!important;font:400 clamp(20px,5.4cqw,34px)/1.06 Georgia,serif!important;letter-spacing:-.035em!important;max-width:85%;margin:13px 0 15px!important;text-align:left}
.q30-paper h3 em{font:inherit;color:#80653f}
.q30-paper dl{margin:0!important;padding:0!important;border:0!important}
.q30-paper dl>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;padding:9px 0;border-bottom:1px solid #8b857b38}
.q30-paper dt,.q30-paper dd{font:400 clamp(9px,2.35cqw,13px)/1.38 Arial,sans-serif!important;letter-spacing:0!important;text-align:left;color:#3d474d!important;margin:0!important;padding:0!important}
.q30-paper dt{color:#806340!important;font-weight:700!important}
.q30-paper dl>div:nth-child(2){background:linear-gradient(transparent 55%,#c9a46021 55%,#c9a46021 83%,transparent 83%)}
.q30-reference{position:absolute;z-index:3;right:3%;top:12%;width:23%;height:42%;margin:0;padding:5px 5px 0;background:#f3eee4;transform:rotate(6deg);box-shadow:1px 5px 13px #0004;display:flex;flex-direction:column}
.q30-reference img{display:block;width:100%!important;height:calc(100% - 19px)!important;object-fit:cover;object-position:50% 48%;transform:none!important;filter:none!important}
.q30-reference figcaption{font:400 clamp(6px,1.45cqw,8px)/1 Arial,sans-serif;color:#6e6b62;white-space:nowrap;padding:5px 0;text-align:center}
.q30-bottom{display:flex;align-items:center;justify-content:space-between;font:italic clamp(8px,2cqw,12px)/1.3 Georgia,serif;color:#766443;margin-top:13px}
.q30-bottom i{font-style:normal}
body.v30-build .real-process-shot.v29-doc-shot,body.v30-build .v29-order-shot.v29-doc-shot{padding:0!important}
@media(max-width:740px){
 .q30-paper{inset:5% 15% 5% 5%;transform:rotate(-1deg);padding:10px 14px}
 .q30-underleaf{inset:6% 14% 4% 6%}
 .q30-top{padding-bottom:5px;font-size:7px}
 .q30-top b{font-size:14px}
 .q30-paper h3{font-size:20px!important;margin:6px 0 7px!important}
 .q30-paper dl>div{padding:4px 0;gap:7px}
 .q30-paper dt,.q30-paper dd{font-size:9px!important;line-height:1.25!important}
 .q30-reference{right:2%;top:12%;width:22%;height:48%}
 .q30-bottom{display:none}
}
@media(prefers-reduced-motion:reduce){.q30-paper{transition:none!important}}
