@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}

:root{
  --ink:#262923;--muted:#676c62;--paper:#f8f7f2;--line:#dedfd5;
  --serif:Instrument,Georgia,serif;--sans:DM,Arial,sans-serif;
  --ease:cubic-bezier(.2,.75,.25,1);
  --grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h1 em,h2 em{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7b69a4;outline-offset:5px}[hidden]{display:none!important}
.definitions{position:absolute;width:0;height:0;overflow:hidden}.screen-reader{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:10px 18px;background:white;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.wrap{width:calc(100% - 112px);max-width:1120px;margin-inline:auto}
.paper{position:relative;isolation:isolate}.paper:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--grain);background-size:160px 160px;mix-blend-mode:multiply;opacity:.34}
.panel{border-radius:29px;box-shadow:inset 0 1px 1px #ffffff90,0 2px 3px #2e39290a,0 17px 24px -20px #2e392937;overflow:hidden}
.section-title{font:400 clamp(44px,4.8vw,65px)/1.02 var(--serif);letter-spacing:-1.7px}.section-title em{color:#727a66}.section-copy{font-size:15px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:13px 20px;border-radius:13px;font-size:13px;font-weight:500;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s,background .25s;white-space:nowrap}
.button svg{width:16px;height:16px}.button-dark{background:linear-gradient(#3e4536,#2c3328);color:#fffef7;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0003,0 3px 4px #2a382121,0 7px 14px -8px #29382140}
.button-dark:hover{transform:translateY(-3px);background:linear-gradient(#4b5541,#35422d);box-shadow:inset 0 1px 1px #ffffff40,0 6px 10px #2a38212b}.button-light{background:linear-gradient(#fffef9,#f0f0e7);border-color:#ffffffb0;box-shadow:inset 0 1px 0 #fff,0 3px 4px #3b433316,0 8px 12px -8px #29382128}
.button-light:hover{transform:translateY(-3px);background:#fff}.button:active{transform:translateY(1px)}

/* A small, useful navigation, floating above the paper. */
.site-header{position:fixed;z-index:40;top:32px;left:50%;transform:translateX(-50%);width:calc(100% - 100px);max-width:948px;min-height:64px;padding:8px 10px 8px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#fffef7ee,#fffef7d6);backdrop-filter:blur(20px);border:1px solid #ffffffcc;border-radius:100px;box-shadow:0 2px 3px #2b372a09,0 10px 22px #343c2414,inset 0 1px 0 #fff;transition:top .3s,min-height .3s,box-shadow .3s}
.site-header.is-scrolled{top:17px;min-height:58px;box-shadow:0 4px 7px #343c2410,0 12px 25px #343c2417}
.wordmark{font:800 39px/.9 var(--sans);letter-spacing:-3px;display:inline-flex;align-items:baseline}.wordmark>span{color:#c96d51}
.main-nav{display:flex;gap:28px;font-size:13px;margin-left:42px}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover:after{transform:scaleX(1)}
.nav-contact{display:flex;align-items:center;gap:23px;background:#2c3328;color:#fffdf7;border:1px solid #242c20;border-radius:40px;font-size:12px;padding:12px 18px;min-height:44px;box-shadow:inset 0 1px 1px #fff3,0 2px 3px #37452e15;transition:background .2s}.nav-contact svg{width:14px;height:14px}.nav-contact:hover{background:#46503d}
.menu-toggle{display:none}.mobile-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;border:1px solid #fff;background:#fffdf5;border-radius:24px;padding:8px 23px;box-shadow:0 20px 40px #26321f25}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.mobile-menu a:last-child{border:0}

/* The studio leads. These little pages are visual explorations, not clients. */
.hero{margin:16px 16px 0;padding:138px 0 25px;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#f6f1dc,#eae9db 72%);box-shadow:inset 0 1px 1px #fff,0 4px 5px #3c46320c}
.hero-heading{position:relative;z-index:5;text-align:center;padding-inline:20px}
.intro-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#59614f;margin-bottom:19px}.intro-line>span{width:13px;height:13px;border:1px solid #78866a;background:#faf9e9;border-radius:3px;box-shadow:2px 2px 0 #ccd1b7;transform:rotate(-7deg)}
.hero h1{font:400 clamp(68px,7.8vw,104px)/.92 var(--serif);letter-spacing:-2.8px}.hero h1 em{color:#617355}.hero-copy{font-size:15px;color:#616957;margin-top:23px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:23px}
.hero-art{--fan:0;position:relative;max-width:1060px;width:88%;height:356px;margin:45px auto 0;perspective:1400px}
.fan-card{position:absolute;width:38%;top:21px;border:5px solid #fffdf2;border-radius:12px;background:#fffdf4;box-shadow:0 1px 2px #2a33231a,0 9px 15px #44473213,0 27px 32px -15px #4145303b;overflow:hidden;transform-origin:center 80%;animation:fan-arrive .85s var(--ease) both;transition:box-shadow .4s;will-change:transform}
.fan-card:hover{box-shadow:0 2px 4px #2a33231a,0 13px 20px #44473220,0 35px 38px -15px #41453040}
.card-organic{left:0;transform:translateX(calc(-15px * var(--fan))) rotate(calc(-8deg - 2deg * var(--fan)));animation-delay:.15s}
.card-editorial{left:31%;top:0;z-index:3;transform:translateY(calc(-8px * var(--fan))) rotate(-1deg);animation-delay:.05s}
.card-spaces{right:0;transform:translateX(calc(15px * var(--fan))) rotate(calc(8deg + 2deg * var(--fan)));animation-delay:.25s}
.window-bar{height:21px;display:flex;align-items:center;gap:4px;padding-inline:6px;background:linear-gradient(#fffef9,#f0efe7);position:relative}.window-bar>i{width:4px;height:4px;border-radius:50%;background:#d5d8c7}.window-bar>i:first-child{background:#dbb6a5}.window-bar>i:nth-child(2){background:#e6d7a7}.window-bar>span{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;white-space:nowrap;color:#8a9080}
.organic-site,.editorial-site,.spaces-site{height:238px;position:relative;overflow:hidden}.card-foot{height:29px;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;font-size:8px;color:#737a67}
.tiny-swatches{display:flex;gap:4px}.tiny-swatches>i{height:11px;width:14px;border:1px solid #00000008;border-radius:2px;background:#616d48}.tiny-swatches>i:nth-child(2){background:#e6e3d0}.tiny-swatches>i:nth-child(3){background:#b9bb91}
.organic-site{background:#354621;color:#f6f1df}.organic-site>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.organic-top{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font:29px/1 var(--serif);letter-spacing:-1px}.organic-top>span{font:7px var(--sans);letter-spacing:0}.organic-title{position:absolute;top:63px;left:16px;font:30px/.98 var(--serif);letter-spacing:-.6px}.organic-title em{font-weight:400}.sample-pill{position:absolute;bottom:17px;left:16px;padding:6px 9px;background:#e7e9d1;color:#465335;border-radius:20px;font-size:7px;box-shadow:0 1px 2px #17211624}
.editorial-site{background:#f5d9c8;color:#713b31;padding:14px 18px}.editorial-nav{font:25px/.9 var(--serif);display:flex;justify-content:space-between;align-items:center}.editorial-nav>span{font:6px var(--sans)}.editorial-copy{font:35px/.95 var(--serif);letter-spacing:-.6px;margin-top:20px;position:relative;z-index:2}.editorial-copy em{font-weight:400}.editorial-objects{position:absolute;inset:30px 0 10px 45%}.small-arch{position:absolute;width:99px;height:141px;background:linear-gradient(115deg,#d09172,#b77856);border-radius:100px 100px 0 0;right:31px;top:29px;box-shadow:inset 5px 2px 4px #e9b89c,5px 6px 8px #703e392a;transform:rotate(14deg)}.small-arch:after{content:"";position:absolute;inset:28px 25px 0;background:#f5d9c8;border-radius:80px 80px 0 0;box-shadow:inset 5px 4px 8px #87473430}.paper-circle{position:absolute;width:75px;height:75px;right:6px;bottom:17px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#d9ddb1,#9caa76);box-shadow:6px 10px 12px #914d3b2b}.folded-square{position:absolute;width:58px;height:54px;left:0;bottom:6px;transform:rotate(-9deg);background:linear-gradient(135deg,#e7b8aa 49%,#c58e7c 50%);box-shadow:5px 7px 9px #8e51432c}.editorial-bottom{position:absolute;bottom:17px;left:18px;right:18px;font-size:6px;display:flex;align-items:center;justify-content:space-between}.editorial-bottom b{font:22px var(--serif)}.card-editorial .tiny-swatches>i{background:#e8b7a3}.card-editorial .tiny-swatches>i:nth-child(2){background:#8b4f3e}.card-editorial .tiny-swatches>i:nth-child(3){background:#e4e4b8}
.spaces-site{background:#ece9df;color:#4c4a40;padding:12px 14px}.spaces-nav{font:7px/1.2 var(--sans);font-weight:600;letter-spacing:.5px;display:flex;justify-content:space-between}.spaces-nav>span{font-size:6px;letter-spacing:0;font-weight:400}.spaces-site>img{position:absolute;top:37px;left:14px;width:calc(100% - 28px);height:164px;object-fit:cover}.spaces-title{position:absolute;top:60px;left:26px;font:27px/.94 var(--serif);color:#fffdf4;text-shadow:0 1px 8px #615e4540;letter-spacing:-.4px}.spaces-title em{font-weight:400}.spaces-index{position:absolute;bottom:13px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:6px}.spaces-index b{font-size:11px;font-weight:400}.card-spaces .tiny-swatches>i{background:#b3a48b}.card-spaces .tiny-swatches>i:nth-child(2){background:#e9e5d7}.card-spaces .tiny-swatches>i:nth-child(3){background:#6e7166}
.paper-cut{position:absolute;bottom:1px;box-shadow:0 -2px 5px #3a3e2010}.paper-cut:after{content:"";position:absolute;inset:0;background:var(--grain);background-size:160px 160px;opacity:.35;mix-blend-mode:multiply}.cut-lilac{left:-16%;width:61%;height:195px;background:#d9d3e6;transform:rotate(-7deg);clip-path:polygon(0 11%,7% 7%,14% 10%,21% 5%,27% 8%,35% 0,44% 9%,53% 4%,64% 10%,76% 3%,84% 9%,93% 6%,100% 15%,100% 100%,0 100%)}.cut-sage{right:-19%;width:56%;height:180px;background:#d7dfc6;transform:rotate(8deg);clip-path:polygon(0 8%,7% 4%,16% 10%,25% 3%,34% 6%,42% 1%,53% 8%,64% 3%,75% 7%,85% 2%,95% 11%,100% 7%,100% 100%,0 100%)}.cut-butter{left:30%;width:43%;height:100px;bottom:-30px;background:#f7e8b5;transform:rotate(-3deg);border-radius:30% 70% 0 0}
.art-doodle{position:absolute;left:0;top:-40px;transform:rotate(-8deg);color:#7f876d;z-index:4;display:flex;align-items:center;gap:8px;animation:fan-arrive .9s .4s both}.art-doodle svg{width:65px;height:43px;stroke-width:1}.art-doodle>span{font:17px/.95 var(--serif)}.art-doodle em{font-weight:400}.exploration-caption{position:relative;z-index:4;text-align:center;font-size:9px;color:#7b806d;margin:12px 16px 0;line-height:1.6}

.possibilities{text-align:center;padding-block:116px 112px}.possibilities .section-copy{margin-top:22px}.service-links{display:grid;grid-template-columns:repeat(4,1fr);max-width:780px;margin:44px auto 0;gap:30px}.service-links a{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:13px;font-weight:500;padding:12px 6px;border-radius:16px;transition:background .25s,color .25s}.service-links svg{height:44px;width:44px;stroke-width:1.45;transform:rotate(-4deg);transition:transform .35s var(--ease)}.service-links a:nth-child(2) svg{transform:rotate(4deg)}.service-links a:nth-child(3) svg{transform:rotate(-2deg)}.service-links a:hover{background:#ebece29c;color:#5e6f49}.service-links a:hover svg{transform:translateY(-6px) rotate(3deg)}

/* A whole composition, with a working control rather than a repeated feature card. */
.design-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:49px;align-items:center;min-height:577px;padding:62px 62px 62px 38px;background:radial-gradient(ellipse at 25% 12%,#e8e1ee,#d9d4e8 75%)}
.panel-copy{position:relative;z-index:4}.panel-copy>.section-title{font-size:61px}.panel-copy>.section-title em{color:#7d6d85}.panel-copy>p:not(.control-hint){font-size:14px;line-height:1.7;max-width:330px;color:#675f6a;margin-top:23px}
.design-stage{--demo-bg:#f1f0df;--demo-ink:#4c6043;--demo-accent:#b5c19a;--demo-light:#dde2c7;--demo-dark:#71835b;position:relative;min-width:0;height:403px;display:flex;align-items:center;padding:0 12px}
.sample-sheet-back{position:absolute;width:89%;height:320px;left:6%;top:26px;background:#c7c0d7;border:1px solid #f0e8f7;border-radius:15px;transform:rotate(-7deg);box-shadow:0 15px 16px #61536c15}
.sample-browser{position:relative;width:100%;border:6px solid #fffdf6;border-radius:13px;box-shadow:0 1px 2px #4e46552b,0 15px 20px #4e465515,0 31px 28px -18px #4e465545;overflow:hidden;transform:rotate(-2deg);transition:transform .5s var(--ease),box-shadow .5s;background:var(--demo-bg)}
.design-panel:hover .sample-browser{transform:rotate(-.5deg) translateY(-3px)}.sample-chrome{height:27px;background:linear-gradient(#fffdf9,#efeee8);display:flex;align-items:center;justify-content:space-between;padding-inline:8px;font-size:7px;color:#98978b}.chrome-dots{display:flex;gap:4px}.chrome-dots i{width:4px;height:4px;border-radius:50%;background:#cecebe}.sample-web{padding:20px 19px 0;background:var(--demo-bg);color:var(--demo-ink);transition:background .5s,color .5s}
.sample-nav{display:flex;justify-content:space-between;align-items:center}.sample-nav>b{font:24px/1 var(--serif);letter-spacing:-.7px}.sample-nav>b>span{color:var(--demo-dark)}.sample-nav>span{font-size:6px}
.sample-main{display:grid;grid-template-columns:1fr .9fr;gap:6px;min-height:225px;position:relative;align-items:center}.sample-copy{position:relative;z-index:2;padding-bottom:8px}.sample-kicker{font-size:6px;letter-spacing:.7px}.sample-headline{font:45px/.96 var(--serif);letter-spacing:-1.5px;margin-top:16px}.sample-description{font-size:7px;display:block;margin-top:12px;line-height:1.5;max-width:145px}.sample-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:var(--demo-ink);color:var(--demo-bg);border-radius:4px;padding:7px 9px;font-size:7px;box-shadow:0 2px 2px #3e473017}.sample-cta svg{width:10px;height:10px}
.sample-art{position:relative;height:195px;align-self:end;margin-bottom:14px;transition:transform .5s var(--ease)}.art-orbit{position:absolute;top:6px;left:2px;width:170px;height:170px;border:1px solid var(--demo-accent);border-radius:50%;opacity:.6;transition:all .5s}.art-arch{position:absolute;right:8px;bottom:14px;width:109px;height:158px;background:linear-gradient(115deg,var(--demo-light),var(--demo-dark));border-radius:90px 90px 0 0;box-shadow:inset 4px 3px 3px #fff4,5px 7px 10px #39432a24;transform:rotate(9deg);transition:all .5s var(--ease)}.art-arch:after{content:"";position:absolute;inset:27px 28px 0;background:var(--demo-bg);border-radius:100px 100px 0 0;box-shadow:inset 4px 2px 8px #233b272b;transition:background .5s,border-radius .5s}.art-sphere{position:absolute;bottom:7px;left:0;width:69px;height:69px;border-radius:50%;background:radial-gradient(circle at 29% 24%,var(--demo-light),var(--demo-dark));box-shadow:6px 9px 8px #263b2b20;transition:all .5s}.art-pedestal{position:absolute;bottom:0;right:2px;width:116px;height:16px;background:linear-gradient(var(--demo-light),var(--demo-accent));border-radius:50%;box-shadow:3px 5px 7px #364c2c25;transition:all .5s}
.sample-footer{border-top:1px solid #88957438;display:flex;justify-content:space-between;gap:10px;padding-block:11px;font-size:5px;letter-spacing:.5px}.material-note{position:absolute;z-index:3;right:-5px;bottom:0;width:144px;padding:14px 17px;background:#fffbea;box-shadow:0 1px 3px #4e46551b,0 10px 12px #4e46551a;border:1px solid #fff9;transform:rotate(8deg);border-radius:2px 2px 12px 2px}.material-note>span{font:21px/.95 var(--serif);color:#686450}.material-swatches{display:flex;gap:4px;margin-top:12px}.material-swatches>i{width:30px;height:18px;border-radius:2px;background:var(--demo-ink);box-shadow:inset 0 1px 0 #fff3;transition:background .5s}.material-swatches>i:nth-child(2){background:var(--demo-accent)}.material-swatches>i:nth-child(3){background:var(--demo-bg)}
.theme-control{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.theme-control button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;min-height:39px;padding:9px 12px;background:#ffffff40;border:1px solid #ffffff8c;border-radius:50px;color:#726578;transition:background .25s,box-shadow .25s,transform .25s}.theme-control button>span{width:9px;height:9px;border-radius:50%;background:#95a97d;border:1px solid #37482c20;box-shadow:inset 0 1px 1px #fff5}.theme-control button:nth-child(2)>span{background:#cb8d7f}.theme-control button:nth-child(3)>span{background:#b9bc4f}.theme-control button:hover{transform:translateY(-2px)}.theme-control button.is-active{background:#fffdf4;box-shadow:0 2px 4px #5d516b20,inset 0 1px 1px #fff;color:#45394e;border-color:#fff}.control-hint{display:flex;align-items:center;gap:9px;font:italic 20px var(--serif);color:#8a7a91;margin-top:12px}.control-hint svg{width:32px;height:22px;transform:rotate(-15deg);stroke-width:1}
.design-stage[data-theme=editorial]{--demo-bg:#f5e5de;--demo-ink:#714839;--demo-accent:#dbac96;--demo-light:#f0d3bb;--demo-dark:#b57358}.design-stage[data-theme=editorial] .art-arch{transform:rotate(-10deg);border-radius:4px 90px 4px 4px;width:123px;height:143px}.design-stage[data-theme=editorial] .art-arch:after{border-radius:4px 90px 4px 4px;inset:22px 23px 24px}.design-stage[data-theme=editorial] .art-sphere{border-radius:4px 4px 45px 4px;transform:rotate(14deg);width:72px;height:82px}.design-stage[data-theme=editorial] .sample-nav>b{font-style:italic}.design-stage[data-theme=editorial] .sample-headline{font-size:43px}.design-stage[data-theme=editorial] .sample-cta{border-radius:20px}
.design-stage[data-theme=audaz]{--demo-bg:#dce69b;--demo-ink:#333f2c;--demo-accent:#a8b85f;--demo-light:#b8b8d6;--demo-dark:#6c6b8d}.design-stage[data-theme=audaz] .sample-headline{font:750 33px/.98 var(--sans);letter-spacing:-1.5px}.design-stage[data-theme=audaz] .sample-headline em{font-style:normal}.design-stage[data-theme=audaz] .sample-nav>b{font-family:var(--sans);font-size:20px;font-weight:800}.design-stage[data-theme=audaz] .art-arch{width:135px;height:135px;border-radius:50%;transform:rotate(25deg)}.design-stage[data-theme=audaz] .art-arch:after{inset:30px;border-radius:50%}.design-stage[data-theme=audaz] .art-sphere{border-radius:5px;transform:rotate(-13deg);width:66px;height:66px;background:linear-gradient(115deg,#737b47,#434d31)}.design-stage[data-theme=audaz] .sample-cta{border-radius:1px}.design-stage.is-changing .sample-web{animation:theme-arrive .45s var(--ease)}

.experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:24px}.responsive-panel{background:radial-gradient(ellipse at top left,#e3e9d1,#d3dfc2);padding:35px 36px 0;min-height:560px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading>.section-title{font-size:51px}.panel-heading>p{font-size:12px;color:#69785b;line-height:1.6}.device-control{display:flex;gap:3px;padding:4px;width:max-content;border-radius:50px;border:1px solid #ffffff9e;background:#b6c5a15c;box-shadow:inset 0 1px 3px #64724c0b;margin:27px auto 19px}.device-control>button{display:flex;align-items:center;gap:6px;font-size:10px;min-height:34px;padding:7px 12px;border-radius:50px;background:transparent;color:#6c795e;transition:background .25s,box-shadow .25s}.device-control svg{width:13px;height:13px}.device-control .is-active{background:#fffef3;color:#465338;box-shadow:0 2px 5px #65754c22}
.device-stage{height:334px;display:flex;align-items:flex-start;justify-content:center;perspective:1200px}.device-frame{width:100%;height:300px;min-width:0;background:#fffdf1;border:6px solid #fffdf1;border-radius:13px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 2px 3px #3e4d2c24,0 15px 20px #3e4d2c20;transition:width .65s var(--ease),height .65s var(--ease),border-radius .65s,transform .65s;container-type:inline-size}.device-chrome{height:20px;display:flex;align-items:center;gap:3px;padding-inline:6px;background:#f7f6ec;position:relative;transition:height .65s}.device-chrome>i{width:4px;height:4px;background:#c9ceba;border-radius:50%}.device-site{background:#f3f0e4;padding:16px 17px 20px;color:#555a48;min-height:100%;overflow:hidden}.device-nav{display:flex;align-items:center;justify-content:space-between;gap:5px}.device-nav>b{font:22px/1 var(--serif);letter-spacing:-.5px}.device-nav>span{font-size:6px;white-space:nowrap}.device-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;align-items:center}.device-content>div>p{font:40px/.95 var(--serif);letter-spacing:-.8px}.device-content>div>span{font-size:7px;display:block;margin-top:12px;line-height:1.5}.device-content>div>i{display:block;font-size:7px;font-style:normal;padding-top:11px;text-decoration:underline;text-underline-offset:4px}.device-picture{height:147px;overflow:hidden;border-radius:65px 65px 4px 4px}.device-picture>img{width:100%;height:100%;object-fit:cover}.device-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:25px}.device-lines>i{height:21px;background:#e4e4d4;border-radius:3px}
.device-stage[data-device=mobile] .device-frame{width:180px;height:318px;border-radius:26px;transform:rotate(-3deg);border-width:7px}.device-stage[data-device=mobile] .device-chrome{height:15px;justify-content:center;background:#f3f0e4}.device-stage[data-device=mobile] .device-chrome>i{display:none}.device-stage[data-device=mobile] .device-chrome:after{content:"";display:block;width:45px;height:8px;background:#313a2b;border-radius:20px}.device-stage[data-device=mobile] .device-site{padding:8px 15px}.device-stage[data-device=mobile] .device-nav>b{font-size:19px}.device-stage[data-device=mobile] .device-nav>span{display:none}.device-stage[data-device=mobile] .device-content{grid-template-columns:1fr;gap:16px;margin-top:17px}.device-stage[data-device=mobile] .device-content>div>p{font-size:31px}.device-stage[data-device=mobile] .device-content>div>span{font-size:7px;margin-top:8px}.device-stage[data-device=mobile] .device-content>div>i{padding-top:8px}.device-stage[data-device=mobile] .device-picture{height:100px;border-radius:40px 40px 2px 2px}.device-stage[data-device=mobile] .device-lines{display:none}
.process-panel{padding:36px 32px 25px;min-height:560px;background:radial-gradient(ellipse at top left,#f2e4cf,#ead5ba)}.process-panel>.section-title{font-size:52px}.process-panel>.section-title em{color:#a47c59}.process-panel>p{font-size:13px;line-height:1.65;color:#8a735a;max-width:280px;margin-top:20px}.process-notes{position:relative;z-index:2;margin:34px 0 20px}.process-note{display:flex;gap:12px;padding:17px 13px;border:1px solid #fffdf1;background:linear-gradient(110deg,#fffdf2,#f4efdd);border-radius:6px;box-shadow:0 2px 4px #694f3311,0 9px 12px -7px #694f3330;position:relative;transition:transform .4s var(--ease)}.process-note+.process-note{margin-top:13px}.process-note>svg{width:19px;height:19px;stroke:#80946a;border:1px solid #d9dfc7;background:#e9edda;padding:3px;border-radius:50%;margin-top:1px}.process-note b{font-size:12px;font-weight:500;display:block;line-height:1.3}.process-note div>span{font-size:9px;color:#8d8877;line-height:1.5;display:block;max-width:218px;margin-top:6px}.note-tag{position:absolute;right:12px;top:-7px;font-size:6px;color:#8e7c62;padding:2px 5px;border:1px solid #fef9dc;background:#f0e4ba;transform:rotate(4deg);border-radius:2px}.note-idea{transform:rotate(-3deg);width:94%;margin-left:1%}.note-design{transform:rotate(2deg);width:96%;margin-left:4%}.note-launch{transform:rotate(-1deg);width:96%}.process-panel:hover .note-idea{transform:rotate(-1deg) translateY(-2px)}.process-panel:hover .note-design{transform:rotate(0deg)}.process-panel:hover .note-launch{transform:rotate(1deg) translateY(2px)}.process-arrow{position:absolute;bottom:21px;right:15px;width:50px;height:50px;stroke:#a58b62;stroke-width:1;transform:rotate(-8deg)}.process-note path{stroke-dasharray:28;stroke-dashoffset:28}.process-panel.is-visible .note-idea path{animation:draw-check .65s .3s forwards}.process-panel.is-visible .note-design path{animation:draw-check .65s .55s forwards}.process-panel.is-visible .note-launch path{animation:draw-check .65s .8s forwards}

/* Portfolio is a compact, extensible list, separate from the studio introduction. */
.work-section{padding-block:118px 110px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.work-heading>p{font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:5px;padding-right:12px}.project-grid{display:grid;gap:22px}.project-card{border:1px solid #deded1;background:#efefe6;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;box-shadow:0 2px 3px #38462c08;transition:box-shadow .3s}.project-card:hover{box-shadow:0 7px 15px #38462c12}.project-preview{position:relative;background:radial-gradient(ellipse at 20% 10%,#deded2,#cfD3c5);padding:33px 39px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-browser{width:100%;border:4px solid #fffdf0;border-radius:8px;overflow:hidden;background:#fffdf0;box-shadow:0 2px 4px #25372323,0 18px 20px -10px #25372336;transform:rotate(-2deg);transition:transform .5s var(--ease)}.project-preview:hover .project-browser{transform:rotate(0deg) scale(1.02)}.project-chrome{height:19px;display:flex;align-items:center;gap:3px;padding-inline:5px;position:relative}.project-chrome>i{width:4px;height:4px;border-radius:50%;background:#cdd0c1}.project-chrome>span{position:absolute;left:50%;transform:translateX(-50%);font-size:6px;color:#8a9081}.project-browser>img{width:100%;height:auto;aspect-ratio:16/9}.project-visit{position:absolute;bottom:23px;right:20px;display:flex;align-items:center;gap:17px;padding:9px 13px;background:#fffef6e8;backdrop-filter:blur(6px);border:1px solid #fff;border-radius:30px;box-shadow:0 3px 6px #31412917;font-size:10px}.project-visit svg{width:13px;height:13px}
.project-info{padding:40px 42px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:22px}.project-info>div{grid-column:1/-1}.project-info h3{font:43px/1 var(--serif);letter-spacing:-1px}.project-info p{font-size:13px;line-height:1.6;color:#737965;margin-top:14px}.project-info>span{font-size:10px;color:#727961;align-self:end}.project-info>a{border-radius:50%;border:1px solid #d3d8c6;background:#f9f9ef;width:42px;height:42px;display:grid;place-items:center;transition:background .2s,transform .3s}.project-info>a>svg{width:17px;height:17px}.project-info>a:hover{background:#e2e8d4;transform:translate(2px,-2px)}

.faq-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;padding-bottom:112px}.faq-section>.section-title{font-size:52px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;padding-block:21px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;line-height:1;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 25px 24px 0;max-width:470px;animation:theme-arrive .3s var(--ease)}

.contact-panel{background:radial-gradient(ellipse at 70% 20%,#f7efca,#eee2a9);margin:0 16px;border-radius:30px;min-height:607px;padding:67px 12%;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}
.contact-copy{position:relative;z-index:4;text-align:center}.hello{font:italic 29px/1 var(--serif);color:#b97955;display:block;margin-bottom:19px}.contact-copy .section-title{font-size:69px}.contact-copy .section-title em{color:#7a805b}.contact-copy>p{font-size:14px;color:#8b865f;line-height:1.65;margin-top:20px}.project-types{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:24px;margin-bottom:21px}.project-types>button{border-radius:50px;font-size:10px;padding:8px 12px;min-height:34px;background:#e7ddb56b;border:1px solid #c4b98366;color:#8f815d;box-shadow:inset 0 1px 1px #fef6d0;transition:background .2s,box-shadow .2s}.project-types>button.is-active{background:#fffced;border-color:#fbf9dc;color:#626b47;box-shadow:0 2px 3px #8c7c4120,inset 0 1px 1px #fff}.contact-copy>.button{min-height:53px;gap:14px}.contact-copy .wa-icon{width:22px;height:22px}.copy-number{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px auto 0;padding:7px;background:transparent;font-size:10px;color:#8d855b;min-height:32px}.copy-number>svg{width:12px;height:12px}.copy-number>span{display:none}.copy-number:hover>span{display:inline}
.contact-decoration{height:350px;position:relative;width:100%;max-width:350px;margin:auto;transform:rotate(-8deg)}.envelope{position:absolute;left:5%;right:5%;height:195px;bottom:35px;background:linear-gradient(135deg,#d9dcbc,#bfc89e);border:1px solid #b7bf92;border-radius:4px;box-shadow:0 4px 8px #6e6d3e1a,0 25px 24px -14px #6e6d3e2b}.envelope:before{content:"";position:absolute;inset:-94px -1px auto;height:95px;background:linear-gradient(145deg,#c4cda3,#e1e5c8);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:5px}.envelope-note{position:absolute;left:13%;right:13%;height:235px;top:-104px;background:linear-gradient(135deg,#fffef2,#f3efdc);box-shadow:0 2px 6px #6e6d3e18;border:1px solid #fffdf1;border-radius:3px;padding:30px 21px;color:#707a55;font:37px/.95 var(--serif);transform:rotate(6deg);transition:transform .6s var(--ease)}.envelope-note>span{display:block;font-size:45px;margin:14px 0 0 60%}.envelope-front{position:absolute;inset:0;background:linear-gradient(145deg,#e2e6c9,#c4cfab);clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);border-radius:3px}.envelope-front:after{content:"";position:absolute;inset:30% 0 0;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#dae0bd,#bfcba3)}.contact-stamp{position:absolute;bottom:10px;left:-3px;padding:15px 13px;border:1px dashed #a89764;background:#f2dfab;color:#927e4e;box-shadow:0 5px 7px #8f7d4320;font:26px/.9 var(--serif);transform:rotate(-8deg)}.contact-panel:hover .envelope-note{transform:rotate(3deg) translateY(-10px)}
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding-block:45px 27px}.site-footer>.wordmark{font-size:35px}.site-footer>p{font-size:11px;color:#7a806f}.site-footer>a:last-of-type{font-size:11px;display:flex;gap:16px;align-items:center}.site-footer>a:last-of-type>span{font-size:18px;transition:transform .3s}.site-footer>a:last-of-type:hover>span{transform:translateY(-4px)}.site-footer>small{grid-column:1/-1;padding-top:17px;margin-top:10px;border-top:1px solid var(--line);font-size:9px;color:#8c9081}
.toast{position:fixed;z-index:99;bottom:26px;left:50%;translate:-50% 14px;max-width:calc(100% - 30px);padding:13px 20px;border-radius:12px;background:#2c3728f2;color:#fffef3;box-shadow:0 6px 20px #24311d30;opacity:0;pointer-events:none;font-size:12px;text-align:center;transition:translate .25s,opacity .25s}.toast.show{opacity:1;translate:-50% 0}

.reveal{transition:opacity .75s var(--ease),translate .75s var(--ease)}.motion-ready .reveal:not(.is-visible){opacity:0;translate:0 25px}
@keyframes fan-arrive{from{opacity:0;translate:0 48px}to{opacity:1;translate:0 0}}
@keyframes theme-arrive{from{opacity:.45;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes draw-check{to{stroke-dashoffset:0}}
.process-note>svg{stroke-dasharray:28;stroke-dashoffset:28}.process-panel.is-visible .note-idea>svg{animation:draw-check .65s .3s forwards}.process-panel.is-visible .note-design>svg{animation:draw-check .65s .55s forwards}.process-panel.is-visible .note-launch>svg{animation:draw-check .65s .8s forwards}

@media(min-width:1600px){.hero{margin:24px 24px 0;padding-top:155px}.hero-art{height:373px;margin-top:54px}.hero h1{font-size:112px}.site-header{top:42px}.contact-panel{margin-inline:24px;padding-inline:19%}.possibilities{padding-block:130px}}
@media(max-width:1100px){
  .wrap{width:calc(100% - 80px)}.hero{padding-top:137px}.hero h1{font-size:91px}.main-nav{margin-left:10px;gap:23px}.hero-art{width:89%;height:325px;margin-top:45px}.organic-site,.editorial-site,.spaces-site{height:213px}.organic-title{font-size:27px;top:58px}.editorial-copy{font-size:31px}.small-arch{width:90px;height:127px;right:25px}.paper-circle{width:64px;height:64px;right:0}.folded-square{width:48px;height:46px}.spaces-site>img{height:140px}.spaces-title{font-size:25px;left:23px}.art-doodle{left:-5px}.design-panel{gap:35px;padding:43px 42px 43px 25px;min-height:533px;grid-template-columns:1.1fr .9fr}.panel-copy>.section-title{font-size:54px}.panel-copy>p:not(.control-hint){font-size:13px}.design-stage{height:370px;padding-inline:8px}.sample-sheet-back{height:285px;top:36px}.sample-headline{font-size:37px}.sample-web{padding-inline:15px}.sample-main{min-height:207px}.sample-art{scale:.86;transform-origin:right bottom}.sample-nav>b{font-size:21px}.sample-nav>span{font-size:5px}.material-note{width:128px;padding:12px 14px;right:-3px;bottom:0}.material-note>span{font-size:19px}.material-swatches>i{width:25px}.theme-control{gap:5px}.theme-control button{font-size:10px;padding-inline:10px}.responsive-panel{padding-inline:27px}.panel-heading>.section-title{font-size:45px}.panel-heading>p{font-size:11px}.process-panel{padding-inline:26px}.process-panel>.section-title{font-size:47px}.experience-grid{gap:18px}.device-content{gap:14px}.device-content>div>p{font-size:35px}.process-note div>span{font-size:8px;max-width:180px}.process-note{padding:16px 11px;gap:9px}.process-notes{margin-top:39px}.process-panel>p{font-size:12px}.work-heading>.section-title{font-size:58px}.project-info{padding:30px}.project-info h3{font-size:39px}.project-info p{font-size:12px}.project-preview{padding:28px 31px}.faq-section{gap:42px}.faq-section>.section-title{font-size:47px}.contact-panel{padding-inline:8%;gap:25px}.contact-copy .section-title{font-size:64px}.contact-decoration{scale:.9}.contact-copy>.button{font-size:12px}
}
@media(max-width:850px){
  .wrap{width:calc(100% - 56px)}.site-header{width:calc(100% - 70px);padding-left:22px;gap:15px}.main-nav{font-size:11px;gap:19px;margin-left:0}.nav-contact{font-size:11px;padding-inline:15px;gap:16px}.hero h1{font-size:84px}.hero-art{height:300px;width:90%}.organic-site,.editorial-site,.spaces-site{height:184px}.card-foot{height:25px;font-size:7px}.fan-card{border-width:4px}.window-bar{height:18px}.window-bar>span{font-size:5px}.organic-top{font-size:23px;left:11px;right:11px}.organic-top>span{font-size:5px}.organic-title{font-size:23px;left:11px;top:53px}.sample-pill{left:11px;bottom:12px;font-size:5px}.editorial-site{padding:12px}.editorial-nav{font-size:22px}.editorial-nav>span{font-size:4px}.editorial-copy{font-size:27px;margin-top:19px}.small-arch{height:108px;width:73px;right:20px;top:22px}.small-arch:after{inset:22px 20px 0}.paper-circle{height:54px;width:54px;right:0;bottom:7px}.folded-square{height:38px;width:41px;bottom:0}.editorial-bottom{left:12px;right:12px;bottom:9px;font-size:4px}.spaces-site{padding-inline:10px}.spaces-nav{font-size:5px}.spaces-nav>span{font-size:4px}.spaces-site>img{top:30px;left:10px;width:calc(100% - 20px);height:127px}.spaces-title{left:18px;top:48px;font-size:22px}.spaces-index{font-size:4px;left:10px;right:10px;bottom:9px}.tiny-swatches>i{width:11px;height:9px}.art-doodle{top:-39px}.art-doodle>span{font-size:14px}.art-doodle svg{width:48px}.cut-lilac{height:157px}.cut-sage{height:140px}.exploration-caption{font-size:8px}.possibilities{padding-block:89px}.possibilities .section-title{font-size:57px}.service-links{gap:18px}.design-panel{gap:22px;padding:35px 30px 35px 18px;grid-template-columns:1.15fr .85fr;min-height:484px}.panel-copy>.section-title{font-size:44px}.panel-copy>p:not(.control-hint){font-size:11px;margin-top:18px}.design-stage{height:333px;padding-inline:6px}.sample-sheet-back{height:250px;top:35px}.sample-web{padding:15px 11px 0}.sample-nav>b{font-size:18px}.sample-nav>span{font-size:4px}.sample-main{min-height:193px;grid-template-columns:1fr .85fr}.sample-headline{font-size:34px;letter-spacing:-.7px}.sample-kicker{font-size:4px;letter-spacing:.5px}.sample-description{font-size:6px}.sample-cta{font-size:6px;padding:6px 8px;margin-top:15px;gap:10px}.sample-art{scale:.75;margin-right:-9px}.sample-footer{font-size:4px;padding-block:10px}.sample-chrome{height:23px;font-size:6px}.material-note{width:111px;padding:11px 12px}.material-note>span{font-size:17px}.material-swatches{margin-top:10px}.material-swatches>i{width:22px;height:14px}.theme-control{gap:4px;margin-top:22px}.theme-control button{font-size:9px;padding:7px 8px;gap:5px;min-height:36px}.theme-control button>span{width:7px;height:7px}.control-hint{font-size:16px;gap:5px}.control-hint svg{width:26px}.design-stage[data-theme=editorial] .sample-headline{font-size:32px}.design-stage[data-theme=audaz] .sample-headline{font-size:26px;letter-spacing:-1px}.experience-grid{gap:17px}.responsive-panel{padding:30px 22px 0;min-height:544px}.panel-heading{align-items:start;gap:10px}.panel-heading>.section-title{font-size:42px}.panel-heading>p{font-size:9px;padding-top:7px}.device-content{margin-top:22px;gap:12px}.device-content>div>p{font-size:29px}.device-site{padding-inline:13px}.device-picture{height:131px}.device-content>div>span{font-size:6px}.device-nav>b{font-size:18px}.device-nav>span{font-size:5px}.process-panel{padding:30px 22px 25px;min-height:544px}.process-panel>.section-title{font-size:42px}.process-panel>p{font-size:11px;margin-top:20px}.process-note b{font-size:11px}.process-note div>span{font-size:8px}.process-note>svg{height:17px;width:17px}.process-notes{margin-top:35px}.process-note{padding:14px 9px;gap:8px}.note-tag{font-size:5px}.work-section{padding-block:95px}.work-heading>.section-title{font-size:51px}.work-heading>p{font-size:11px}.project-info{padding:25px}.project-info h3{font-size:34px}.project-info p{font-size:11px}.project-info>span{font-size:8px}.project-preview{padding:27px}.project-visit{font-size:8px;padding:8px 10px;bottom:17px;right:14px;gap:12px}.project-info>a{width:36px;height:36px}.faq-section{gap:36px;padding-bottom:89px}.faq-section>.section-title{font-size:41px}.faq-list summary{font-size:11px}.faq-list details>p{font-size:11px}.contact-panel{padding-inline:5%;min-height:572px;gap:5px;grid-template-columns:.8fr 1.2fr}.contact-decoration{scale:.76;margin-left:-10px}.contact-copy .section-title{font-size:58px}.contact-copy>p{font-size:13px}.contact-copy>.button{font-size:11px;padding-inline:16px;gap:12px}.site-footer{gap:24px}.site-footer>p{font-size:10px}
}
@media(max-width:700px){
  html{scroll-padding-top:101px}.wrap{width:calc(100% - 36px)}.section-title{font-size:48px;letter-spacing:-1.3px}.site-header{top:23px;width:calc(100% - 48px);min-height:57px;padding:7px 9px 7px 19px;gap:10px}.site-header.is-scrolled{top:12px;min-height:55px}.wordmark{font-size:35px;letter-spacing:-2.7px}.main-nav{display:none}.nav-contact{margin-left:auto;min-height:40px;font-size:10px;padding:10px 14px;gap:14px}.nav-contact svg{width:12px;height:12px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:29px;min-height:40px;padding:9px 5px;background:transparent}.menu-toggle>span{width:16px;height:1px;background:#4a5342;transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .hero{margin:10px 10px 0;border-radius:24px;padding:117px 0 20px}.hero h1{font-size:clamp(59px,12.2vw,78px);letter-spacing:-1.8px;line-height:.94}.intro-line{font-size:9px;margin-bottom:20px;gap:7px}.intro-line>span{width:11px;height:11px}.hero-copy{font-size:12px;margin-top:21px}.hero-actions{gap:8px;margin-top:22px}.button{font-size:11px;padding:11px 13px;min-height:44px;gap:13px;border-radius:11px}.button svg{width:13px;height:13px}.hero-heading{padding-inline:9px}
  .hero-art{width:104%;height:249px;margin-top:46px;margin-left:-2%}.fan-card{width:43%;border-width:3px;border-radius:7px;top:14px}.card-organic{left:-1%;transform:translateX(calc(-6px * var(--fan))) rotate(calc(-10deg - 2deg * var(--fan)))}.card-editorial{left:28.5%;top:0;transform:translateY(calc(-5px * var(--fan))) rotate(-1deg)}.card-spaces{right:-1%;transform:translateX(calc(6px * var(--fan))) rotate(calc(10deg + 2deg * var(--fan)))}.organic-site,.editorial-site,.spaces-site{height:171px}.window-bar{height:14px;padding-inline:4px;gap:2px}.window-bar>i{width:3px;height:3px}.window-bar>span{font-size:4px}.card-foot{font-size:5px;height:20px;padding-inline:5px}.tiny-swatches{gap:2px}.tiny-swatches>i{width:9px;height:7px}.organic-top{left:8px;right:8px;top:10px;font-size:20px}.organic-top>span{font-size:3px}.organic-title{left:8px;top:50px;font-size:20px;letter-spacing:-.4px}.sample-pill{left:8px;font-size:4px;padding:5px 6px}.organic-site>img{object-position:62% center}.editorial-site{padding:10px}.editorial-nav{font-size:20px}.editorial-nav>span{display:none}.editorial-copy{font-size:25px;letter-spacing:-.4px;margin-top:17px}.editorial-objects{inset:27px 0 10px 36%}.small-arch{height:93px;width:65px;right:18px;top:25px}.small-arch:after{inset:20px 18px 0}.paper-circle{width:48px;height:48px;right:0;bottom:5px}.folded-square{width:36px;height:34px;left:-3px;bottom:-2px}.editorial-bottom{left:10px;right:10px;font-size:3px;bottom:9px}.editorial-bottom b{font-size:15px}.spaces-site{padding:10px 8px}.spaces-nav{font-size:4px;letter-spacing:.3px}.spaces-nav>span{display:none}.spaces-site>img{top:28px;left:8px;width:calc(100% - 16px);height:116px}.spaces-title{left:13px;top:45px;font-size:18px}.spaces-index{left:8px;right:8px;bottom:10px;font-size:3px}.spaces-index b{font-size:9px}.art-doodle{left:12%;top:-27px;gap:1px}.art-doodle>span{font-size:12px}.art-doodle svg{width:38px;height:27px}.cut-lilac{width:68%;left:-9%;height:157px;bottom:5px}.cut-sage{width:57%;right:-10%;height:144px;bottom:7px}.cut-butter{bottom:-21px;left:23%;height:100px;width:54%}.exploration-caption{font-size:7px;max-width:260px;margin:0 auto;line-height:1.6;padding-inline:10px}
  .possibilities{padding-block:76px 73px}.possibilities .section-title{font-size:49px}.possibilities .section-copy{font-size:12px;max-width:270px;margin:18px auto 0;line-height:1.6}.service-links{margin-top:27px;grid-template-columns:repeat(2,1fr);gap:12px 18px;max-width:310px}.service-links>a{font-size:11px;gap:8px;padding:12px 5px}.service-links svg{width:37px;height:37px}
  .design-panel{display:flex;flex-direction:column-reverse;gap:13px;padding:32px 25px 25px;min-height:0;border-radius:23px}.panel-copy{width:100%}.panel-copy>.section-title{font-size:49px}.panel-copy>p:not(.control-hint){font-size:12px;line-height:1.7;max-width:290px;margin-top:19px}.theme-control{margin-top:21px;gap:6px}.theme-control button{font-size:10px;min-height:37px;padding:8px 11px}.theme-control button>span{width:8px;height:8px}.control-hint{font-size:17px;margin-top:8px}.design-stage{width:100%;max-width:420px;height:337px;margin-top:11px;padding-inline:4px}.sample-sheet-back{height:257px;top:29px;width:92%;left:4%}.sample-browser{border-width:5px;border-radius:10px}.sample-chrome{height:23px;font-size:6px}.sample-nav>b{font-size:20px}.sample-nav>span{font-size:4px}.sample-web{padding:16px 13px 0}.sample-main{min-height:196px;grid-template-columns:1fr .8fr;gap:0}.sample-headline{font-size:36px;letter-spacing:-.9px;margin-top:15px}.sample-kicker{font-size:4px}.sample-description{font-size:6px}.sample-cta{margin-top:15px;font-size:6px}.sample-art{scale:.72;margin-right:-11px;margin-bottom:12px}.sample-footer{font-size:4px;padding-block:11px}.material-note{width:112px;bottom:0;right:-3px;padding:12px}.material-note>span{font-size:17px}.material-swatches>i{width:23px;height:15px}.design-stage[data-theme=editorial] .sample-headline{font-size:34px}.design-stage[data-theme=audaz] .sample-headline{font-size:28px}
  .experience-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.responsive-panel{padding:29px 25px 0;min-height:0;border-radius:23px}.panel-heading>.section-title{font-size:47px}.panel-heading>p{font-size:10px;padding-top:9px}.device-control{margin-top:26px;margin-bottom:18px}.device-control>button{font-size:10px;min-height:35px;padding-inline:13px}.device-stage{height:320px}.device-frame{height:281px;border-width:5px;border-radius:11px}.device-content{gap:12px;margin-top:27px}.device-nav>b{font-size:20px}.device-nav>span{font-size:4px}.device-site{padding:16px 13px}.device-content>div>p{font-size:33px}.device-content>div>span{font-size:6px}.device-picture{height:138px}.device-lines{margin-top:23px}.device-lines>i{height:20px}.device-stage[data-device=mobile] .device-frame{height:303px;width:173px}.device-stage[data-device=mobile] .device-content{margin-top:16px}.device-stage[data-device=mobile] .device-picture{height:90px}
  .process-panel{padding:32px 26px 35px;min-height:0;border-radius:23px}.process-panel>.section-title{font-size:49px}.process-panel>p{font-size:12px;margin-top:19px;max-width:260px}.process-notes{margin:34px 1% 16px}.process-note{padding:17px 13px;gap:10px}.process-note b{font-size:12px}.process-note div>span{font-size:9px;max-width:224px}.process-note>svg{width:19px;height:19px}.note-tag{font-size:6px}.process-arrow{right:18px;bottom:12px;width:42px;height:42px}
  .work-section{padding-block:76px}.work-heading{display:block;margin-bottom:28px;padding-inline:7px}.work-heading>.section-title{font-size:49px}.work-heading>p{font-size:12px;margin-top:19px;padding:0}.project-card{grid-template-columns:1fr;border-radius:19px}.project-preview{padding:29px 29px 34px;min-height:234px}.project-chrome{height:17px}.project-chrome>span{font-size:5px}.project-browser{border-width:4px}.project-info{padding:25px 25px 26px;gap:17px;grid-template-columns:1fr auto}.project-info>div{grid-column:1;grid-row:1}.project-info h3{font-size:33px}.project-info p{font-size:11px;margin-top:10px;max-width:190px}.project-info>span{grid-column:1;grid-row:2;font-size:8px}.project-info>a{grid-column:2;grid-row:1/3;width:38px;height:38px;align-self:center}.project-visit{bottom:18px;right:16px;font-size:9px;padding:8px 12px}
  .faq-section{grid-template-columns:1fr;gap:29px;padding:0 7px 75px}.faq-section>.section-title{font-size:45px}.faq-list summary{font-size:12px;padding-block:22px}.faq-list details>p{font-size:12px;padding-right:7px}
  .contact-panel{margin-inline:10px;border-radius:23px;display:flex;flex-direction:column-reverse;padding:35px 23px 16px;gap:17px;min-height:0}.contact-copy{width:100%}.hello{font-size:25px;margin-bottom:17px}.contact-copy .section-title{font-size:56px;letter-spacing:-1.3px}.contact-copy>p{font-size:12px;margin-top:19px}.project-types{gap:5px;margin-top:24px;margin-bottom:20px}.project-types>button{font-size:9px;padding:8px 10px;min-height:34px}.contact-copy>.button{font-size:11px;padding-inline:15px;gap:11px;min-height:49px}.contact-copy .wa-icon{width:20px;height:20px}.copy-number{font-size:9px;margin-top:13px}.contact-decoration{scale:.7;transform:rotate(-8deg);height:220px;width:260px;max-width:none;margin:-17px 0 -28px;transform-origin:center center}.envelope{height:147px;bottom:0}.envelope-note{height:199px;top:-78px;font-size:32px;padding:28px 18px}.envelope:before{height:84px;inset:-83px -1px auto}.contact-stamp{bottom:-17px;left:-12px;font-size:23px}.envelope-note>span{font-size:34px;margin-top:10px}
  .site-footer{grid-template-columns:1fr auto;padding:34px 6px 23px;gap:21px}.site-footer>.wordmark{font-size:32px}.site-footer>p{grid-column:1/-1;grid-row:2;font-size:10px}.site-footer>a:last-of-type{grid-column:2;grid-row:1;font-size:10px;gap:14px}.site-footer>small{font-size:8px;margin-top:0;padding-top:15px}.toast{font-size:11px;bottom:20px}
}
@media(max-width:370px){
  .hero-heading{padding-inline:7px}.hero h1{font-size:55px}.hero-copy{font-size:11px}.hero-actions{gap:6px}.hero-actions .button{font-size:10px;padding-inline:11px;gap:9px}.hero-art{height:221px;margin-top:46px}.organic-site,.editorial-site,.spaces-site{height:148px}.organic-title{font-size:17px;top:42px}.organic-top{font-size:17px}.editorial-copy{font-size:22px;margin-top:14px}.editorial-nav{font-size:18px}.small-arch{height:77px;width:54px;right:13px;top:22px}.small-arch:after{inset:17px 16px 0}.paper-circle{width:39px;height:39px}.folded-square{width:29px;height:28px}.spaces-site>img{height:96px;top:26px}.spaces-title{font-size:16px;top:39px}.spaces-index{bottom:8px}.cut-lilac{height:140px}.cut-sage{height:127px}.exploration-caption{font-size:6px}.design-panel{padding-inline:21px}.panel-copy>.section-title{font-size:45px}.theme-control{gap:4px}.theme-control button{font-size:9px;padding-inline:9px}.design-stage{height:312px}.sample-main{min-height:179px}.sample-headline{font-size:31px}.sample-art{scale:.61;margin-right:-12px}.sample-nav>b{font-size:18px}.sample-description{font-size:5px;max-width:110px}.sample-cta{font-size:5px}.sample-sheet-back{height:231px;top:31px}.design-stage[data-theme=editorial] .sample-headline{font-size:30px}.design-stage[data-theme=audaz] .sample-headline{font-size:24px}.material-note{width:101px}.material-note>span{font-size:16px}.material-swatches>i{width:20px;height:13px}.panel-heading>.section-title{font-size:42px}.panel-heading>p{font-size:8px}.responsive-panel{padding-inline:22px}.device-content>div>p{font-size:29px}.device-content{gap:8px}.device-picture{height:128px}.device-nav>b{font-size:18px}.device-nav>span{font-size:3px}.process-panel>.section-title{font-size:44px}.process-panel{padding-inline:22px}.process-note{padding-inline:10px}.process-note div>span{font-size:8px}.work-heading>.section-title{font-size:44px}.project-preview{min-height:200px;padding-inline:23px}.project-info{padding-inline:23px}.project-info h3{font-size:31px}.faq-section>.section-title{font-size:41px}.contact-copy .section-title{font-size:49px}.contact-panel{padding-inline:16px}.contact-copy>.button{font-size:10px;padding-inline:12px;gap:9px}.project-types>button{font-size:8px;padding-inline:9px}.contact-decoration{scale:.65;margin-top:-14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;translate:none!important}.fan-card{will-change:auto}.hero-art{--fan:0!important}.process-note>svg,.process-note path{stroke-dashoffset:0}.design-panel:hover .sample-browser{transform:rotate(-2deg)}.contact-panel:hover .envelope-note{transform:rotate(6deg)}
}
.exploration-caption{font-size:10px;color:#686f5b}
.panel-heading>p{color:#58664b}
.process-panel>p{color:#715c44}
.process-note div>span{color:#716c5e}
.theme-control button{color:#62536b;font-size:11px;min-height:40px}
.device-control>button{color:#58684a}
.project-info p,.project-info>span{color:#646b59}
.contact-copy>p{color:#77714f}
.copy-number{color:#77704a}
.project-types>button{color:#746747}
.site-footer>p,.site-footer>small{color:#686f5f}
@media(min-width:701px) and (max-width:850px){
  .panel-copy>p:not(.control-hint){font-size:12px}
  .theme-control button{padding-inline:9px}
}
@media(max-width:700px){
  .exploration-caption{font-size:9px;max-width:290px}
  .hero-actions .button{font-size:12px}
  .theme-control button{font-size:11px;min-height:40px}
  .device-control>button{font-size:11px;min-height:38px}
  .project-types>button{font-size:10px;min-height:37px}
  .contact-copy>.button{font-size:12px}
}
@media(max-width:370px){
  .exploration-caption{font-size:8px;max-width:245px}
  .hero-actions .button{font-size:10px}
  .theme-control button{font-size:10px;padding-inline:9px}
  .contact-copy>.button{font-size:10px}
  .project-types>button{font-size:9px}
}