:root{
  color-scheme:dark;
  --bg:#07070a;
  --s1:#0f0f14;
  --s2:#17171e;
  --ln:#ffffff14;
  --tx:#f5f3ee;
  --mu:#8e8c96;
  --gd:#d6a94a;
  box-sizing:border-box
}

*,
*::before,
*::after{
  box-sizing:border-box
}

html,
body{
  margin:0;
  min-height:100%;
  background:var(--bg);
  color:var(--tx)
}

body.lightek-profile-page{
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif
}

a{
  color:inherit;
  text-decoration:none
}

button,
input,
textarea,
select{
  font:inherit;
  color:inherit
}

input,
textarea,
select{
  outline:none
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--gd)!important
}

h1,
h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.01em
}

.lightek-profile-top{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  gap:28px;
  min-height:64px;
  padding:0 clamp(16px,3vw,40px);
  background:#07070ae8;
  border-bottom:1px solid var(--ln);
  backdrop-filter:blur(14px)
}

.lightek-profile-logo{
  color:var(--gd);
  font-weight:700;
  font-size:15px;
  letter-spacing:.32em
}

.lightek-profile-top nav{
  display:flex;
  flex:1;
  gap:4px
}

.lightek-profile-top nav a{
  padding:8px 14px;
  color:var(--mu);
  font-size:14px
}

.lightek-profile-top nav a:hover{
  color:var(--tx)
}

.lightek-profile-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 18px;
  border:1px solid #ffffff30;
  border-radius:3px;
  background:none;
  color:var(--tx);
  cursor:pointer;
  font-weight:600
}

.lightek-profile-button:hover{
  border-color:var(--tx)
}

.lightek-profile-button.primary{
  border-color:var(--gd);
  background:var(--gd);
  color:#111
}

.lightek-profile-button.small{
  min-height:34px;
  padding:6px 14px;
  font-size:12px
}

.lightek-profile-flash{
  padding:10px clamp(16px,3vw,40px);
  border-bottom:1px solid #d6a94a55;
  background:#d6a94a18;
  color:var(--gd)
}

.lightek-profile-flash.alert{
  border-color:#e5383b55;
  background:#e5383b18;
  color:#ff8588
}

.space-wrap{
  width:100%;
  max-width:1360px;
  margin:0 auto;
  padding-left:clamp(16px,3vw,40px);
  padding-right:clamp(16px,3vw,40px)
}

.space-hero{
  position:relative;
  min-height:440px;
  display:flex;
  align-items:flex-end;
  overflow:hidden
}

.space-cover{
  position:absolute;
  inset:0;
  background:
    radial-gradient(
      120% 90% at 20% 10%,
      #75452d,
      transparent 60%
    ),
    linear-gradient(
      160deg,
      #2e231a,
      #0a0a0e
    )
}

.space-cover-image{
  width:100%;
  height:100%;
  object-fit:cover
}

.space-cover-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      0deg,
      var(--bg) 2%,
      #07070a00 65%
    ),
    linear-gradient(
      90deg,
      #07070acc,
      transparent 65%
    )
}

.space-identity{
  position:relative;
  display:flex;
  gap:32px;
  align-items:flex-end;
  padding-bottom:54px
}

.space-avatar{
  display:grid;
  place-items:center;
  flex:0 0 120px;
  width:120px;
  height:120px;
  overflow:hidden;
  border:3px solid var(--bg);
  border-radius:50%;
  background:
    radial-gradient(
      120% 90% at 20% 10%,
      #8f5738,
      transparent 60%
    ),
    linear-gradient(
      160deg,
      #332419,
      #0a0a0e
    );
  color:var(--gd);
  font:400 34px/1 Georgia,serif
}

.space-avatar-image{
  width:100%;
  height:100%;
  object-fit:cover
}

.space-copy{
  max-width:680px
}

.space-eyebrow{
  display:block;
  color:var(--gd);
  font-size:11px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase
}

.space-copy h1{
  margin:6px 0;
  font-size:clamp(40px,5.5vw,76px);
  line-height:1.02
}

