@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}}@font-face{font-family:Trirong Local;src:url(/vetrine/seabirdtattoo/trirong.woff2)format("woff2");font-display:swap}@font-face{font-family:Libre Caslon Local;src:url(/vetrine/seabirdtattoo/libre-caslon-text.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lato Local;src:url(/vetrine/seabirdtattoo/lato.woff2)format("woff2");font-display:swap}@font-face{font-family:Figtree Local;src:url(/vetrine/seabirdtattoo/figtree.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--ink:#2c2a2a;--black:#000;--white:#fff;--red:#a42c3c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;color:var(--white);margin:0;font-family:Lato Local,Arial,Helvetica,sans-serif;overflow-x:hidden}body::selection,body ::selection{color:var(--ink);background:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#171616}::-webkit-scrollbar-thumb{background:#777;border:2px solid #171616;border-radius:8px}a{color:inherit}a:focus-visible{outline:2px solid var(--white);outline-offset:4px}h1,h2,h3,p{margin-top:0}.hero{background:#221f1e;height:1000px;min-height:100vh;position:relative;overflow:hidden}.hero video{object-fit:cover;filter:blur(11px);width:100%;height:100%;transform:scale(1.035)}.hero-shade{background:#00000014;position:absolute;inset:0}.hero-logo{width:min(41.4vw,590px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-gallery{background:var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-height:0;padding:72px 3.1%;display:grid;overflow:hidden}.gallery-item{aspect-ratio:2/3;background:#171717;min-width:0;margin:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transform:scale(1.015)}@media (hover:hover) and (pointer:fine){.gallery-item:hover img{filter:contrast(1.04);transform:scale(1.075)}}.about{background:var(--ink);isolation:isolate;height:1120px;position:relative;overflow:hidden}.about:before{z-index:-2;background:linear-gradient(122deg, var(--black) 12%, var(--ink) 48%, var(--black) 78%, var(--ink) 100%);content:"";background-size:180% 180%;animation:18s ease-in-out infinite alternate about-background-drift;position:absolute;inset:-18%}.about:after{z-index:-1;content:"";background:linear-gradient(#0003,#0000 58%);position:absolute;inset:0}.about-copy{text-align:center;width:min(70.1%,1000px);margin:0 auto;padding-top:40px}.about .about-kicker{margin-bottom:4px;font-family:Libre Caslon Local,Georgia,serif;font-size:21.4px;font-weight:400;line-height:1.4}.about h1{letter-spacing:-1.34px;max-width:1000px;margin:0 auto 28px;font-family:Trirong Local,Georgia,serif;font-size:44.5px;font-weight:400;line-height:1.2}.about p{max-width:930px;margin-bottom:13px;margin-left:auto;margin-right:auto;font-size:16.9px;line-height:1.45}.about .textured-button{margin:22px auto 0}.about-photo{height:526px;position:absolute;bottom:42px;left:3%;right:3%;overflow:hidden}.about-photo img{object-fit:cover;object-position:50% 34%;animation:16s ease-in-out infinite alternate about-photo-breathe}.textured-button{width:170px;height:42px;color:var(--white);background:linear-gradient(#00000078,#00000078),url(/vetrine/seabirdtattoo/button-texture.webp) 50%/cover;border:1px solid #ffffffb8;border-radius:0;justify-content:center;align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.textured-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px;transition:transform .18s ease-out}.textured-button:hover svg{transform:translate(4px)}.services{background:var(--ink);isolation:isolate;min-height:1976px;padding:56px 3.15% 52px;position:relative;overflow:hidden}.services:before{z-index:-1;content:"";opacity:.23;background:url(/vetrine/seabirdtattoo/tattoo-body.webp) 0 0/cover no-repeat;position:absolute;inset:0}.services>h2{margin-bottom:50px;font-family:Trirong Local,Georgia,serif;font-size:45px;font-weight:400;line-height:1.2}.services-grid{grid-template-columns:repeat(3,328.6px);justify-content:center;gap:40px;display:grid}.service{text-align:left;min-height:389px}.service-last{grid-column:2}.service-image{width:142.4px;height:185.7px;margin:0 auto 27px;position:relative;overflow:hidden}.service-image img{object-fit:cover}.service:nth-child(2) .service-image img{object-position:38% 34%}.service h3{min-height:39px;margin-bottom:12px;font-family:Trirong Local,Georgia,serif;font-size:22.53px;font-weight:400;line-height:1.35}.service p{margin-bottom:0;font-size:16.9px;line-height:1.42}.services>.textured-button{margin:46px auto 0}.piercing-section{background:var(--ink);grid-template-columns:1fr 1fr;height:495px;display:grid;overflow:hidden}.piercing-copy{flex-direction:column;justify-content:center;padding:34px 12px;display:flex}.piercing-copy h2{max-width:690px;margin-bottom:52px;font-family:Trirong Local,Georgia,serif;font-size:50px;font-weight:400;line-height:1.15}.piercing-copy p{max-width:690px;margin-bottom:26px;font-size:16.9px;line-height:1.42}.piercing-copy .textured-button{background:linear-gradient(#00000078,#00000078),url(/vetrine/seabirdtattoo/piercing-button.webp) 50%/cover}.piercing-images{grid-template-columns:1fr 1fr;gap:8px;padding:0 10px;display:grid}.piercing-images img{object-fit:cover;width:100%;height:495px}.studio-section{background:url(/vetrine/seabirdtattoo/studio-bg.webp) 50% 42%/cover;height:806px;position:relative;overflow:hidden}.studio-overlay{background:linear-gradient(90deg,#00000094,#00000070);position:absolute;inset:0}.studio-logo{object-fit:contain;width:268px;height:263px;position:absolute;top:44px;left:3.1%}.studio-section>h2{margin:0;font-family:Trirong Local,Georgia,serif;font-size:50px;font-weight:400;line-height:1.7;position:absolute;top:68px;right:8.5%}.studio-card{background:var(--white);color:#171717;border-radius:44px;grid-template-columns:56% 44%;min-height:356px;padding:55px 36px 34px;display:grid;position:absolute;bottom:48px;left:3.1%;right:3.1%}.studio-claim{font-family:Figtree Local,Arial,sans-serif;font-size:50px;font-weight:300;line-height:1.23}.studio-side{padding:4px 12px;font-family:Figtree Local,Arial,sans-serif;font-size:17px;line-height:1.45}.studio-side .textured-button{margin-top:36px}.socials{gap:17px;margin-top:30px;display:flex}.socials a{width:42px;height:42px;color:var(--white);background:#171717;border-radius:50%;place-items:center;display:grid}.socials svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:22px;height:22px}.contact-footer{background:linear-gradient(150deg, var(--ink) 24%, var(--ink) 58%, var(--red) 132%);color:var(--white);padding:76px 3.1% 82px;position:relative}.footer-shell{border-top:1px solid #ffffff57;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:56px 6vw;width:min(1180px,100%);margin:0 auto;padding:54px 0 0;display:grid}.footer-logo{align-self:start;width:min(18vw,210px);height:auto}.contact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contact-item{background:#0000001f;border:1px solid #fff3;align-items:center;gap:16px;min-height:94px;padding:20px 22px;font-family:Figtree Local,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.35;text-decoration:none;display:flex}.contact-item span{overflow-wrap:anywhere;min-width:0}.contact-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:38px;min-width:38px;height:38px}.contact-item:is(a){transition:border-color .22s ease-out,background-color .22s ease-out,transform .22s ease-out}@media (hover:hover) and (pointer:fine){.contact-item:is(a):hover{background:#00000038;border-color:#ffffff94;transform:translateY(-3px)}}.footer-bottom{border-top:1px solid #ffffff38;grid-column:1/-1;justify-content:space-between;align-items:center;gap:32px;padding-top:34px;display:flex}.footer-bottom p{margin:0;font-family:Figtree Local,Arial,sans-serif;font-size:16px;font-weight:600}.final-button{width:min(360px,100%);min-height:64px;color:var(--white);background:linear-gradient(112deg,#000000b8,#5d2530b8),url(/vetrine/seabirdtattoo/button-texture.webp) 50%/cover;border:1px solid #ffffff7a;border-radius:0;justify-content:space-between;align-items:center;gap:34px;padding:0 24px;font-family:Figtree Local,Arial,sans-serif;font-size:clamp(20px,2.2vw,26px);font-weight:400;text-decoration:none;transition:filter .22s ease-out,transform .22s ease-out;display:flex}.final-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:24px;height:24px}@media (hover:hover) and (pointer:fine){.final-button:hover{filter:brightness(1.08);transform:translateY(-3px)}}.whatsapp-float{z-index:20;right:max(18px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));width:58px;height:58px;color:var(--white);background:#25d366;border:2px solid #ffffffe6;border-radius:50%;place-items:center;text-decoration:none;transition:transform .22s ease-out,box-shadow .22s ease-out;display:grid;position:fixed;box-shadow:0 9px 24px #00000057}.whatsapp-float svg{width:36px;height:36px}.whatsapp-float:after{border-radius:inherit;content:"";border:1px solid #25d3668f;animation:2.8s ease-out infinite whatsapp-pulse;position:absolute;inset:-7px}.mobile-dock{display:none}@media (hover:hover) and (pointer:fine){.whatsapp-float:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #00000075}}@supports (animation-timeline:view()){.gallery-item{animation:linear both gallery-reveal;animation-timeline:view();animation-range:entry 2% cover 24%}}@keyframes gallery-reveal{0%{filter:blur(9px);clip-path:inset(9% 0);transform:translateY(28px)}to{filter:blur();clip-path:inset(0);transform:translateY(0)}}@keyframes about-background-drift{0%{background-position:0 24%;transform:translate(-2%,-1%)scale(1.02)}to{background-position:100% 72%;transform:translate(2%,1%)scale(1.06)}}@keyframes about-photo-breathe{0%{transform:scale(1.015)}to{transform:scale(1.075)}}@keyframes whatsapp-pulse{0%,46%{opacity:.72;transform:scale(.92)}82%,to{opacity:0;transform:scale(1.22)}}@media (max-width:1100px) and (min-width:901px){.services-grid{grid-template-columns:repeat(2,minmax(0,328.6px))}.service-last{grid-column:auto}.piercing-copy h2{font-size:44px}.contact-item{padding:18px;font-size:15px}}@media (max-width:900px){body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.hero{height:100svh;min-height:620px}.hero-logo{width:min(78vw,440px)}.opening-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding:38px 20px}.about{height:auto;padding:68px 20px 46px}.about-copy{width:100%;padding:0}.about h1{letter-spacing:-.7px;font-size:clamp(31px,8vw,44px)}.about p{font-size:16px}.about-photo{height:54vw;min-height:220px;margin-top:46px;position:relative;bottom:auto;left:auto;right:auto}.services{min-height:0;padding:68px 24px 76px}.services>h2{font-size:clamp(34px,9vw,45px)}.services-grid{grid-template-columns:1fr;gap:54px}.service,.service-last{text-align:center;grid-column:auto;min-height:0}.service-image{width:min(46vw,180px);height:min(60vw,235px)}.service h3{min-height:0}.service p{max-width:480px;margin-left:auto;margin-right:auto}.piercing-section{grid-template-columns:1fr;height:auto;padding:72px 20px 0}.piercing-copy{padding:0 0 42px}.piercing-copy h2{margin-bottom:30px;font-size:clamp(38px,10vw,50px)}.piercing-images{gap:6px;padding:0}.piercing-images img{height:74vw}.studio-section{height:auto;min-height:950px;padding:50px 18px}.studio-logo{width:190px;height:auto;margin:0 auto 22px;display:block;position:relative;top:auto;left:auto}.studio-section>h2{text-align:center;margin-bottom:38px;font-size:38px;line-height:1.35;position:relative;top:auto;right:auto}.studio-card{border-radius:30px;grid-template-columns:1fr;min-height:0;padding:38px 26px;position:relative;bottom:auto;left:auto;right:auto}.studio-claim{font-size:clamp(34px,10vw,48px)}.studio-side{padding:10px 0 0}.contact-footer{padding:60px 22px 64px}.footer-shell{grid-template-columns:1fr;gap:36px;padding-top:42px}.footer-logo{width:170px;margin:0 auto}.contact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-item{text-align:left;min-height:106px;padding:18px}.footer-bottom{text-align:center;flex-direction:column;align-items:stretch;gap:28px}.final-button{width:100%;min-height:64px;font-size:24px}.whatsapp-float{display:none}.mobile-dock{z-index:50;height:calc(52px + env(safe-area-inset-bottom));padding:0 max(14px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px, env(safe-area-inset-left));background:linear-gradient(112deg,#171516 0%,#2c2a2a 58%,#5d2530 145%);border-top:0;grid-template-columns:repeat(5,minmax(44px,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 22px #0000003d}.mobile-dock>a{width:100%;min-width:0;height:52px;color:var(--white);-webkit-tap-highlight-color:transparent;place-items:center;text-decoration:none;display:grid}.mobile-dock>a:active{background:#ffffff14}.mobile-dock>a>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:25px;height:25px;transform:translateY(-4px)}.mobile-dock>a:last-child>svg{width:27px;height:27px}.mobile-dock .whatsapp-handset{transform-box:fill-box;transform-origin:50%;transform:scale(.86)}.mobile-dock .mobile-dock-logo{height:52px;position:relative}.mobile-dock .mobile-dock-logo:before{background:var(--white);content:"";border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.mobile-dock-logo img{z-index:1;object-fit:contain;filter:invert();border-radius:50%;width:38px;height:38px;position:absolute;top:-19px;left:50%;transform:translate(-50%)}}@media (min-width:640px) and (max-width:900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 34px}.service,.service-last{text-align:left}.service p{max-width:none}}@media (max-width:520px){.opening-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:24px 14px}}@media (max-width:420px){.about{padding-left:16px;padding-right:16px}.about .about-kicker{font-size:19px}.services{padding-left:18px;padding-right:18px}.studio-card{padding:32px 20px}.contact-row{grid-template-columns:1fr}.contact-item{gap:13px;min-height:82px;padding:16px;font-size:14px}.contact-item svg{width:36px;min-width:36px;height:36px}.footer-bottom p{font-size:14px;line-height:1.45}.whatsapp-float{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about:before,.about-photo img,.gallery-item,.whatsapp-float:after{animation:none}.gallery-item img,.contact-item,.final-button,.whatsapp-float,.textured-button svg{transition:none}}.legale{background:var(--black);text-align:center;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;padding:22px 3.1%;display:flex}.legale a.legale__marchio{flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none;transition:opacity .25s;display:inline-flex}.legale a.legale__marchio:hover,.legale a.legale__marchio:focus-visible{opacity:.78}.legale__citta{letter-spacing:.22em;text-transform:uppercase;color:var(--white);font-family:Figtree Local,Arial,sans-serif;font-size:18px;font-weight:800}.legale__rete{letter-spacing:.4em;text-transform:uppercase;color:#f9a5a7;margin-top:3px;font-family:Figtree Local,Arial,sans-serif;font-size:11px;font-weight:650}.legale p{letter-spacing:.02em;color:#ffffff9e;margin:0;font-family:Figtree Local,Arial,sans-serif;font-size:13px;font-weight:400}.legale p a{color:var(--white);text-underline-offset:3px;text-decoration:underline;transition:color .25s}.legale p a:hover,.legale p a:focus-visible{color:#f9a5a7}.legale__nota{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
