{"id":36,"date":"2026-07-08T14:59:01","date_gmt":"2026-07-08T14:59:01","guid":{"rendered":"http:\/\/template-portefolio.local\/?page_id=36"},"modified":"2026-07-08T15:04:31","modified_gmt":"2026-07-08T15:04:31","slug":"accueil","status":"publish","type":"page","link":"https:\/\/vincentfregence.com\/en\/accueil\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVincent Fr\u00e9gence \u2014 Photographe voyage<\/title>\r\n<meta name=\"description\" content=\"Portfolio de Vincent Fr\u00e9gence, photographe voyage. Carnets visuels de Santorin \u00e0 New York.\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,400;1,9..144,500&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n\/* ============================================================\r\n VINCENT FR\u00c9GENCE \u2014 Landing portfolio\r\n Autonome : CSS + JS inline, images en chemins relatifs.\r\n Pour Elementor : coller dans un widget \u00ab HTML \u00bb.\r\n ============================================================ *\/\r\n:root{\r\n --bg:#0a0a0b;\r\n --bg-soft:#111114;\r\n --ink:#f4f2ee;\r\n --muted:#8b8a86;\r\n --line:rgba(255,255,255,.12);\r\n --accent:#e9dccb;\r\n --gap:clamp(10px,1.4vw,20px);\r\n --pad:clamp(20px,5vw,90px);\r\n --display:'Space Grotesk',system-ui,sans-serif;\r\n --serif:'Fraunces',Georgia,serif;\r\n --ease:cubic-bezier(.19,1,.22,1);\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n background:var(--bg);color:var(--ink);\r\n font-family:var(--display);font-weight:400;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n cursor:none;\r\n}\r\nimg{display:block;max-width:100%}\r\na{color:inherit;text-decoration:none}\r\n::selection{background:var(--accent);color:#0a0a0b}\r\n\r\n\/* grain *\/\r\nbody::after{\r\n content:\"\";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* progress bar *\/\r\n.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:9999;transition:width .1s linear}\r\n\r\n\/* custom cursor *\/\r\n.cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9997;transition:width .3s var(--ease),height .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);mix-blend-mode:difference}\r\n.cursor.is-hover{width:70px;height:70px;background:#fff;border-color:#fff}\r\n.cursor .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.1em;color:#0a0a0b;opacity:0;text-transform:uppercase}\r\n.cursor.is-hover .lbl{opacity:1}\r\n@media(hover:none){.cursor{display:none}body{cursor:auto}}\r\n\r\n\/* loader *\/\r\n.loader{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s var(--ease),visibility .8s}\r\n.loader.done{opacity:0;visibility:hidden}\r\n.loader .lo{overflow:hidden}\r\n.loader .lo span{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(28px,6vw,64px);transform:translateY(105%);animation:loUp 1s var(--ease) .1s forwards}\r\n@keyframes loUp{to{transform:translateY(0)}}\r\n\r\n\/* nav *\/\r\n.nav{position:fixed;top:0;left:0;width:100%;z-index:120;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);mix-blend-mode:difference;transition:padding .4s var(--ease)}\r\n.nav.shrink{padding:14px var(--pad)}\r\n.nav .brand{font-weight:600;letter-spacing:.02em;font-size:15px}\r\n.nav .brand b{font-family:var(--serif);font-style:italic;font-weight:500}\r\n.nav .links{display:flex;gap:28px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}\r\n.nav .links a{position:relative;padding:4px 0}\r\n.nav .links a::after{content:\"\";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .4s var(--ease)}\r\n.nav .links a:hover::after{width:100%}\r\n@media(max-width:720px){.nav .links{display:none}}\r\n\r\n\/* HERO *\/\r\n.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}\r\n.hero__bg{position:absolute;inset:-8% -8% -8% -8%;background-size:cover;background-position:center;transform:scale(1.05);animation:kb 18s ease-in-out infinite alternate;will-change:transform}\r\n@keyframes kb{to{transform:scale(1.18)}}\r\n.hero::before{content:\"\";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,10,11,.55)0%,rgba(10,10,11,.15)35%,rgba(10,10,11,.85)100%)}\r\n.hero__inner{position:relative;z-index:3;padding:0 var(--pad) clamp(28px,6vh,70px)}\r\n.hero .eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}\r\n.hero .eyebrow::before{content:\"\";width:44px;height:1px;background:var(--accent)}\r\n.hero h1{font-family:var(--display);font-weight:600;line-height:.96;letter-spacing:-.02em;font-size:clamp(44px,8.2vw,112px);text-transform:uppercase}\r\n.hero h1 .ln{display:block;overflow:hidden;padding-block:.04em}\r\n.hero h1 .ln i{display:inline-block;font-style:normal;transform:translateY(110%);animation:heroUp 1.1s var(--ease) forwards}\r\n.hero h1 .ln:nth-child(2) i{animation-delay:.08s}\r\n.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}\r\n@keyframes heroUp{to{transform:translateY(0)}}\r\n.hero .sub{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:22px;flex-wrap:wrap;opacity:0;animation:fade 1s var(--ease) .7s forwards}\r\n.hero .sub p{max-width:36ch;color:#d8d5cf;font-size:clamp(14px,1.3vw,17px);line-height:1.5}\r\n.hero .scroll{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}\r\n.hero .scroll .dot{width:22px;height:34px;border:1px solid var(--line);border-radius:12px;position:relative}\r\n.hero .scroll .dot::after{content:\"\";position:absolute;left:50%;top:6px;width:3px;height:6px;background:var(--accent);border-radius:2px;transform:translateX(-50%);animation:sc 1.6s infinite}\r\n@keyframes sc{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}\r\n@keyframes fade{to{opacity:1}}\r\n\r\n\/* marquee *\/\r\n.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;position:relative;z-index:3}\r\n.marquee__t{display:inline-block;animation:mq 32s linear infinite;font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,30px);color:var(--muted)}\r\n.marquee__t span{padding:0 26px}\r\n.marquee__t span b{color:var(--ink);font-weight:400}\r\n@keyframes mq{to{transform:translateX(-50%)}}\r\n\r\n\/* section shell *\/\r\nsection{padding:clamp(70px,12vh,150px) var(--pad)}\r\n.head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:clamp(34px,6vh,70px)}\r\n.head .idx{font-size:13px;letter-spacing:.2em;color:var(--muted)}\r\n.head h2{font-family:var(--display);font-weight:600;font-size:clamp(30px,5vw,68px);line-height:1;letter-spacing:-.02em}\r\n.head h2 em{font-family:var(--serif);font-style:italic;font-weight:400}\r\n\r\n\/* manifesto *\/\r\n.manifesto p{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,4.4vw,58px);line-height:1.18;max-width:20ch}\r\n.manifesto .word{display:inline-block;opacity:.12;transition:opacity .5s var(--ease)}\r\n.manifesto .word.on{opacity:1}\r\n\r\n\/* voyage block *\/\r\n.voyage{border-top:1px solid var(--line)}\r\n.voyage__top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}\r\n.voyage__top h3{font-size:clamp(26px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-transform:uppercase}\r\n.voyage__top h3 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;color:var(--accent)}\r\n.voyage__meta{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}\r\n.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(90px,11vw,150px);gap:var(--gap)}\r\n.cell{position:relative;overflow:hidden;background:var(--bg-soft)}\r\n.cell img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter 1.1s var(--ease);filter:grayscale(.12) contrast(1.02)}\r\n.cell:hover img{transform:scale(1.06);filter:grayscale(0) contrast(1.05)}\r\n.cell figcaption{position:absolute;left:0;bottom:0;padding:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(8px);transition:.5s var(--ease);z-index:2}\r\n.cell::before{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));opacity:0;transition:.5s var(--ease);z-index:1}\r\n.cell:hover figcaption{opacity:1;transform:none}\r\n.cell:hover::before{opacity:1}\r\n\/* reveal *\/\r\n.cell{clip-path:inset(0 0 100% 0)}\r\n.cell.in{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease)}\r\n\/* organic spans (12-col) *\/\r\n.s-a{grid-column:span 7;grid-row:span 3}\r\n.s-b{grid-column:span 5;grid-row:span 3}\r\n.s-c{grid-column:span 4;grid-row:span 2}\r\n.s-d{grid-column:span 8;grid-row:span 2}\r\n.s-e{grid-column:span 5;grid-row:span 3}\r\n.s-f{grid-column:span 7;grid-row:span 3}\r\n@media(max-width:760px){\r\n .grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:34vw}\r\n .s-a,.s-b,.s-e,.s-f{grid-column:span 6;grid-row:span 1}\r\n .s-c{grid-column:span 3;grid-row:span 1}\r\n .s-d{grid-column:span 3;grid-row:span 1}\r\n}\r\n\r\n\/* reveal util *\/\r\n[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}\r\n[data-reveal].in{opacity:1;transform:none}\r\n\r\n\/* CTA *\/\r\n.cta{text-align:center;border-top:1px solid var(--line)}\r\n.cta .small{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}\r\n.cta a.big{display:inline-block;font-family:var(--display);font-weight:600;font-size:clamp(42px,10vw,150px);line-height:1;letter-spacing:-.03em;text-transform:uppercase}\r\n.cta a.big em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none}\r\n.cta a.big:hover{color:var(--accent)}\r\n.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px var(--pad);border-top:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}\r\n.foot a:hover{color:var(--ink)}\r\n\r\n\/* lightbox *\/\r\n.lb{position:fixed;inset:0;z-index:200;background:rgba(6,6,7,.96);display:none;align-items:center;justify-content:center;padding:5vmin}\r\n.lb.on{display:flex}\r\n.lb img{max-width:92vw;max-height:82vh;object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .5s var(--ease),transform .5s var(--ease)}\r\n.lb.show img{opacity:1;transform:none}\r\n.lb .cap{position:absolute;bottom:5vmin;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}\r\n.lb .x,.lb .p,.lb .n{position:absolute;background:none;border:1px solid var(--line);color:#fff;width:52px;height:52px;border-radius:50%;font-size:20px;cursor:none;transition:.3s var(--ease)}\r\n.lb .x:hover,.lb .p:hover,.lb .n:hover{background:#fff;color:#000}\r\n.lb .x{top:5vmin;right:5vmin}\r\n.lb .p{left:4vmin;top:50%;transform:translateY(-50%)}\r\n.lb .n{right:4vmin;top:50%;transform:translateY(-50%)}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"progress\" id=\"progress\"><\/div>\r\n<div class=\"cursor\" id=\"cursor\"><span class=\"lbl\">Voir<\/span><\/div>\r\n\r\n<div class=\"loader\" id=\"loader\"><div class=\"lo\"><span>Vincent Fr\u00e9gence<\/span><\/div><\/div>\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n <div class=\"brand\">Vincent <b>Fr\u00e9gence<\/b><\/div>\r\n <div class=\"links\">\r\n <a href=\"#voyages\">Voyages<\/a>\r\n <a href=\"#apropos\">\u00c0 propos<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<header class=\"hero\">\r\n <div class=\"hero__bg\" id=\"heroBg\" style=\"background-image:url('assets\/photos\/new-york-city\/01.jpg')\"><\/div>\r\n <div class=\"hero__inner\">\r\n <div class=\"eyebrow\">Photographe voyage \u00b7 depuis 2016<\/div>\r\n <h1>\r\n <span class=\"ln\"><i>Carnets<\/i><\/span>\r\n <span class=\"ln\"><i><em>lumi\u00e8re<\/em><\/i><\/span>\r\n <\/h1>\r\n <div class=\"sub\">\r\n <p>Un regard sur le monde, de la lumi\u00e8re blanche de Santorin aux nuits \u00e9lectriques de New York. Chaque voyage, une s\u00e9rie.<\/p>\r\n <div class=\"scroll\"><span class=\"dot\"><\/span> D\u00e9filer<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee\">\r\n <div class=\"marquee__t\">\r\n <span><b>Santorin<\/b><\/span><span>\u00b7<\/span><span><b>Venise<\/b><\/span><span>\u00b7<\/span><span><b>New York<\/b><\/span><span>\u00b7<\/span><span><b>Kerala<\/b><\/span><span>\u00b7<\/span><span><b>Maroc<\/b><\/span><span>\u00b7<\/span><span><b>Toscane<\/b><\/span><span>\u00b7<\/span>\r\n <span><b>Santorin<\/b><\/span><span>\u00b7<\/span><span><b>Venise<\/b><\/span><span>\u00b7<\/span><span><b>New York<\/b><\/span><span>\u00b7<\/span><span><b>Kerala<\/b><\/span><span>\u00b7<\/span><span><b>Maroc<\/b><\/span><span>\u00b7<\/span><span><b>Toscane<\/b><\/span><span>\u00b7<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MANIFESTO -->\r\n<section class=\"manifesto\">\r\n <p data-split>Photographier, c'est garder une trace de la lumi\u00e8re qui ne reviendra pas.<\/p>\r\n<\/section>\r\n\r\n<!-- VOYAGES -->\r\n<section id=\"voyages\" style=\"padding-top:0\">\r\n <div class=\"head\">\r\n <div>\r\n <div class=\"idx\">01 \u2014 S\u00e9ries<\/div>\r\n <h2>Les <em>voyages<\/em><\/h2>\r\n <\/div>\r\n <p style=\"max-width:34ch;color:var(--muted);font-size:15px;line-height:1.5\">Six carnets visuels. Cliquez une image pour l'ouvrir en grand.<\/p>\r\n <\/div>\r\n\r\n <!-- voyage template repeated -->\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>Santorin <em>Gr\u00e8ce<\/em><\/h3>\r\n <div class=\"voyage__meta\">Cyclades \u00b7 \u00c9t\u00e9 2023<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"Santorin\">\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/01.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/02.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/03.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/04.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/05.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/santorin\/06.jpg\" alt=\"Santorin\"><figcaption>Santorin \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>Venise <em>Italie<\/em><\/h3>\r\n <div class=\"voyage__meta\">V\u00e9n\u00e9tie \u00b7 Hiver 2022<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"Venise\">\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/01.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/02.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/03.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/04.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/05.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/venise\/06.jpg\" alt=\"Venise\"><figcaption>Venise \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>New York <em>USA<\/em><\/h3>\r\n <div class=\"voyage__meta\">New York City \u00b7 2023<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"New York\">\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/01.jpg\" alt=\"New York\"><figcaption>New York \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/02.jpg\" alt=\"New York\"><figcaption>New York \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/03.jpg\" alt=\"New York\"><figcaption>New York \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/04.jpg\" alt=\"New York\"><figcaption>New York \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/05.jpg\" alt=\"New York\"><figcaption>New York \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/new-york-city\/06.jpg\" alt=\"New York\"><figcaption>New York \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>Kerala <em>Inde<\/em><\/h3>\r\n <div class=\"voyage__meta\">C\u00f4te de Malabar \u00b7 2019<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"Kerala\">\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/01.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/02.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/03.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/04.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/05.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/kerala-inde\/06.jpg\" alt=\"Kerala\"><figcaption>Kerala \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>Maroc <em>Afrique<\/em><\/h3>\r\n <div class=\"voyage__meta\">Marrakech & Sud \u00b7 2021<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"Maroc\">\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/01.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/02.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/03.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/04.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/05.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/maroc\/06.jpg\" alt=\"Maroc\"><figcaption>Maroc \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"voyage\" data-reveal>\r\n <div class=\"voyage__top\">\r\n <h3>Toscane <em>Italie<\/em><\/h3>\r\n <div class=\"voyage__meta\">Val d'Orcia \u00b7 2022<\/div>\r\n <\/div>\r\n <div class=\"grid\" data-gallery=\"Toscane\">\r\n <figure class=\"cell s-b\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/01.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 01<\/figcaption><\/figure>\r\n <figure class=\"cell s-a\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/02.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 02<\/figcaption><\/figure>\r\n <figure class=\"cell s-c\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/03.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 03<\/figcaption><\/figure>\r\n <figure class=\"cell s-d\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/04.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 04<\/figcaption><\/figure>\r\n <figure class=\"cell s-f\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/05.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 05<\/figcaption><\/figure>\r\n <figure class=\"cell s-e\"><img loading=\"lazy\" decoding=\"async\" src=\"assets\/photos\/toscane\/06.jpg\" alt=\"Toscane\"><figcaption>Toscane \u2014 06<\/figcaption><\/figure>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"apropos\" class=\"manifesto\" style=\"border-top:1px solid var(--line)\">\r\n <div class=\"head\"><div><div class=\"idx\">02 \u2014 \u00c0 propos<\/div><\/div><\/div>\r\n <p data-split>Vincent Fr\u00e9gence compose ses images comme des souvenirs : nettes, silencieuses, habit\u00e9es.<\/p>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section id=\"contact\" class=\"cta\">\r\n <div class=\"small\">Un projet, une collaboration ?<\/div>\r\n <a href=\"mailto:contact@vincentfregence.com\" class=\"big\" data-cursor=\"\u00c9crire\">Travaillons <em>ensemble<\/em><\/a>\r\n<\/section>\r\n\r\n<div class=\"foot\">\r\n <span>\u00a9 Vincent Fr\u00e9gence \u2014 Photographe voyage<\/span>\r\n <span><a href=\"https:\/\/www.instagram.com\/\">Instagram<\/a> \u00b7 <a href=\"mailto:contact@vincentfregence.com\">Email<\/a><\/span>\r\n <span>Con\u00e7u par <a href=\"https:\/\/okane.pro\">Okane<\/a><\/span>\r\n<\/div>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"lb\" id=\"lb\">\r\n <button class=\"x\" id=\"lbX\" data-cursor=\"Fermer\">×<\/button>\r\n <button class=\"p\" id=\"lbP\" data-cursor=\"Pr\u00e9c.\">‹<\/button>\r\n <button class=\"n\" id=\"lbN\" data-cursor=\"Suiv.\">›<\/button>\r\n <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\">\r\n <div class=\"cap\" id=\"lbCap\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \"use strict\";\r\n var reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/* loader *\/\r\n window.addEventListener('load', function(){\r\n setTimeout(function(){ document.getElementById('loader').classList.add('done'); }, 900);\r\n });\r\n\r\n \/* progress + nav shrink *\/\r\n var nav = document.getElementById('nav'), prog = document.getElementById('progress');\r\n window.addEventListener('scroll', function(){\r\n var h = document.documentElement, sc = h.scrollTop\/(h.scrollHeight-h.clientHeight);\r\n prog.style.width = (sc*100)+'%';\r\n nav.classList.toggle('shrink', h.scrollTop>40);\r\n }, {passive:true});\r\n\r\n \/* custom cursor *\/\r\n var cur = document.getElementById('cursor'), lbl = cur.querySelector('.lbl');\r\n var cx=innerWidth\/2, cy=innerHeight\/2, tx=cx, ty=cy;\r\n addEventListener('mousemove', function(e){ tx=e.clientX; ty=e.clientY; });\r\n (function loop(){ cx+=(tx-cx)*.18; cy+=(ty-cy)*.18; cur.style.transform='translate('+cx+'px,'+cy+'px) translate(-50%,-50%)'; requestAnimationFrame(loop); })();\r\n document.querySelectorAll('a,button,.cell,[data-cursor]').forEach(function(el){\r\n el.addEventListener('mouseenter', function(){ cur.classList.add('is-hover'); lbl.textContent = el.getAttribute('data-cursor') || (el.classList.contains('cell')?'Voir':''); });\r\n el.addEventListener('mouseleave', function(){ cur.classList.remove('is-hover'); });\r\n });\r\n\r\n \/* hero parallax *\/\r\n var heroBg = document.getElementById('heroBg');\r\n if(!reduce){\r\n addEventListener('mousemove', function(e){\r\n var x=(e.clientX\/innerWidth-.5), y=(e.clientY\/innerHeight-.5);\r\n heroBg.style.transform='scale(1.12) translate('+(x*-18)+'px,'+(y*-18)+'px)';\r\n });\r\n }\r\n\r\n \/* reveal + cell clip *\/\r\n var io = new IntersectionObserver(function(es){\r\n es.forEach(function(en){ if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); } });\r\n }, {threshold:.12});\r\n document.querySelectorAll('[data-reveal]').forEach(function(e){ io.observe(e); });\r\n \/\/ stagger cells within a grid\r\n document.querySelectorAll('.grid').forEach(function(g){\r\n var cells=[].slice.call(g.querySelectorAll('.cell'));\r\n var gio=new IntersectionObserver(function(es){\r\n es.forEach(function(en){\r\n if(en.isIntersecting){ cells.forEach(function(c,i){ setTimeout(function(){c.classList.add('in');}, i*90); }); gio.disconnect(); }\r\n });\r\n },{threshold:.1});\r\n gio.observe(g);\r\n });\r\n\r\n \/* split words for manifesto *\/\r\n document.querySelectorAll('[data-split]').forEach(function(p){\r\n var words = p.textContent.trim().split(\/\\s+\/);\r\n p.innerHTML = words.map(function(w){ return '<span class=\"word\">'+w+'<\/span>'; }).join(' ');\r\n var spans = p.querySelectorAll('.word');\r\n var wio = new IntersectionObserver(function(es){\r\n es.forEach(function(en){\r\n if(en.isIntersecting){ spans.forEach(function(s,i){ setTimeout(function(){s.classList.add('on');}, i*55); }); wio.disconnect(); }\r\n });\r\n },{threshold:.3});\r\n wio.observe(p);\r\n });\r\n\r\n \/* lightbox *\/\r\n var lb=document.getElementById('lb'), lbImg=document.getElementById('lbImg'), lbCap=document.getElementById('lbCap');\r\n var group=[], gi=0;\r\n function open(list, i){ group=list; gi=i; render(); lb.classList.add('on'); document.body.style.overflow='hidden'; requestAnimationFrame(function(){ lb.classList.add('show'); }); }\r\n function render(){ var it=group[gi]; lbImg.src=it.src; lbCap.textContent=it.cap; }\r\n function close(){ lb.classList.remove('show'); document.body.style.overflow=''; setTimeout(function(){ lb.classList.remove('on'); }, 300); }\r\n function step(d){ lb.classList.remove('show'); setTimeout(function(){ gi=(gi+d+group.length)%group.length; render(); lb.classList.add('show'); }, 180); }\r\n document.querySelectorAll('.grid').forEach(function(g){\r\n var figs=[].slice.call(g.querySelectorAll('.cell'));\r\n var list=figs.map(function(f){ return {src:f.querySelector('img').src, cap:f.querySelector('figcaption').textContent}; });\r\n figs.forEach(function(f,i){ f.addEventListener('click', function(){ open(list,i); }); });\r\n });\r\n document.getElementById('lbX').onclick=close;\r\n document.getElementById('lbN').onclick=function(){step(1);};\r\n document.getElementById('lbP').onclick=function(){step(-1);};\r\n lb.addEventListener('click', function(e){ if(e.target===lb) close(); });\r\n addEventListener('keydown', function(e){ if(!lb.classList.contains('on'))return; if(e.key==='Escape')close(); else if(e.key==='ArrowRight')step(1); else if(e.key==='ArrowLeft')step(-1); });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vincent Fr\u00e9gence \u2014 Photographe voyage Voir Vincent Fr\u00e9gence Vincent Fr\u00e9gence Voyages \u00c0 propos Contact Photographe voyage \u00b7 depuis 2016 Carnets […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":6,"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/pages\/36\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/vincentfregence.com\/en\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}