.otd-ptb-board-wrap{
    --otd-ptb-board-bg:#f3eee4;
    --otd-ptb-paper-1:#fffdf8;
    --otd-ptb-paper-2:#f6fbff;
    --otd-ptb-paper-3:#fff8ed;
    --otd-ptb-paper-4:#f5faf6;
    position:relative;
    overflow:hidden;
    background:var(--otd-ptb-board-bg);
    isolation:isolate;
}

.otd-ptb-board-wrap.otd-style-board{
    background-color:var(--otd-ptb-board-bg);
    background-image:
        radial-gradient(circle at 18% 22%, rgba(255,255,255,.24) 0 1px, transparent 1.3px),
        radial-gradient(circle at 72% 68%, rgba(86,67,43,.06) 0 1px, transparent 1.4px),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(0,0,0,.02));
    background-size:16px 16px, 21px 21px, auto;
}

.otd-ptb-board-wrap.otd-style-notebook{
    background-color:var(--otd-ptb-board-bg);
    background-image:
        linear-gradient(to right, transparent 0, transparent 58px, rgba(214,84,84,.24) 59px, transparent 60px),
        repeating-linear-gradient(to bottom, transparent 0, transparent 34px, rgba(76,150,190,.18) 35px, transparent 36px);
}

.otd-ptb-board-wrap.otd-style-clean{
    background:var(--otd-ptb-board-bg);
}

.otd-ptb-board{
    --otd-ptb-columns:3;
    --otd-ptb-gap:28px;
    display:grid;
    grid-template-columns:repeat(var(--otd-ptb-columns), minmax(0,1fr));
    grid-auto-rows:8px;
    column-gap:var(--otd-ptb-gap);
    row-gap:var(--otd-ptb-gap);
    align-items:start;
}

.otd-ptb-item{
    min-width:0;
    transform-origin:50% 12%;
}

.otd-ptb-card{
    --otd-ptb-pin:#d8514f;
    position:relative;
    overflow:visible;
    background:var(--otd-ptb-paper-1);
    border:1px solid rgba(84,68,51,.11);
    box-shadow:0 12px 28px rgba(66,49,31,.10);
    transition:transform .24s ease, box-shadow .24s ease;
    will-change:transform;
}

.otd-vary-papers .otd-pattern-1 .otd-ptb-card,
.otd-vary-papers .otd-pattern-5 .otd-ptb-card{background:var(--otd-ptb-paper-1);}
.otd-vary-papers .otd-pattern-2 .otd-ptb-card,
.otd-vary-papers .otd-pattern-6 .otd-ptb-card{background:var(--otd-ptb-paper-2);}
.otd-vary-papers .otd-pattern-3 .otd-ptb-card,
.otd-vary-papers .otd-pattern-7 .otd-ptb-card{background:var(--otd-ptb-paper-3);}
.otd-vary-papers .otd-pattern-4 .otd-ptb-card,
.otd-vary-papers .otd-pattern-8 .otd-ptb-card{background:var(--otd-ptb-paper-4);}

.otd-pattern-1 .otd-ptb-card{transform:rotate(-1.15deg);}
.otd-pattern-2 .otd-ptb-card{transform:rotate(.85deg);}
.otd-pattern-3 .otd-ptb-card{transform:rotate(-.55deg);}
.otd-pattern-4 .otd-ptb-card{transform:rotate(1.3deg);}
.otd-pattern-5 .otd-ptb-card{transform:rotate(.4deg);}
.otd-pattern-6 .otd-ptb-card{transform:rotate(-1deg);}
.otd-pattern-7 .otd-ptb-card{transform:rotate(.65deg);}
.otd-pattern-8 .otd-ptb-card{transform:rotate(-.35deg);}

.otd-ptb-card:hover{
    transform:translateY(-4px) rotate(0deg);
    box-shadow:0 18px 38px rgba(66,49,31,.14);
    z-index:4;
}

.otd-ptb-decor{
    position:absolute;
    z-index:5;
    pointer-events:none;
}

/* Push pin */
.otd-decoration-pins .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-1 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-3 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-6 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-8 .otd-ptb-decor{
    width:18px;
    height:18px;
    top:-10px;
    left:28px;
    border-radius:50%;
    background:var(--otd-ptb-pin);
    box-shadow:0 2px 5px rgba(0,0,0,.22), inset 0 2px 2px rgba(255,255,255,.35);
}

.otd-decoration-pins .otd-pattern-2 .otd-ptb-decor,
.otd-decoration-pins .otd-pattern-5 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-3 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-8 .otd-ptb-decor{left:auto;right:32px;}

