*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1eee9;color:#242124;font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.statement p{font-family:Italiana,Georgia,serif;font-weight:400}em{font-weight:400;color:#bca481}.intro{position:fixed;inset:0;background:#171619;color:#e9d7b9;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity 1.1s ease,visibility 1.1s}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-center{text-align:center;animation:reveal 2s ease both}.intro-mark{font:normal clamp(100px,23vw,280px)/.9 Italiana,Georgia,serif;letter-spacing:-.24em;padding-right:.22em;text-shadow:0 0 40px #bb985450}.intro-mark span{color:#a99171;animation:glow 2.2s ease both}.intro-label{letter-spacing:.48em;font-size:11px;margin-top:32px}.skip{position:absolute;bottom:40px;border:0;background:none;color:#e9d7b9;letter-spacing:.22em;font-size:10px;cursor:pointer}.skip span{margin-left:12px}@keyframes reveal{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glow{from{opacity:.1}to{opacity:1}}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#19181a;color:#eee9e1;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.25em}.brand-symbol{font:32px Italiana,Georgia,serif;letter-spacing:-.18em;color:#c6a979;padding-right:5px}.header nav{display:flex;gap:34px}.header nav a{font-size:10px;letter-spacing:.15em;transition:color .2s}.header nav a:hover{color:#c6a979}.menu{display:none}.hero{min-height:730px;background:radial-gradient(ellipse at 80% 45%,#444044 0%,#242226 47%,#181719 90%);color:#f4f0e9;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-12%;top:-38%;width:65vw;height:65vw;border:1px solid #bd9e7235;border-radius:50%;box-shadow:0 0 0 65px #c6a97908,0 0 0 140px #c6a97906;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:1400px;margin:auto;padding:145px 8% 120px}.eyebrow,.section-index,.tiny{font-size:10px;letter-spacing:.24em;font-weight:500}.eyebrow{color:#c3ad91}.hero h1{font-size:clamp(76px,10vw,160px);line-height:.98;letter-spacing:-.035em;margin:40px 0 75px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{line-height:1.9;color:#d5d0cc;font-size:14px}.line-link{font-size:10px;letter-spacing:.19em;border-bottom:1px solid #a58d6e;padding-bottom:14px;white-space:nowrap}.line-link span{margin-left:20px}.hero-edge{position:absolute;bottom:30px;right:5%;font-size:9px;letter-spacing:.2em;color:#b9ada4}.philosophy{padding:150px 9%;display:grid;grid-template-columns:1fr 2fr;gap:80px}.section-index{color:#98846d}.dark{color:#998063}.philosophy h2,.services h2,.atelier h2,.contact h2{font-size:clamp(52px,6vw,92px);line-height:1.12;letter-spacing:-.025em;margin:28px 0 38px}.bodycopy{max-width:630px;font-size:15px;line-height:2;color:#666068}.statement{background:#262328;color:#f0e9df;text-align:center;padding:135px 20px}.statement p{font-size:clamp(48px,7vw,105px);line-height:1.15;margin:45px 0}.statement .tiny{color:#c6a979}.fine-rule{display:block;width:60px;height:1px;background:#c6a979;margin:auto}.services{padding:145px 9%}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.section-top h2{margin-top:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{min-height:530px;background:#e6e0d7;padding:55px;display:flex;flex-direction:column}.service:nth-child(2){background:#dcd5cf}.service-number,.service-footer,.service-note,.atelier-sign{font-size:10px;letter-spacing:.14em;color:#76685f}.service h3{font-size:clamp(55px,6vw,85px);line-height:1.05;margin:75px 0 30px}.service p{line-height:1.9;font-size:14px;color:#655e5a;max-width:450px}.service-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:40px;border-top:1px solid #b9afa5}.service-footer strong{font-weight:600;color:#3a3331}.service-note{margin-top:28px;max-width:790px;line-height:1.9;letter-spacing:0;font-size:12px}.atelier{display:grid;grid-template-columns:1fr 1fr;background:#1d1b1e;color:#eee8e1;min-height:680px}.atelier-image{overflow:hidden}.atelier-image img{width:100%;height:100%;object-fit:cover;display:block}.atelier-copy{padding:120px 12%;display:flex;flex-direction:column;justify-content:center}.atelier-copy p{font-size:14px;line-height:2;color:#c9c1bd}.atelier-sign{color:#c6a979;margin-top:50px}.contact{text-align:center;padding:150px 8% 130px}.contact h2{max-width:1000px;margin:30px auto}.contact p:not(.eyebrow){font-size:15px;color:#736c68;line-height:1.9}.contact-line{font-size:10px;letter-spacing:.22em;margin-top:80px}.contact-line span{color:#ad9372;margin:0 18px}footer{background:#19181a;color:#aaa19a;display:flex;justify-content:space-between;gap:20px;padding:32px 5%;font-size:10px;letter-spacing:.16em}@media(max-width:760px){.header{height:72px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#19181a;flex-direction:column;padding:30px 6%}.header nav.open{display:flex}.menu{display:block;border:0;background:none;color:#eee9e1;font-size:11px;letter-spacing:.15em}.hero{min-height:620px}.hero-inner{padding:115px 7% 110px}.hero h1{font-size:clamp(67px,13vw,100px);margin:45px 0 80px}.hero-bottom{align-items:start;flex-direction:column}.philosophy{grid-template-columns:1fr;gap:30px;padding:100px 7%}.services{padding:100px 7%}.section-top{display:block}.service-grid,.atelier{grid-template-columns:1fr}.service{padding:38px;min-height:480px}.service h3{margin-top:65px}.service-footer{flex-direction:column}.atelier-image{height:430px}.atelier-copy{padding:90px 8%}.contact{padding:110px 7%}.contact-line{line-height:2}footer{flex-wrap:wrap;line-height:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-center,.intro-mark span{animation:none}.intro{transition:none}}
/* Approved monogram in the opening sequence */
.intro-center{width:min(74vw,490px);animation:reveal 2s ease both}.intro-logo{width:100%;height:auto;display:block;max-height:65vh;object-fit:contain;filter:drop-shadow(0 0 20px #c6a97933)}.intro-label{margin-top:18px}.intro{background:#1b191c}@media(max-width:760px){.intro-center{width:min(88vw,440px)}}

/* Version 3: cinematic, unhurried monogram reveal and luminous center beam */
.intro{background:#171619;transition:opacity 1.35s ease,visibility 1.35s}
.intro-center{position:relative;isolation:isolate;animation:none;width:min(76vw,520px)}
.intro-logo{position:relative;z-index:1;opacity:0;transform:scale(.965);animation:mardev-logo-reveal 3.8s cubic-bezier(.22,.65,.2,1) .45s forwards;filter:drop-shadow(0 0 24px #d6b68028)}
.intro-label{position:relative;z-index:3;opacity:0;animation:mardev-label-reveal 2s ease 2.3s forwards}
.intro-center::after{content:"";position:absolute;z-index:2;left:50%;top:8%;height:82%;width:clamp(3px,.8vw,10px);transform:translateX(-50%) scaleY(.15);transform-origin:center;background:linear-gradient(to right,transparent 0%,#ffe3aa80 16%,#fffdf0 48%,#fff7df 53%,#e9bb7770 85%,transparent 100%);filter:blur(1px);box-shadow:0 0 13px 4px #ffdd9c80,0 0 42px 10px #ffd28e42,0 0 90px 22px #ffe6b11e;opacity:0;pointer-events:none;animation:mardev-beam 5.8s ease-in-out .6s both}
@keyframes mardev-logo-reveal{0%{opacity:0;transform:scale(.965);filter:brightness(.45)}65%{opacity:.85}100%{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes mardev-label-reveal{from{opacity:0;letter-spacing:.65em}to{opacity:1;letter-spacing:.48em}}
@keyframes mardev-beam{0%{opacity:0;transform:translateX(-50%) scaleY(.08)}25%{opacity:.35;transform:translateX(-50%) scaleY(.75)}55%{opacity:1;transform:translateX(-50%) scaleY(1)}77%{opacity:.85;transform:translateX(-50%) scaleY(1)}100%{opacity:0;transform:translateX(-50%) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.intro-logo,.intro-label,.intro-center::after{animation:none;opacity:1}.intro-center::after{display:none}}

/* V4: original approved monogram in header */
.brand-logo{display:block;width:49px;height:49px;object-fit:cover;border-radius:50%;object-position:center;filter:contrast(1.05)}
.brand{gap:13px}
@media(max-width:760px){.brand-logo{width:42px;height:42px}.brand{gap:10px}}

/* V5: Ensure the skip control is always accessible above the intro graphics */
.skip{z-index:105;cursor:pointer;padding:15px 24px;border:1px solid #d1b99080;background:#171619b8;bottom:32px;left:50%;transform:translateX(-50%)}
.skip:hover,.skip:focus-visible{background:#3a3230;outline:2px solid #e5c99c;outline-offset:3px}

/* V6: elegant transitional question after the approved monogram intro */
.feeling-screen{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#28252a 0%,#171619 75%);color:#f2ede7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.25s ease,visibility 1.25s ease}
.feeling-screen.visible{opacity:1;visibility:visible;pointer-events:auto}
.feeling-content{text-align:center;padding:35px;opacity:0;transform:translateY(12px);transition:opacity 2.4s ease .25s,transform 2.4s ease .25s}
.feeling-screen.visible .feeling-content{opacity:1;transform:translateY(0)}
.feeling-overline{font-size:10px;letter-spacing:.4em;color:#c6a979}
.feeling-content h2{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(60px,9vw,138px);line-height:1.12;letter-spacing:-.03em;margin:35px 0 42px}
.feeling-content h2 em{color:#d1b88f;font-style:italic}
.feeling-rule{display:block;width:65px;height:1px;background:#b79b74;margin:0 auto}
.feeling-enter{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);background:transparent;border:0;border-bottom:1px solid #a68d6b;padding:12px 6px;color:#f1e9df;letter-spacing:.19em;font-size:10px;white-space:nowrap;cursor:pointer;z-index:2}
.feeling-enter span{margin-left:14px}.feeling-enter:focus-visible{outline:2px solid #d6b78e;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.feeling-screen,.feeling-content{transition:none}.feeling-content{opacity:1;transform:none}}

/* V7 — interactive emotional design discovery */
body.experience-active{overflow:hidden}
.feeling-screen{overflow-y:auto;align-items:center;padding:42px 22px;background:radial-gradient(ellipse at 50% 40%,#302a31 0%,#171619 78%)}
.feeling-shell{width:min(100%,1020px);margin:auto;position:relative;text-align:center}
.feeling-heading h2{font-family:Italiana,Georgia,serif;font-size:clamp(52px,7vw,105px);font-weight:400;line-height:1.08;margin:20px 0}
.feeling-heading h2 em{color:#d1b88f}
.feeling-heading p{color:#bfb6b8;font-size:13px;line-height:1.8;margin-bottom:32px}
.feeling-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.feeling-choice{cursor:pointer;text-align:left;color:#f4eee9;background:#252228;border:1px solid #554951;padding:14px 14px 20px;min-height:200px;transition:border-color .3s,transform .3s,background .3s}
.feeling-choice:hover,.feeling-choice:focus-visible{border-color:#d5b88e;transform:translateY(-4px);outline:none}
.feeling-choice[aria-pressed="true"]{border:2px solid #d5b88e;background:#342d35;padding:13px 13px 19px}
.swatches{display:flex;gap:4px;height:88px;margin-bottom:22px}
.swatches i{flex:1;display:block}
.feeling-choice strong{font-family:Italiana,Georgia,serif;font-size:30px;font-weight:400;display:block;margin-bottom:7px}
.feeling-choice small{font-size:10px;color:#bcb1b7;letter-spacing:.035em;line-height:1.6}
.feeling-actions,.reveal-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.feeling-action-primary{background:#d2b992;color:#201d21;border:1px solid #d2b992;padding:17px 25px;cursor:pointer;font-size:10px;letter-spacing:.14em;transition:background .2s}
.feeling-action-primary:hover:not(:disabled){background:#f0d9b5}
.feeling-action-primary:disabled{opacity:.4;cursor:not-allowed}
.feeling-action-secondary{background:none;color:#d4c6c1;border:0;border-bottom:1px solid #998578;padding:12px 0;cursor:pointer;font-size:10px;letter-spacing:.13em}
.feeling-reveal{max-width:710px;margin:auto;padding:45px 10px}
.feeling-reveal h3{font-size:clamp(58px,8vw,100px);font-weight:400;line-height:1.08;margin:30px 0;color:#f5eee8}
.feeling-reveal p{font-size:16px;line-height:1.9;color:#d2c7c9;max-width:600px;margin:0 auto}
.reveal-swatches{display:flex;justify-content:center;gap:8px;margin:36px auto 10px}
.reveal-swatches span{width:76px;height:55px}
.nav-feeling{border:0;background:none;color:#c6a979;font-size:10px;letter-spacing:.13em;cursor:pointer;padding:0}
[hidden]{display:none!important}
@media(max-width:760px){.feeling-screen{padding:32px 18px}.feeling-options{grid-template-columns:repeat(2,minmax(0,1fr))}.feeling-choice{min-height:165px;padding:10px}.feeling-choice[aria-pressed="true"]{padding:9px}.swatches{height:54px;margin-bottom:14px}.feeling-choice strong{font-size:25px}.feeling-heading h2{font-size:clamp(46px,9vw,75px)}.feeling-heading p{margin-bottom:22px}.feeling-reveal{padding:20px 0}.feeling-reveal h3{font-size:clamp(52px,10vw,78px)}.nav-feeling{text-align:left}}
@media(prefers-reduced-motion:reduce){.feeling-choice{transition:none}.feeling-choice:hover{transform:none}}