@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap'); html{ scroll-behavior:smooth; } body{ margin:0; background:#050505; } #ak-atelier-page, #ak-atelier-page *{ box-sizing:border-box; } #ak-atelier-page{ --black:#050505; --dark:#111111; --grey:#d2d0cb; --light:#f4f1ea; --red:#ee2d24; --line-dark:rgba(5,5,5,.22); --line-light:rgba(244,241,234,.24); width:100%; margin:0; background:var(--black); color:var(--light); font-family:"Urbanist",Arial,sans-serif; } /* ====================================================== ELEMENTOR ====================================================== */ .elementor-widget-html:has(#ak-atelier-page), .elementor-widget-html:has(#ak-atelier-page) > .elementor-widget-container{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .elementor-element:has(#ak-atelier-header), .elementor-container:has(#ak-atelier-header), .e-con:has(#ak-atelier-header){ overflow:visible !important; } /* ====================================================== BASE ====================================================== */ #ak-atelier-page .ak-wrap{ width:min(1480px,calc(100% - 56px)); margin:0 auto; } #ak-atelier-page img{ display:block; max-width:100%; } #ak-atelier-page a{ color:inherit; } #ak-atelier-page section[id]{ scroll-margin-top:90px; } /* ====================================================== HEADER ====================================================== */ #ak-atelier-header{ position:sticky; top:0; z-index:9999; width:100%; background:transparent; } #ak-atelier-header .ak-header-shell{ width:min(1480px,calc(100% - 56px)); margin:0 auto; } #ak-atelier-header .ak-topbar{ width:100%; height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-right:1px solid var(--line-light); border-bottom:1px solid var(--line-light); border-left:1px solid var(--line-light); background:rgba(5,5,5,.72); backdrop-filter:blur(22px) saturate(115%); -webkit-backdrop-filter:blur(22px) saturate(115%); } #ak-atelier-header .ak-menu{ display:flex; align-items:center; gap:30px; margin:0; padding:0 28px; list-style:none; } #ak-atelier-header .ak-menu a{ position:relative; display:inline-flex; align-items:center; color:var(--light); font:700 10px "Space Mono",monospace; letter-spacing:.02em; text-decoration:none; text-transform:uppercase; white-space:nowrap; } #ak-atelier-header .ak-menu a::after{ content:""; position:absolute; right:0; bottom:-8px; left:0; height:1px; background:var(--red); transform:scaleX(0); transform-origin:right; } #ak-atelier-header .ak-menu a:hover, #ak-atelier-header .ak-menu a:focus-visible{ color:var(--red); } #ak-atelier-header .ak-menu a:hover::after, #ak-atelier-header .ak-menu a:focus-visible::after{ transform:scaleX(1); transform-origin:left; } #ak-atelier-header .ak-logo{ display:flex; align-items:center; justify-content:center; gap:12px; padding-left:.3em; color:var(--light); font-size:16px; font-weight:700; line-height:1; letter-spacing:.3em; text-decoration:none; white-space:nowrap; } #ak-atelier-header .ak-hourglass{ position:relative; flex:0 0 12px; width:12px; height:18px; } #ak-atelier-header .ak-hourglass::before, #ak-atelier-header .ak-hourglass::after{ content:""; position:absolute; left:0; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; } #ak-atelier-header .ak-hourglass::before{ top:0; border-top:8px solid var(--red); } #ak-atelier-header .ak-hourglass::after{ bottom:0; border-bottom:8px solid var(--red); } #ak-atelier-header .ak-header-right{ display:flex; justify-content:flex-end; padding:0 18px; } #ak-atelier-header .ak-shop-button{ min-width:92px; min-height:36px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--red); background:var(--red); color:var(--black); font:700 8px "Space Mono",monospace; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; } #ak-atelier-header .ak-shop-button:hover, #ak-atelier-header .ak-shop-button:focus-visible{ border-color:var(--light); background:var(--light); } /* ====================================================== HERO ====================================================== */ #ak-atelier-page .atelier-hero{ position:relative; min-height:700px; overflow:hidden; border-right:1px solid var(--line-light); border-bottom:1px solid var(--line-light); border-left:1px solid var(--line-light); background:#111; } #ak-atelier-page .atelier-hero-media{ position:absolute; inset:0; } #ak-atelier-page .atelier-hero-media::after{ content:""; position:absolute; inset:0; background: linear-gradient( 90deg, rgba(5,5,5,.92) 0%, rgba(5,5,5,.48) 48%, rgba(5,5,5,.12) 100% ), linear-gradient( 180deg, rgba(5,5,5,.12), rgba(5,5,5,.72) ); } #ak-atelier-page .atelier-hero-media img{ width:100%; height:100%; object-fit:cover; object-position:center; filter:grayscale(70%) contrast(1.08); } #ak-atelier-page .atelier-hero-content{ position:relative; z-index:2; min-height:700px; padding:34px; display:grid; grid-template-columns:1fr minmax(280px,400px); grid-template-rows:auto 1fr auto; gap:30px; } #ak-atelier-page .atelier-kicker{ grid-column:1 / -1; display:flex; align-items:center; gap:10px; color:#b5b3ac; font:10px "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; } #ak-atelier-page .atelier-kicker::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--red); } #ak-atelier-page .atelier-hero-title{ align-self:center; margin:0; max-width:900px; font-size:clamp(92px,12vw,188px); font-weight:500; line-height:.69; letter-spacing:-.09em; text-transform:uppercase; } #ak-atelier-page .atelier-hero-title span{ display:block; } #ak-atelier-page .atelier-hero-title .red{ color:var(--red); } #ak-atelier-page .atelier-hero-side{ align-self:end; padding:24px 0 4px 28px; border-left:1px solid var(--line-light); } #ak-atelier-page .atelier-hero-side p{ margin:0; color:#dad7d0; font-size:22px; font-weight:500; line-height:1.05; letter-spacing:-.035em; } #ak-atelier-page .atelier-hero-bottom{ grid-column:1 / -1; padding-top:20px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; border-top:1px solid var(--line-light); } #ak-atelier-page .atelier-hero-meta{ color:#a5a39d; font:9px "Space Mono",monospace; line-height:1.5; text-transform:uppercase; } #ak-atelier-page .atelier-scroll{ color:var(--light); font:700 9px "Space Mono",monospace; text-decoration:none; text-transform:uppercase; } /* ====================================================== INTRO ====================================================== */ #ak-atelier-page .atelier-intro{ display:grid; grid-template-columns:.7fr 1.3fr; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); border-left:1px solid var(--line-dark); background:var(--grey); color:var(--black); } #ak-atelier-page .atelier-intro-label{ padding:34px; border-right:1px solid var(--line-dark); } #ak-atelier-page .atelier-intro-label span{ display:block; color:rgba(5,5,5,.55); font:10px "Space Mono",monospace; text-transform:uppercase; } #ak-atelier-page .atelier-intro-label strong{ display:block; margin-top:30px; font-size:clamp(50px,6vw,90px); font-weight:500; line-height:.8; letter-spacing:-.075em; text-transform:uppercase; } #ak-atelier-page .atelier-intro-copy{ padding:34px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:end; } #ak-atelier-page .atelier-intro-copy p{ margin:0; color:rgba(5,5,5,.72); font-size:22px; font-weight:500; line-height:1.05; letter-spacing:-.035em; } #ak-atelier-page .atelier-intro-copy .large{ color:var(--black); font-size:clamp(32px,4vw,58px); line-height:.91; letter-spacing:-.06em; } /* ====================================================== THREE STATEMENTS ====================================================== */ #ak-atelier-page .atelier-values{ display:grid; grid-template-columns:repeat(3,1fr); border-right:1px solid var(--line-light); border-bottom:1px solid var(--line-light); border-left:1px solid var(--line-light); background:var(--black); } #ak-atelier-page .atelier-value{ min-height:260px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line-light); } #ak-atelier-page .atelier-value:last-child{ border-right:0; } #ak-atelier-page .atelier-value-index{ color:#77756f; font:10px "Space Mono",monospace; } #ak-atelier-page .atelier-value h3{ margin:0; max-width:320px; font-size:clamp(38px,4vw,64px); font-weight:500; line-height:.82; letter-spacing:-.065em; text-transform:uppercase; } #ak-atelier-page .atelier-value h3 span{ color:var(--red); } #ak-atelier-page .atelier-value p{ max-width:330px; margin:20px 0 0; color:#aaa8a2; font:10px "Space Mono",monospace; line-height:1.5; text-transform:uppercase; } /* ====================================================== PROJECTS / DISCIPLINES ====================================================== */ #ak-atelier-page .atelier-work{ background:var(--grey); color:var(--black); border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); border-left:1px solid var(--line-dark); } #ak-atelier-page .atelier-work-head{ min-height:210px; padding:32px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; border-bottom:1px solid var(--line-dark); } #ak-atelier-page .atelier-work-head span{ color:rgba(5,5,5,.55); font:10px "Space Mono",monospace; text-transform:uppercase; } #ak-atelier-page .atelier-work-head h2{ margin:26px 0 0; font-size:clamp(65px,9vw,138px); font-weight:500; line-height:.72; letter-spacing:-.09em; text-transform:uppercase; } #ak-atelier-page .atelier-work-head p{ max-width:320px; margin:0; color:rgba(5,5,5,.62); font:10px "Space Mono",monospace; line-height:1.5; text-align:right; text-transform:uppercase; } #ak-atelier-page .atelier-work-grid{ display:grid; grid-template-columns:repeat(12,1fr); } #ak-atelier-page .atelier-card{ position:relative; min-height:500px; overflow:hidden; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); background:#111; color:var(--light); } #ak-atelier-page .atelier-card:nth-child(1){ grid-column:span 5; } #ak-atelier-page .atelier-card:nth-child(2){ grid-column:span 7; border-right:0; } #ak-atelier-page .atelier-card:nth-child(3), #ak-atelier-page .atelier-card:nth-child(4), #ak-atelier-page .atelier-card:nth-child(5){ grid-column:span 4; border-bottom:0; } #ak-atelier-page .atelier-card:nth-child(5){ border-right:0; } #ak-atelier-page .atelier-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(82%) contrast(1.08) brightness(.7); transform:scale(1.01); transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease; } #ak-atelier-page .atelier-card::after{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(5,5,5,.08), rgba(5,5,5,.2) 45%, rgba(5,5,5,.94) ); } #ak-atelier-page .atelier-card:hover img{ filter:grayscale(35%) contrast(1.05) brightness(.82); transform:scale(1.055); } #ak-atelier-page .atelier-card-content{ position:relative; z-index:2; height:100%; min-height:500px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; } #ak-atelier-page .atelier-card-top{ display:flex; justify-content:space-between; gap:20px; color:#cbc8c1; font:9px "Space Mono",monospace; text-transform:uppercase; } #ak-atelier-page .atelier-card-bottom{ padding-top:18px; border-top:1px solid var(--line-light); } #ak-atelier-page .atelier-card-bottom h3{ margin:0; font-size:clamp(34px,4vw,62px); font-weight:500; line-height:.82; letter-spacing:-.065em; text-transform:uppercase; } #ak-atelier-page .atelier-card-bottom p{ margin:16px 0 0; color:#aaa8a2; font:9px "Space Mono",monospace; line-height:1.45; text-transform:uppercase; } /* ====================================================== PROCESS ====================================================== */ #ak-atelier-page .atelier-process{ background:var(--black); border-right:1px solid var(--line-light); border-bottom:1px solid var(--line-light); border-left:1px solid var(--line-light); } #ak-atelier-page .atelier-process-head{ min-height:210px; padding:32px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; border-bottom:1px solid var(--line-light); } #ak-atelier-page .atelier-process-head h2{ margin:0; font-size:clamp(64px,9vw,136px); font-weight:500; line-height:.72; letter-spacing:-.09em; text-transform:uppercase; } #ak-atelier-page .atelier-process-head p{ max-width:330px; margin:0; color:#8b8983; font:10px "Space Mono",monospace; line-height:1.5; text-align:right; text-transform:uppercase; } #ak-atelier-page .atelier-process-grid{ display:grid; grid-template-columns:repeat(4,1fr); } #ak-atelier-page .atelier-step{ min-height:310px; padding:26px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line-light); } #ak-atelier-page .atelier-step:last-child{ border-right:0; } #ak-atelier-page .atelier-step-index{ color:#77756f; font:12px "Space Mono",monospace; } #ak-atelier-page .atelier-step h3{ margin:0 0 18px; font-size:38px; font-weight:500; line-height:.85; letter-spacing:-.055em; text-transform:uppercase; } #ak-atelier-page .atelier-step p{ margin:0; color:#9e9c96; font-size:16px; line-height:1.13; letter-spacing:-.025em; } /* ====================================================== MADE IN ITALY ====================================================== */ #ak-atelier-page .atelier-made{ display:grid; grid-template-columns:1fr 1fr; min-height:560px; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); border-left:1px solid var(--line-dark); background:var(--grey); color:var(--black); } #ak-atelier-page .atelier-made-image{ position:relative; overflow:hidden; border-right:1px solid var(--line-dark); } #ak-atelier-page .atelier-made-image img{ width:100%; height:100%; object-fit:cover; filter:grayscale(72%) contrast(1.05); } #ak-atelier-page .atelier-made-copy{ padding:34px; display:flex; flex-direction:column; justify-content:space-between; } #ak-atelier-page .atelier-made-copy .ey{ color:rgba(5,5,5,.55); font:10px "Space Mono",monospace; text-transform:uppercase; } #ak-atelier-page .atelier-made-copy h2{ margin:40px 0 28px; font-size:clamp(52px,6vw,92px); font-weight:500; line-height:.78; letter-spacing:-.08em; text-transform:uppercase; } #ak-atelier-page .atelier-made-copy h2 span{ color:var(--red); } #ak-atelier-page .atelier-made-copy p{ max-width:520px; margin:0; color:rgba(5,5,5,.68); font-size:20px; line-height:1.08; letter-spacing:-.03em; } #ak-atelier-page .atelier-made-meta{ margin-top:40px; padding-top:18px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line-dark); color:rgba(5,5,5,.56); font:9px "Space Mono",monospace; text-transform:uppercase; } /* ====================================================== MANIFESTO ====================================================== */ #ak-atelier-page .atelier-manifesto{ min-height:430px; padding:34px; display:grid; grid-template-columns:1.45fr .55fr; gap:40px; align-items:end; border-right:1px solid var(--line-light); border-bottom:1px solid var(--line-light); border-left:1px solid var(--line-light); background:var(--black); } #ak-atelier-page .atelier-manifesto h2{ margin:0; max-width:980px; font-size:clamp(58px,7vw,110px); font-weight:500; line-height:.79; letter-spacing:-.08em; } #ak-atelier-page .atelier-manifesto h2 span{ color:var(--red); } #ak-atelier-page .atelier-manifesto-side{ padding-left:26px; border-left:1px solid var(--line-light); } #ak-atelier-page .atelier-manifesto-side p{ margin:0 0 28px; color:#aaa8a2; font:10px "Space Mono",monospace; line-height:1.55; text-transform:uppercase; } #ak-atelier-page .atelier-contact-button{ width:100%; min-height:56px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid var(--light); color:var(--light); font:700 10px "Space Mono",monospace; text-decoration:none; text-transform:uppercase; } #ak-atelier-page .atelier-contact-button:hover{ border-color:var(--red); background:var(--red); color:var(--black); } /* ====================================================== FOOTER ====================================================== */ #ak-atelier-page .atelier-footer{ background:var(--grey); color:var(--black); border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); border-left:1px solid var(--line-dark); } #ak-atelier-page .atelier-footer-logo{ min-height:230px; padding:30px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line-dark); font-size:clamp(70px,13vw,200px); font-weight:500; line-height:.7; letter-spacing:-.075em; text-transform:uppercase; } #ak-atelier-page .atelier-footer-bottom{ min-height:100px; padding:24px 30px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; } #ak-atelier-page .atelier-footer-bottom p{ margin:0; color:rgba(5,5,5,.56); font:9px "Space Mono",monospace; text-transform:uppercase; } #ak-atelier-page .atelier-footer-nav{ display:flex; gap:24px; } #ak-atelier-page .atelier-footer-nav a{ color:var(--black); font:700 9px "Space Mono",monospace; text-decoration:none; text-transform:uppercase; } #ak-atelier-page .atelier-footer-social{ text-align:right; } /* ====================================================== TABLET ====================================================== */ @media(max-width:1000px){ #ak-atelier-page .atelier-hero{ min-height:620px; } #ak-atelier-page .atelier-hero-content{ min-height:620px; grid-template-columns:1fr; } #ak-atelier-page .atelier-hero-side{ max-width:480px; padding:0; border-left:0; } #ak-atelier-page .atelier-intro{ grid-template-columns:1fr; } #ak-atelier-page .atelier-intro-label{ border-right:0; border-bottom:1px solid var(--line-dark); } #ak-atelier-page .atelier-values{ grid-template-columns:1fr; } #ak-atelier-page .atelier-value{ min-height:220px; border-right:0; border-bottom:1px solid var(--line-light); } #ak-atelier-page .atelier-value:last-child{ border-bottom:0; } #ak-atelier-page .atelier-card:nth-child(1), #ak-atelier-page .atelier-card:nth-child(2){ grid-column:span 6; } #ak-atelier-page .atelier-card:nth-child(3), #ak-atelier-page .atelier-card:nth-child(4){ grid-column:span 6; } #ak-atelier-page .atelier-card:nth-child(5){ grid-column:span 12; } #ak-atelier-page .atelier-process-grid{ grid-template-columns:repeat(2,1fr); } #ak-atelier-page .atelier-step{ border-bottom:1px solid var(--line-light); } #ak-atelier-page .atelier-step:nth-child(2){ border-right:0; } #ak-atelier-page .atelier-step:nth-child(n+3){ border-bottom:0; } #ak-atelier-page .atelier-made{ grid-template-columns:1fr; } #ak-atelier-page .atelier-made-image{ min-height:430px; border-right:0; border-bottom:1px solid var(--line-dark); } } /* ====================================================== MOBILE ====================================================== */ @media(max-width:820px){ #ak-atelier-page .ak-wrap, #ak-atelier-header .ak-header-shell{ width:calc(100% - 20px); } #ak-atelier-header .ak-topbar{ height:68px; grid-template-columns:1fr auto; } #ak-atelier-header .ak-menu{ display:none; } #ak-atelier-header .ak-logo{ justify-self:start; margin-left:18px; font-size:15px; } #ak-atelier-header .ak-header-right{ padding:0 12px; } #ak-atelier-page .atelier-hero, #ak-atelier-page .atelier-hero-content{ min-height:570px; } #ak-atelier-page .atelier-hero-content{ padding:24px; } #ak-atelier-page .atelier-hero-title{ font-size:clamp(74px,19vw,120px); } #ak-atelier-page .atelier-intro-copy{ grid-template-columns:1fr; } #ak-atelier-page .atelier-work-head, #ak-atelier-page .atelier-process-head{ align-items:flex-start; flex-direction:column; } #ak-atelier-page .atelier-work-head{ grid-template-columns:1fr; } #ak-atelier-page .atelier-work-head p, #ak-atelier-page .atelier-process-head p{ max-width:520px; text-align:left; } #ak-atelier-page .atelier-card:nth-child(n){ grid-column:span 12; border-right:0; border-bottom:1px solid var(--line-dark); } #ak-atelier-page .atelier-card:last-child{ border-bottom:0; } #ak-atelier-page .atelier-process-grid{ grid-template-columns:1fr; } #ak-atelier-page .atelier-step, #ak-atelier-page .atelier-step:nth-child(n){ min-height:240px; border-right:0; border-bottom:1px solid var(--line-light); } #ak-atelier-page .atelier-step:last-child{ border-bottom:0; } #ak-atelier-page .atelier-manifesto{ grid-template-columns:1fr; } #ak-atelier-page .atelier-manifesto-side{ padding-top:25px; padding-left:0; border-top:1px solid var(--line-light); border-left:0; } #ak-atelier-page .atelier-footer-bottom{ grid-template-columns:1fr; } #ak-atelier-page .atelier-footer-nav{ flex-wrap:wrap; } #ak-atelier-page .atelier-footer-social{ text-align:left; } } @media(max-width:520px){ #ak-atelier-page .atelier-hero-title{ font-size:68px; } #ak-atelier-page .atelier-hero-bottom{ align-items:flex-start; flex-direction:column; } #ak-atelier-page .atelier-card, #ak-atelier-page .atelier-card-content{ min-height:420px; } #ak-atelier-page .atelier-made-image{ min-height:350px; } #ak-atelier-page .atelier-footer-logo{ min-height:180px; } }
ARAKNE Atelier
Independent fashion studio / Made in Italy

