/*
Theme Name: Sencia Haus
Theme URI: https://senciahaus.com
Author: Sencia Haus
Description: Sencia Haus — strategy, creative and digital studio. Converted from the approved animated design. All copy, imagery and contact settings are editable under Dashboard → Sencia Content.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
License: Proprietary
Text Domain: senciahaus
*/

/* ---------------------------------------------------------------
   The design itself lives in inline styles on the templates, so it
   paints with the markup. This file holds only what inline styles
   cannot express: resets, fonts, keyframes, interaction states and
   the responsive collapses.
   --------------------------------------------------------------- */

*,*::before,*::after{box-sizing:border-box}
html{background:#17221B}
body{margin:0;font-family:"General Sans","Helvetica Neue",Arial,sans-serif;color:#17221B;background:#17221B;-webkit-font-smoothing:antialiased;overflow-x:clip;line-height:1.45}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:#B79869}
::selection{background:#B79869;color:#17221B}
input,textarea,button,select{font:inherit;color:inherit}
button{-webkit-appearance:none;appearance:none}
.sh-sr{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sh-skip{position:absolute;left:-9999px;top:0;z-index:700;padding:12px 20px;background:#B79869;color:#17221B;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.sh-skip:focus{left:12px;top:12px}

@keyframes sh-marquee{to{transform:translateX(-50%)}}
@keyframes sh-grain{0%{transform:translate(-1%,1%)}33%{transform:translate(1%,-1%)}66%{transform:translate(0,1%)}100%{transform:translate(1%,0)}}
@keyframes sh-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes sh-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* --- interaction states (were style-hover / style-focus in the design) --- */
.sh-pill:hover{color:#B79869;background:rgba(243,236,223,.16);border-color:rgba(183,152,105,.85);box-shadow:inset 0 1px 0 rgba(243,236,223,.26),0 20px 44px -20px rgba(0,0,0,.75)}
.sh-pill-solid:hover{background:#B79869;color:#17221B;border-color:#B79869}
.sh-pill-light:hover{color:#17221B;background:rgba(255,255,255,.68);border-color:rgba(183,152,105,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 40px -18px rgba(23,34,27,.5)}
.sh-navlink:hover,.sh-flink:hover,.sh-backlink:hover{color:#B79869}
.sh-nav-cta:hover{background:rgba(183,152,105,.9);color:#17221B;border-color:rgba(183,152,105,.9)}
.sh-card:hover{border-color:#B79869;box-shadow:0 26px 60px rgba(23,34,27,.14);transform:translateY(-8px)}
.sh-field:focus{border-bottom-color:#B79869}
.sh-field::placeholder{color:rgba(243,236,223,.34)}
.sh-chip:hover{border-color:rgba(183,152,105,.85);background:rgba(243,236,223,.16);box-shadow:inset 0 1px 0 rgba(243,236,223,.26),0 20px 44px -20px rgba(0,0,0,.75)}
.sh-chip{border:1px solid rgba(183,152,105,.52);background:rgba(243,236,223,.09);color:rgba(243,236,223,.82)}
.sh-chip.is-on{border:1px solid rgba(183,152,105,.9);background:rgba(183,152,105,.24);color:#F3ECDF}
.sh-chip input{position:absolute;opacity:0;width:1px;height:1px}
.sh-chip:focus-within{outline:2px solid #B79869;outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #B79869;outline-offset:3px}

/* --- responsive collapses --- */
@media (max-width:1080px){
  .sh-nav-links{display:none !important}
  .sh-mobile-toggle{display:inline-flex !important}
}
@media (max-width:900px){
  .sh-2col,.sh-2col-wide,.sh-method-grid,.sh-footer-grid{grid-template-columns:minmax(0,1fr) !important}
  .sh-method-aside{position:static !important;top:auto !important}
  .sh-studio-grid{grid-template-columns:minmax(0,1fr) !important}
  .sh-fracture{grid-template-columns:28px minmax(0,1fr) !important;text-align:left !important}
  .sh-fracture > span:empty{display:none !important}
  .sh-fracture .sh-fracture-body{text-align:left !important}
  .sh-fracture .sh-fracture-body p{margin-left:0 !important}
  .sh-fracture .sh-fracture-meta{justify-content:flex-start !important;flex-direction:row-reverse !important}
  .sh-fracture .sh-fracture-meta.sh-rev{flex-direction:row !important}
  .sh-spine{left:14px !important}
  .sh-contact-grid{grid-template-columns:minmax(0,1fr) !important}
  .sh-contact-aside{position:static !important}
}
@media (max-width:640px){
  .sh-rail,.sh-cursor{display:none !important}
  .sh-round{border-radius:34px 34px 0 0 !important}
}
@media (prefers-reduced-motion:reduce){
  .sh-marquee{animation:none !important}
  [data-grain],[data-grain-hero]{display:none !important}
}

/* --- mobile menu --- */
.sh-mobile-toggle{display:none}
.sh-mobile-panel{position:fixed;inset:0;z-index:199;display:grid;align-content:center;justify-items:center;gap:22px;padding:80px 24px;background:rgba(23,34,27,.97);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.2,.72,.2,1)}
.sh-mobile-panel.is-open{opacity:1;pointer-events:auto}
.sh-mobile-panel a{color:#F3ECDF;font-family:Gambetta,Georgia,serif;font-size:clamp(28px,7vw,44px);letter-spacing:-.03em}
.sh-mobile-panel a:hover{color:#B79869}