/* ==========================================================
   94STUDIO -- theme sur mesure, construit a partir de la maquette.
   ========================================================== */

:root{
  --ink-0:#1c0605;
  --ink-1:#120302;
  --accent:#e31f13;
  --accent-dim:#8f1912;
  --paper:#d9d3ce;
  --paper-dim:#8f8681;
  --line: rgba(217,211,206,0.16);
  color-scheme: dark;
  background:var(--ink-0);
}

*,*::before,*::after{box-sizing:border-box;}
html,body{height:100%;}
body{
  background:var(--ink-0);
  color:var(--paper);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow-x:hidden;
  min-height:100%;
  margin:0;
}
img{max-width:100%;height:auto;}
::selection{background:var(--accent);color:var(--ink-0);}
a{color:inherit;text-decoration:none;}

/* grain + vignette decoratifs */
.grain{
  position:fixed;inset:0;pointer-events:none;z-index:5;
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.vignette{
  position:fixed;inset:0;pointer-events:none;z-index:4;
  background:radial-gradient(120% 90% at 50% 40%, transparent 40%, var(--ink-1) 130%);
}

/* nav aux 4 coins, presente sur toutes les pages */
nav.corners{
  position:fixed;inset:0;z-index:20;pointer-events:none;
  padding:28px 28px calc(28px + env(safe-area-inset-bottom,0px)) 28px;
  padding-top:calc(28px + env(safe-area-inset-top,0px));
}
nav.corners a{
  pointer-events:auto;
  position:absolute;
  font-family:"MedievalSharp",cursive;
  font-size:clamp(14px,1.6vw,19px);
  color:var(--paper);
  padding:6px 2px;
  transition:color .25s ease;
}
nav.corners a:hover,nav.corners a:focus-visible{color:var(--accent);}
nav.corners a.nav-tl{top:28px;left:28px;top:calc(28px + env(safe-area-inset-top,0px));}
nav.corners a.nav-tr{top:28px;right:28px;top:calc(28px + env(safe-area-inset-top,0px));}
nav.corners a.nav-bl{bottom:28px;left:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));}
nav.corners a.nav-br{bottom:28px;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));}

/* wordmark centre en haut (masque sur l'accueil via header.php) */
.wordmark{
  pointer-events:auto;
  position:fixed;top:24px;left:50%;transform:translateX(-50%);
  top:calc(24px + env(safe-area-inset-top,0px));
  z-index:21;line-height:1;
  color:var(--accent);
}
.wordmark .logo-mark{width:96px;transition:opacity .2s ease;}
.wordmark:hover .logo-mark{opacity:.85;}

main{position:relative;z-index:10;}

.screen{
  min-height:100%;
  display:flex;align-items:center;justify-content:center;
  padding:120px 28px 100px;
}

/* ---------- ACCUEIL ---------- */
#accueil .home-mark{text-align:center;color:var(--accent);}
#accueil .home-mark .logo-mark{width:clamp(320px,78vw,1100px);margin:0 auto;}
.logo-mark{display:block;height:auto;}

/* ---------- titre partage ---------- */
.headline{
  font-family:"Cinzel Decorative",serif;font-weight:400;
  color:var(--accent);
  font-size:clamp(56px,16vw,230px);
  line-height:.9;letter-spacing:-.075em;text-wrap:balance;
  text-align:center;
  width:100%;
}

/* ---------- A PROPOS ---------- */
#apropos .wrap{width:100%;max-width:1500px;}
#apropos .headline{margin-bottom:56px;}
#apropos .layout{
  display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start;
  max-width:1040px;margin:0 auto;
}
.portrait{
  aspect-ratio:3/4;border:1px solid var(--line);
  background:
    radial-gradient(120% 100% at 30% 0%, rgba(217,211,206,.10), transparent 60%),
    linear-gradient(160deg,#2a0d0b,#0d0201 70%);
  position:relative;
  overflow:hidden;
}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.portrait .cap{
  position:absolute;left:12px;bottom:10px;z-index:2;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--paper-dim);
}
.bio{position:relative;}
.bio .eyebrow{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;
  margin-bottom:18px;
}
.bio .eyebrow .name{font-family:"MedievalSharp",cursive;color:var(--paper);font-size:24px;}
.bio .eyebrow .role{font-size:12px;letter-spacing:.04em;color:var(--paper-dim);}
.cross{font-family:"MedievalSharp",cursive;color:var(--accent-dim);font-size:14px;}
.bio p{max-width:62ch;font-size:16px;line-height:1.65;color:var(--paper);margin:0 0 16px;}
.bio p:last-child{margin-bottom:0;}
.bio blockquote{
  margin:22px 0;padding-left:18px;border-left:1px solid var(--accent-dim);
}
.bio blockquote p{
  font-style:italic;color:var(--paper-dim);max-width:60ch;
  font-size:15px;line-height:1.65;margin:0 0 14px;
}
.bio blockquote p:last-child{margin-bottom:0;}
.bio-tagline{
  margin-top:24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent-dim);
}

