/* ATELIER_V3_START */

:root {
  --bg:#f5f1ec;
  --bg2:#e9e1dc;
  --ink:#19191c;
  --soft:#786e70;
  --line:#d8cecc;
  --sage:#762d3f;
  --green:#762d3f;
  --olive:#d4b5b9;
  --pale:#f0e5e4;
}

body {background:#f5f1ec;color:#19191c}
::selection{background:#d5a5ae;color:#19191c}
a:focus-visible,button:focus-visible{outline-color:#a55d72}

.topline {
  background:#762d3f;
  color:#fff0ed;
  height:32px;
}

.header {
  height:100px;
  background:#faf7f3;
  border-bottom:1px solid #ded6d1;
  box-shadow:none;
}

.brand-mark {
  border:1px solid #a3878c;
  border-radius:2px;
  color:#762d3f;
  background:transparent;
}

.brand strong{color:#202025}
.brand span{color:#8b6d74}
.nav a{color:#3b3536}
.nav a:hover{color:#762d3f}
.head-cta{color:#762d3f;border-color:#762d3f}

/* Dramatic editorial hero */

.hero {
  display:grid;
  grid-template-columns:52% 48%;
  min-height:760px;
  background:#19191c;
}

.hero-copy {
  position:relative;
  isolation:isolate;
  align-items:flex-start;
  padding:90px clamp(42px,6vw,112px) 60px 45px;
  background:
    radial-gradient(ellipse at 0% 100%,#4d2732,transparent 52%),
    linear-gradient(145deg,#242126,#17171a);
  border-top:5px solid #762d3f;
}

.hero-copy::before {
  content:"LASER / 01";
  position:absolute;
  left:45px;
  top:38px;
  font:600 11px var(--latin);
  letter-spacing:.2em;
  color:#b6a4a5;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.hero-copy .eyebrow{color:#dcb9be}
.eyebrow i{background:#a55d72}

.hero h1 {
  color:#fff8f2;
  font-size:clamp(55px,5.3vw,93px);
  font-weight:700;
  line-height:1.36;
  letter-spacing:-.075em;
  max-width:590px;
}

.hero h1 em{color:#e3a4b1}

.hero h1 em::after {
  background:#9a5368;
  height:6px;
  bottom:10px;
}

.hero p {
  color:#d1c3c2;
  font-size:15px;
  line-height:2.15;
}

.hero-actions .btn {
  border-radius:2px;
  min-height:58px;
  padding:13px 26px;
  box-shadow:none;
}

.hero-actions .btn-dark {
  background:#f5f1ec;
  color:#211c1f;
  border-color:#f5f1ec;
}

.hero-actions .btn-outline {
  background:transparent;
  color:#f8f0ef;
  border-color:#937f84;
}

.hero-actions .btn-dark:hover {
  background:#eacbd0;
  border-color:#eacbd0;
}

.hero-actions .btn-outline:hover {
  color:white;
  background:#ffffff14;
  border-color:#f5f1ec;
}

.hero-bottom {
  border-color:#6d525d;
  color:#ac9aa1;
}

.hero-bottom strong{color:#e0bcc4}

/* Portrait presentation */

.hero-visual {
  min-height:760px;
  background:#4f3836;
}

.hero-visual img {
  object-position:50% 27%;
  filter:saturate(.75) contrast(1.10) brightness(.9);
  transform:scale(1.015);
}

.hero-visual::before {
  content:"";
  position:absolute;
  inset:25px;
  z-index:2;
  border:1px solid #ffffff69;
  width:auto;
  height:auto;
  border-radius:0;
  box-shadow:none;
  pointer-events:none;
}

.hero-visual::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(0deg,#171518cc,transparent 38%);
  pointer-events:none;
}

.hero-photo-caption {
  z-index:3;
  right:55px;
  bottom:54px;
}

.hero-photo-caption strong{font-size:20px}
.vertical-label{z-index:3;color:white}

/* Editorial sections */

.ticker {
  background:#ede3df;
  border-color:#d9c7c6;
}

.ticker b{color:#9a5368}
.ticker span{color:#423536}

.section{padding:120px 0}

.section h2 {
  color:#201e20;
  font-weight:700;
}

.section .eyebrow{color:#92566a}
.lead{color:#72666a}

.experience{background:#f5f1ec}

.exp-text h2 span {
  color:#8a3e56 !important;
}

.exp-item,.exp-list{border-color:#d7cbc9}
.exp-item b{color:#9b4f65}
.exp-item p{color:#73696c}

.exp-media {
  background:#d3c5c1;
  border-radius:0;
  overflow:hidden;
  box-shadow:16px 16px 0 #e1d5d1;
}

.exp-label {
  border-radius:0;
  background:#f8f2ef;
  border:0;
}

.exp-label b{color:#8c4b5f}

/* Real results area */

.results{background:#eae0df}

.result-card {
  background:#faf6f1;
  border:1px solid #d3c4c3;
  border-radius:0;
  box-shadow:none;
}

.result-space {
  background:linear-gradient(135deg,#d4c0bd,#f3ebe5);
}

.result-card:nth-child(2) .result-space {
  background:linear-gradient(130deg,#c8b2b0,#eee4dd);
}

.result-placeholder .icon{color:#944b61}
.result-placeholder p{color:#77676c}

.sample-label {
  background:#faf4ee;
  border:1px solid #ccb7b8;
  border-radius:0;
}

.result-footer{background:#faf6f1}

/* Questions and trust */

.feeling {
  color:#fff7f3;
  background:linear-gradient(
    125deg,#702d41,#421f2c 65%,#231a21
  );
}

.feeling .eyebrow{color:#eed3d8}
.feeling .eyebrow i{background:#eab8c1}

.feel-buttons button {
  border:1px solid #ffffff3b;
  border-radius:0;
  background:#ffffff05;
  color:#f3e5e7;
}

.feel-buttons button[aria-selected=true] {
  background:#fff2ec;
  color:#492431;
  border-color:#fff2ec;
  box-shadow:none;
}

.feel-answer {
  background:#ffffff10;
  border:1px solid #ffffff3b;
  border-radius:0;
  box-shadow:none;
}

.feel-answer p{color:#edcfd6}
.feel-answer .smallcaps{color:#efd0d4}
.feel-answer a{border-color:#ffffff4b}

.story-media {
  background:#c9b3b0;
  border-radius:0;
  box-shadow:-15px 15px 0 #e2d2d0;
}

.story-media .overprint {
  border:0;
  border-radius:0;
  background:#fff8f2;
  color:#7c3b50;
}

.story p{color:#75686e}
.story-points{color:#634c54}
.story-points i{background:#a35d71}

.faq{background:#eee7e4}

.accordion{border-color:#c8b9ba}

.accordion details {
  background:transparent;
  border:0;
  border-bottom:1px solid #c8b9ba;
  border-radius:0;
  box-shadow:none;
}

.accordion summary::after{color:#862f4d}

/* Closing conversion section */

.contact {
  background:#19191c;
  color:#fff8f2;
}

.contact-inner {
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.contact h2{color:#fff8f2}
.contact .eyebrow{color:#edb4c2}
.contact p,.contact .note{color:#c7b8bb}

.contact .btn-dark {
  background:#ead8d7;
  color:#281d22;
  border-color:#ead8d7;
}

footer {
  background:#f5f1ec;
  border-top:1px solid #d8cecc;
}

.preview-tools button {
  background:#fff8f3;
  color:#6b2c41;
  border:1px solid #c7aeb5;
  border-radius:2px;
}

.mobile-fixed {
  background:#f7f1eef2;
  border-top:1px solid #d6c3c4;
}

.mobile-fixed .btn-dark {
  background:#762d3f;
  color:white;
  border-color:#762d3f;
}

/* Responsive */

@media(max-width:1060px) {
  .hero{min-height:650px}
  .hero-visual{min-height:650px}
  .hero h1{font-size:clamp(46px,5vw,66px)}
  .hero-copy{padding-right:42px}
}

@media(max-width:760px) {
  .header{height:76px}
  .nav{background:#f9f3ef;inset:76px 0 auto}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-visual{order:1;height:420px;min-height:0}
  .hero-visual::before{inset:15px}
  .hero-copy{order:2;padding:56px 25px 44px}
  .hero-copy::before{top:19px;left:25px;font-size:9px}
  .hero h1{
    font-size:clamp(43px,9vw,65px);
    line-height:1.35;
  }
  .hero p{font-size:13px}
  .hero-bottom{margin-top:36px}
  .section{padding:80px 0}
  .exp-media{box-shadow:8px 8px 0 #e1d5d1}
  .story-media{box-shadow:-8px 8px 0 #e2d2d0}
  .feel-answer{min-height:300px}
  .contact{padding:82px 0 110px}
  .mobile-fixed{display:flex}
}

/* ATELIER_V3_END */