*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;color:#202020;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #997044;outline-offset:5px}button{border-radius:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(30px,3.4vw,50px);line-height:1.18;letter-spacing:-.035em}.eyebrow{font-size:12px;letter-spacing:.19em;line-height:1.5}.header{position:absolute;z-index:20;top:0;left:0;width:100%;color:white;border-bottom:1px solid #ffffff40;background:linear-gradient(#0003,transparent)}.header-row{height:90px;padding:0 3.7vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-row>:last-child{justify-self:end}.wordmark{font-size:clamp(18px,2vw,31px);font-weight:600;letter-spacing:.11em;white-space:nowrap}.quiet{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:8px 0;font-size:14px}.menu-trigger{justify-self:start}.hamburger{width:20px;height:10px;border-top:1px solid;border-bottom:1px solid}.desktop-links{display:flex;justify-content:center;gap:40px;padding:0 20px 20px;font-size:13px}.desktop-links a:hover{text-decoration:underline;text-underline-offset:5px}.hero{min-height:720px;height:100svh;position:relative;isolation:isolate;color:white;background:#657d8c;overflow:hidden}.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-video{z-index:-2;opacity:0}.hero.is-playing .hero-video{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0008,transparent 56%)}.hero-copy{position:absolute;bottom:100px;left:7vw;max-width:620px}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.1vw,76px);line-height:1.05;letter-spacing:-.035em;margin:18px 0 28px}.light-button,.dark-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;border:1px solid #fff;font-size:14px;line-height:1.4;transition:background .25s}.light-button{color:#fff;background:#0001}.light-button:hover{background:white;color:#222}.dark-button{background:#202020;color:#fff;border-color:#202020}.dark-button:hover{background:#454545}.hero-controls{position:absolute;bottom:25px;left:3.7vw;right:3.7vw;display:flex;align-items:center;justify-content:space-between}.slide-controls{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.1em}.slide-controls button{font-size:22px;padding:4px 10px}.section{padding:95px 3.7vw}.section-heading{text-align:center;max-width:900px;margin:0 auto 65px}.section-heading h2{margin:16px 0 20px}.section-heading>p:last-child:not(.eyebrow){color:#696969;font-size:16px}.collection-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:17px;margin-bottom:24px;font-size:13px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-image{width:100%;aspect-ratio:3/4;position:relative;padding:0;overflow:hidden;border:0;background:#f1f0ed}.product-image img{width:100%;height:100%;object-fit:cover;object-position:76% center;transition:transform .7s}.product-image:hover img{transform:scale(1.045)}.product-image span{position:absolute;bottom:16px;left:18px;color:white;font-size:12px;text-shadow:0 1px 6px #000}.view-two img{object-position:68% center}.view-three img{object-position:82% center}.view-four img{object-position:72% center}.product-meta{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-top:18px}.product-meta h3{font-size:15px}.product-meta p{font-size:12px;color:#777;margin-top:4px}.product-meta>span{font-size:12px;white-space:nowrap;padding-top:3px}.maison{display:grid;grid-template-columns:1fr 1fr;background:#f6f5f2}.maison-image{min-height:650px;overflow:hidden}.maison-image img{width:100%;height:100%;object-fit:cover;object-position:78% center}.maison-copy{align-self:center;padding:80px 6.5vw}.maison-copy h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,62px);margin:25px 0 30px}.maison-copy>p:not(.eyebrow){max-width:450px;color:#666;margin:0 0 20px;font-size:15px}.underlined{display:inline-block;border-bottom:1px solid;padding-bottom:5px;margin-top:20px;font-size:14px}.values{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:auto}.values article{padding:25px 45px;border-right:1px solid #ddd}.values article:last-child{border:0}.values article>span{font-size:12px;color:#888}.values h3{font-family:Georgia,serif;font-size:30px;margin:30px 0 15px}.values p{font-size:15px;color:#666}.closing{text-align:center;background:#f4f4f3;padding:95px 20px}.closing h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,70px);margin:24px 0 35px}footer{padding:65px 5vw 25px}.footer-mark{display:block;text-align:center;font-size:24px;letter-spacing:.13em;font-weight:600;margin-bottom:70px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;gap:30px}.footer-columns h3{font-size:14px;margin-bottom:20px}.footer-columns a,.footer-columns p,.text-button{display:block;font-size:13px;color:#666;margin:10px 0}.text-button{border:0;background:none;padding:0}.footer-bottom{border-top:1px solid #ddd;margin-top:55px;padding-top:25px;display:flex;justify-content:space-between;font-size:12px;color:#777}dialog{border:0;padding:0;max-height:100svh;color:#222}dialog::backdrop{background:#0006}.dialog-close{position:absolute;right:22px;top:15px;border:0;background:#fff9;font-size:30px;z-index:2;width:40px;height:40px;line-height:1}.side-dialog{margin:0;width:min(440px,100%);height:100svh;max-width:100%;padding:85px 40px}.side-dialog nav{display:flex;flex-direction:column;gap:25px;margin-top:50px;font-size:25px}.bag{margin-left:auto;margin-right:0}.bag h2{font-size:30px;margin-bottom:35px}.bag-row{padding:20px 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:10px;font-size:14px}.bag-row button{border:0;background:none;font-size:12px;text-decoration:underline}.bag-note{font-size:13px;color:#777;margin-top:30px}#bagTotal{font-weight:bold;margin-top:25px}.product-dialog{width:min(900px,92vw)}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.product-dialog>img{width:100%;height:100%;min-height:450px;object-fit:cover;object-position:75% center}.detail-copy{padding:70px 40px}.detail-copy h2{font-family:Georgia,serif;margin:15px 0 25px;font-size:40px}.detail-copy>p:not(.eyebrow){font-size:15px;color:#666}.detail-copy strong{display:block;margin:25px 0}.detail-copy .dark-button{width:100%}#addedStatus{min-height:25px;margin-top:15px}[hidden]{display:none!important}
@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.header-row{height:80px}.desktop-links{gap:25px}.maison-copy{padding:55px 6vw}.values article{padding:20px 25px}}
@media(max-width:650px){html{scroll-padding-top:20px}.header-row{padding:0 20px;grid-template-columns:32px 1fr auto;gap:14px;height:80px}.wordmark{font-size:16px;letter-spacing:.06em;justify-self:center}.menu-trigger>span:last-child{display:none}.header-row>:last-child{font-size:12px}.desktop-links{gap:24px;padding-bottom:15px;font-size:12px}.desktop-links a:last-child{display:none}.hero{min-height:620px;height:94svh}.hero-poster,.hero-video{object-position:66% center}.hero-copy{left:7vw;right:7vw;bottom:105px}.hero-copy h1{font-size:45px}.hero-copy .eyebrow{font-size:10px}.hero-shade{background:linear-gradient(0deg,#0009,transparent 80%)}.section{padding:65px 5vw}.section-heading{margin-bottom:40px}.section-heading h2{font-size:32px}.section-heading>p:last-child:not(.eyebrow){font-size:14px}.product-meta{display:block}.product-meta h3{font-size:14px}.product-meta>span{display:block;margin-top:7px}.product-image span{left:10px;font-size:11px}.maison{grid-template-columns:1fr}.maison-image{min-height:0;height:450px}.maison-copy{padding:55px 8vw}.values{grid-template-columns:1fr}.values article{padding:30px 10px;border-right:0;border-bottom:1px solid #ddd}.values h3{margin-top:15px}.closing{padding:70px 20px}.footer-mark{font-size:19px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;gap:10px}.product-dialog[open]{display:block}.product-dialog>img{min-height:0;height:260px}.detail-copy{padding:30px}.detail-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ==========================================================
   AL KASSOUM — FINITIONS INTERACTIVES
   Variables, composants, états et adaptations responsive.
   ========================================================== */

:root {
  --font-interface: "Manrope", Arial, sans-serif;
  --font-heading: "DM Sans", Arial, sans-serif;
  --ink: #202020;
  --muted: #73736f;
  --surface: #ffffff;
  --surface-soft: #f7f7f5;
  --stroke: rgba(32, 32, 32, .12);
  --accent: #997044;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: 180ms;
  --duration-medium: 360ms;
  --duration-slow: 700ms;
  --radius-card: 6px;
  --radius-control: 3px;
  --shadow-card: 0 18px 48px -25px rgba(30, 30, 25, .28);
  --shadow-dialog: 0 30px 90px rgba(0, 0, 0, .2);
}

body {
  font-family: var(--font-interface);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: #dac4a6;
  color: #202020;
}

h2,
h3 {
  text-wrap: balance;
}

.section-heading h2 {
  font-family: var(--font-heading);
  font-weight: 400;
  letter-spacing: -.045em;
}

.eyebrow {
  font-weight: 600;
}

/* Navigation : surface translucide au défilement. */
.header {
  position: fixed;
  transition:
    background var(--duration-medium),
    color var(--duration-medium),
    box-shadow var(--duration-medium),
    border-color var(--duration-medium);
}

.header.is-scrolled {
  color: var(--ink);
  background: rgba(255, 255, 255, .97);
  border-color: var(--stroke);
  box-shadow: 0 6px 28px rgba(0, 0, 0, .035);
}

@supports (backdrop-filter: blur(18px)) {
  .header.is-scrolled {
    background: rgba(255, 255, 255, .87);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
  }
}

.header-row {
  transition: height var(--duration-medium) var(--ease-out);
}

.header.is-scrolled .header-row {
  height: 72px;
}

.wordmark {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: .13em;
}

.desktop-links a {
  position: relative;
  padding-bottom: 4px;
  opacity: .83;
  transition: opacity var(--duration-fast);
}

.desktop-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--duration-medium) var(--ease-out);
}

.desktop-links a:hover,
.desktop-links a[aria-current="location"] {
  text-decoration: none;
  opacity: 1;
}

.desktop-links a:hover::after,
.desktop-links a[aria-current="location"]::after {
  transform: scaleX(1);
}

.quiet {
  gap: 9px;
  transition: opacity var(--duration-fast), transform var(--duration-fast);
}

.quiet:hover {
  opacity: .72;
}

.quiet:active {
  transform: scale(.96);
}

#bagCount {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

/* Hero : le visuel reste la pièce principale. */
.hero-copy h1 {
  text-wrap: balance;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .09);
}

