@charset "UTF-8";
/* Hand drawn editorial details for the owner selected paper reference. */
:root{--paper-ink:#3c281e;--paper-rust:#c97749;--paper-olive:#384c38}
.paper-hero,.paper-work,.paper-editorial{background-color:#f7efe2;background-image:radial-gradient(#8b694515 .55px,transparent .65px),radial-gradient(#fff8ef 1px,transparent 1.2px);background-size:6px 6px,13px 13px;background-position:0 0,3px 5px}
.paper-hero .container,.paper-work .container{max-width:1480px}
.paper-intro{z-index:1}.paper-intro .btn-group{position:relative;z-index:3}.paper-intro .btn{font-size:17px;gap:12px;border-radius:15px}.paper-button-grid{font-size:27px;line-height:1;font-family:Arial,sans-serif;font-weight:400}.paper-button-plane{font-size:23px;line-height:1;transform:rotate(-18deg)}.paper-intro .paper-note{font-family:"Segoe Print","Comic Sans MS",cursive!important;font-style:italic;white-space:nowrap;color:#806952}.paper-note-arrow{display:inline-block;color:var(--paper-rust);font-size:40px;line-height:.5;vertical-align:middle;margin-right:12px;transform:rotate(-15deg)}.paper-coffee{position:absolute;width:145px;height:150px;right:-5px;bottom:10px;opacity:.73;transform:rotate(9deg);pointer-events:none;filter:drop-shadow(5px 8px 0 #b8855522)}
.paper-portrait{isolation:isolate}.paper-portrait:after{content:"";position:absolute;z-index:-1;inset:-10px -10px 8px -10px;background:#d6b993;clip-path:polygon(0 3%,14% 0,29% 3%,42% 0,57% 2%,72% 0,86% 2%,100% 0,98% 19%,100% 42%,98% 64%,100% 84%,99% 100%,85% 98%,72% 100%,56% 98%,42% 100%,26% 98%,11% 100%,0 97%,1% 77%,0 55%,2% 33%)}.paper-side-note{position:absolute;z-index:4;right:-44px;bottom:44px;display:block;width:103px;padding:47px 13px 17px;background:#ead3ae;color:#816c53;font:italic 15px/1.25 "Segoe Print","Comic Sans MS",cursive;text-align:center;transform:rotate(5deg);box-shadow:4px 8px 12px #4c322830;clip-path:polygon(3% 0,18% 3%,35% 0,53% 2%,70% 0,86% 2%,100% 0,98% 18%,100% 42%,98% 69%,100% 87%,98% 100%,82% 98%,66% 100%,48% 98%,30% 100%,13% 98%,0 100%,2% 78%,0 54%,2% 31%,0 11%)}.paper-side-note:before{content:"";position:absolute;left:22px;top:8px;width:58px;height:24px;background:#ddbe8b88;transform:rotate(-11deg)}.paper-side-note img{position:absolute;width:82px;left:10px;top:-48px;max-width:none}.paper-side-note span{color:#a58567}
.paper-work-masthead{display:flex;justify-content:space-between;align-items:start;margin:0 24px 23px;padding:0 0 14px;border-bottom:1px solid #b97451;color:var(--paper-ink)}.paper-work-masthead>span{font:14px Georgia,serif;letter-spacing:.24em}.paper-work-masthead i{display:block;font-size:28px;line-height:.3;font-style:normal;letter-spacing:0;color:var(--paper-rust)}.paper-work-masthead small{font:12px/1.3 "Noto Sans Thai",sans-serif;text-align:right;color:#887361}.paper-work .section-title{position:relative}.paper-work .section-title:after{content:"";position:absolute;bottom:-4px;left:18px;width:160px;height:5px;border-radius:60% 30% 65% 20%;background:var(--paper-rust);transform:rotate(-3deg)}.paper-work .section-head .btn{color:var(--paper-ink);font-size:15px}.paper-work .section-head .btn:hover{color:#ab6744}.paper-work .paper-deck-controls button{background:#eee4d5;border-color:#c8af93;color:var(--paper-ink)}
.paper-editorial{position:relative;color:var(--paper-ink);padding:25px 0 45px}.paper-editorial-inner{max-width:1480px}.paper-feature{position:relative;display:grid;grid-template-columns:1.18fr 1fr auto;align-items:center;gap:35px;min-height:260px;padding:20px 30px 35px 160px;border-bottom:1px solid var(--paper-rust)}.paper-feature-leaf{position:absolute;left:0;top:15px;width:135px;height:220px;opacity:.85;transform:rotate(-17deg)}.paper-feature-index{font:11px/1.5 "Courier New",monospace;letter-spacing:.18em;color:#a97a59}.paper-feature-copy h2{font:normal clamp(46px,5vw,76px)/1 Georgia,serif;margin:7px 0 3px}.paper-handstroke{display:block;width:115px;height:5px;background:var(--paper-rust);border-radius:60% 30% 70% 10%;transform:rotate(-8deg);margin:0 0 8px 10px}.paper-feature-copy h3{font-size:25px;margin:6px 0}.paper-feature-copy p{font-size:15px;line-height:1.8;color:#786454;max-width:490px}.paper-feature-list{display:grid;gap:14px;border-left:1px solid #cdb499;padding-left:35px}.paper-feature-list>div{display:flex;gap:14px;align-items:start}.paper-feature-list>div>span{font:32px/1 Georgia,serif;color:var(--paper-olive);width:40px;text-align:center}.paper-feature-list p{margin:0}.paper-feature-list strong{font-size:17px;display:block}.paper-feature-list small{font-size:13px;color:#766454;line-height:1.6}.paper-feature-cta{position:relative;display:flex;align-items:center;gap:19px;padding:17px 19px;background:var(--paper-olive);color:#fffaf0;border-radius:4px;box-shadow:4px 6px 0 #bdad91;font-size:18px;white-space:nowrap;transition:transform .2s,box-shadow .2s}.paper-feature-cta:hover{transform:translateY(-4px);box-shadow:4px 10px 0 #bdad91;color:#fffaf0}.paper-feature-cta:after{content:"";position:absolute;right:-27px;top:-28px;width:65px;height:65px;background:url('../img/paper/tiny-leaf.svg') center/contain no-repeat;pointer-events:none}
.paper-services-strip{display:grid;grid-template-columns:2.05fr repeat(3,1fr);gap:0;border-bottom:1px solid var(--paper-rust);padding:34px 0 31px}.paper-services-intro{position:relative;padding:0 38px 0 88px}.paper-services-intro img{position:absolute;left:0;top:3px;width:75px;transform:rotate(-30deg)}.paper-services-intro h2{font-size:31px;line-height:1.35;margin:0 0 10px}.paper-services-intro h2:after{content:"";display:block;background:var(--paper-rust);width:145px;height:4px;margin-left:22px;transform:rotate(-3deg);border-radius:50%}.paper-services-intro p{margin:0;font-size:15px;line-height:1.65;color:#7a6859}.paper-services-strip>a{display:grid;align-content:start;gap:5px;border-left:1px solid #cfb8a3;padding:0 25px;color:var(--paper-ink);transition:background .2s,transform .2s}.paper-services-strip>a:hover{background:#eee1cc99;transform:translateY(-4px)}.paper-services-strip>a b{font:31px/1 Georgia,serif;color:var(--paper-rust);font-weight:400}.paper-services-strip>a strong{font-size:17px}.paper-services-strip>a small{font-size:13px;color:#826f5d;line-height:1.5}
@media(max-width:1200px){.paper-coffee{width:105px;right:-14px;bottom:30px}.paper-side-note{right:-20px}.paper-feature{grid-template-columns:1fr 1fr;gap:20px}.paper-feature-cta{grid-column:2;justify-self:start}.paper-services-strip{grid-template-columns:1.2fr repeat(3,1fr)}.paper-services-intro{padding-left:65px}.paper-services-intro img{width:55px}.paper-services-intro h2{font-size:23px}}
@media(max-width:767px){.paper-coffee{width:75px;height:90px;right:5px;bottom:1px;opacity:.45}.paper-intro .paper-note{white-space:normal;margin-left:0;font-size:12px}.paper-note-arrow{font-size:24px;margin-right:4px}.paper-side-note{right:-5px;bottom:20px;width:67px;padding:25px 6px 7px;font-size:10px}.paper-side-note img{width:50px;top:-25px;left:7px}.paper-work-masthead{margin:0 0 20px}.paper-work-masthead>span{font-size:10px}.paper-work-masthead small{font-size:9px}.paper-work .section-title:after{width:100px}.paper-editorial{padding-top:0}.paper-feature{display:block;padding:30px 8px 28px 85px}.paper-feature-leaf{left:-7px;width:75px;height:150px}.paper-feature-copy h2{font-size:48px}.paper-feature-copy h3{font-size:19px}.paper-feature-copy p{font-size:13px}.paper-feature-list{border-left:0;padding-left:0;margin-top:16px}.paper-feature-list strong{font-size:14px}.paper-feature-list small{font-size:12px}.paper-feature-list>div>span{font-size:24px;width:30px}.paper-feature-cta{display:inline-flex;margin-top:19px;font-size:14px}.paper-services-strip{grid-template-columns:1fr;padding:25px 0}.paper-services-intro{padding:0 0 20px 65px}.paper-services-intro img{width:55px}.paper-services-strip>a{padding:14px 10px;border-left:0;border-top:1px solid #cfb8a3;grid-template-columns:44px 1fr;gap:0}.paper-services-strip>a b{grid-row:span 2}.paper-services-strip>a strong{font-size:16px}.paper-services-strip>a small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.paper-feature-cta,.paper-services-strip>a{transition:none}}
.paper-side-note{right:4px;bottom:28px;clip-path:none;border-radius:3px 8px 4px 3px;transform:rotate(5deg)}
.paper-side-note img{top:-63px;left:18px;width:67px}
@media(max-width:767px){.paper-side-note{right:1px;bottom:12px}.paper-side-note img{top:-37px;left:12px;width:46px}}
.paper-portrait .paper-side-note img{position:absolute;width:67px;height:auto;left:18px;top:-63px;border:0;clip-path:none;object-fit:contain;box-shadow:none;max-width:none}
.paper-side-note{bottom:90px}
.paper-work{padding-bottom:4px}.paper-work .paper-deck{padding-bottom:14px}.paper-editorial{padding-top:0}.paper-feature{padding-top:8px}
@media(max-width:767px){.paper-coffee{display:none}}
/* Paper project cards: copy, call to action and artwork share one physical card. */
.paper-deck{gap:14px}.paper-deck>.paper-card{height:244px;flex-basis:calc((100% - 42px)/4);min-width:0;--postcard:#f5ddb0;--postcard-accent:#b7753f;background:var(--postcard);border:1px solid #d9bc94;border-radius:6px 5px 8px 6px;padding:0;box-shadow:0 3px 0 #dfcba9,0 12px 20px #60432c29;clip-path:polygon(0 3%,7% 1%,16% 2%,27% 0,39% 1%,53% 0,65% 2%,78% 0,90% 2%,100% 0,99% 18%,100% 41%,99% 64%,100% 87%,99% 100%,83% 98%,68% 100%,50% 99%,33% 100%,16% 98%,0 100%,1% 79%,0 57%,1% 32%)}
.paper-deck>.paper-card:nth-child(2){--postcard:#f6e0cc;--postcard-accent:#cd714e}.paper-deck>.paper-card:nth-child(3){--postcard:#dce8f2;--postcard-accent:#4383c8}.paper-deck>.paper-card:nth-child(4){--postcard:#ebdac4;--postcard-accent:#b86938}.paper-deck>.paper-card:nth-child(n+5){--postcard:#e8e3d4;--postcard-accent:#59715b}
.paper-deck .paper-card-select{position:relative;display:block;height:100%;overflow:hidden;border-radius:inherit}.paper-deck .paper-card-select:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--postcard) 0%,var(--postcard) 36%,color-mix(in srgb,var(--postcard),transparent 18%) 56%,transparent 82%);pointer-events:none}.paper-deck .paper-card-image{position:absolute;inset:0 0 0 37%;width:63%;height:100%;border:0;border-radius:0;clip-path:none;background:var(--postcard)}.paper-deck .paper-card-image img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.04)}.paper-deck .paper-card-select:hover .paper-card-image img{transform:scale(1.09)}
.paper-deck .paper-card-caption{position:relative;z-index:2;box-sizing:border-box;width:56%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:16px 0 17px 15px;color:var(--paper-ink)}.paper-deck .paper-card-heading{display:flex;align-items:center;gap:7px;max-width:100%}.paper-deck .paper-card-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;background:var(--postcard-accent);border-radius:7px;color:#fff;font:21px/1 Georgia,serif;transform:rotate(-6deg)}.paper-deck .paper-card-caption .portfolio-title{font-size:19px;font-weight:800;line-height:1.1;letter-spacing:-.04em;display:block;height:auto;max-width:calc(100% - 36px);min-height:0;white-space:normal;overflow:visible}.paper-deck .paper-card-caption .portfolio-cat{display:block;font-size:10px;color:#715b48;letter-spacing:0;margin:3px 0 10px;padding:0}.paper-deck .paper-card-caption .portfolio-tagline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:12px;line-height:1.45;min-height:0;max-width:100%;color:#554438}.paper-deck .paper-card-cta{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding:7px 12px;border-radius:15px;background:color-mix(in srgb,var(--postcard-accent),white 42%);color:#33281e;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 0 #fff7}.paper-deck .paper-card-cta span:last-child{font-size:18px;line-height:1}.paper-deck .paper-card-arrow{display:none}.paper-deck .paper-card-bottom{display:none}
.paper-card.is-selected{box-shadow:0 25px 34px #55402c4a,0 0 0 2px var(--postcard-accent)}
@media(max-width:1050px){.paper-deck>.paper-card{flex-basis:280px}}
@media(max-width:767px){.paper-deck>.paper-card{height:235px;flex-basis:270px}.paper-deck .paper-card-caption{padding:14px 0 14px 13px}.paper-deck .paper-card-caption .portfolio-title{font-size:17px!important}.paper-deck .paper-card-caption .portfolio-tagline{font-size:11px}.paper-deck .paper-card-cta{font-size:11px;padding:6px 10px}}
@media(max-width:767px){.paper-portrait .paper-side-note img{width:46px;left:12px;top:-37px}}
/* Give the project artwork a visible paper mount and keep names on one line. */
.paper-deck>.paper-card{flex:0 0 calc((100% - 42px)/4);height:252px;padding:7px;border:1px solid #cbb69b;border-radius:8px;background:#fff9ed;clip-path:none;box-shadow:0 4px 0 #dcc7a9,0 14px 24px #5d402b35}
.paper-deck>.paper-card:nth-child(2n){transform:rotate(.7deg)}
.paper-deck>.paper-card:nth-child(3n){transform:rotate(-.6deg)}
.paper-deck>.paper-card:hover{transform:translateY(-9px) rotate(0)}
.paper-deck>.paper-card.is-selected{transform:translateY(-25px) rotate(-1deg);box-shadow:0 4px 0 #dcc7a9,0 27px 32px #5d402b55,0 0 0 2px var(--postcard-accent)}
.paper-deck .paper-card-select{border-radius:3px;clip-path:polygon(0 2%,10% 0,23% 1%,36% 0,49% 1%,63% 0,78% 1%,91% 0,100% 2%,99% 24%,100% 49%,99% 75%,100% 98%,86% 100%,70% 99%,52% 100%,34% 99%,17% 100%,0 98%,1% 75%,0 50%,1% 25%);background:var(--postcard)}
.paper-deck .paper-card-caption{width:60%;padding-left:13px;padding-right:2px}
.paper-deck .paper-card-heading{width:100%;flex-shrink:0}
.paper-deck .paper-card-caption .portfolio-title{max-width:none;min-width:0;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal;font-size:18px;letter-spacing:-.035em}
.paper-deck .paper-card-caption .portfolio-cat{margin-bottom:9px}
.paper-deck .paper-card-image{left:43%;width:57%}
.paper-deck .paper-card-select:before{background:linear-gradient(90deg,var(--postcard) 0%,var(--postcard) 42%,color-mix(in srgb,var(--postcard),transparent 10%) 54%,transparent 78%)}
@media(max-width:1050px){.paper-deck>.paper-card{flex-basis:280px}}
@media(max-width:767px){.paper-deck>.paper-card{flex-basis:270px;height:245px}.paper-deck .paper-card-caption .portfolio-title{font-size:17px!important}}
/* The case-study tiles below the gallery use the same mounted-paper language. */
#problem{background-color:#f7efe2;background-image:radial-gradient(#9c77581a .6px,transparent .8px);background-size:7px 7px}
#problem .bento{gap:28px 24px;align-items:start}
#problem .card.tile{position:relative;isolation:isolate;overflow:visible;padding:11px;background:#fff9ec;border:1px solid #d7bea0;border-radius:5px 7px 5px 6px;box-shadow:0 5px 0 #e0cfb6,0 17px 25px #5b432a2e;transform:rotate(-.4deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#problem .card.tile:nth-child(2n){transform:rotate(.5deg)}
#problem .card.tile:hover{transform:translateY(-9px) rotate(0);box-shadow:0 6px 0 #dfc6a3,0 25px 32px #5b432a3d}
#problem .card.tile:before{content:"";position:absolute;z-index:-1;inset:-6px 4px 5px -5px;background:#e8d4b7;clip-path:polygon(0 3%,12% 0,25% 2%,39% 0,53% 2%,68% 0,83% 2%,100% 0,98% 20%,100% 46%,98% 73%,100% 100%,85% 98%,66% 100%,48% 99%,29% 100%,12% 98%,0 100%,1% 74%,0 49%);transform:rotate(-.7deg)}
#problem .tile__shot{margin:0;aspect-ratio:16/7.2;border:0;clip-path:polygon(0 2%,11% 0,24% 1%,38% 0,54% 1%,69% 0,84% 1%,100% 0,99% 19%,100% 42%,99% 65%,100% 87%,99% 100%,81% 98%,64% 100%,46% 99%,27% 100%,10% 98%,0 100%,1% 75%,0 49%)}
#problem .tile__shot img{transition:transform .5s ease;object-position:center top}
#problem .card.tile:hover .tile__shot img{transform:scale(1.035)}
#problem .tile__body{padding:18px 19px 20px;gap:7px;background:#fff9ec}
#problem .tile__body h3{font-size:22px;line-height:1.35;color:#3c281e}
#problem .tile__body p{color:#765d49;line-height:1.7}
#problem .tile__body .learn-more{justify-self:start;margin-top:6px;padding:5px 0;border-bottom:1px solid #c97b51;color:#3d543d;font-weight:700}
#problem .tile__body .learn-more:hover{color:#a9633b}
#problem .card.tile:not(:has(.tile__shot)) .tile__body{min-height:100%;background:#f3e6d3}
#problem .card.tile:nth-child(4) .tile__body{background:#f1eee9}
#problem .card.tile:nth-child(5) .tile__body{background:#ecedf4}
#problem .card.tile--row{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
#problem .tile--row .tile__shot{height:100%;min-height:100%;aspect-ratio:auto}
@media(max-width:767px){#problem .bento{gap:24px}#problem .card.tile{padding:8px}#problem .tile__shot{aspect-ratio:16/9}#problem .tile__body{padding:15px}#problem .tile__body h3{font-size:20px}#problem .card.tile--row{display:block}#problem .tile--row .tile__shot{height:auto;min-height:0;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){#problem .card.tile,#problem .tile__shot img{transition:none}}
/* Strong postcard silhouette for every case: a wide paper margin, deckled image and a caption band. */
#problem .card.tile{padding:15px 15px 0;border:0;border-radius:2px;background:#fff7e9;box-shadow:0 5px 0 #dcc3a1,0 20px 30px #49352345}
#problem .card.tile:nth-child(2n){background:#f9f1e6}
#problem .card.tile:before{inset:-9px -5px 7px -7px;background:#ead9be;transform:rotate(-1.2deg)}
#problem .card.tile:after{content:"";position:absolute;z-index:2;right:28px;top:-13px;width:66px;height:23px;background:#d5bb9499;transform:rotate(9deg);clip-path:polygon(0 8%,100% 0,97% 100%,3% 89%);pointer-events:none}
#problem .card.tile:nth-child(2n):after{right:auto;left:35px;transform:rotate(-8deg)}
#problem .tile__shot{aspect-ratio:16/7.4;clip-path:polygon(0 3%,8% 0,19% 1%,31% 0,44% 2%,58% 0,72% 1%,85% 0,100% 2%,98% 17%,100% 34%,99% 52%,100% 70%,98% 87%,100% 98%,86% 100%,73% 98%,59% 100%,43% 99%,30% 100%,15% 98%,0 100%,2% 83%,0 66%,1% 48%,0 27%)}
#problem .tile__body{position:relative;min-height:176px;padding:16px 18px 22px;background:transparent!important}
#problem .tile__body:after{content:"↗";position:absolute;right:19px;bottom:12px;font:italic 25px Georgia,serif;color:#c47c50;transform:rotate(18deg)}
#problem .card.tile:hover{box-shadow:0 7px 0 #dcc3a1,0 28px 37px #49352355}
#problem .card.tile:not(:has(.tile__shot)){padding-top:35px}
#problem .card.tile--row .tile__body{min-height:0}
@media(max-width:767px){#problem .card.tile{padding:10px 10px 0}#problem .tile__body{min-height:0;padding:15px 13px 20px}#problem .tile__body:after{right:12px}}
@media(min-width:1100px){#problem .bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}#problem .bento>.card.tile{grid-column:span 1;min-height:405px}#problem .bento>.card.tile:nth-child(n+5){grid-column:span 2;min-height:0}#problem .bento>.card.tile--row{display:block}#problem .tile--row .tile__shot{height:auto;min-height:0;aspect-ratio:16/7.4}#problem .bento>.card.tile:nth-child(-n+4) .tile__shot{aspect-ratio:1.15/1}#problem .bento>.card.tile:nth-child(-n+4) .tile__body{padding:13px 10px 22px}#problem .bento>.card.tile:nth-child(-n+4) .tile__body h3{font-size:18px}#problem .bento>.card.tile:nth-child(-n+4) .tile__body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px}#problem .bento>.card.tile:nth-child(-n+4) .portfolio-cat{font-size:10px}}
/* Reference finishing pass: natural grain, fine deckled edges and restrained depth. */
body,.paper-hero,.paper-work,.paper-editorial,#problem{background-color:#f5ecdf;background-image:url('../img/paper/paper-grain.svg');background-size:180px 180px}
.paper-deck>.paper-card,#problem .card.tile,#problem .card.tile:nth-child(2n){background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.paper-deck>.paper-card:before,#problem .card.tile:before{content:"";position:absolute;inset:-3px;z-index:-1;background:url('../img/paper/deckled-paper.svg') center/100% 100% no-repeat;clip-path:none;transform:none;filter:drop-shadow(2px 9px 6px #49352340)}
.paper-deck>.paper-card:hover,.paper-deck>.paper-card.is-selected,#problem .card.tile:hover{box-shadow:none}
.paper-deck>.paper-card.is-selected:before{filter:drop-shadow(2px 19px 10px #49352355)}
#problem .card.tile:after{display:none}
#problem .tile__shot{clip-path:polygon(0 1%,5% 0,12% 1%,22% 0,35% .5%,47% 0,62% 1%,75% 0,89% .5%,100% 0,99.5% 20%,100% 43%,99.5% 66%,100% 86%,99% 100%,85% 99%,70% 100%,54% 99%,38% 100%,21% 99%,8% 100%,0 99%,.5% 77%,0 55%,.5% 31%)}
.paper-deck .paper-card-select{clip-path:polygon(0 1%,15% 0,33% 1%,52% 0,74% .5%,100% 0,99.5% 32%,100% 65%,99% 100%,73% 99%,50% 100%,24% 99%,0 100%,.5% 65%,0 32%)}
.paper-work-masthead{margin-bottom:18px}.paper-work .section-title{font-weight:700;letter-spacing:-.045em;color:#402b1e}
.paper-work .section-title:after,.paper-services-intro h2:after{height:3px;opacity:.85}
.paper-deck{padding-top:30px;padding-bottom:30px!important;gap:20px}
.paper-deck>.paper-card{flex-basis:calc((100% - 60px)/4);padding:10px;height:258px}
.paper-deck .paper-card-caption{padding-left:12px}.paper-deck .paper-card-icon{box-shadow:inset 0 1px 3px #fff7,0 2px 4px #563b2520}
.paper-intro h1{letter-spacing:-.055em;line-height:1.08;color:#3e271b}
.paper-intro h1 em{color:#3f503b}.paper-intro h1 em:after{border-top:3px solid #cf8054;border-bottom:2px solid #d89771;border-radius:50%;height:9px;transform:rotate(-2deg)}
.paper-hero-kicker:before,.paper-hero-kicker:after{content:'〟';display:inline-block;font-size:35px;color:#c87d50;margin-inline:10px}
.paper-intro:before{content:'';width:120px;height:190px;background:url('../img/paper/botanical-sprig.svg') center/contain no-repeat;left:-62px;bottom:100px;opacity:.24}
.paper-portrait:after{background:url('../img/paper/deckled-paper.svg') center/100% 100%;clip-path:none;inset:-9px -8px -8px;transform:rotate(-2deg)}
.paper-portrait img{border-width:10px;clip-path:polygon(0 1%,9% 0,21% .5%,37% 0,52% 1%,69% 0,85% .5%,100% 0,99% 22%,100% 47%,99% 73%,100% 99%,85% 100%,70% 99%,52% 100%,34% 99%,17% 100%,0 99%,1% 76%,0 49%,1% 24%)}
.paper-side-note{background:#ead6b8 url('../img/paper/paper-grain.svg');border-radius:0;box-shadow:3px 7px 9px #4b322828}
.paper-feature-cta{box-shadow:1px 3px 4px #4d382520;border-radius:7px;background:#3e503a url('../img/paper/paper-grain.svg')}
.paper-feature-copy h2{letter-spacing:-.055em}.paper-feature-copy h3{font-weight:500}.paper-feature{gap:30px}.paper-feature-list{border-color:#cbb59e}.paper-feature-list strong{font-weight:500}
@media(min-width:1100px){.paper-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.paper-intro{padding-left:12px}.paper-intro h1{font-size:clamp(76px,6.8vw,108px)}.paper-intro>p:not(.paper-note):not(.paper-hero-kicker){font-size:22px}.paper-portrait img{height:550px}.paper-coffee{right:-20px;bottom:34px;width:118px}.paper-work{padding-top:10px}}
@media(max-width:1050px){.paper-deck>.paper-card{flex-basis:280px}}
@media(max-width:767px){.paper-deck>.paper-card{flex-basis:270px;height:245px}.paper-hero-kicker:before,.paper-hero-kicker:after{display:none}.paper-intro h1{font-size:clamp(46px,11vw,68px)}.paper-work .section-title{font-size:29px}}
