@charset "UTF-8";
:root{--paper:#eeefe9;--ink:#20221e;--muted:#70736b;--line:#cccec5;--lime:#d0fa44}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5c6f25;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1440px,100% - 112px);margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:800;letter-spacing:-1.8px;line-height:.85;display:inline-block}.logo span{display:block;font-size:14px;letter-spacing:-.4px;margin-top:8px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-contact{font-size:14px;border-bottom:1px solid var(--ink);padding:10px 0}.header-contact span{margin-left:28px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em}.dot{width:8px;height:8px;background:var(--ink);border-radius:50%;display:inline-block}.hero{padding-top:42px;padding-bottom:80px}.hero-index{margin-left:auto;color:var(--muted)}h1{font-size:clamp(62px,7.7vw,120px);font-weight:500;line-height:1.04;letter-spacing:-.075em;margin:64px 0 46px;position:relative}.design-word{position:relative;white-space:nowrap}.design-word svg{position:absolute;width:103%;height:26px;left:-1%;bottom:-17px;overflow:visible}.design-word path{stroke:#8da629;stroke-width:6;fill:none}.hero-star{display:inline-block;color:#a6c93d;font-size:1.25em;position:absolute;right:2%;bottom:-.06em;line-height:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:16px;line-height:1.6;margin:0}.circle-link{display:flex;align-items:center;gap:26px;font-size:13px}.circle-link b{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;font-size:24px;font-weight:400;transition:background .2s}.circle-link:hover b{background:var(--lime)}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-top h2{font-size:18px;font-weight:500;margin:0;letter-spacing:-.5px}.section-top>span,.section-tag{font-size:11px;color:var(--muted);letter-spacing:.04em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px}.project{padding:0;border:0;background:none;text-align:left;min-width:0}.wide{grid-column:1/-1}.art{display:block;position:relative;overflow:hidden;height:460px;isolation:isolate}.wide .art{height:560px}.project-open{position:absolute;right:22px;top:22px;display:grid;place-items:center;background:var(--paper);border-radius:50%;width:40px;height:40px;font-size:22px;transition:transform .25s}.project:hover .project-open{transform:rotate(45deg)}.art-forma{background:#dad9cf;padding:40px;color:#3c4035}.art-label{font-size:56px;font-weight:500;letter-spacing:-3px}.art-label small{display:block;font-size:11px;letter-spacing:.05em;margin-top:10px}.art-bottom{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.sculpture{position:absolute;left:50%;top:48%;width:410px;height:340px;transform:translate(-30%,-40%) rotate(-13deg);filter:drop-shadow(20px 40px 20px #5c624e38);transition:transform .7s}.project:hover .sculpture{transform:translate(-30%,-40%) rotate(-6deg)}.sculpture i{position:absolute;display:block;width:390px;height:108px;border-radius:100px;background:linear-gradient(175deg,#e3e5cf 1%,#b4b9a0 35%,#717d61 70%,#43503a);box-shadow:inset -8px -8px 18px #31412b44,inset 8px 5px 15px #f1f3df99}.sculpture i:nth-child(1){top:10px;transform:rotate(35deg)}.sculpture i:nth-child(2){top:110px;transform:rotate(-35deg)}.sculpture i:nth-child(3){top:210px;transform:rotate(35deg)}.project-meta{display:flex;justify-content:space-between;gap:16px;padding-top:18px;align-items:baseline}.project-meta strong{font-size:16px;font-weight:500;letter-spacing:-.4px}.project-meta>span{font-size:11px;color:var(--muted)}.art-shift{background:var(--lime);padding:30px}.shift-top{font-size:10px;letter-spacing:.07em;line-height:1.5}.shift-name{position:absolute;top:24%;left:8%;font-size:clamp(75px,10vw,160px);font-weight:800;letter-spacing:-.08em;z-index:2}.shift-name>span{font-size:.65em;margin-left:12px}.shift-orbit{position:absolute;width:450px;height:180px;border:34px solid #25291e;border-radius:50%;transform:rotate(-30deg);bottom:-25px;left:70px;box-shadow:0 0 0 1px #25291e}.art-shift .art-bottom{z-index:2}.art-mono{background:#7c352b}.mono-caption{position:absolute;top:35px;left:32px;color:#f4b79c;font-size:9px;letter-spacing:.12em}.coffee-bag{position:absolute;top:54%;left:50%;width:196px;height:286px;background:linear-gradient(100deg,#e07e55,#f5a574 30%,#f8ac7c 75%,#ce714b);transform:translate(-50%,-50%) rotate(12deg);box-shadow:22px 27px 28px #321b194d,inset 0 12px 0 #b5593955,inset 0 -14px 0 #a5533c44;padding:35px 20px;color:#592c25;transition:transform .5s}.project:hover .coffee-bag{transform:translate(-50%,-50%) rotate(5deg)}.coffee-bag>span{display:block;font-size:54px;font-weight:800;letter-spacing:-5px}.coffee-bag small{display:block;font-size:16px;font-weight:bold;line-height:1.1;margin-top:30px}.coffee-bag b{position:absolute;bottom:28px;font-size:7px;letter-spacing:1px}.art-mono .art-bottom{color:#f4b79c}.concept-note{font-size:11px;color:var(--muted);margin:26px 0 0;line-height:1.6}.studio{display:grid;grid-template-columns:1fr 2.4fr;gap:32px;padding-top:120px;padding-bottom:100px}.studio>.section-tag{padding-top:14px}.studio h2{font-size:clamp(44px,5vw,76px);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:0 0 38px}.studio h2 em{font-family:Georgia,serif;font-weight:400}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:800px}.studio-copy p{font-size:15px;line-height:1.7;margin:0}.principles{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.principles span{border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:10px}.services{padding-bottom:100px}.services .section-top{margin-bottom:36px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:40px;padding:29px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted)}summary h3{font-size:clamp(21px,2.8vw,40px);font-weight:400;letter-spacing:-.05em;margin:0}.plus{margin-left:auto;font-size:27px;font-weight:300}details[open] .plus{transform:rotate(45deg)}.service-description{padding:0 58px 30px;max-width:730px}.service-description p{font-size:15px;line-height:1.6;margin:0 0 18px}.service-description>span{font-size:11px;color:var(--muted)}.process{padding-bottom:110px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:18px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:11px;color:var(--muted)}.steps h3{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:24px 0 15px}.steps p{font-size:14px;line-height:1.7;max-width:310px;color:#5d6158}.contact{background:var(--lime);padding:54px 0 60px}.contact h2{font-size:clamp(52px,7.5vw,114px);letter-spacing:-.075em;line-height:1.02;font-weight:400;margin:44px 0;position:relative}.contact h2>span:not(.contact-arrow){font-family:Georgia,serif;font-style:italic;letter-spacing:-.06em}.contact-arrow{position:absolute;right:2%;top:0}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{font-size:14px;line-height:1.6;margin:0}.contact-button{background:var(--ink);color:var(--paper);border:0;padding:20px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-radius:3px;font-size:14px}.contact-button:hover{background:#414738}footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:28px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}footer .logo{font-size:25px}footer .logo span{font-size:12px}dialog{background:var(--paper);border:0;border-radius:6px;padding:48px;width:min(600px,calc(100% - 32px));max-height:85vh;color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#171c17b3;backdrop-filter:blur(6px)}dialog h2{font-size:36px;font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:26px 0 22px}dialog p,dialog li{font-size:15px;line-height:1.7}dialog ul{padding-left:20px;margin:22px 0 28px}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px;padding:5px 10px}#project-tags{font-size:12px;color:var(--muted);margin:24px 0}.text-button{border:0;border-bottom:1px solid;background:none;padding:12px 0;font-size:14px}.small{font-size:11px!important;color:var(--muted);margin-bottom:0}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){h1{font-size:130px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-star{right:0;font-size:1em}.project-meta{flex-direction:column;gap:7px}.wide .art{height:470px}.art{height:380px}.studio{grid-template-columns:1fr 3fr}.studio-copy{grid-template-columns:1fr;gap:16px}footer>span:first-of-type{display:none}.shift-orbit{left:10px}.shift-name{top:32%}.contact h2{font-size:8.5vw}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:86px}.logo{font-size:26px}.header nav{gap:16px;font-size:12px}.header nav a:nth-child(2){display:none}.header-contact{font-size:0;border:0;padding:0}.header-contact span{font-size:26px;margin:0}.hero{padding:30px 0 54px}.eyebrow{font-size:10px}.hero-index{display:none}h1{font-size:clamp(43px,9.7vw,64px);margin:48px 0 38px}.hero-star{display:none}.design-word svg{bottom:-12px;height:20px}.hero-bottom{align-items:start;gap:28px;flex-direction:column}.hero-bottom p{font-size:14px}.circle-link{align-self:flex-end;font-size:12px;gap:15px}.circle-link b{width:42px;height:42px}.section-top{gap:18px;align-items:start}.section-top h2{font-size:16px}.section-top>span{font-size:9px;text-align:right;max-width:130px;line-height:1.5}.project-grid{grid-template-columns:1fr;gap:28px}.wide{grid-column:auto}.wide .art,.art{height:370px}.art-forma{padding:28px}.art-label{font-size:42px}.sculpture{transform:translate(-42%,-22%) rotate(-13deg) scale(.72)}.project:hover .sculpture{transform:translate(-42%,-22%) rotate(-6deg) scale(.72)}.art-bottom{left:24px;right:24px;bottom:22px;font-size:8px}.art-bottom>span{display:none}.project-meta strong{font-size:15px}.shift-name{font-size:110px;top:25%}.shift-orbit{left:30px;bottom:-30px;width:370px;height:150px;border-width:29px}.coffee-bag{width:174px;height:260px}.studio{padding-top:70px;padding-bottom:65px;grid-template-columns:1fr;gap:24px}.studio h2{font-size:49px;margin-bottom:27px}.studio-copy p{font-size:14px}.principles{gap:6px}.principles span{font-size:9px;padding:8px 10px}.services{padding-bottom:65px}summary{gap:18px;padding:24px 0}summary h3{font-size:23px;max-width:250px}.service-description{padding:0 0 25px 32px}.service-description p{font-size:14px}.service-description>span{line-height:1.7;display:block}.process{padding-bottom:65px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{margin:16px 0 10px}.steps p{max-width:none;margin-bottom:0}.contact{padding:38px 0}.contact h2{font-size:12vw;margin:34px 0}.contact-arrow{right:0;font-size:.65em}.contact-bottom{align-items:start;flex-direction:column;gap:26px}.contact-button{width:100%;padding:18px 20px}footer{padding-block:30px;flex-wrap:wrap;min-height:120px;gap:24px}footer>span{margin-left:auto}footer>a:last-child{width:100%;text-align:right}dialog{padding:38px 26px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}