.hero-copy .eyebrow {
  letter-spacing: .22em;
}

.hero-controls {
  font-family: var(--font-interface);
}

.slide-controls {
  gap: 18px;
}

.slide-controls button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  font-size: 18px;
  transition: background var(--duration-fast), transform var(--duration-fast);
}

.slide-controls button:hover {
  background: rgba(255, 255, 255, .16);
}

#slideNumber {
  min-width: 55px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

#videoToggle {
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 24px;
  background: rgba(0, 0, 0, .1);
}

/* Boutons : contraste, mouvement bref et focus visible. */
.light-button,
.dark-button {
  position: relative;
  gap: 12px;
  border-radius: var(--radius-control);
  font-weight: 500;
  letter-spacing: .015em;
  transition:
    transform var(--duration-medium) var(--ease-out),
    background var(--duration-medium),
    color var(--duration-medium),
    box-shadow var(--duration-medium);
}

.light-button:hover,
.dark-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

.light-button:active,
.dark-button:active {
  transform: translateY(0) scale(.985);
}

.light-button:focus-visible {
  outline-color: white;
}

.dark-button:disabled {
  opacity: .55;
  cursor: default;
  transform: none;
}

/* Cartes : photographie, profondeur légère et bord fin. */
.collection-toolbar {
  border-color: var(--stroke);
  color: var(--muted);
  letter-spacing: .025em;
}

