:root{--ink:#0d0d0d;--charcoal:#4d4d4d;--paper:#dedede;--orange:#f29f04;--gold:#f2b705;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 clamp(20px,4vw,64px);position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;border-bottom:1px solid rgba(222,222,222,.16);gap:32px}.brand{font-family:var(--serif);font-weight:800;font-size:20px;line-height:.68;letter-spacing:-1px;display:flex;flex-direction:column;width:82px}.brand span+span{font-style:italic}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,30px);margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--gold)}.header-cta{border:1px solid var(--orange);background:var(--orange);padding:11px 14px;color:var(--ink);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:background .2s}.header-cta:hover{background:var(--gold)}.header-cta span,.button span{font-size:16px;vertical-align:-1px;margin-left:7px}.menu-toggle{display:none}.hero{min-height:100svh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;isolation:isolate;padding:120px 20px 80px;background:linear-gradient(90deg,#0d0d0dd9,#0d0d0d52,#0d0d0dc7),linear-gradient(0deg,rgba(13,13,13,.75),transparent 55%),url(https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=2200&q=85) center/cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,transparent 0 25%,rgba(13,13,13,.52) 82%);z-index:-1}.hero-content{max-width:740px}.eyebrow,.section-index{font:500 10px var(--mono);letter-spacing:1.6px;text-transform:uppercase}.eyebrow{color:var(--gold);margin:0 0 20px}.hero h1{font:800 clamp(92px,15vw,220px)/.65 var(--serif);letter-spacing:-11px;margin:15px 0 43px}.hero h1 em,h2 em{font-weight:600}.hero-rule,.manifesto-foot{display:flex;align-items:center;gap:15px;justify-content:center}.hero-rule span,.manifesto-foot span{width:44px;height:1px;background:var(--orange)}.hero-rule p{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin:0}.hero-copy{font-size:clamp(17px,2vw,22px);margin:28px 0 36px;color:#f3f3f3}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{padding:15px 19px;text-transform:uppercase;font:500 10px var(--mono);letter-spacing:.7px;display:inline-block;transition:all .2s}.button-primary{background:var(--orange);color:var(--ink);border:1px solid var(--orange)}.button-primary:hover{background:var(--gold);border-color:var(--gold)}.button-outline{border:1px solid var(--orange);color:var(--paper)}.button-outline:hover{background:var(--orange);color:var(--ink)}.scroll-cue{position:absolute;bottom:27px;display:flex;align-items:center;gap:10px;font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#aaa}.scroll-cue span{display:block;width:33px;height:1px;background:var(--gold)}.duality{display:grid;grid-template-columns:1fr 1px 1fr;min-height:700px;background:var(--ink)}.duality-card{min-height:700px;display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(28px,6vw,105px);position:relative;isolation:isolate;background-size:cover;background-position:center;overflow:hidden}.duality-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0d0d0d70,#0d0d0d33 40%,#0d0d0df0)}.cafe-card{background-image:url(https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=85)}.tattoo-card{background-image:url(https://images.unsplash.com/photo-1565058379802-bbe93b2f703e?auto=format&fit=crop&w=1200&q=85)}.section-index{color:#9a9a9a;margin:0}.duality-copy{max-width:390px}.duality h2,h2{font:700 clamp(55px,7vw,105px)/.86 var(--serif);letter-spacing:-4px;margin:0 0 20px}.duality-copy>p:not(.eyebrow){font-size:18px;max-width:310px}.text-link{color:var(--gold);font:500 11px var(--mono);letter-spacing:.8px;text-transform:uppercase;display:inline-block;margin-top:13px}.text-link span{font-size:19px;vertical-align:-2px;margin-left:5px}.duality-divider{display:flex;flex-flow:column;align-items:center;gap:12px;z-index:1;background:var(--ink);color:var(--gold);padding:70px 0}.duality-divider i{display:block;width:1px;flex:1;background:var(--gold)}.duality-divider b{font-size:11px}.manifesto{background:var(--paper);color:var(--ink);min-height:625px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:75px 25px}.manifesto-mark{font-size:31px;color:var(--orange);margin-bottom:20px}.manifesto .eyebrow{color:var(--charcoal)}.manifesto h2{font-size:clamp(44px,6.3vw,93px);line-height:.92;letter-spacing:-3.5px;margin:0}.manifesto h2 em{color:var(--charcoal)}.manifesto-foot{margin-top:36px}.manifesto-foot p{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:1.7px}.manifesto-foot span{background:var(--orange)}.split-section{padding:clamp(85px,11vw,165px) clamp(20px,7vw,112px);display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:70px;overflow:hidden}.section-intro{max-width:420px}.section-intro>p:not(.eyebrow):not(.section-index){font-size:19px;color:#bdbdbd;max-width:310px;margin:0 0 32px}.section-intro .button{margin-top:10px}.product-rail{display:flex;gap:12px;overflow-x:auto;padding:23px 0 15px;scroll-snap-type:x mandatory}.product-rail::-webkit-scrollbar{height:3px}.product-rail::-webkit-scrollbar-thumb{background:var(--orange)}.product-card{flex:0 0 205px;min-height:282px;border:1px solid var(--charcoal);padding:23px 21px;display:flex;flex-direction:column;scroll-snap-align:start;transition:transform .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);border-color:var(--orange)}.product-card span,.artist-number{font:10px var(--mono);color:var(--gold)}.product-card h3{font:600 28px var(--serif);margin:auto 0 5px;letter-spacing:-1px}.product-card p{font-size:14px;color:#aaa;margin:0}.product-card strong{color:var(--gold);font:500 14px var(--mono);margin-top:27px}.product-card.feature{background:var(--orange);color:var(--ink);border-color:var(--orange);transform:translateY(-24px)}.product-card.feature span,.product-card.feature strong{color:var(--ink)}.product-card.feature p{color:#292929}.tattoo-section{padding:35px clamp(20px,7vw,112px) 135px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:68px}.section-heading>div:last-child{max-width:470px}.section-heading>div:last-child>p{font-size:18px;color:#bdbdbd;max-width:360px}.tattoo-gallery{display:grid;grid-template-columns:1.2fr .8fr 1fr .9fr;grid-template-rows:420px;gap:10px}.gallery-item{position:relative;overflow:hidden;display:flex;align-items:end;padding:20px;background-size:cover;background-position:center;isolation:isolate}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,13,13,.92),transparent 60%);z-index:-1;transition:background .3s}.gallery-item:after{content:"";position:absolute;inset:0;background:inherit;z-index:-2;transition:transform .5s}.gallery-item:hover:after{transform:scale(1.05)}.gallery-item span{font:600 25px var(--serif);letter-spacing:-1px}.gallery-item b{font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--gold);position:absolute;right:16px;bottom:24px;opacity:0;transform:translate(-9px);transition:all .25s}.gallery-item:hover b{opacity:1;transform:none}.one{background-image:url(https://images.unsplash.com/photo-1598371839696-5c5bb00bdc28?auto=format&fit=crop&w=900&q=85)}.two{background-image:url(https://images.unsplash.com/photo-1542726991-2c6b9a30ca74?auto=format&fit=crop&w=900&q=85)}.three{background-image:url(https://images.unsplash.com/photo-1611501275019-9b5cda994e8d?auto=format&fit=crop&w=900&q=85)}.four{background-image:url(https://images.unsplash.com/photo-1590246814883-57c5115a3f32?auto=format&fit=crop&w=900&q=85)}.artists{background:#171717;padding:clamp(85px,11vw,150px) clamp(20px,7vw,112px)}.artists-header{max-width:620px;margin-bottom:55px}.artists-header>p:last-child{color:#bdbdbd;font-size:18px;max-width:400px}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.artist-photo{aspect-ratio:4/5;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.1);transition:filter .3s,transform .4s}.artist:hover .artist-photo{filter:grayscale(0);transform:scale(1.025)}.artist{overflow:hidden}.artist-number{margin:16px 0 8px}.artist h3{font:600 30px var(--serif);letter-spacing:-1px;margin:0}.artist>p:not(.artist-number){font:11px var(--mono);color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:5px 0 9px}.artist a{font:10px var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:1px}.diego{background-image:url(https://images.unsplash.com/photo-1562962230-16e4623d36e6?auto=format&fit=crop&w=800&q=85)}.valentina{background-image:url(https://images.unsplash.com/photo-1610729278436-30ce1300ea98?auto=format&fit=crop&w=800&q=85)}.javier{background-image:url(https://images.unsplash.com/photo-1619451334792-150fd785ee74?auto=format&fit=crop&w=800&q=85)}.experience{display:grid;grid-template-columns:1fr minmax(340px,530px) 1fr;min-height:790px}.experience-photo{background-size:cover;background-position:center}.coffee-experience{background-image:linear-gradient(#0d0d0d33,#0d0d0d33),url(https://images.unsplash.com/photo-1442512595331-e89e73853f31?auto=format&fit=crop&w=1000&q=85)}.tattoo-experience{background-image:linear-gradient(#0d0d0d4d,#0d0d0d4d),url(https://images.unsplash.com/photo-1611501275019-9b5cda994e8d?auto=format&fit=crop&w=1000&q=85)}.experience-center{padding:85px 55px;background:var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center}.experience-center h2{font-size:70px;margin-bottom:40px}.experience-center h2 i{font-style:normal;color:var(--orange)}.experience ol{padding:0;margin:0 0 38px;text-align:left;width:100%;list-style:none}.experience li{display:flex;gap:15px;border-top:1px solid var(--charcoal);padding:13px 0}.experience li b{font:10px var(--mono);color:var(--orange);padding-top:4px}.experience li strong{font:600 18px var(--serif);text-transform:uppercase;letter-spacing:.5px}.experience li p{font-size:13px;margin:0;color:#aaa}footer{background:#080808;padding:72px clamp(20px,7vw,112px) 22px}.footer-top{border-bottom:1px solid var(--charcoal);padding-bottom:36px;display:flex;justify-content:space-between;align-items:end}.footer-brand{font-size:51px;width:190px;line-height:.64;letter-spacing:-3px}.footer-top>p{color:var(--gold);font:10px var(--mono);text-transform:uppercase;letter-spacing:1.5px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:30px;padding:46px 0}.footer-grid h3{font:500 10px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.footer-grid a,.footer-grid p{display:block;font-size:14px;color:#ababab;margin:0 0 9px}.footer-grid a:hover{color:var(--gold)}.footer-grid strong{color:var(--paper);font-weight:400}.footer-grid .map-link{color:var(--gold);font:10px var(--mono);letter-spacing:.6px;text-transform:uppercase;margin-top:20px}.footer-bottom{border-top:1px solid var(--charcoal);padding-top:19px;display:flex;justify-content:space-between;color:#777;font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px}.reveal{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:68px}.main-nav{gap:12px;font-size:9px}.header-cta{display:none}.duality{min-height:600px}.duality-card{min-height:600px;padding:35px}.split-section{gap:36px}.tattoo-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 300px}.experience{grid-template-columns:1fr minmax(330px,470px)}.tattoo-experience{display:none}}@media(max-width:640px){body.menu-open{overflow:hidden}.site-header{position:absolute;padding:0 20px}.menu-toggle{display:flex;width:34px;height:30px;margin-left:auto;background:none;border:0;padding:5px 0;flex-direction:column;justify-content:space-between;cursor:pointer}.menu-toggle span:not(.sr-only){height:1px;background:var(--paper);width:100%;transition:transform .2s}.main-nav{display:none;position:fixed;inset:68px 0 0;background:var(--ink);flex-direction:column;justify-content:center;gap:27px;font-size:12px}.main-nav.is-open{display:flex}.hero h1{letter-spacing:-6px;font-size:clamp(86px,26vw,130px)}.hero-copy{font-size:17px}.scroll-cue{display:none}.duality{display:block}.duality-card{min-height:500px;padding:30px 25px}.duality-divider{height:1px;display:flex;flex-flow:row;padding:0 40px;gap:12px}.duality-divider i{height:1px;width:auto}.manifesto{min-height:500px}.manifesto h2{font-size:44px;letter-spacing:-2px}.split-section{display:block;padding:75px 20px}.section-intro h2,.section-heading h2{font-size:57px}.product-rail{margin-right:-20px;padding-left:0}.product-card{flex-basis:190px}.product-card.feature{transform:none}.tattoo-section{padding:65px 20px 75px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{margin-top:28px}.tattoo-gallery{margin:0 -10px;grid-template-columns:1fr 1fr;grid-template-rows:230px 230px;gap:7px}.gallery-item{padding:13px}.gallery-item span{font-size:20px}.gallery-item b{display:none}.artists{padding:75px 20px}.artist-grid{display:flex;overflow-x:auto;margin-right:-20px;padding-bottom:10px;gap:13px}.artist{min-width:74%}.artists-header h2{font-size:55px}.experience{display:block}.experience-photo{height:280px}.experience-center{padding:70px 28px}.experience-center h2{font-size:59px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:34px}.footer-bottom{display:block;line-height:1.8}.footer-bottom p{margin:0}.footer-brand{font-size:44px}.reveal{opacity:1;transform:none}}.map-section{border-top:1px solid var(--charcoal);padding:42px 0;display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:42px;align-items:center}.map-section .eyebrow{margin-bottom:13px}.map-section h2{font-size:clamp(43px,5vw,70px);margin:0}.google-map{width:100%;height:260px;border:1px solid var(--charcoal);filter:grayscale(1) contrast(1.12) brightness(.72)}@media(max-width:640px){.map-section{display:block;padding:36px 0}.map-section>div{margin-bottom:24px}.google-map{height:240px}}
