/* The original centered sketchbook, with the quieter editorial finish. */
:root{--page:#fff;--ink:#263a58;--blue:#355fa4;--soft:#eff4fa;--line:#dce5f1}html{background:var(--page)}body{background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}header{height:133px;padding-bottom:30px}nav{font-family:Hand,cursive;font-size:15px;gap:40px;color:#4b6485}.home-mark{color:#355fa4}.home-mark svg{width:27px;height:27px}.hero-wrap{width:min(900px,calc(100% - 160px))}.hero-card{background:#355fa4;border-color:#b9cbe3;padding:9px;border-radius:36px 32px 37px 30px;box-shadow:inset 0 0 0 2px #6f92c4,0 16px 50px #25446b0b}.hero-paper{background-color:#fff;background-image:linear-gradient(#dce6f078 1px,transparent 1px),linear-gradient(90deg,#dce6f078 1px,transparent 1px);background-size:35px 35px;border-radius:24px;grid-template-columns:43% 57%;padding:40px 0 37px 42px;min-height:525px;border:1px solid #9bb5d8;color:#355fa4}.wordmark.konnect-wordmark{font-size:54px}.studio-line{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.2px;color:#7185a0;margin-top:34px;max-width:240px}.hero-copy h1{font-size:76px;letter-spacing:-1.5px;line-height:1.01;margin-top:15px;margin-bottom:26px}.hand-link{font:12px Hand;color:#5577a6}.hand-link svg{stroke-width:1}.hero-art{margin-left:-25px;mix-blend-mode:multiply;align-self:center;transform:rotate(0);z-index:0}.hero-art img{filter:none;mix-blend-mode:multiply;width:108%;max-width:none;height:auto}.hero-art:hover{transform:rotate(-1deg)}.paper-note{font:9px Hand;color:#7e94b1;right:22px;bottom:17px}.studio-seal{top:18px;right:21px;width:44px}.seal-art{width:39px;height:39px}.studio-seal>span:last-child{font:6px Hand;color:#6a83a5}.scroll-note{font:10px Hand;color:#7d95b4;padding-top:27px}.scroll-note span{color:#6385b1}.owl-creature{right:-139px;top:150px;width:124px;color:#7898c0}.margin-creature img{filter:url('#hybrid-owl-ink')}.margin-creature span{font:9px Hand}.botanical-hero{left:-132px;width:115px;height:160px;opacity:.75}.botanical,.work-heading>svg{color:#7f9fc9}.botanical svg{stroke-width:4}.floating.spark{color:#a7bcd7;right:-73px;width:38px}.section{width:min(940px,calc(100% - 170px))}.about{padding:123px 90px 95px;text-align:center}.about-doodle{margin-bottom:24px;gap:10px}.about-doodle>span{font:13px Hand;color:#718bb0}.about-doodle svg{width:32px;height:32px;color:#7d9fc9}.about h2{font:400 58px/1.05 Instrument,Georgia,serif;color:#2c4b78;letter-spacing:-.7px;margin-bottom:29px}.about>p{font:13px/1.95 Arial,Helvetica,sans-serif;color:#75839a;max-width:570px;margin-bottom:31px}.services{column-gap:40px;margin-top:35px}.services button{font:12px Arial,Helvetica,sans-serif;color:#445e82;border-bottom-color:#d7e1ee;padding:18px 0;align-items:center}.services button>span{font:17px Hand;color:#7394bf}.services button:hover{color:#355fa4}.services button[aria-expanded=true]{color:#355fa4}.about .service-detail{font:11px/1.85 Arial,Helvetica,sans-serif;color:#8597af;margin-top:20px;min-height:44px}.instagram-link{font:11px Hand;color:#6b88b0;border-bottom-color:#bccce1;margin-top:0}.work{padding-top:20px;padding-bottom:40px}.work-heading{padding:0 18px 22px}.work-heading h2{font:400 52px/1.05 Instrument,Georgia,serif;color:#2c4b78;letter-spacing:-.6px;margin-bottom:22px}.scribble{font:11px Hand;color:#7693b8}.work-heading>svg{width:74px;height:84px}.work-board{background-color:#f6f8fc;background-image:linear-gradient(#b6c8df53 1px,transparent 1px),linear-gradient(90deg,#b6c8df53 1px,transparent 1px);border-color:#9fb5d1;box-shadow:11px -11px 0 #355fa4,0 16px 45px #1c38591a;border-radius:28px;padding:38px 34px 33px 47px;transform:rotate(-1.3deg)}.board-ruler{color:#89a0bd;font:11px/43px Instrument;left:13px}.projects{gap:28px 20px}.project{background:#ffffffec;color:#425b7d;padding:6px;border:1px solid #fff;box-shadow:0 4px 12px #1b36551a;border-radius:14px;backdrop-filter:blur(10px)}.project-art{height:275px;border-radius:9px}.project-art img{object-position:center 30%}.project-caption{padding:10px 4px 3px;font:9px/1.5 Arial,Helvetica,sans-serif;gap:6px}.project-caption span:last-child{font-size:15px}.project:hover,.project:focus-visible{box-shadow:0 16px 27px #1b365526;transform:rotate(0) translateY(-7px) scale(1.025)}.work-disclaimer{font:10px/1.8 Arial,Helvetica,sans-serif;color:#91a0b3;margin-top:28px}.polaroid{background:#fff;border:1px solid #edf1f6;box-shadow:2px 6px 19px #29456b17;transform:rotate(5deg);padding:8px 8px 12px;width:124px}.polaroid>span{font:7px Hand;color:#7895b9}.contact{padding-top:105px;padding-bottom:181px}.contact-paper{width:790px;padding:32px;background:#f1f5fa;color:#355fa4;border:1px solid #d5e0ef;border-radius:23px;box-shadow:0 14px 45px #26486e0b;grid-template-columns:1.6fr 1fr;transform:rotate(-1.2deg);gap:35px}.contact-copy h2{font:35px Instrument;border-bottom-color:#c9d7e9;padding-bottom:11px;margin-bottom:5px}.wish-list label{font:11px/1.5 Arial,Helvetica,sans-serif;border-bottom-color:#d8e2ef;min-height:49px;color:#5d789e}.wish-list input{width:14px;height:14px;accent-color:#355fa4}.talk-button{font:11px Arial,Helvetica,sans-serif;background:#355fa4;color:#fff;border:1px solid #355fa4;border-radius:10px;transform:none;box-shadow:0 3px 8px #355fa414;padding:12px 19px}.talk-button:hover{background:#274c86;box-shadow:0 6px 12px #355fa425}.direct-email{font:10px Arial,Helvetica,sans-serif;color:#8199b8;margin-top:17px;text-decoration:none}.direct-email:hover{text-decoration:underline}.contact-art.founder-portrait{position:relative;display:block;min-height:266px;border:0;border-radius:18px;background:#ffffff90;overflow:visible;color:#355fa4;padding:0;cursor:pointer;align-self:stretch;isolation:isolate;transition:background .3s,box-shadow .3s}.founder-portrait:hover{background:#fff;box-shadow:0 8px 22px #25476b10}.founder-portrait>svg{width:100%;height:255px;display:block;overflow:visible;stroke-width:initial;fill:initial;transform-origin:50% 100%;pointer-events:none}.founder-caption{position:absolute;bottom:13px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font:7px Hand;color:#859bb9}.founder-caption i{font:14px Arial;font-style:normal}.founder-loading{display:grid;place-items:center;height:240px;font:italic 70px Instrument;color:#b7c7dc}.founder-loading[hidden]{display:none}.founder-portrait [data-part="arm-wave"]{transform-box:fill-box;transform-origin:25% 85%;animation:founder-wave 2s ease-in-out 1 .4s}.founder-portrait:hover [data-part="arm-wave"],.founder-portrait.is-greeting [data-part="arm-wave"]{animation:founder-wave 1.2s ease-in-out 2}.founder-portrait [data-part="eyes"]{transform-box:fill-box;transform-origin:center;animation:founder-blink 7s infinite 2s;translate:var(--eye-x,0px) var(--eye-y,0px)}.founder-portrait [data-part="head-rig"]{transform-box:fill-box;transform-origin:50% 100%;rotate:var(--head-angle,0deg);transition:rotate .3s}.botanical-contact{color:#a4b9d4;right:-75px;width:120px;opacity:.65}.last-word{font:italic 29px Instrument;color:#8397b3;margin-top:57px}.computer-creature{color:#88a4c9;width:135px;bottom:15px}.version-links{display:flex;gap:25px;flex-basis:100%;justify-content:center;margin-top:16px;font:9px Arial;color:#9aa9bc}.version-links a:hover{color:#355fa4}footer{color:#8c9db3;font:10px Arial;padding-top:8px;padding-bottom:48px;max-width:940px}.footer-logo{color:#355fa4}footer small{font:8px Arial;color:#9aa9bc;margin-top:13px}.atelier-controls{right:64px;bottom:15px;background:#ffffffd6;color:#6b89b1;border:1px solid #e2e9f2;box-shadow:0 5px 25px #26486e10;backdrop-filter:blur(16px);border-radius:30px;padding:9px 14px;gap:13px}.atelier-controls button{font:8px Hand;color:#708bb0}.atelier-controls button:hover{color:#355fa4}.atelier-controls button+button{border-left-color:#d4dfec}.konnect-count{font:8px Hand;color:#708bb0;border-color:#d4dfec}.konnect-complete .konnect-count{color:#355fa4}.konnect-node{font:10px Hand;background:#fff;color:#6e91c1}.konnect-node-dot{background:#fff;border-color:#8aa8d1;box-shadow:0 0 0 4px #fff}.konnect-node.is-linked .konnect-node-dot{background:#4d75ad;border-color:#4d75ad;box-shadow:0 0 0 4px #fff,0 0 0 5px #a9bfdc}.konnect-node:hover .konnect-node-dot{box-shadow:0 0 0 5px #fff,0 0 0 7px #abc1df80}.konnect-ink{stroke:#7597c5;stroke-width:1.6}.konnect-guide{stroke:#8ca9cf;opacity:.2}.konnect-dots circle{fill:#fff;stroke:#85a2ca;opacity:.4}.konnect-dots circle.is-linked{fill:#638bc0;stroke:#638bc0;opacity:1}.konnect-tip{fill:#355fa4;stroke:#355fa4}.konnect-halo{stroke:#9bb6d9}.stamp-whisper{font:10px Hand;background:#ffffffed;color:#6383b0;border-color:#d6e2f0;box-shadow:0 3px 14px #23446a12}.ink-spark{color:#6f94c5}dialog{background:#ffffffed;color:#355fa4;backdrop-filter:blur(28px);border:1px solid #fff;border-radius:24px;box-shadow:0 30px 95px #19375830;padding:35px;font-family:Arial,Helvetica,sans-serif}dialog::backdrop{background:#e0e8f19e;backdrop-filter:blur(12px)}dialog h2{font:44px/1.05 Instrument;margin-bottom:20px}dialog p{font:12px/1.85 Arial;color:#7a8fae}dialog .close{position:absolute;right:13px;top:11px;width:29px;height:29px;border:1px solid #e8eef6;background:#fff9;color:#728eb4;border-radius:50%;font:23px Arial}dialog .scribble{font:10px Hand;color:#91a5c2}#project-dialog{display:none;width:min(880px,calc(100% - 40px));padding:15px;gap:0 33px;grid-template-columns:1fr 1fr;align-items:start}#project-dialog[open]{display:grid}#project-dialog>.scribble{grid-column:2;grid-row:1;padding:44px 24px 0 0;margin-bottom:17px}#project-name{grid-column:2;grid-row:2;font-size:44px;padding-right:24px}#project-preview{grid-column:1;grid-row:1/7;margin:0;min-height:330px;background:#eaf0f8;border-radius:16px;overflow:hidden;display:flex;align-items:center}#project-preview .project-art{width:100%;background:transparent;border-radius:0}#project-preview img{max-height:70vh;object-fit:contain;width:100%;height:auto}#project-description{grid-column:2;grid-row:3;padding-right:24px;font-size:12px;color:#8496ae;margin-bottom:20px}#project-original{grid-column:2;grid-row:4;padding:0;margin:0 24px 20px 0;font:11px Arial;text-decoration:none;color:#5a7fad}#project-original:hover{text-decoration:underline}#project-contact{grid-column:2;grid-row:5;margin:0 24px 30px 0;font:10px Arial;text-align:left;border:0;border-bottom:1px solid #c6d5e8;padding:10px 0;color:#7b93b5}.form-note{font-size:9px!important;color:#96a7be!important}form label{font:11px Arial;color:#7891b3}form input,form textarea{border-color:#d6e1ee;border-radius:9px;background:#f7f9fc;padding:12px;font:12px Arial;color:#41628e}#contact-dialog{width:min(600px,calc(100% - 36px));padding:35px}#stamp-dialog{width:min(560px,calc(100% - 36px));padding:35px}#stamp-dialog .stamp-hint{font-size:9px}#stamp-grid{gap:15px}.saved-design-links{display:none}
@keyframes founder-wave{0%,100%{rotate:0deg}20%,60%{rotate:-10deg}40%,80%{rotate:8deg}}@keyframes founder-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .12}}
@media(min-width:1500px){.hero-wrap{width:940px}.hero-copy h1{font-size:81px}.hero-paper{min-height:550px}.hero-art img{max-height:none;object-fit:contain}}
@media(max-width:1100px){.owl-creature{right:-78px;width:83px}.botanical-hero{left:-84px;width:78px}.botanical-contact{right:-42px;width:80px}.hero-wrap,.section{width:calc(100% - 140px)}.hero-paper{padding-left:30px;min-height:480px}.hero-copy h1{font-size:65px}.wordmark.konnect-wordmark{font-size:47px}.hero-art{margin-left:-17px}.hero-art img{width:110%}.about{padding-inline:65px}.about h2{font-size:53px}.project-art{height:240px}.contact-paper{padding:26px;gap:25px}.contact-copy h2{font-size:31px}.wish-list label{font-size:10px}.founder-portrait>svg{height:245px}.founder-caption{font-size:6px}.atelier-controls{right:48px}}
@media(max-width:800px){.hero-wrap,.section{width:calc(100% - 110px)}.hero-paper{min-height:440px;padding-left:25px;grid-template-columns:46% 54%}.hero-copy h1{font-size:58px}.wordmark.konnect-wordmark{font-size:43px}.studio-line{font-size:9px}.hand-link{font-size:10px}.about{padding-inline:35px}.about h2{font-size:48px}.project-art{height:210px}.work-board{padding:28px 22px 25px 35px}.projects{gap:25px 13px}.project-caption{font-size:8px}.contact-paper{gap:17px}.founder-portrait>svg{height:230px}.founder-caption{font-size:5px;left:8px;right:8px}.contact-copy h2{font-size:29px}.owl-creature{right:-48px;width:65px}.botanical-hero{left:-51px;width:50px}.botanical-contact{display:none}}
@media(max-width:600px){header{height:107px;padding-bottom:25px}nav{font-size:13px;gap:28px}.hero-wrap,.section{width:calc(100% - 58px)}.hero-card{padding:7px;border-radius:27px}.hero-paper{display:block;padding:26px 22px 26px;min-height:665px;border-radius:19px;background-size:29px 29px}.wordmark.konnect-wordmark{font-size:43px}.wordmark.konnect-wordmark svg{width:170px}.studio-line{margin-top:29px;font-size:9px}.hero-copy h1{font-size:61px;line-height:1.02;margin-top:12px;margin-bottom:23px}.hand-link{font-size:11px}.hero-art{position:absolute;bottom:33px;right:0;width:100%;margin:0;opacity:1}.hero-art img{height:242px;width:100%;max-width:100%;object-fit:contain;filter:none}.paper-note{font-size:7px;bottom:16px;right:16px}.studio-seal{right:16px;top:19px;width:34px}.seal-art{width:31px;height:31px}.studio-seal>span:last-child{font-size:5px}.scroll-note{font-size:9px;padding-top:23px}.hero-wrap>.scroll-note{font-size:9px}.owl-creature{top:auto;bottom:-85px;right:0;width:86px}.botanical-hero{display:none}.about{padding:122px 14px 65px}.about-doodle>span{font-size:11px}.about h2{font-size:43px;line-height:1.04;margin-bottom:24px}.about>p{font-size:12px;line-height:1.9;margin-bottom:22px}.services{column-gap:20px;margin-top:24px}.services button{font-size:10px;padding:17px 0}.services button>span{font-size:14px}.about .service-detail{font-size:10px;min-height:55px}.instagram-link{font-size:10px}.work{padding-top:20px}.work-heading{padding:0 4px 15px}.work-heading h2{font-size:39px;margin-bottom:22px}.scribble{font-size:10px}.work-heading>svg{width:47px;height:60px}.work-board{padding:25px 15px 25px 24px;box-shadow:6px -7px 0 #355fa4,0 10px 20px #1936570a;border-radius:20px}.board-ruler{left:5px;font-size:9px;line-height:35px}.projects{grid-template-columns:1fr 1fr;gap:24px 12px}.project{padding:5px;border-radius:10px}.project-art{height:190px;border-radius:6px}.project-caption{font-size:7px;line-height:1.4;padding:7px 2px 2px}.project-caption span:last-child{font-size:13px}.work-disclaimer{font-size:9px;padding-inline:12px}.contact{padding-top:66px;padding-bottom:150px}.polaroid{width:108px;margin-bottom:38px}.contact-paper{display:flex;flex-direction:column;padding:23px 20px;transform:rotate(-1deg);border-radius:20px;gap:23px}.contact-copy h2{font-size:31px}.wish-list label{font-size:10px;min-height:45px}.talk-button{font-size:11px;padding:11px 18px}.direct-email{font-size:10px}.contact-art.founder-portrait{display:block;align-self:center;width:170px;min-height:200px;border-radius:16px;background:#fff8}.founder-portrait>svg{height:187px}.founder-caption{font-size:5px;bottom:8px}.last-word{font-size:25px;margin-top:43px}.computer-creature{width:122px;bottom:0}.version-links{font-size:8px;gap:16px;flex-wrap:wrap;margin-top:10px}footer{padding:10px 32px 75px;font-size:9px;gap:14px}footer>p{font-size:9px}.atelier-controls{right:27px;bottom:8px;padding:7px 9px;gap:7px}.atelier-controls button,.konnect-count{font-size:7px}.atelier-controls button+button{padding-left:7px}.konnect-count{padding-right:7px}.konnect-node{font-size:9px}.konnect-node-dot{width:9px;height:9px}.stamp-whisper{font-size:9px}#project-dialog{width:calc(100% - 30px);padding:12px;gap:0}#project-dialog[open]{display:block}#project-dialog>.scribble{padding:20px 10px 0;margin-bottom:12px}#project-name{padding:0 10px;font-size:36px;margin-bottom:18px}#project-preview{min-height:0;border-radius:12px}#project-preview img{max-height:43vh}#project-description{padding:18px 10px 0;font-size:11px;margin-bottom:16px}#project-original{margin:0 10px 15px;font-size:10px}#project-contact{margin:0 10px 20px;font-size:9px}#contact-dialog,#stamp-dialog{padding:29px 22px}dialog h2{font-size:37px}dialog p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.founder-portrait [data-part]{animation:none!important;transition:none!important}}

.founder-portrait>svg{fill:none;stroke:none}
.hero-art img{width:100%;max-width:100%}.about>p{color:#64758e}.wish-list label{color:#536f94}.project-caption{color:#425b7d}
@media(max-width:600px){.hero-art img{width:100%;max-width:100%}}
#project-dialog{align-items:center}#project-preview{grid-row:1}.hybrid-project-copy{grid-column:2;grid-row:1;padding:30px 24px 30px 0}.hybrid-project-copy .scribble{margin-bottom:18px}#project-dialog .hybrid-project-copy h2{padding:0;margin-bottom:25px}#project-dialog .hybrid-project-copy #project-description{padding:0;margin-bottom:23px}#project-dialog .hybrid-project-copy #project-original{display:block;margin:0 0 20px}#project-dialog .hybrid-project-copy #project-contact{margin:0;text-align:left;display:block}
@media(max-width:600px){.hybrid-project-copy{padding:25px 10px 15px}#project-dialog .hybrid-project-copy h2{font-size:35px;margin-bottom:17px}}
.hero-art{mix-blend-mode:normal}.hero-art img{mix-blend-mode:normal;border-radius:15px}
.contact-paper{grid-template-columns:1.1fr 1fr}.contact-art.supplied-art{display:flex;flex-direction:column;justify-content:center;align-self:stretch;position:relative;border:1px solid #e5e4dc;border-radius:16px;overflow:hidden;min-height:250px;padding:0 0 26px;background:#faf7f0;cursor:pointer}.supplied-art>img{width:100%;height:auto;max-height:255px;object-fit:contain;mix-blend-mode:multiply}.artwork-caption{position:absolute;left:14px;right:14px;bottom:11px;display:flex;justify-content:space-between;align-items:center;font:8px Hand;color:#788d9f}.artwork-caption i{font:14px Arial;font-style:normal}.supplied-art:hover{box-shadow:0 7px 20px #24436612}
@media(max-width:600px){.contact-paper{display:flex;flex-direction:column}.contact-art.supplied-art{width:100%;min-height:0;display:flex;align-self:center;padding:0 0 30px}.supplied-art>img{max-height:none;height:auto}.artwork-caption{font-size:7px}.hero-art img{border-radius:10px}}
/* Transparent artwork sits directly on the sketchbook, without a picture frame. */
.hero-art img{border-radius:0;background:transparent}.contact-art.supplied-art{background:transparent;border:0;box-shadow:none;border-radius:0}.supplied-art>img{mix-blend-mode:normal}.supplied-art:hover{box-shadow:none}.artwork-caption{color:#6d87a9}