/* Cotton-stock finish inspired by the supplied letterpress business cards. */
:root{--ink:#39392f;--muted:#787568;--paper:#dedcd5;--line:#b2aa924d;--accent:#aaa084;background:#dedcd5}
body{background:radial-gradient(ellipse at 22% 5%,#eeece5 0,transparent 68%),#d8d6ce}
.page{margin-top:35px;margin-bottom:25px}
.card{position:relative;background-color:#f2f0e7;background-image:url('./cotton-paper.png');background-size:256px 256px;border:1px solid #fffdf3;border-bottom:3px solid #c5bfae;border-right-color:#d9d3c3;border-radius:2px;box-shadow:1px 3px 0 #eeeadd,3px 6px 0 #c5bfae,9px 19px 28px #504b3833,18px 35px 70px #504b3814,inset 0 1px 1px #ffffffbf}
.card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff29,transparent 45%,#7c715608);border-radius:inherit}
.card>*{position:relative}
.official-brand,.directory .official-brand{background:none;border-radius:0;height:104px;margin-top:27px;box-shadow:none}
.official-brand>img{width:188px;filter:brightness(0) saturate(100%) invert(21%) sepia(7%) saturate(682%) hue-rotate(20deg) brightness(97%) contrast(91%) drop-shadow(.5px 1px .4px #fffef4);opacity:.92}
h1,h2,.role,.field-value,.team-row strong{text-shadow:.5px 1px .5px #fffdf0}
.identity .small-rule{box-shadow:0 1px 0 #fffdf2}
.location{font-size:13px;line-height:1.5;margin:0 0 10px;color:#5d5b50}
.brand-portfolio{margin:21px auto 0;padding:16px 6px 0;border-top:1px solid var(--line);max-width:335px}
.brand-portfolio .field-label{margin-bottom:9px}
.brand-portfolio p{font-size:12px;line-height:1.9;margin:0;color:#625f52;text-wrap:balance}
.button-primary{background-color:#39392f;background-image:url('./cotton-paper.png');background-blend-mode:multiply;border:1px solid #292b22;box-shadow:inset 0 1px 1px #00000038,0 1px 0 #fffdf2}
.button-primary:hover{background-color:#4d4c3e}
.button-outline{background:#ffffff05;border-color:#b9af9873;box-shadow:inset 0 1px 2px #756f4a12,0 1px 0 #fffdf3;text-shadow:0 1px 0 #fffdf3}
.button-outline:hover{background:#ffffff40}
.contact-row{box-shadow:0 1px 0 #fffdf25e}
.contact-icon,.row-arrow{color:#8a816a}
.card-footer{box-shadow:0 -1px 0 #fffdf266}
.card-footer .long-company{max-width:65%;line-height:1.6}
.page-caption{color:#777262;text-shadow:0 1px 0 #f6f4ea}
dialog{background-color:#f2f0e7;background-image:url('./cotton-paper.png');background-size:256px 256px;border:1px solid #fffdf3;border-bottom:3px solid #c5bfae;border-radius:2px;box-shadow:8px 18px 55px #29241854}
.qr-tabs{background:#c7bfac38;box-shadow:inset 0 1px 3px #70674012}
.qr-tabs button.active{background:#f5f3e9;border:1px solid #fffdf3}
.qr-frame{background:white;max-width:300px;box-shadow:0 0 0 1px #c9c3b4,0 2px 4px #6c655d14}
input{background:#fbfaf1a8;border-color:#c5bca6;box-shadow:inset 0 1px 2px #71684312}
@media(max-width:420px){.page{margin:17px auto 20px;padding:0 14px}.card{padding:20px 22px 18px;border:1px solid #fffdf3;border-bottom:3px solid #c5bfae;box-shadow:1px 3px 0 #eeeadd,3px 5px 0 #c5bfae,7px 15px 25px #504b3829}.card-top .eyebrow{letter-spacing:1.1px;font-size:7px}.official-brand{margin-top:24px;height:98px}.official-brand>img{width:174px}h1{font-size:44px}.identity{padding-bottom:26px}.contact-row{gap:11px}.field-value{font-size:11px}.page-caption{font-size:12px;margin:20px 0}.directory-card{min-height:85dvh}.directory .official-brand{margin-top:12px}}