.space-meta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:12px 0 18px;
  color:var(--mu);
  font-size:14px
}

.space-lede{
  max-width:600px;
  margin:0 0 24px;
  color:#d8d6dc;
  font-size:17px
}

.space-lede.muted{
  color:var(--mu)
}

.space-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px
}

.space-layout-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid var(--ln)
}

.space-layout-bar strong{
  display:block;
  margin-top:3px;
  font-weight:500
}

.space-module{
  margin:56px 0
}

.space-module-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:22px
}

.space-module-head h2{
  margin:4px 0 0;
  font-size:clamp(24px,2.4vw,34px)
}

.space-module-body{
  min-height:130px;
  padding:28px;
  border-left:2px solid var(--gd);
  background:var(--s1);
  color:var(--mu)
}

.space-about{
  max-width:850px;
  margin:0;
  color:#ddd;
  font:400 24px/1.5 Georgia,serif
}

.profile-editor{
  padding:72px 0 96px
}

.profile-editor-head{
  max-width:820px;
  margin-bottom:48px
}

.profile-editor-head h1{
  margin:8px 0 18px;
  font-size:clamp(40px,5vw,68px);
  line-height:1.03
}

.profile-editor-head p{
  max-width:680px;
  color:var(--mu);
  font-size:16px
}

.profile-form{
  max-width:1080px
}

.profile-errors{
  margin-bottom:32px;
  padding:22px;
  border:1px solid #e5383b66;
  background:#e5383b12
}

.profile-errors h2{
  margin:6px 0 12px
}

.profile-errors ul{
  margin:0;
  padding-left:20px
}

.profile-form-section{
  margin:0 0 56px;
  padding-top:28px;
  border-top:1px solid var(--ln)
}

.profile-form-section>header{
  margin-bottom:24px
}

.profile-form-section h2{
  margin:5px 0;
  font-size:30px
}

.profile-form-section header p{
  max-width:680px;
  color:var(--mu)
}

.profile-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

.profile-field{
  display:block
}

.profile-field.full{
  grid-column:1/-1
}

.profile-field>span,
.section-position>span{
  display:block;
  margin-bottom:7px;
  color:var(--mu);
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase
}

.profile-field input,
.profile-field textarea,
.profile-field select,
.section-position input{
  width:100%;
  border:1px solid var(--ln);
  border-radius:3px;
  background:var(--s1);
  padding:12px 14px
}

.profile-field textarea{
  resize:vertical
}

.profile-field small{
  display:block;
  margin-top:7px;
  color:var(--mu);
  font-size:12px
}

.handle-field{
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:center;
  border:1px solid var(--ln);
  border-radius:3px;
  background:var(--s1)
}

.handle-field b{
  text-align:right;
  color:var(--gd)
}

.handle-field input{
  border:0;
  background:transparent
}

.profile-section-editor{
  border-top:1px solid var(--ln)
}

.profile-section-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 100px 90px;
  gap:18px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid var(--ln)
}

.profile-section-row strong{
  display:block;
  font:400 20px/1.3 Georgia,serif
}

.profile-section-row small{
  display:block;
  margin-top:3px;
  color:var(--mu)
}

.section-toggle{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px
}

.section-toggle input{
  width:18px;
  height:18px;
  accent-color:var(--gd)
}

.profile-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:24px;
  border-top:1px solid var(--ln)
}

@media(max-width:720px){
  .lightek-profile-top nav{
    display:none
  }

  .space-identity{
    flex-direction:column;
    align-items:flex-start;
    gap:16px
  }

  .space-avatar{
    width:96px;
    height:96px;
    flex-basis:96px
  }

  .profile-form-grid{
    grid-template-columns:1fr
  }

  .profile-field.full{
    grid-column:auto
  }

  .profile-section-row{
    grid-template-columns:1fr 90px;
  }

  .section-toggle{
    grid-column:1/-1;
    justify-content:flex-start
  }

  .space-layout-bar{
    align-items:flex-start;
    flex-direction:column
  }
}