/* 7H Advisory, Quiet Oracle */
html{background:#F3EDE2;scroll-behavior:smooth}
body{margin:0;background:#F3EDE2;overflow-x:hidden}
.layout{margin:0 auto}
.layout-mobile{display:none}
@media (max-width:1023px){.layout-desktop{display:none}.layout-mobile{display:block}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Desktop layout (designed at 1440px) */
.qo{font-family:'Geist',system-ui,sans-serif;color:#2A1F1A;-webkit-font-smoothing:antialiased}
.qo a{color:inherit;text-decoration:none}
.qo .serif{font-family:'Newsreader',Georgia,serif}
.qo .lnk{display:inline-block;padding-bottom:8px;border-bottom:1px solid rgba(42,31,26,.3);transition:color .8s ease,border-color .8s ease,letter-spacing .8s ease}
.qo .lnk:hover{color:#5E1F1F;border-color:#5E1F1F;letter-spacing:.3em}
.qo .dark .lnk{border-color:rgba(237,230,218,.35)}
.qo .dark .lnk:hover{color:#D9D5CE;border-color:#D9D5CE}
.qo .nav a{transition:color .8s ease}
.qo .nav a:hover{color:#5E1F1F}
.qo .f1{animation:qoFade 2.6s cubic-bezier(.2,.6,.2,1) .2s both}
.qo .f2{animation:qoFade 2.6s cubic-bezier(.2,.6,.2,1) .9s both}
.qo .f3{animation:qoFade 3.2s cubic-bezier(.2,.6,.2,1) 1.6s both}
.qo .reveal{animation:qoReveal 4s cubic-bezier(.2,.6,.2,1) .4s both}
@keyframes qoFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes qoReveal{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
.qo .photo{display:block;width:100%;height:100%;object-fit:cover}
.qo .plate{position:relative;overflow:hidden;margin:0}
.qo .plate img{position:absolute;display:block;max-width:none}
.qo .develop{animation:qoDevelop 4.2s cubic-bezier(.2,.6,.2,1) .6s both}
@keyframes qoDevelop{from{opacity:0}to{opacity:1}}
.qo .cap{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7A5A3E}
.qo .cap::before{content:"";display:block;width:28px;height:1px;background:linear-gradient(90deg,#8C877E,#CFCAC1 45%,#9C978F)}

/* Mobile layout (designed at 390px) */
.qm{font-family:'Geist',system-ui,sans-serif;color:#2A1F1A;-webkit-font-smoothing:antialiased}
.qm a{color:inherit;text-decoration:none}
.qm .serif{font-family:'Newsreader',Georgia,serif}
.qm .lnk{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid rgba(42,31,26,.3);transition:color .8s ease,border-color .8s ease}
.qm .lnk:hover{color:#5E1F1F;border-color:#5E1F1F}
.qm .dark .lnk{border-color:rgba(237,230,218,.35)}
.qm .f1{animation:qmFade 2.6s cubic-bezier(.2,.6,.2,1) .2s both}
.qm .f3{animation:qmFade 3.2s cubic-bezier(.2,.6,.2,1) 1.4s both}
.qm .reveal{animation:qmReveal 4s cubic-bezier(.2,.6,.2,1) .4s both}
@keyframes qmFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes qmReveal{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
.qm .photo{display:block;width:100%;height:100%;object-fit:cover}
.qm .plate{position:relative;overflow:hidden;margin:0}
.qm .plate img{position:absolute;display:block;max-width:none}
.qm .develop{animation:qmDevelop 4.2s cubic-bezier(.2,.6,.2,1) .6s both}
@keyframes qmDevelop{from{opacity:0}to{opacity:1}}
.qm .cap{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#7A5A3E}
.qm .cap::before{content:"";display:block;width:22px;height:1px;background:linear-gradient(90deg,#8C877E,#CFCAC1 45%,#9C978F)}