/* Clean drawn accents: empty paper, translucent colour and fine contours. */
:root{--pencil:#8b735652}
body{background-color:#fcf7ef}
.header{background:#fcf7eff5;border-bottom:1px solid #cdbda650;box-shadow:none}
.dropmenu{background:#fcf7ef;border:1px solid #cdbda660;border-radius:3px;box-shadow:0 10px 22px #59472f0d}
.intro:before{background:#ead2bd2e}.intro:after{content:'';position:absolute;right:-10px;bottom:8px;width:190px;height:110px;border-bottom:1px solid var(--pencil);border-radius:50%;transform:rotate(-7deg);pointer-events:none}
.doors-space{background:radial-gradient(ellipse at 2% 20%,#d3ad7930,transparent 30%),radial-gradient(ellipse at 100% 65%,#b5bc9d3d,transparent 28%),#f9efe255}
.doors:before{border-color:#a379583b}
.door-visual{background:#dcc9b544;box-shadow:inset 0 0 18px #7c655017}
.door .art{box-shadow:none}.door-visual:after{content:'';position:absolute;inset:-3px -2px;border:1px solid #8b73563b;border-radius:50% 49% 2% 3% / 51% 49% 2% 3%;transform:rotate(-.7deg);pointer-events:none}
.home-work:before{background:#e6c1a72b}.home-online-grid{position:relative;isolation:isolate}.home-online-grid:after{content:'';position:absolute;right:25px;bottom:6px;width:170px;height:50px;border-bottom:1px solid var(--pencil);border-radius:50%;transform:rotate(5deg);pointer-events:none}
.home-online-grid .online-teaser{border-left-color:#87917840}
.exit{background:linear-gradient(110deg,#ead3bf4d,#f7ecdf44)}.exit:before{border-top-color:#ad7b5b52}
.reading section:nth-child(3n+1){background:#e9cdb92b}.reading section:nth-child(3n+2){background:#d6dccb2e}.reading-2 section:nth-child(3n+1){background:#d4dbc933}.reading-2 section:nth-child(3n+2){background:#e8c0ac29}.reading-3 section:nth-child(3n+1){background:#e6c48e2b}.reading-3 section:nth-child(3n+2){background:#e6c4b529}.reading-4 section:nth-child(3n+1){background:#e4b99e29}.reading-5 section:nth-child(3n+1){background:#d5dac82e}
.reading section:after{border-right-color:#a7836345}
.reading section:nth-child(3n){border-left-color:#b9947645}
.reading section h2:after,.about-method h2:after,.contact-flow h2:after{content:'';display:block;width:75px;height:8px;border-bottom:1px solid #986b4766;border-radius:50%;margin-top:16px;transform:rotate(-2deg)}
.page-hero{isolation:isolate}.page-hero:after{content:'';position:absolute;right:-18px;bottom:8px;width:200px;height:85px;border-bottom:1px solid var(--pencil);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.portrait{box-shadow:10px 12px 0 #d6ab9329;outline:1px solid #aa8b6847;outline-offset:8px}
.room{box-shadow:10px 12px 0 #afba9c29;outline:1px solid #91a08047;outline-offset:7px}
.online-detail{box-shadow:-10px 12px 0 #d9bda52e;outline:1px solid #aa8b6847;outline-offset:7px}
.about-method{background:#e7cbb52e}.about-method:after{border-right-color:#94785f45}
.about-experience{position:relative;isolation:isolate}.about-experience:after{content:'';position:absolute;left:-15px;top:70px;width:140px;height:185px;background:url('/assets/tema-2.webp') center/contain no-repeat;mix-blend-mode:multiply;opacity:.3;z-index:-1;pointer-events:none}
.credentials>div:first-child{background:#e8d8c52b}.personal{background:linear-gradient(145deg,#f2e5d755,#e8cfb329)}
.online-body>.prose:first-child{background:#d7ddc92b}.online-body .split>div{background:#efd9c429}.online-body>.prose:last-child{border-left-color:#87917840}
.contact-hero:after{background:#c594712b}.contact-flow section:nth-child(2){background:#e9d2bf29}.contact-flow section:last-child{border-left-color:#ad977e52}
.contact-form{background:linear-gradient(135deg,#f0e3d2,#f7efe4);border-radius:25px 5px 30px 5px}.contact-form:before{border-color:#b6a08752;border-radius:23px 9px 32px 5px;inset:7px -6px}
.button{border-radius:28px;background:#945135;border-color:#945135}.button:hover{background:#794631;box-shadow:0 4px 12px #78432d17}
.text-link{border-bottom-color:#9b513680}.text-link:hover{border-bottom-width:1px}
footer{border-top-color:#d1bea654}
@media(max-width:700px){.intro:after{right:5px;width:100px;height:40px;bottom:0}.home-online-grid:after{right:5px;width:100px;height:25px}.page-hero:after{width:115px;right:0;bottom:0}.portrait{box-shadow:8px 9px 0 #d6ab9329;outline-offset:5px}.room,.online-detail{outline-offset:5px}.about-experience:after{width:80px;height:110px;left:-10px;top:35px;opacity:.2}.contact-form{border-radius:20px 5px 25px 5px}.contact-form:before{inset:5px -3px}.reading section h2:after,.about-method h2:after,.contact-flow h2:after{width:55px;margin-top:12px}}