/* Töfralag NexoItec: ljósþráðurinn. Leggst ofan á forsíðuna, breytir engu í henni. */
:root{
  --t-gold:#d9b25c;--t-gold-soft:#f3dfa6;--t-rose:#d98aa6;--t-lilac:#b79ad6;--t-pearl:#fff6e6;
}
@view-transition{navigation:auto}

/* ---------- glitur-yfirlag og framvinduþráður efst ---------- */
.tofra-sparkles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}
.tofra-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:61;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--t-rose),var(--t-gold) 55%,var(--t-pearl));box-shadow:0 0 12px #e8c56f99}
@supports (animation-timeline:scroll()){
  .tofra-progress{animation:tofra-grow linear both;animation-timeline:scroll(root)}
}
@keyframes tofra-grow{to{transform:scaleX(1)}}

/* ---------- forsíðureitur: norðurljós og glitrandi fyrirsögn ---------- */
.nexo-home .quiet-intro .presentation-copy{overflow:hidden}
.tofra-aurora{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.6s ease}
.tofra-aurora.is-on{opacity:.9}

.nexo-home .quiet-intro h1 em{
  background:linear-gradient(100deg,currentColor 0 42%,var(--t-pearl) 50%,currentColor 58% 100%);
  background-size:260% 100%;background-position:120% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
@media (prefers-reduced-motion:no-preference){
  .nexo-home .quiet-intro .eyebrow,
  .nexo-home .quiet-intro h1>span,
  .nexo-home .quiet-intro .lead,
  .nexo-home .quiet-intro .actions,
  .nexo-home .quiet-intro .quiet-signature{animation:tofra-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}
  .nexo-home .quiet-intro h1>span{display:inline-block;animation-delay:.12s}
  .nexo-home .quiet-intro h1>em{display:inline-block;animation:tofra-arrive 1.1s cubic-bezier(.2,.7,.2,1) .3s both,tofra-shimmer 6.5s ease-in-out 1.6s infinite}
  .nexo-home .quiet-intro .lead{animation-delay:.5s}
  .nexo-home .quiet-intro .actions{animation-delay:.66s}
  .nexo-home .quiet-intro .quiet-signature{animation-delay:.82s}
  .nexo-home .founder-feature{animation:tofra-unveil 1.5s cubic-bezier(.2,.7,.2,1) .2s both}
}
@keyframes tofra-shimmer{0%,55%{background-position:120% 0}85%,100%{background-position:-60% 0}}
@keyframes tofra-arrive{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes tofra-unveil{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}

/* ---------- mynd Maríu: mjúk dýpt og ljósgljái ---------- */
.nexo-home .founder-feature{perspective:1100px}
.nexo-home .founder-portrait{transform:rotateX(var(--t-rx,0deg)) rotateY(var(--t-ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tofra-sheen{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;mix-blend-mode:soft-light;
  background:radial-gradient(420px circle at var(--t-mx,50%) var(--t-my,30%),#fff3d6cc,transparent 60%)}
.founder-portrait:hover .tofra-sheen{opacity:1}

/* ---------- kortin stíga inn ---------- */
.product>.product-copy,.product>.product-visual{position:relative;z-index:1}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .product,.upcoming,.presentation-route,.collection-intro{
      animation:tofra-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes tofra-rise{from{opacity:0;transform:translateY(54px) scale(.975)}to{opacity:1;transform:none}}
.paused .product,.paused .upcoming,.paused .presentation-route,.paused .collection-intro{animation:none!important}

/* ---------- Birta: ljósið hlýnar ---------- */
.tofra-bloom{position:absolute;inset:-20%;pointer-events:none;z-index:0;opacity:.55;
  background:radial-gradient(38% 46% at 72% 46%,#ffe2a6aa,#ffd18a55 38%,transparent 70%)}
.tofra-mote{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,#fff7dc,#f2cf7c 55%,transparent 70%);box-shadow:0 0 10px #f6d98acc;opacity:0}
@media (prefers-reduced-motion:no-preference){
  .tofra-bloom{animation:tofra-warm 7s ease-in-out infinite}
  .tofra-mote{animation:tofra-mote var(--d,9s) ease-in-out var(--w,0s) infinite}
}
@keyframes tofra-warm{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}
@keyframes tofra-mote{0%{opacity:0;transform:translate(0,30px) scale(.4)}25%{opacity:.95}70%{opacity:.7}100%{opacity:0;transform:translate(var(--dx,20px),-150px) scale(1.1)}}

/* ---------- Hush: róleg öndun ---------- */
.tofra-breath{position:absolute;left:50%;top:46%;width:min(74%,430px);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:-1;
  translate:-50% -50%;background:radial-gradient(circle,#ffffff66,#f1dfe644 45%,transparent 70%);border:1px solid #ffffff55}
.tofra-breath.b2{width:min(56%,320px)}
@media (prefers-reduced-motion:no-preference){
  .tofra-breath{animation:tofra-breathe 9s ease-in-out infinite}
  .tofra-breath.b2{animation-delay:-4.5s}
}
@keyframes tofra-breathe{0%,100%{scale:.86;opacity:.35}50%{scale:1.08;opacity:.9}}

/* ---------- hnappar: gljái sem strýkur yfir ---------- */
.nexo-home .btn{position:relative;overflow:hidden}
.nexo-home .btn::after{content:"";position:absolute;inset:0;pointer-events:none;translate:-130% 0;
  background:linear-gradient(105deg,transparent 35%,#ffffff8c 50%,transparent 65%)}
@media (prefers-reduced-motion:no-preference){
  .nexo-home .btn:hover::after{translate:130% 0;transition:translate .9s cubic-bezier(.2,.7,.2,1)}
}

/* ---------- Birtu-sviðið: hún stígur fram úr ljósinu ---------- */
.tofra-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;margin:24px 0;height:min(88vh,860px);min-height:540px;
  background:radial-gradient(120% 85% at 50% 108%,#3b2050 0%,#1c1532 46%,#0f0c1e 100%);border:1px solid #2b2242}
.tofra-stage .sky{position:absolute;inset:0;z-index:-2}
.tofra-stage .sky i{position:absolute;border-radius:50%;background:#fff;opacity:.55}
.tofra-stage .veil{position:absolute;inset:-20%;z-index:-1;filter:blur(34px);
  background:radial-gradient(40% 35% at 30% 72%,#d98aa660,transparent 70%),radial-gradient(36% 40% at 72% 62%,#6f8fe058,transparent 70%),radial-gradient(30% 30% at 50% 38%,#b79ad64a,transparent 70%)}
.tofra-stage .name{position:absolute;left:clamp(22px,5vw,60px);top:clamp(20px,5vh,52px);margin:0;font:clamp(46px,7vw,98px)/1 var(--serif);letter-spacing:-.03em;color:#f6ecff;opacity:.94;z-index:2}
.tofra-figure{position:absolute;left:50%;bottom:0;height:95%;aspect-ratio:1100/1649;translate:-50% 0;transform:translate(var(--t-px,0px),var(--t-py,0px));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tofra-figure img,.tofra-figure video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.tofra-figure.front{aspect-ratio:784/1168;mix-blend-mode:screen}
.tofra-figure .body{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(#000 78%,transparent 99%);
  mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(#000 78%,transparent 99%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.tofra-figure .shade{position:absolute;inset:-6% -14% -10%;background:radial-gradient(closest-side,#0b0916e6 0,#0b0916b3 42%,#0b091600 86%)}
@media (prefers-reduced-motion:no-preference){
  .tofra-stage .sky i{animation:tofra-twinkle var(--d,5s) ease-in-out var(--w,0s) infinite}
  .tofra-stage .veil{animation:tofra-veil 19s ease-in-out infinite alternate}
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .tofra-figure{animation:tofra-emerge linear both;animation-timeline:view();animation-range:entry 10% cover 42%}
    .tofra-stage .name{animation:tofra-rise linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
  }
}
.paused .tofra-figure,.paused .tofra-stage .name{animation:none!important}
@keyframes tofra-twinkle{0%,100%{opacity:.18}50%{opacity:.95}}
@keyframes tofra-veil{from{transform:translate(-3%,2%) rotate(-4deg) scale(1)}to{transform:translate(4%,-3%) rotate(5deg) scale(1.12)}}
@keyframes tofra-breath-body{0%,100%{transform:scale(1,1)}50%{transform:scale(1.006,1.013)}}
@keyframes tofra-heart{0%,100%{opacity:.35;scale:.8}12%{opacity:1;scale:1.25}24%{opacity:.5;scale:.9}36%{opacity:.9;scale:1.12}}
@keyframes tofra-eye{0%,86%,100%{opacity:0}90%,94%{opacity:.85}}
@keyframes tofra-emerge{from{opacity:0;scale:.94;filter:blur(16px)}60%{opacity:1;filter:blur(2px)}to{opacity:1;scale:1;filter:none}}
@media(max-width:700px){.tofra-stage{height:min(80vh,640px);min-height:480px;border-radius:20px;margin:18px 0}}