.otd-decoration-pins .otd-pattern-4 .otd-ptb-decor,
.otd-decoration-pins .otd-pattern-7 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-6 .otd-ptb-decor{left:50%;transform:translateX(-50%);}

/* Tape */
.otd-decoration-tape .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-2 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-4 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-5 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-7 .otd-ptb-decor{
    width:58px;
    height:19px;
    top:-9px;
    left:50%;
    transform:translateX(-50%) rotate(-4deg);
    background:rgba(243,226,171,.72);
    border:1px solid rgba(171,143,86,.14);
    box-shadow:0 2px 4px rgba(54,43,25,.06);
    backdrop-filter:blur(.3px);
}

.otd-decoration-tape .otd-pattern-2 .otd-ptb-decor,
.otd-decoration-tape .otd-pattern-6 .otd-ptb-decor,
.otd-decoration-mixed .otd-pattern-5 .otd-ptb-decor{transform:translateX(-50%) rotate(5deg);}

.otd-decoration-none .otd-ptb-decor{display:none;}

.otd-ptb-image-wrap{
    display:flex;
    width:100%;
    margin:0 0 16px;
    position:relative;
    z-index:2;
}

.otd-ptb-image{
    display:block;
    width:94px;
    height:94px;
    object-fit:cover;
    background:#fff;
    border:6px solid rgba(255,255,255,.96);
    box-shadow:0 9px 18px rgba(41,34,28,.14);
    transition:transform .24s ease;
}

/* Deterministic "random-looking" image positions. Stable on every load. */
.otd-pattern-1 .otd-ptb-image-wrap{justify-content:flex-start;padding-left:0;}
.otd-pattern-1 .otd-ptb-image{transform:rotate(-4deg);}

.otd-pattern-2 .otd-ptb-image-wrap{justify-content:flex-end;padding-right:4px;}
.otd-pattern-2 .otd-ptb-image{transform:rotate(3deg);}

.otd-pattern-3 .otd-ptb-image-wrap{justify-content:center;}
.otd-pattern-3 .otd-ptb-image{transform:rotate(-2deg);}

.otd-pattern-4 .otd-ptb-image-wrap{justify-content:flex-start;padding-left:18px;}
.otd-pattern-4 .otd-ptb-image{transform:rotate(2deg);}

.otd-pattern-5 .otd-ptb-image-wrap{justify-content:flex-end;padding-right:18px;}
.otd-pattern-5 .otd-ptb-image{transform:rotate(-3deg);}

.otd-pattern-6 .otd-ptb-image-wrap{justify-content:flex-start;padding-left:8px;}
.otd-pattern-6 .otd-ptb-image{transform:rotate(4deg);}

.otd-pattern-7 .otd-ptb-image-wrap{justify-content:center;}
.otd-pattern-7 .otd-ptb-image{transform:rotate(1.5deg);}

.otd-pattern-8 .otd-ptb-image-wrap{justify-content:flex-end;padding-right:0;}
.otd-pattern-8 .otd-ptb-image{transform:rotate(-1.5deg);}

.otd-ptb-card:hover .otd-ptb-image{transform:rotate(0deg) scale(1.015);}

.otd-ptb-review{
    position:relative;
    z-index:1;
    font-size:16px;
    line-height:1.68;
}

.otd-ptb-review p{margin:0 0 14px;}
.otd-ptb-review p:last-child{margin-bottom:0;}

.otd-ptb-footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-top:22px;
}

.otd-ptb-person{min-width:0;}
.otd-ptb-name{font-weight:700;line-height:1.3;}
.otd-ptb-designation{margin-top:4px;font-size:14px;line-height:1.45;}
.otd-ptb-quote{
    flex:0 0 auto;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:54px;
    line-height:.65;
    opacity:.92;
    transform:translateY(-1px);
}

.otd-ptb-empty{
    padding:18px 20px;
    border:1px dashed #b8b8b8;
    border-radius:10px;
    color:#606060;
    background:#fafafa;
}

@media (max-width:767px){
    .otd-ptb-board-wrap{
        background-image:none;
    }
    .otd-ptb-item .otd-ptb-card{
        transform:rotate(0deg);
    }
    .otd-ptb-card:hover{
        transform:translateY(-2px);
    }
    .otd-ptb-image-wrap{
        padding-left:0!important;
        padding-right:0!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .otd-ptb-card,
    .otd-ptb-image{
        transition:none!important;
    }
}