@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f3ed;--ink:#252720;--muted:#686a60;--orange:#f45b35;--line:#d7d7ce;--lime:#d9e8a2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line)}.logo{font-size:35px;font-weight:700;letter-spacing:-2px}.logo span{font-size:12px;vertical-align:top;line-height:30px;margin-left:3px}nav{display:flex;gap:34px;font-size:14px;align-items:center}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:12px 21px}.nav-contact span{margin-left:20px}nav a:hover{color:var(--orange)}.hero{padding-top:43px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition{font-size:10px;font-weight:600;letter-spacing:1.5px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.edition{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1fr 325px;gap:50px;align-items:center;padding:47px 0 53px}h1{font-size:clamp(55px,6.6vw,91px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin:0 0 25px}.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}.orange{color:var(--orange)}.intro{max-width:450px;font-size:18px;line-height:1.6;margin:0}.aside{font-size:12px;color:var(--muted);margin:17px 0 29px}.button{display:inline-flex;background:var(--ink);color:white;border-radius:30px;padding:17px 24px;font-size:13px;gap:32px;transition:background .2s,transform .2s}.button:hover{background:var(--orange);transform:translateY(-3px)}.portrait{margin:0;position:relative;transform:rotate(3deg)}.photo-placeholder{background:#e7e8df;height:352px;position:relative;overflow:hidden}.photo-placeholder svg{width:100%;height:100%;padding-top:30px}.photo-corner{position:absolute;top:17px;left:17px;font:8px monospace;letter-spacing:1px}.portrait-note{position:absolute;bottom:16px;left:16px;background:var(--paper);padding:9px 12px;font-size:10px}figcaption{display:flex;justify-content:space-between;font-size:11px;padding:13px 0}.sticker{position:absolute;right:-24px;bottom:43px;background:var(--orange);color:var(--paper);height:101px;width:101px;border-radius:50%;display:grid;align-content:center;text-align:center;font-size:15px;transform:rotate(10deg)}.sticker em{font-family:Georgia,serif}.availability{display:flex;align-items:center;font-size:11px;border-top:1px solid var(--line);padding:23px 0 26px}.availability .dot{background:#759245}.availability-arrow{margin-left:auto;font-size:20px}.ticker{display:flex;gap:45px;justify-content:center;align-items:center;padding:20px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:1.6px;overflow:hidden;white-space:nowrap}.ticker b{color:var(--lime);font-size:24px;font-weight:400}.section{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:38px}.section-heading>.eyebrow{width:100%;margin-bottom:9px}h2{font-size:clamp(40px,4.3vw,60px);font-weight:500;line-height:1.09;letter-spacing:-2.7px;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 5px}.project{min-width:0}.bike-art{background:var(--lime);padding:27px 34px 25px;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center}.art-top span:first-child{font-size:24px;font-weight:700;letter-spacing:-1px}.art-top span:last-child{font-size:9px;letter-spacing:1px}.bike-art svg{display:block;width:66%;height:290px;margin:0 auto;transition:transform .5s}.bike-art:hover svg{transform:translateX(18px) rotate(-3deg)}.art-bottom{font-size:10px;line-height:1.5;letter-spacing:1px}.round-arrow{border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:24px}.project-info{padding:28px 0 0}h3{font-size:25px;letter-spacing:-.9px;font-weight:500;margin:12px 0}p{line-height:1.75}.project-info p{font-size:14px;color:var(--muted);max-width:550px;margin:0 0 18px}.featured .project-info{display:grid;grid-template-columns:1fr 310px;gap:55px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;padding:7px 11px;border:1px solid var(--line);border-radius:20px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:62px}.seen-art,.shop-art{height:345px;position:relative;overflow:hidden;padding:28px}.seen-art{background:#dcdce9;color:#34334a}.seen-art>div{font-size:100px;line-height:1;font-weight:500;letter-spacing:-7px;margin-top:67px}.seen-dot{font-size:64px;vertical-align:top;display:inline-block;transition:transform .5s}.seen-art:hover .seen-dot{transform:rotate(90deg)}.seen-art p{font-size:11px;margin-top:21px}.shop-art{background:#e8d2c0}.receipt{width:235px;background:#fffdf3;margin:20px auto 0;padding:23px 18px;transform:rotate(-7deg);box-shadow:0 10px 25px #6354451a;font:9px monospace}.receipt>span{font-size:10px}.receipt hr{border:0;border-top:1px dashed #b6b2a9;margin:17px 0}.receipt p{display:flex;justify-content:space-between;margin:8px 0}.receipt-total{font-weight:bold;font-size:14px}.barcode{height:30px;background:repeating-linear-gradient(90deg,#333 0 2px,transparent 2px 4px,#333 4px 5px,transparent 5px 8px);margin:20px 0 10px}.receipt small{font-size:6px}.failed-stamp{position:absolute;right:28px;bottom:48px;background:var(--orange);color:var(--paper);font-size:27px;line-height:.9;padding:14px;transform:rotate(9deg)}.failed-stamp em{font-family:Georgia,serif;font-size:17px}details{border-bottom:1px solid var(--line);margin-top:26px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.detail-body{padding:0 0 20px}.detail-body h4{font-size:12px;font-weight:600}.detail-body p{font-size:13px}.about{background:#eeece4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.about h2{margin-top:30px}.scribble{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#bc4b30;font-size:24px;transform:rotate(-5deg);margin-top:50px}.about-copy .large{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin-top:0}.about-copy p{font-size:14px;color:var(--muted)}.experience{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.experience span{border:1px solid #c9c9be;border-radius:3px;padding:9px 11px;font-size:10px}.experience .current{background:var(--ink);color:var(--paper)}.care>.eyebrow{display:block;margin-bottom:28px}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:50px}.care-grid article{border-top:1px solid var(--line);padding-top:26px}.care-icon{font-size:43px;color:var(--orange);height:60px;display:block;line-height:1}.care-grid h3{font-size:20px}.care-grid p{font-size:13px;color:var(--muted)}.ping{border:0;background:none;cursor:pointer;padding:0;transition:transform .3s}.ping:hover{transform:rotate(-25deg)}.ping.playing{animation:ping .6s ease-in-out 3}#ping-status{font-size:10px;color:var(--muted)}@keyframes ping{50%{transform:rotate(65deg) translateX(12px)}}.skills{padding-top:0;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.skills h2{margin-top:28px}.skill-list>div{border-bottom:1px solid var(--line);padding:20px 0}.skill-list>div:first-child{padding-top:0}.skill-list span{font-size:10px;color:var(--muted)}.skill-list p{font-size:16px;margin:10px 0 0}.skill-list small{display:block;margin-top:20px;font-size:10px;color:var(--muted)}.now{background:var(--lime);padding:49px 52px;margin-bottom:105px;position:relative}.now h2{margin:24px 0;font-size:45px}.now>p{font-size:14px;max-width:650px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:5px;font-size:13px;margin-top:12px}.contact{background:var(--orange);padding-bottom:0}.contact h2{margin:29px 0 35px;font-size:clamp(42px,5.2vw,73px)}.contact-link{display:inline-flex;gap:65px;border-bottom:2px solid;padding-bottom:12px;font-size:22px}.contact>div>p{font-size:12px;margin-top:25px}footer{margin-top:90px;border-top:1px solid #25272055;display:flex;align-items:center;justify-content:space-between;padding:28px 0}footer>span,footer>a:last-child{font-size:10px}.skip{position:absolute;left:15px;top:-70px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:10px}::selection{background:var(--orange);color:white}
@media(min-width:1500px){.hero-grid{padding-top:65px;padding-bottom:70px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.hero-grid{grid-template-columns:1fr 260px;gap:35px}h1{font-size:65px;letter-spacing:-3.5px}.photo-placeholder{height:315px}.intro{font-size:16px}.sticker{right:-13px;width:83px;height:83px;font-size:13px}.featured .project-info{grid-template-columns:1fr 260px;gap:30px}.bike-art svg{width:80%}.seen-art>div{font-size:80px}.seen-dot{font-size:42px}.about-grid{gap:40px}.care-grid{gap:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:85px}.logo{font-size:29px}nav{gap:18px;font-size:11px}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:5px}.hero{padding-top:26px}.edition{display:none}.eyebrow{font-size:9px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;padding:34px 0;gap:40px}h1{font-size:clamp(48px,10vw,70px);letter-spacing:-3px;line-height:1.08}.intro{max-width:350px}.portrait{width:245px;justify-self:center;margin:0 0 5px}.photo-placeholder{height:260px}.photo-corner{font-size:7px}.portrait-note{font-size:8px}.sticker{right:-24px;bottom:30px}.availability{align-items:flex-start;line-height:1.7;font-size:10px}.availability>.dot{margin-top:5px;flex-shrink:0}.availability-detail{display:block}.ticker{justify-content:flex-start;gap:23px;padding:14px 20px;font-size:9px}.ticker b{font-size:20px}.section{padding-top:67px;padding-bottom:67px}h2{font-size:43px;letter-spacing:-2px}.section-heading>p{font-size:12px}.bike-art{padding:20px}.art-top span:first-child{font-size:20px}.art-top span:last-child{font-size:7px}.bike-art svg{width:100%;height:195px}.art-bottom{font-size:8px}.featured .project-info{grid-template-columns:1fr;gap:0}.project-info h3{font-size:24px}.project-pair{grid-template-columns:1fr;gap:38px;margin-top:38px}.seen-art,.shop-art{height:320px}.seen-art>div{font-size:95px}.about-grid{grid-template-columns:1fr;gap:42px}.scribble{margin-top:30px;font-size:21px}.about-copy .large{font-size:21px}.care-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.care-icon{height:48px}.care-grid h3{margin-top:10px}.skills{grid-template-columns:1fr;padding-top:0;gap:35px}.skill-list p{font-size:15px}.now{padding:31px 26px;margin-bottom:67px}.now h2{font-size:36px}.now>p{font-size:13px}.contact h2{font-size:44px}.contact-link{font-size:18px;gap:25px}footer{margin-top:58px;flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;font-size:9px}.contact.section{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}