.collection-toolbar span:first-child {
  color: var(--ink);
  font-weight: 600;
}

.product {
  min-width: 0;
}

.product-image {
  border-radius: var(--radius-card);
  outline: 1px solid rgba(0, 0, 0, .035);
  outline-offset: -1px;
  transition: box-shadow var(--duration-medium), transform var(--duration-medium);
}

.product-image::after {
  content: "";
  position: absolute;
  inset: 40% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .32));
  pointer-events: none;
}

.product-image img {
  transition: transform 900ms var(--ease-out);
}

.product-image:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
}

.product-image:hover img {
  transform: scale(1.045);
}

.product-image span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  right: 18px;
  bottom: 18px;
  z-index: 1;
  font-weight: 500;
  letter-spacing: .025em;
}

.product-image span i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 50%;
  transition: background var(--duration-medium);
}

.product-image:hover span i {
  background: rgba(255, 255, 255, .2);
}

.product-meta {
  padding: 0 2px;
}

.product-meta h3 {
  font-weight: 500;
  letter-spacing: -.025em;
}

.product-meta > span {
  font-variant-numeric: tabular-nums;
}

.product-meta p {
  color: var(--muted);
}

/* Blocs éditoriaux. */
.maison-copy .underlined {
  padding-bottom: 8px;
  transition: color var(--duration-medium), border-color var(--duration-medium);
}