@media (max-width:720px){
  #apropos .layout{grid-template-columns:1fr;}
  .portrait{max-width:220px;}
}

/* ---------- CONTACT ---------- */
#contact{padding-top:100px;padding-bottom:56px;}
#contact .wrap{width:100%;max-width:1500px;text-align:center;}
#contact .headline{margin:0 0 16px;}
.contact-list{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;}
.contact-line{
  font-size:clamp(15px,2.2vw,22px);color:var(--paper);
  border-bottom:1px solid var(--paper-dim);padding-bottom:1px;
  transition:color .2s ease, border-color .2s ease;
}
.contact-line:hover{color:var(--accent);border-color:var(--accent);}
.contact-line.socials-line{display:flex;align-items:baseline;gap:10px;border-bottom:none;padding-bottom:0;}
.socials-line a{border-bottom:1px solid var(--paper-dim);padding-bottom:1px;transition:color .2s ease, border-color .2s ease;}
.socials-line a:hover{color:var(--accent);border-color:var(--accent);}
.socials-line .sep{color:var(--paper-dim);}
.wolf{width:clamp(60px,6vw,90px);height:auto;margin:2px auto 10px;display:block;color:var(--accent-dim);}
.cta-link{
  display:inline-block;font-size:clamp(13px,1.7vw,17px);color:var(--paper);
  border-bottom:1px solid var(--paper-dim);padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
.cta-link:hover{color:var(--accent);border-color:var(--accent);}

/* ---------- PHOTOS (rouleau) ---------- */
.photos-screen{display:block;padding-top:120px;padding-bottom:56px;}
.photos-screen .wrap{margin:0 auto;text-align:center;}
.photos-screen .headline{margin-bottom:4px;font-size:clamp(48px,12vw,170px);}
.reel-hint{
  font-family:"MedievalSharp",cursive;font-size:13px;letter-spacing:.1em;color:var(--paper-dim);
  margin:0 0 28px;transition:opacity .5s ease;
}
.reel-hint.is-faded{opacity:0;}
.reel{
  width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
  overflow-x:auto;overflow-y:hidden;cursor:grab;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding:6px 0 34px;
}
.reel:active{cursor:grabbing;}
.reel::-webkit-scrollbar{display:none;}
.reel-track{display:inline-flex;gap:26px;padding:0 max(28px, calc(50vw - 640px));user-select:none;}
.reel-frame{
  flex:0 0 auto;width:min(58vw,250px);
  position:relative;border:1px solid var(--line);
  background:
    radial-gradient(120% 100% at 30% 0%, rgba(217,211,206,.10), transparent 60%),
    linear-gradient(160deg,#2a0d0b,#0d0201 70%);
  aspect-ratio:4/5;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:14px;overflow:hidden;
  transition:transform .25s ease, border-color .25s ease;
}
.reel-frame img{
  position:absolute;inset:14px;top:40px;bottom:52px;
  width:calc(100% - 28px);height:auto;
  object-fit:cover;z-index:1;
}
.reel-frame:nth-child(even){transform:translateY(14px);}
.reel-frame:hover,.reel-frame:focus-visible{border-color:var(--accent-dim);transform:translateY(-6px);outline:none;}
.reel-frame:nth-child(even):hover,.reel-frame:nth-child(even):focus-visible{transform:translateY(8px);}
.reel-num{
  font-family:"Cinzel Decorative",serif;color:var(--accent-dim);
  font-size:13px;letter-spacing:.05em;align-self:flex-start;
  position:relative;z-index:3;margin:8px 0 0 8px;
}
.reel-cap{
  align-self:flex-start;font-style:italic;font-size:11px;color:var(--paper-dim);
  position:relative;z-index:3;
  display:flex;align-items:baseline;gap:6px;
  opacity:0;transform:translateY(4px);
  transition:opacity .25s ease, transform .25s ease;
}
.reel-cap .cross{font-size:11px;}
.reel-frame:hover .reel-cap,.reel-frame:focus-visible .reel-cap{opacity:1;transform:none;}
@media (hover:none){.reel-cap{opacity:1;transform:none;}}
@media (max-width:720px){
  .reel-frame{width:min(78vw,260px);}
  .reel-frame:nth-child(even){transform:none;}
  .reel-frame:nth-child(even):hover,.reel-frame:nth-child(even):focus-visible{transform:translateY(-6px);}
}

/* ---------- PROJETS (liste) ---------- */
.proj-list{display:flex;flex-direction:column;gap:20px;}
.proj-row{
  display:flex;align-items:baseline;gap:14px;
  font-family:"MedievalSharp",cursive;color:var(--paper);
  font-size:clamp(16px,2.2vw,26px);
  transition:color .2s ease;
}
.proj-row:hover,.proj-row:focus-visible{color:var(--accent);}
.proj-name{white-space:nowrap;}
.proj-cat{white-space:nowrap;color:var(--paper-dim);font-size:.6em;}
.proj-row:hover .proj-cat{color:var(--accent);}
.proj-dots{
  flex:1;align-self:flex-end;min-width:24px;height:.6em;
  background-image:radial-gradient(circle, var(--paper-dim) 1.6px, transparent 1.7px);
  background-repeat:repeat-x;background-position:bottom left;background-size:.5em .6em;
}
.proj-preview{
  position:fixed;top:0;left:0;z-index:30;
  width:240px;aspect-ratio:4/5;
  background:
    radial-gradient(120% 100% at 30% 0%, rgba(217,211,206,.10), transparent 60%),
    linear-gradient(160deg,#2a0d0b,#0d0201 70%);
  border:1px solid var(--line);
  display:flex;align-items:flex-end;pointer-events:none;
  opacity:0;transform:translate(-9999px,-9999px) scale(.96);
  transition:opacity .18s ease, transform .18s ease;
}
.proj-preview.is-visible{opacity:1;}
.proj-preview-cap{padding:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);}
@media (hover:none){.proj-preview{display:none;}}

/* ---------- PROJET (fiche detail) ---------- */
#projet .wrap{width:100%;}
.pd-media{
  position:relative;width:100%;aspect-ratio:16/9;max-height:56vh;
  background:linear-gradient(160deg,#170504,#050101 75%);
  border:1px solid var(--line);margin-bottom:36px;
  overflow:hidden;
}
.pd-media img,.pd-media-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;
}

/* ---------- ornement d'angle grave (vignettes, portrait, fiches) ---------- */
.portrait,.pd-media,.reel-frame{position:relative;}
.portrait::before,.portrait::after,
.pd-media::before,.pd-media::after,
.reel-frame::before,.reel-frame::after{
  content:"";position:absolute;z-index:2;pointer-events:none;
  background-size:contain;background-repeat:no-repeat;opacity:.92;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20393.046%20393.632%22%3E%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip-cadre-0%22%3E%0A%3Cpath%20clip-rule%3D%22nonzero%22%20d%3D%22M%2043%200.292969%20L%20392.09375%200.292969%20L%20392.09375%20350%20L%2043%20350%20Z%20M%2043%200.292969%20%22/%3E%0A%3C/clipPath%3E%0A%3CclipPath%20id%3D%22clip-cadre-1%22%3E%0A%3Cpath%20clip-rule%3D%22nonzero%22%20d%3D%22M%20334%20354%20L%20354%20354%20L%20354%20392.972656%20L%20334%20392.972656%20Z%20M%20334%20354%20%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3Cg%20clip-path%3D%22url%28%23clip-cadre-0%29%22%3E%0A%3Cpath%20fill-rule%3D%22nonzero%22%20fill%3D%22%238f1912%22%20fill-opacity%3D%221%22%20d%3D%22M%20305.632812%2087.019531%20C%20320.257812%2083.332031%20328.328125%2086.097656%20338.777344%2093.941406%20L%20336.761719%2055.414062%20L%20298.3125%2053.726562%20C%20307.519531%2064.121094%20308.164062%2073.648438%20305.632812%2087.019531%20M%20279.382812%2052.582031%20C%20264.929688%2051.996094%20251.679688%2061.421875%20248.355469%2072.597656%20L%20250.085938%2079.910156%20C%20250.328125%2080.925781%20247.746094%2080.25%20245.5%2081.761719%20L%20247.300781%20102.722656%20C%20243.523438%20101.808594%20243.511719%2099.054688%20241.269531%2096.035156%20C%20235.632812%20102.085938%20231.695312%20112.722656%20220.636719%20109.445312%20C%20233.992188%20103.816406%20241.117188%2093.734375%20241.117188%2079.773438%20C%20241.113281%2068.023438%20250.058594%2060.167969%20258.3125%2052.480469%20L%20220.800781%2049.820312%20L%20161.050781%2048.976562%20L%2062.589844%2050.632812%20C%2060.4375%2050.667969%2058.027344%2054.199219%2058.140625%2055.582031%20C%2058.300781%2057.589844%2061.34375%2059.40625%2065.351562%2058.734375%20C%2062.140625%2062.019531%2058.636719%2062.035156%2056.175781%2059.902344%20C%2052.949219%2057.105469%2053.394531%2054.125%2056%2050.324219%20C%2050.546875%2049.953125%2046.429688%2052.007812%2043.523438%2046.925781%20C%2047.816406%2046.382812%2053.128906%2047%2055.226562%2043.542969%20C%2056.328125%2041.726562%2056.085938%2037.867188%2057.386719%2036.800781%20C%2058.523438%2035.867188%2061.667969%2034.636719%2063.125%2036.347656%20C%2060.242188%2038.707031%2059.230469%2040.625%2059.476562%2042.054688%20C%2059.742188%2043.582031%2062.871094%2046.4375%2065.375%2046.347656%20C%20124.683594%2044.269531%20182.46875%2045.050781%20241.792969%2046.152344%20C%20252.074219%2046.34375%20265.722656%2038.929688%20265.027344%2029.082031%20C%20264.394531%2020.183594%20251.011719%2020.148438%20245.003906%2024.5%20C%20244.191406%2017.863281%20250.351562%2018.65625%20254.625%2018.382812%20C%20262.710938%2017.859375%20268.726562%2022.105469%20270.800781%2028.464844%20C%20273.066406%2035.414062%20269.226562%2040.71875%20261.261719%2046.492188%20C%20269.597656%2047.683594%20276.523438%2048.234375%20284.40625%2047.8125%20L%20326.679688%2045.546875%20C%20336.371094%2045.023438%20345.183594%2042.726562%20351.800781%2035.046875%20C%20322.507812%2038.734375%20313.042969%2012.285156%20300.738281%2032.335938%20C%20297.242188%2030.402344%20299.011719%2027.058594%20300.152344%2025.71875%20C%20305.246094%2019.726562%20312.730469%2022.363281%20315.347656%2018.953125%20C%20317.699219%2015.886719%20312.355469%206.601562%20324.359375%201.371094%20C%20328.40625%20-0.390625%20333.394531%20-0.269531%20337.453125%203.832031%20C%20340.917969%207.332031%20341.445312%2015.695312%20335.089844%2017.363281%20C%20335.519531%2013.625%20335.445312%207.429688%20331.714844%206.246094%20C%20325.808594%204.375%20321.679688%209.863281%20321.191406%2014.796875%20C%20320.777344%2018.980469%20322.855469%2023.808594%20328.417969%2025.875%20C%20356.71875%2036.390625%20376.335938%209.339844%20377.933594%2015.125%20C%20379.421875%2020.527344%20356.621094%2037.027344%20366.4375%2063.683594%20C%20368.523438%2069.34375%20373.175781%2071.796875%20377.613281%2071.425781%20C%20382.617188%2071.011719%20388.078125%2066.480469%20385.929688%2060.394531%20C%20384.71875%2056.96875%20378.628906%2056.964844%20374.851562%2056.867188%20C%20376.914062%2051.234375%20384.832031%2051.484375%20388.378906%2054.753906%20C%20392.566406%2058.609375%20392.789062%2063.9375%20391.136719%2068.066406%20C%20386.171875%2080.457031%20376.105469%2074.605469%20373.367188%2076.894531%20C%20369.792969%2079.878906%20373.441406%2096.554688%20359.484375%2092.417969%20C%20380.347656%2079.324219%20355.101562%2072.808594%20357.164062%2040.085938%20C%20349.691406%2048.261719%20346.707031%2058.636719%20346.574219%2069.476562%20L%20345.835938%20130.382812%20C%20352.023438%20123.820312%20357.308594%20119.394531%20363.761719%20121.554688%20C%20371.476562%20124.140625%20374.949219%20130.785156%20373.882812%20139.683594%20C%20373.417969%20143.570312%20373.8125%20148.5%20367.851562%20147.207031%20C%20373.042969%20141.046875%20371.734375%20127.652344%20363.226562%20127.335938%20C%20352.8125%20126.949219%20346.21875%20140.652344%20346.394531%20150.441406%20L%20347.828125%20229.054688%20L%20346.507812%20328.105469%20C%20346.472656%20330.714844%20349.953125%20334.167969%20351.542969%20333.230469%20L%20358.386719%20329.179688%20C%20356.707031%20334.863281%20353.785156%20337.460938%20346.382812%20336.949219%20C%20346.496094%20341.738281%20347.796875%20345.519531%20344.875%20349.28125%20C%20341.464844%20345.632812%20342.832031%20341.230469%20341.785156%20336.804688%20C%20340.042969%20337.28125%20337.164062%20338.972656%20335.5625%20338.546875%20C%20332.777344%20337.8125%20331.75%20335.078125%20331.015625%20330.574219%20C%20330.269531%20329.089844%20333.863281%20328.589844%20334.300781%20329.476562%20L%20336.617188%20334.226562%20C%20339.847656%20334.421875%20342.746094%20329.496094%20342.796875%20325.019531%20L%20343.351562%20278.035156%20C%20343.570312%20259.242188%20344.183594%20241.390625%20343.574219%20222.636719%20L%20340.6875%20133.59375%20C%20331.378906%20143.644531%20323.410156%20151.984375%20310.273438%20151.699219%20C%20297.78125%20151.429688%20288.46875%20159.375%20283.425781%20172.125%20C%20279.140625%20161.34375%20289.550781%20156.09375%20298.109375%20151.367188%20C%20296.445312%20148.835938%20292.339844%20148.738281%20289.234375%20146.125%20C%20296.582031%20143.558594%20302.894531%20147.117188%20310.460938%20146.695312%20L%20311.824219%20142.472656%20C%20312.15625%20141.449219%20315.917969%20144.109375%20317.640625%20143.980469%20C%20330.691406%20143.011719%20339.109375%20129%20339.773438%20116.191406%20C%20340.226562%20107.457031%20337.539062%20100.675781%20331.601562%2095.726562%20C%20326.707031%2091.644531%20318.347656%2087.96875%20311.179688%2091.140625%20C%20305.304688%2093.742188%20305.09375%20101.597656%20303.476562%20107.011719%20C%20298.71875%20103.394531%20302.65625%2099.082031%20302.035156%2094.285156%20C%20296.003906%2097.394531%20295.300781%20103.515625%20287.113281%20104.347656%20L%20297.964844%2090.050781%20C%20293.667969%2090.527344%20289.730469%2092.851562%20286.328125%2089.265625%20C%20290.867188%2086.75%20299.25%2087.320312%20301.253906%2081.171875%20C%20305.625%2067.761719%20295.210938%2053.222656%20279.382812%2052.582031%20%22/%3E%0A%3C/g%3E%0A%3Cpath%20fill-rule%3D%22nonzero%22%20fill%3D%22%238f1912%22%20fill-opacity%3D%221%22%20d%3D%22M%20257.59375%20134.667969%20C%20260.445312%20135.105469%20265.015625%20133.609375%20267.851562%20131.871094%20C%20271.445312%20129.664062%20272.519531%20125.027344%20272.769531%20119.984375%20C%20262.453125%20119.265625%20258.769531%20124.78125%20257.59375%20134.667969%20M%20233.929688%20158.304688%20C%20243.40625%20143.699219%20252.738281%20133.941406%20251.601562%20116.425781%20C%20262.421875%20118.585938%20270.167969%20116.855469%20280.480469%20112.007812%20C%20276.226562%20121.492188%20273.382812%20128.953125%20276.339844%20140.488281%20C%20259.402344%20139.722656%20249.195312%20148.957031%20233.929688%20158.304688%20%22/%3E%0A%3Cpath%20fill-rule%3D%22nonzero%22%20fill%3D%22%238f1912%22%20fill-opacity%3D%221%22%20d%3D%22M%200%2049.554688%20C%207.855469%2046.753906%2012.921875%2043.5625%2019.359375%2039.851562%20C%2024.164062%2042.023438%2030.503906%2047.023438%2038.40625%2049.15625%20C%2030.203125%2051.121094%2023.71875%2054.949219%2019.210938%2058.925781%20C%2015.128906%2055.269531%209.589844%2051.453125%200%2049.554688%20%22/%3E%0A%3Cg%20clip-path%3D%22url%28%23clip-cadre-1%29%22%3E%0A%3Cpath%20fill-rule%3D%22nonzero%22%20fill%3D%22%238f1912%22%20fill-opacity%3D%221%22%20d%3D%22M%20334.835938%20373.320312%20C%20336.835938%20368.476562%20341.667969%20361.890625%20343.132812%20354.148438%20C%20345.726562%20361.898438%20349.8125%20368.289062%20353.476562%20372.632812%20C%20350.1875%20377.730469%20344.265625%20384.675781%20343.207031%20392.972656%20C%20341.132812%20385.949219%20338.871094%20379.878906%20334.835938%20373.320312%20%22/%3E%0A%3C/g%3E%3C/svg%3E");
}
.portrait::before,.portrait::after{width:56px;height:56px;}
.pd-media::before,.pd-media::after{width:120px;height:120px;}
.reel-frame::before,.reel-frame::after{width:40px;height:40px;}
.portrait::before,.pd-media::before,.reel-frame::before{top:10px;left:10px;transform:scaleX(-1);}
.portrait::after,.pd-media::after,.reel-frame::after{bottom:10px;right:10px;transform:scaleY(-1);}

.pd-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  color:var(--paper-dim);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;
}
.pd-arrow:hover{color:var(--accent);}
.pd-arrow-l{left:22px;} .pd-arrow-r{right:22px;}
.pd-cap{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);
}
.pd-info{display:grid;grid-template-columns:320px 1fr;gap:56px;text-align:left;margin-bottom:44px;}
.pd-name{font-family:"Cinzel Decorative",serif;font-size:22px;color:var(--paper);margin:0 0 6px;}
.pd-cat{color:var(--accent);font-size:13px;letter-spacing:.04em;margin:0 0 6px;}
.pd-when{color:var(--paper-dim);font-size:12px;letter-spacing:.06em;margin:0;}
.pd-desc p{max-width:56ch;font-size:15px;line-height:1.65;color:var(--paper);margin:0 0 12px;}
.pd-desc p:last-child{margin-bottom:0;}
.pd-contact{
  display:block;text-align:center;font-size:13px;letter-spacing:.06em;
  text-decoration:underline;color:var(--paper);margin:0 0 40px;
}
.pd-contact:hover{color:var(--accent);}
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px;}
.pd-thumb{
  display:block;aspect-ratio:4/3;
  background:linear-gradient(160deg,#170504,#050101 75%);
  border:1px solid var(--line);
}
.pd-more{
  display:block;text-align:center;font-family:"MedievalSharp",cursive;
  color:var(--paper-dim);font-size:20px;width:fit-content;margin:0 auto;
  border-bottom:1px solid var(--paper-dim);padding-bottom:2px;
}
.pd-more:hover{color:var(--accent);border-color:var(--accent);}

@media (max-width:720px){
  .pd-info{grid-template-columns:1fr;gap:24px;}
  .pd-thumbs{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:no-preference){
  .screen{animation:fade .5s ease both;}
  @keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
}