Atel ier

A space where garments, body objects and experimental forms are developed by hand.

Handmade production / Independent research
Styling / Art direction / Custom pieces
Explore the atelier ↓
ARAKNE / Studio practice Inside
the studio

The atelier is the physical and conceptual centre of ARAKNE.

Every project begins through direct contact with materials, body proportions and movement. Each piece is developed, assembled and refined through an independent process.

01 / Practice

Handmade

Construction, finishing and experimentation developed directly inside the studio.

02 / Identity

Italian
stylist

Styling conceived as a relationship between garment, personality and performance.

03 / Research

Italian
artist

Fashion, image and object meet through an autonomous artistic language.

Selected disciplines / Atelier archive

The work

Unique pieces, accessories and performance garments developed across different techniques and contexts.

ARAKNE label
01 / Identity ARAKNE

Label

Independent design language / research / limited production

ARAKNE style
02 / Styling ARAKNE Style

Arakne
style

Stage image / editorial / personal styling

Bikini and piercing
03 / Body objects Handmade

Bikini &
piercing

Body accessories / metal details / custom construction

Slip and piercing
04 / Garment Custom piece

Slip &
piercing

Garment construction / body relationship / detail

Dance fashion
05 / Performance Movement

Dance
fashion

Performance garments / movement / stage identity

Process

From the first concept to the completed piece, every phase is developed inside the atelier.

01

Research

Visual references, body study and material exploration define the initial direction.

02

Form

Volumes and proportions are tested directly through prototypes and fittings.

03

Making

The garment or object is cut, assembled and finished by hand.

04

Identity

The final piece becomes part of a wider visual and personal language.

Handmade garment detail
Independent production / Italy

Made by hand.
Made with intent.

ARAKNE works through small-scale production, custom development and limited editions. The atelier preserves direct control over construction, materials and finishing.

Handmade Limited production Made in Italy

The atelier is not only where the pieces are made. It is where their identity begins.

Custom projects / collaborations / performance / editorial / appointments

Contact the atelier