.underlined:hover {
  color: var(--accent);
  border-color: var(--accent);
}

.values article {
  transition: background var(--duration-medium);
}

.values article:hover {
  background: var(--surface-soft);
}

.values article > span {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--stroke);
  border-radius: 50%;
  font-variant-numeric: tabular-nums;
}

.footer-columns a,
.footer-columns .text-button {
  width: fit-content;
  transition: color var(--duration-fast);
}

.footer-columns a:hover,
.footer-columns .text-button:hover {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Dialogues natifs : rendu de panneaux applicatifs. */
dialog {
  box-shadow: var(--shadow-dialog);
}

dialog::backdrop {
  background: rgba(17, 17, 17, .4);
  backdrop-filter: blur(4px);
}

.side-dialog[open] {
  animation: panel-enter 380ms var(--ease-out) both;
}

.bag[open] {
  animation-name: bag-enter;
}

.product-dialog {
  border-radius: 8px;
  overflow: auto;
}

.product-dialog[open] {
  animation: detail-enter 320ms var(--ease-out) both;
}

.dialog-close {
  border: 1px solid var(--stroke);
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  transition: transform var(--duration-medium), background var(--duration-medium);
}

.dialog-close:hover {
  transform: rotate(90deg);
  background: white;
}

.side-dialog nav a {
  font-family: var(--font-heading);
  letter-spacing: -.025em;
  transition: transform var(--duration-medium) var(--ease-out);
}

.side-dialog nav a:hover {
  transform: translateX(6px);
}

.bag-row {
  align-items: center;
  padding: 22px 0;
  border-color: var(--stroke);
}

.bag-row button {
  padding: 8px;
  color: var(--muted);
  text-underline-offset: 4px;
}

#addedStatus {
  font-size: 13px;
  color: #355c43;
}

/* Apparition progressive : le contenu reste visible sans JS. */
.reveal-pending {
  opacity: 0;
  transform: translateY(24px);
}

.reveal-in {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity var(--duration-slow) var(--ease-out),
    transform var(--duration-slow) var(--ease-out);
}

@keyframes panel-enter {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes bag-enter {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes detail-enter {
  from { opacity: 0; transform: translateY(18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Mobile : garder les actions accessibles au doigt. */
@media (max-width: 1000px) {
  .product-meta {
    flex-wrap: wrap;
  }
}

@media (max-width: 650px) {
  html {
    scroll-padding-top: 125px;
  }

  .wordmark {
    font-size: clamp(12px, 3.3vw, 16px);
    letter-spacing: .045em;
  }

  .header-row {
    padding: 0 16px;
    gap: 10px;
  }

  .header.is-scrolled .header-row {
    height: 68px;
  }

  .header-row > :last-child {
    font-size: 11px;
    gap: 5px;
  }

  .header-row > :last-child i {
    display: none;
  }

  .product-image span {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .product-image span i {
    width: 26px;
    height: 26px;
  }

  .slide-controls button {
    width: 44px;
    height: 44px;
  }

  .product-dialog {
    border-radius: 6px;
  }

  .hero-copy h1 {
    font-size: clamp(38px, 10.5vw, 45px);
  }
}

@media (hover: none) {
  .product-image:hover,
  .light-button:hover,
  .dark-button:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-pending,
  .reveal-in {
    opacity: 1;
    transform: none;
  }

  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ========================================================================
   AL KASSOUM — LUXURY HOUSE SYSTEM / 2026
   Editorial identity inspired by high-fashion houses without copying any one.
   ======================================================================== */
:root{
 --ak-ink:#191615;
 --ak-coal:#211d1c;
 --ak-black:#12100f;
 --ak-paper:#f5f1ea;
 --ak-ivory:#fbf8f2;
 --ak-gold:#b58a47;
 --ak-gold-soft:#d5b783;
 --ak-line:rgba(25,22,21,.16);
 --ak-line-dark:rgba(255,255,255,.16);
 --ak-serif:"Playfair Display",Georgia,"Times New Roman",serif;
 --ak-sans:"Manrope","DM Sans",Arial,sans-serif;
}

body{font-family:var(--ak-sans);background:var(--ak-ivory);color:var(--ak-ink)}
body.ak-home{background:var(--ak-ivory)}
body.ak-home h1,body.ak-home h2,body.ak-home h3{font-family:var(--ak-serif);font-weight:500}
body.ak-home .eyebrow{font-size:11px;letter-spacing:.26em;font-weight:600;text-transform:uppercase}

.ak-announcement{height:32px;padding:0 3vw;background:#0f0e0d;color:#d9d1c8;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.22em;position:relative;z-index:31;text-transform:uppercase}
.ak-announcement-center{position:absolute;left:50%;transform:translateX(-50%);color:#9d8b72}
.ak-announcement a{border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}

.ak-home .header{top:32px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent);border-bottom:1px solid rgba(255,255,255,.16);z-index:30}
.ak-home .header.is-scrolled{background:rgba(18,16,15,.96);color:#fff;border-color:rgba(255,255,255,.1);box-shadow:0 14px 40px rgba(0,0,0,.16)}
.ak-home .header-row{height:82px}
.ak-home .header.is-scrolled .header-row{height:70px}
.ak-home .desktop-links{padding:0 20px 17px;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
.ak-home .ak-wordmark{width:160px;height:58px;display:flex;align-items:center;justify-content:center}
.ak-home .ak-wordmark img{width:150px;height:auto;object-fit:contain;filter:none}
.ak-home .header .quiet{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.ak-home .hamburger{width:23px;height:8px}

.ak-hero{min-height:calc(100svh - 32px);padding:174px 5vw 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,42vw);align-items:center;gap:4vw;background:
 radial-gradient(circle at 74% 46%,rgba(195,153,81,.14),transparent 19%),
 radial-gradient(circle at 63% 84%,rgba(255,255,255,.065),transparent 22%),
 linear-gradient(135deg,#0f0e0d 0%,#1e1a18 48%,#120f0d 100%);color:#f6f2ec;position:relative;overflow:hidden;isolation:isolate}
.ak-hero::before{content:"AL KASSOUM";position:absolute;left:-2vw;bottom:5vh;font-family:var(--ak-serif);font-size:clamp(90px,14vw,240px);letter-spacing:-.06em;line-height:.74;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);z-index:-1;white-space:nowrap}
.ak-hero::after{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.26) .45px,transparent .45px);background-size:6px 6px;mask-image:linear-gradient(90deg,rgba(0,0,0,.3),#000 70%)}
.ak-hero-orbit{position:absolute;border:1px solid rgba(181,138,71,.28);border-radius:50%;pointer-events:none;z-index:-1}
.ak-orbit-one{width:36vw;height:36vw;min-width:440px;min-height:440px;right:-12vw;top:17%}
.ak-orbit-two{width:18vw;height:18vw;min-width:230px;min-height:230px;right:20vw;bottom:-9vw;border-color:rgba(255,255,255,.08)}
.ak-hero-copy{max-width:780px;align-self:center;padding-top:18px}
.ak-kicker{font-size:10px;letter-spacing:.3em;color:var(--ak-gold-soft);margin-bottom:28px;font-weight:600}
.ak-hero h1{font-size:clamp(60px,7.8vw,126px);letter-spacing:-.055em;line-height:.86;margin:0 0 36px;max-width:860px}
.ak-hero h1 em{font-weight:500;color:var(--ak-gold-soft)}
.ak-hero-lead{max-width:600px;font-size:14px;line-height:1.9;color:#c9c2ba;margin-bottom:38px}
.ak-hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.ak-button{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 20px 13px 24px;border:1px solid;min-width:220px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;transition:transform .35s,background .35s,color .35s,border-color .35s}
.ak-button span{font-size:16px;letter-spacing:0}
.ak-button:hover{transform:translateY(-2px)}
.ak-button-light{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.02)}
.ak-button-light:hover{background:#fff;color:var(--ak-ink)}
.ak-button-dark{border-color:var(--ak-ink);background:var(--ak-ink);color:#fff}
.ak-button-dark:hover{background:var(--ak-gold);border-color:var(--ak-gold);color:#15110f}
.ak-text-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.34)}
.ak-text-link.dark{color:var(--ak-ink);border-color:rgba(25,22,21,.28)}

.ak-hero-product{justify-self:end;width:min(420px,36vw);position:relative;align-self:center}
.ak-hero-product::before{content:"";position:absolute;inset:10% -6% 4%;border:1px solid rgba(255,255,255,.08);transform:rotate(4deg);z-index:-1}
.ak-hero-product img{width:100%;max-height:72vh;object-fit:cover;object-position:center;border-radius:1px;box-shadow:0 45px 80px rgba(0,0,0,.34)}
.ak-hero-product p{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.16em}
.ak-hero-product p small{color:#9e958c;font-size:9px}
.ak-hero-number{position:absolute;right:calc(100% + 22px);top:0;color:var(--ak-gold-soft);font-family:var(--ak-serif);font-size:22px}
.ak-hero-footer{position:absolute;bottom:20px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.26em;color:#8f8780}

.ak-intro{display:grid;grid-template-columns:100px 1.15fr .85fr;gap:6vw;padding:140px 6vw;background:var(--ak-paper);border-bottom:1px solid var(--ak-line);align-items:start}
.ak-intro-index{font-family:var(--ak-serif);font-size:14px;color:#8d8176;padding-top:10px}
.ak-intro h2{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.045em;margin-top:18px}
.ak-intro h2 em{color:var(--ak-gold);font-weight:500}
.ak-intro-text{padding-top:44px;max-width:520px}
.ak-intro-text p{color:#675f59;font-size:14px;line-height:1.9;margin-bottom:18px}
.ak-intro-text a{display:inline-flex;gap:18px;margin-top:16px;padding-bottom:6px;border-bottom:1px solid var(--ak-line);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

.ak-collection{background:#fff;padding-top:120px;padding-bottom:120px}
.ak-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:58px}
.ak-section-head h2{font-size:clamp(42px,4.6vw,72px);letter-spacing:-.045em;line-height:1.02;margin-top:14px}
.ak-section-note{max-width:360px;border-left:1px solid var(--ak-line);padding-left:28px}
.ak-section-note span{font-size:9px;letter-spacing:.23em;color:var(--ak-gold)}
.ak-section-note p{font-size:13px;line-height:1.7;color:#6b625c;margin-top:12px}
.ak-products{gap:22px}
.ak-products .product-image{background:#ece7df;border-radius:0;aspect-ratio:4/5;box-shadow:none}
.ak-products .product-image::after{background:linear-gradient(transparent 58%,rgba(0,0,0,.3));inset:0}
.ak-products .product-image img{object-fit:cover;object-position:center}
.ak-products .product-image:hover{transform:none;box-shadow:none}
.ak-products .product-image:hover img{transform:scale(1.025)}
.ak-products .product-meta{padding-top:3px}
.ak-products .product-meta h3{font-family:var(--ak-serif);font-size:18px;letter-spacing:-.015em}
.ak-products .product-meta p{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8b827a}
.ak-products .product-meta>span{font-size:11px}
.ak-center-action{display:flex;justify-content:center;margin-top:58px}

.ak-manifesto{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;background:#181514;color:#fff}
.ak-manifesto-media{min-height:720px;position:relative;overflow:hidden;background:
 linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.52)),
 url('assets/campagne.png') center left/160% auto no-repeat}
.ak-manifesto-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#181514)}
.ak-manifesto-card{position:absolute;left:7%;bottom:8%;width:230px;padding:20px 22px;border:1px solid rgba(255,255,255,.22);background:rgba(16,14,13,.56);backdrop-filter:blur(12px);z-index:2}
.ak-manifesto-card img{width:190px;height:auto;margin:auto}
.ak-manifesto-card p{text-align:center;font-size:8px;letter-spacing:.27em;color:#c9b18a;margin-top:12px}
.ak-manifesto-copy{padding:110px 8vw 90px 7vw;display:flex;flex-direction:column;justify-content:center}
.ak-manifesto-copy .eyebrow{color:var(--ak-gold-soft)}
.ak-manifesto-copy h2{font-size:clamp(50px,5.5vw,82px);line-height:.98;letter-spacing:-.05em;margin:20px 0 32px}
.ak-manifesto-copy>p:not(.eyebrow){color:#bbb2aa;line-height:1.9;font-size:14px;max-width:520px}
.ak-manifesto-lines{display:grid;margin:42px 0 46px;border-top:1px solid var(--ak-line-dark)}
.ak-manifesto-lines span{padding:17px 0;border-bottom:1px solid var(--ak-line-dark);font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:24px}
.ak-manifesto-lines b{color:var(--ak-gold-soft);font-weight:500}
.ak-manifesto-copy .ak-text-link{align-self:flex-start}

.ak-univers{background:var(--ak-paper);padding-top:120px;padding-bottom:130px}
.ak-universe-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ak-line);border-bottom:1px solid var(--ak-line)}
.ak-universe-card{min-height:420px;padding:30px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--ak-line);position:relative;overflow:hidden;transition:background .4s,color .4s}
.ak-universe-card:last-child{border-right:0}
.ak-universe-card::after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(181,138,71,.25);border-radius:50%;right:-120px;bottom:-130px;transition:transform .55s}
.ak-universe-card:hover{background:#1b1715;color:#fff}
.ak-universe-card:hover::after{transform:scale(1.35)}
.ak-universe-card>span{font-size:10px;letter-spacing:.18em;color:var(--ak-gold)}
.ak-universe-card p{font-size:9px;letter-spacing:.23em;color:#8c8177;margin-bottom:14px}
.ak-universe-card h3{font-size:clamp(34px,3vw,50px);margin-bottom:18px}
.ak-universe-card small{font-size:11px;color:#8d837a;letter-spacing:.05em}

.ak-concierge{padding:110px 6vw 125px;background:#fff}
.ak-concierge>div:first-child{text-align:center;max-width:740px;margin:0 auto 64px}
.ak-concierge h2{font-family:var(--ak-serif);font-size:clamp(42px,4.5vw,68px);letter-spacing:-.045em;margin-top:18px}
.ak-concierge-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:auto;border-top:1px solid var(--ak-line);border-bottom:1px solid var(--ak-line)}
.ak-concierge-grid article{padding:42px 38px;min-height:250px;border-right:1px solid var(--ak-line)}
.ak-concierge-grid article:last-child{border:0}
.ak-concierge-grid i{font-size:19px;color:var(--ak-gold)}
.ak-concierge-grid h3{font-size:25px;margin:28px 0 14px}
.ak-concierge-grid p{font-size:13px;line-height:1.75;color:#6f665f}

.ak-closing{text-align:center;padding:120px 20px 135px;background:linear-gradient(180deg,#f6f2eb,#ebe2d5)}
.ak-closing-mark{width:220px;margin:0 auto 30px}
.ak-closing p{font-size:9px;letter-spacing:.28em;color:#84776c}
.ak-closing h2{font-family:var(--ak-serif);font-size:clamp(54px,6.4vw,100px);line-height:.92;letter-spacing:-.055em;margin:30px 0 44px}
.ak-closing h2 em{color:var(--ak-gold)}

.ak-footer{background:#11100f;color:#d8d0c8;padding:70px 5vw 28px}
.ak-footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:54px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:48px}
.ak-footer-top img{width:210px}
.ak-footer-top p{font-size:12px;line-height:1.7;color:#8f8881;text-align:right}
.ak-footer .footer-columns{max-width:none;grid-template-columns:repeat(3,1fr)}
.ak-footer .footer-columns h3{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f4eee7}
.ak-footer .footer-columns a,.ak-footer .footer-columns p{color:#958c84;font-size:12px}
.ak-footer .footer-bottom{border-color:rgba(255,255,255,.12);color:#746d66;font-size:9px;letter-spacing:.13em}

.ak-menu{background:var(--ak-paper);padding-top:55px}
.ak-menu-logo{width:220px;margin-bottom:46px}
.ak-menu nav{font-family:var(--ak-serif);font-size:30px;gap:21px}
.ak-menu-foot{position:absolute;bottom:30px;left:40px;font-size:9px;letter-spacing:.2em;color:#8f8378}

/* Shared shop header logo */
.shop-page .wordmark{width:150px;display:flex;align-items:center;justify-content:center}
.shop-page .wordmark img{width:145px;height:auto}
.shop-page .header.is-scrolled{background:rgba(251,248,242,.97);border-color:var(--ak-line)}
.shop-page .desktop-links{font-size:10px;letter-spacing:.14em;text-transform:uppercase}

@media(max-width:1050px){
 .ak-announcement-center{display:none}
 .ak-hero{grid-template-columns:1.1fr .9fr;padding-left:4vw;padding-right:4vw}
 .ak-hero-product{width:min(380px,39vw)}
 .ak-intro{grid-template-columns:70px 1fr 1fr;gap:4vw;padding-left:4vw;padding-right:4vw}
 .ak-manifesto-copy{padding-left:5vw;padding-right:5vw}
}
@media(max-width:760px){
 .ak-announcement{padding:0 18px}.ak-announcement>span:first-child{display:none}.ak-announcement a{margin-left:auto}
 .ak-home .header{top:32px}.ak-home .header-row{padding:0 18px}.ak-home .desktop-links{display:none}.ak-home .ak-wordmark{width:135px}.ak-home .ak-wordmark img{width:130px}
 .ak-home .bag-label{display:none}
 .ak-hero{min-height:900px;display:block;padding:150px 24px 70px}
 .ak-hero h1{font-size:clamp(58px,17vw,88px);max-width:620px}
 .ak-hero-lead{font-size:13px;max-width:540px}
 .ak-hero-actions{gap:22px}.ak-button{min-width:208px}
 .ak-hero-product{width:58vw;max-width:330px;margin:56px 0 0 auto}.ak-hero-product img{max-height:none}.ak-hero-number{right:auto;left:-46px}
 .ak-hero-footer{left:24px;right:24px}.ak-hero-footer span:nth-child(2){display:none}
 .ak-intro{grid-template-columns:1fr;padding:85px 24px;gap:24px}.ak-intro-index{display:none}.ak-intro-text{padding-top:0}.ak-intro h2{font-size:45px}
 .ak-collection{padding:80px 20px}.ak-section-head{display:block}.ak-section-note{margin-top:28px;max-width:none}.ak-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.ak-products .product-meta h3{font-size:16px}
 .ak-manifesto{grid-template-columns:1fr}.ak-manifesto-media{min-height:520px;background-size:210% auto;background-position:27% center}.ak-manifesto-media::after{background:linear-gradient(180deg,transparent 60%,#181514)}.ak-manifesto-copy{padding:75px 24px 85px}.ak-manifesto-copy h2{font-size:52px}
 .ak-univers{padding:80px 20px}.ak-universe-grid{grid-template-columns:1fr}.ak-universe-card{min-height:280px;border-right:0;border-bottom:1px solid var(--ak-line)}.ak-universe-card:last-child{border-bottom:0}
 .ak-concierge{padding:80px 20px}.ak-concierge-grid{grid-template-columns:1fr}.ak-concierge-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--ak-line);padding:34px 12px}.ak-concierge-grid article:last-child{border-bottom:0}
 .ak-closing{padding:90px 20px 105px}.ak-closing-mark{width:180px}.ak-closing h2{font-size:58px}
 .ak-footer{padding:55px 24px 25px}.ak-footer-top{display:block}.ak-footer-top p{text-align:left;margin-top:28px}.ak-footer .footer-columns{grid-template-columns:1fr 1fr}.ak-footer .footer-columns>div:first-child{grid-column:span 2}
}
@media(max-width:480px){
 .ak-hero{min-height:870px}.ak-hero h1{font-size:58px}.ak-kicker{font-size:8px;letter-spacing:.24em}.ak-hero-product{width:67vw}.ak-hero-product p{display:block}.ak-hero-product p small{display:block;margin-top:5px}
 .ak-products{grid-template-columns:1fr}.ak-products .product-image{aspect-ratio:4/5}.ak-section-head h2{font-size:42px}
 .ak-footer .footer-columns{grid-template-columns:1fr}.ak-footer .footer-columns>div:first-child{grid-column:auto}
}