/* portfolio-styles */



    

    

    
    @keyframes word-reveal{to{opacity:1;filter:none;transform:translateY(0)}}
    @keyframes hero-actions-in{to{opacity:1;transform:translateY(0)}}
    @keyframes lanyard-appear{to{opacity:1}}

    
    

    

    

    

    

    

    
  

    
    @keyframes checkpoint-pulse{0%,100%{box-shadow:0 0 0 0 rgba(184,255,87,.34)}50%{box-shadow:0 0 0 7px rgba(184,255,87,0)}}

  

    
    @keyframes copy-word-reveal{to{opacity:.88;filter:blur(0);transform:translateY(0)}}

    

    

    

    

    








    



    
    .page-view[data-page]:not([data-page="home"]) .connect-fill, .page-view[data-page]:not([data-page="home"]) .footer, .page-view[data-page]:not([data-page="home"]) .case-next{display:none!important}

    
    body.is-case-view #siteContent > .connect-fill, body.is-case-view #siteContent > .footer{display:none!important}

    
    
    
    
    
    
    
    




    :root{
      --bg:#080808;
      --surface:#101010;
      --surface-2:#161616;
      --surface-3:#1c1c1c;
      --text:#f5f5f0;
      --muted:#9d9d98;
      --muted-2:#62625e;
      --line:rgba(255,255,255,.14);
      --line-soft:rgba(255,255,255,.075);
      --lime:#b8ff57;
      --lime-dim:rgba(184,255,87,.12);
      --orange:#ff6a3d;
      --orange-dim:rgba(255,106,61,.12);
      --sans:"DM Sans",Arial,sans-serif;
      --mono:"DM Mono",monospace;
      --max:1440px;
      --gutter:clamp(20px,4.45vw,68px);
      --ease:cubic-bezier(.16,1,.3,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5}
    body::before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.028;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}
    button{font:inherit;color:inherit}
    button, a{touch-action:manipulation}
    img, video{display:block;max-width:100%}
    h1, h2, h3, p{margin:0}
    :focus-visible{outline:2px solid var(--lime);outline-offset:5px}
    .skip{position:fixed;top:10px;left:12px;z-index:200;transform:translateY(-180%);padding:10px 13px;background:var(--lime);color:#050505;font:500 11px var(--mono)}
    .skip:focus{transform:translateY(0)}
    .page[hidden]{display:none!important}
    .shell{width:min(var(--max),100%);margin:0 auto;padding-inline:var(--gutter)}
    .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
    .section{padding:clamp(76px,9vw,142px) 0;border-top:1px solid var(--line-soft)}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
    .eyebrow::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}
    .eyebrow.orange::before{background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}
    .display{font-weight:600;letter-spacing:-.06em;line-height:.98}
    .display-lg{font-size:clamp(40px,5vw,76px)}
    .display-md{font-size:clamp(32px,4vw,58px)}
    .lead{max-width:58ch;color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.58}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 16px;border:1px solid var(--line);background:transparent;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
    .button:hover{transform:translateY(-3px);border-color:var(--lime);color:var(--lime)}
    .button.primary{background:var(--lime);border-color:var(--lime);color:#050505}
    .button.primary:hover{box-shadow:0 12px 26px rgba(184,255,87,.16);color:#050505}
    .arrow{font-size:15px;line-height:0}
    .progress{position:fixed;z-index:130;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--lime),var(--orange))}

    
    .header{height:72px;position:fixed;inset:0 0 auto;z-index:100;transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);border-bottom:1px solid transparent}
    .header.is-scrolled{background:rgba(8,8,8,.82);border-color:var(--line-soft);backdrop-filter:blur(16px)}
    .nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
    .brand b{color:var(--lime);font-weight:500}
    .nav-links{display:flex;align-items:center;gap:clamp(16px,2vw,28px)}
    .nav-links a{color:var(--muted);font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .22s var(--ease)}
    .nav-links a:hover{color:var(--text)}
    .nav-cta{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#050505;background:var(--lime);padding:10px 12px}
    .menu{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
    .menu span{display:block;width:22px;height:1px;margin:5px auto;background:var(--text);transition:transform .25s var(--ease)}
    .mobile-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:9px var(--gutter) 24px;background:rgba(8,8,8,.98);border-bottom:1px solid var(--line-soft)}
    .mobile-nav.is-open{display:block}
    .mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line-soft);font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}

    
    .hero{position:relative;min-height:100svh;display:flex;align-items:stretch;padding:116px 0 44px;overflow:hidden;border-bottom:1px solid var(--line-soft);isolation:isolate;--hero-scroll:0}
    .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 76% 22%,rgba(184,255,87,.10),transparent 22%),radial-gradient(circle at 13% 80%,rgba(255,106,61,.07),transparent 26%)}
    .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:calc((100% - var(--gutter)*2)/12) 100%;mask-image:linear-gradient(90deg,transparent,black 24%,black 76%,transparent);opacity:.17}
    .hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:min(var(--max),100%);margin:auto;padding:0 var(--gutter);transition:transform .25s linear,opacity .25s linear;transform:translateY(calc(var(--hero-scroll)*-22px));opacity:calc(1 - var(--hero-scroll)*.18)}
    .hero-kicker{margin-bottom:clamp(18px,3vw,36px)}
    .hero-title{position:relative;z-index:2;max-width:12.4ch;margin:0;font-size:clamp(66px,10.1vw,150px);font-weight:600;letter-spacing:-.095em;line-height:.79}
    .hero-title-static .static-line{display:block;white-space:nowrap}
    .hero-title-static .static-name{color:var(--text)}
    .hero-title-static .static-name i{color:var(--lime);font-style:normal}
    .hero-title-static .static-role{margin-top:.08em;color:var(--lime);font-size:.78em}
    .mobile-title-break{display:none}
    .hero-copy{position:relative;z-index:3;max-width:58ch;margin-top:clamp(32px,5.4vw,76px);font-size:clamp(17px,1.55vw,22px);font-weight:500;letter-spacing:-.035em;line-height:1.37}
    .copy-word{display:inline;position:relative;opacity:var(--word-opacity,.64);filter:blur(var(--word-blur,.36px));transition:opacity .32s var(--ease),filter .32s var(--ease),color .32s var(--ease),font-weight .32s var(--ease),background-size .34s var(--ease),transform .32s var(--ease)}
    .copy-word.is-key{--word-opacity:.88;--word-blur:0px;color:var(--text);font-weight:600;background-image:linear-gradient(90deg,var(--lime),var(--lime));background-repeat:no-repeat;background-position:left 94%;background-size:100% 2px}
    .copy-word.is-key.soft{background-size:58% 2px;color:var(--lime)}
    .copy-word:hover{opacity:1;filter:none;color:var(--text);font-weight:600;background-position:left 92%;background-size:100% 46%;background-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
    .copy-word.is-key:hover{color:#050505;background-size:100% 56%}
    .hero-actions{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:11px;margin-top:clamp(24px,3.2vw,36px);opacity:0;transform:translateY(12px);animation:hero-actions-in .65s var(--ease) 1.18s forwards}
    .hero-actions .button.secondary{color:var(--text)}
    .hero-actions .button.secondary:hover{color:var(--lime)}
    .hero-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;gap:24px;margin-top:auto;padding-top:clamp(46px,8vw,104px);border-top:1px solid var(--line-soft);color:var(--muted);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}

    
    .id-card-stage{position:absolute;z-index:3;top:0;right:clamp(2px,3vw,48px);width:min(33vw,440px);height:100%;pointer-events:none;transform:translateY(calc(var(--hero-scroll)*-13px)) scale(calc(1 - var(--hero-scroll)*.07));transform-origin:62% 22%;opacity:calc(1 - var(--hero-scroll)*.32);filter:blur(calc(var(--hero-scroll)*.7px));transition:filter .25s linear,opacity .25s linear}
    .id-card-anchor{position:absolute;left:53%;top:0;width:13px;height:13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 0 0 5px rgba(8,8,8,.72)}
    .id-card-anchor::after{content:"";position:absolute;inset:3px;border-radius:inherit;background:var(--lime)}
    .lanyard{position:absolute;z-index:1;width:5px;height:14px;left:53%;top:7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(90deg,rgba(184,255,87,.9),rgba(245,245,240,.28) 48%,rgba(184,255,87,.64));box-shadow:0 0 16px rgba(184,255,87,.13);transform-origin:top center;will-change:height,transform,opacity;opacity:0}
    .id-card-stage.is-ready .lanyard{animation:lanyard-appear .38s var(--ease) .06s forwards}
    .id-card-root{position:absolute;z-index:2;left:53%;top:clamp(212px,28vh,302px);width:238px;aspect-ratio: .7;pointer-events:none;transform:translateX(-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);will-change:transform}
    .stack-card, .id-card{position:absolute;inset:0;border-radius:18px;will-change:transform}
    .stack-card{z-index:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.012));box-shadow:14px 20px 34px rgba(0,0,0,.28);overflow:hidden}
    .stack-card::before{content:"";position:absolute;inset:13px;border:1px solid var(--line-soft);border-radius:12px;background:radial-gradient(circle at 22% 26%,var(--lime-dim),transparent 26%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px)}
    .stack-card::after{content:"PROCESS / FLOW";position:absolute;left:18px;bottom:18px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
    .stack-card.one{transform:translate3d(17px,14px,0) rotate(7deg)}
    .stack-card.two{transform:translate3d(-13px,18px,0) rotate(-6deg);opacity:.78}
    .id-card{z-index:2;display:block;padding:0;border:0;background:none;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;transform:translate3d(0,-620px,0) rotate(-8deg)}
    .id-card.is-dragging{cursor:grabbing}
    .id-card-surface{position:absolute;inset:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(16,16,16,.96) 42%,rgba(11,11,11,.98));box-shadow:18px 27px 42px rgba(0,0,0,.45),inset 1px 1px 0 rgba(255,255,255,.16);transition:transform .34s var(--ease),border-color .34s var(--ease),box-shadow .34s var(--ease),filter .34s var(--ease)}
    .id-card-surface::before{content:"";position:absolute;z-index:2;inset:-35%;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translateX(-34%) rotate(8deg);transition:transform .6s var(--ease),opacity .38s var(--ease);opacity:.36}
    .id-card:hover .id-card-surface, .id-card:focus-visible .id-card-surface{transform:scale(1.025) translateY(-5px);border-color:var(--lime);box-shadow:24px 35px 52px rgba(0,0,0,.52),0 0 28px rgba(184,255,87,.1),inset 1px 1px 0 rgba(255,255,255,.21);filter:brightness(1.06)}
    .id-card:hover .id-card-surface::before, .id-card:focus-visible .id-card-surface::before{transform:translateX(43%) rotate(8deg);opacity:.74}
    .id-card-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:15px 15px 0;color:var(--muted);font:500 8px var(--mono);letter-spacing:.075em;text-transform:uppercase}
    .id-card-chip{width:8px;height:8px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}
    
    .id-card-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,8,.02) 34%,rgba(8,8,8,.22) 100%)}
    .id-card-photo img{width:100%;height:100%;filter:grayscale(1) contrast(1.04);transition:transform .45s var(--ease),filter .45s var(--ease)}
    
    .id-card-body{position:relative;z-index:3;padding:15px 16px 17px}
    .id-card-name{font:600 23px/.96 var(--sans);letter-spacing:-.075em}
    .id-card-role{margin-top:7px;color:var(--lime);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}
    .id-card-micro{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);color:var(--muted);font:500 8px/1.5 var(--mono);letter-spacing:.055em;text-transform:uppercase}
    .id-card-strap{position:absolute;z-index:4;left:50%;top:-11px;width:28px;height:21px;border:2px solid var(--lime);border-bottom:0;border-radius:16px 16px 0 0;transform:translateX(-50%);box-shadow:0 -1px 12px rgba(184,255,87,.14)}

    
    .tool-orbit{position:absolute;z-index:1;right:clamp(18px,3.8vw,60px);bottom:clamp(30px,8vh,96px);width:min(25vw,330px);height:min(25vw,330px);pointer-events:none;opacity:.62;transform:translate3d(var(--tool-x,0px),var(--tool-y,0px),0);transition:transform .26s var(--ease),opacity .26s var(--ease)}
    .orbit-ring{position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.18);border-radius:50%;transform:rotate(-17deg)}
    .orbit-ring::before{content:"";position:absolute;inset:22%;border:1px solid rgba(184,255,87,.26);border-radius:50%}
    .app-tile{position:absolute;pointer-events:auto;width:clamp(48px,5vw,70px);aspect-ratio:1;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.025));box-shadow:14px 16px 28px rgba(0,0,0,.3),inset 1px 1px 0 rgba(255,255,255,.18);display:grid;place-items:center;transform-style:preserve-3d;transition:transform .45s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);cursor:default}
    .app-tile::before{content:"";position:absolute;inset:8px;border-radius:11px;background:linear-gradient(145deg,rgba(184,255,87,.2),transparent 58%);transform:translateZ(8px)}
    .app-tile b{position:relative;z-index:1;font:600 clamp(12px,1.35vw,18px)/1 var(--sans);letter-spacing:-.06em;transform:translateZ(15px)}
    .app-tile small{position:absolute;z-index:2;left:50%;bottom:-23px;transform:translateX(-50%);white-space:nowrap;opacity:0;color:var(--muted);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:opacity .25s var(--ease)}
    .app-tile:hover{border-color:var(--lime);box-shadow:20px 24px 32px rgba(0,0,0,.4),0 0 28px rgba(184,255,87,.14),inset 1px 1px 0 rgba(255,255,255,.22)}
    .app-tile:hover small{opacity:1}
    .app-tile.figma{left:6%;top:9%;transform:rotate(-14deg) rotateX(9deg) rotateY(-15deg)}
    .app-tile.figma:hover{transform:rotate(5deg) rotateX(-10deg) rotateY(18deg) translateY(-10px)}
    .app-tile.ps{right:7%;top:4%;transform:rotate(15deg) rotateX(-9deg) rotateY(15deg)}
    .app-tile.ps:hover{transform:rotate(-7deg) rotateX(12deg) rotateY(-19deg) translateY(-10px)}
    .app-tile.ai{right:-4%;top:43%;transform:rotate(-9deg) rotateX(11deg) rotateY(-16deg)}
    .app-tile.ai:hover{transform:rotate(9deg) rotateX(-11deg) rotateY(18deg) translateY(-10px)}
    .app-tile.ae{left:1%;bottom:13%;transform:rotate(17deg) rotateX(-8deg) rotateY(17deg)}
    .app-tile.ae:hover{transform:rotate(-8deg) rotateX(10deg) rotateY(-18deg) translateY(-10px)}
    .app-tile.pr{left:38%;bottom:-3%;transform:rotate(-13deg) rotateX(8deg) rotateY(-15deg)}
    .app-tile.pr:hover{transform:rotate(8deg) rotateX(-8deg) rotateY(18deg) translateY(-10px)}
    .app-tile.fr{left:41%;top:32%;transform:rotate(7deg) rotateX(-12deg) rotateY(14deg);opacity:1}
    .app-tile.fr:hover{transform:rotate(-7deg) rotateX(12deg) rotateY(-15deg) translateY(-10px)}
    @keyframes word-reveal{to{opacity:1;filter:none;transform:translateY(0)}}
    @keyframes hero-actions-in{to{opacity:1;transform:translateY(0)}}
    @keyframes lanyard-appear{to{opacity:1}}

    
    .work-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:clamp(34px,5vw,58px)}
    .work-title{font-size:clamp(42px,6vw,84px)}
    .filter-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
    .filter{padding:9px 11px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}
    .filter:hover, .filter.is-active{background:var(--lime);border-color:var(--lime);color:#050505}
    .projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
    .project{grid-column:span 4;display:block;min-width:0;background:var(--bg);transition:opacity .3s var(--ease),transform .3s var(--ease)}
    
    .project.is-hidden{display:none}
    .project-card{width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
    .project-media{position:relative;min-height:clamp(235px,28vw,385px);overflow:hidden;background:var(--surface)}
    .project-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.5));pointer-events:none}
    .media-note{position:absolute;z-index:3;top:13px;left:13px;padding:6px 7px;border:1px solid var(--line);background:rgba(8,8,8,.7);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .media-action{position:absolute;z-index:4;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center;background:rgba(8,8,8,.7);color:var(--lime);font-size:17px;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}
    .project-card:hover .media-action, .project-card:focus-visible .media-action{background:var(--lime);color:#050505;transform:rotate(45deg) scale(1.08)}
    .prototype-canvas{position:absolute;inset:0;display:grid;place-items:center;transition:transform .55s var(--ease),filter .55s var(--ease)}
    .project-card:hover .prototype-canvas, .project-card:focus-visible .prototype-canvas{transform:scale(1.045);filter:brightness(1.12)}
    
    .canvas-web{background:linear-gradient(150deg,#15211a,#0d0d0d 58%)}
    .canvas-web .browser{width:78%;height:66%;padding:11px;border:1px solid rgba(255,255,255,.22);background:#0e0e0e;box-shadow:16px 20px 38px rgba(0,0,0,.36)}
    .browser-top{height:12px;border-bottom:1px solid var(--line-soft);display:flex;gap:4px;align-items:center}.browser-top b{width:5px;height:5px;border-radius:50%;background:var(--orange)}.browser-top b:nth-child(2){background:var(--lime)}.browser-top b:nth-child(3){background:#777}
    .browser-body{height:calc(100% - 13px);margin-top:10px;display:grid;grid-template-columns:.32fr .68fr;gap:8px}.browser-side, .browser-main{border:1px solid var(--line-soft);background:linear-gradient(180deg,#171717,#111)}.browser-main::before{content:"";display:block;width:78%;height:13%;margin:12% auto 0;background:var(--lime);opacity:.7}.browser-main::after{content:"";display:block;width:64%;height:9%;margin:7% auto;background:rgba(255,255,255,.18)}
    .canvas-system{background:radial-gradient(circle at 25% 25%,rgba(184,255,87,.22),transparent 26%),linear-gradient(140deg,#141414,#0b0b0b)}
    .system-map{position:relative;width:78%;height:72%;border:1px solid var(--line);background:rgba(8,8,8,.58)}.system-center{position:absolute;left:50%;top:50%;width:82px;height:82px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--lime);color:#050505;font:500 9px/1.2 var(--mono);text-align:center;text-transform:uppercase}.system-node{position:absolute;width:62px;height:40px;border:1px solid var(--line);background:#181818}.system-node:nth-child(2){left:10%;top:12%}.system-node:nth-child(3){right:10%;top:14%}.system-node:nth-child(4){left:8%;bottom:15%}.system-node:nth-child(5){right:9%;bottom:16%}.system-node:nth-child(6){left:46%;bottom:6%}
    .canvas-mobile{background:linear-gradient(145deg,#12202a,#0b0b0b)}.phone{width:39%;height:78%;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:#111;box-shadow:13px 22px 35px rgba(0,0,0,.4);padding:10px}.phone:before{content:"";display:block;width:32%;height:5px;border-radius:10px;background:#2e2e2e;margin:0 auto 13px}.phone-line{height:9px;margin:8px 0;border-radius:3px;background:rgba(255,255,255,.15)}.phone-line.big{height:36px;background:linear-gradient(135deg,var(--orange),#7b1f0b)}.phone-line.green{background:var(--lime);opacity:.72}
    .canvas-map{background:linear-gradient(140deg,#151b12,#0b0b0b)}.map-grid{width:78%;height:70%;border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 23%,rgba(184,255,87,.17) 23% 24%),repeating-linear-gradient(0deg,transparent 0 26%,rgba(184,255,87,.13) 26% 27%);position:relative}.map-grid::after{content:"";position:absolute;left:17%;right:11%;top:20%;bottom:23%;border:2px solid var(--lime);border-radius:44% 56% 46% 54% / 43% 52% 48% 57%;opacity:.7}
    .canvas-brand{background:radial-gradient(circle at 70% 23%,rgba(255,106,61,.28),transparent 21%),linear-gradient(140deg,#151515,#0b0b0b)}.brand-sheet{width:76%;height:67%;border:1px solid var(--line);background:#131313;padding:12px;display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.brand-word{font:600 clamp(28px,4vw,58px)/.82 var(--sans);letter-spacing:-.12em;color:var(--lime)}.brand-blocks{display:grid;gap:8px}.brand-blocks b{background:var(--orange);opacity:.8}.brand-blocks b:nth-child(2){background:rgba(255,255,255,.18)}.brand-blocks b:nth-child(3){background:var(--lime);opacity:.75}
    .canvas-print{background:linear-gradient(150deg,#1d1714,#0b0b0b)}.paper-stack{position:relative;width:64%;height:72%}.paper{position:absolute;inset:0;border:1px solid var(--line);background:#e7e4d9;color:#161616;padding:10px;font:500 10px var(--mono);transform:rotate(-7deg)}.paper:nth-child(2){transform:translate(17px,9px) rotate(5deg);background:#c8ee93}.paper:nth-child(3){transform:translate(32px,18px) rotate(-2deg);background:#efc8b9}.paper strong{display:block;font:600 clamp(22px,3vw,47px)/.8 var(--sans);letter-spacing:-.1em}
    .canvas-event{background:linear-gradient(145deg,#1c1210,#0b0b0b)}.stage{position:relative;width:83%;height:58%;border:1px solid var(--line);background:linear-gradient(180deg,#1d1d1d,#101010);overflow:hidden}.stage::before{content:"";position:absolute;left:0;right:0;top:0;height:17%;background:linear-gradient(90deg,var(--orange),var(--lime),#466be7)}.stage::after{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:23%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 7%,transparent 7% 10%)}
    .canvas-social{background:linear-gradient(145deg,#13131a,#0b0b0b)}.social-grid{width:72%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.social-grid b{background:linear-gradient(145deg,rgba(184,255,87,.52),#202020)}.social-grid b:nth-child(2n){background:linear-gradient(145deg,rgba(255,106,61,.55),#202020)}.social-grid b:nth-child(3n){background:linear-gradient(145deg,#3e4c7c,#202020)}
    .project-copy{padding:18px 18px 21px}.project-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.project-copy h3{margin-top:12px;font-size:clamp(20px,2vw,28px);line-height:1.04;letter-spacing:-.045em}.project-copy p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}.project-copy p strong{color:var(--text);font-weight:500}

    
    .medium-strip{padding:clamp(46px,6vw,80px) 0;border-top:1px solid var(--line-soft)}
    .medium-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center}.medium-inner h2{font-size:clamp(30px,3.4vw,50px)}
    .mediums{display:flex;flex-wrap:wrap;gap:7px}.mediums span{padding:9px 10px;border:1px solid var(--line);color:var(--muted);font:500 9px var(--mono);letter-spacing:.05em;text-transform:uppercase;transition:.25s var(--ease)}.mediums span:hover{color:#050505;background:var(--lime);border-color:var(--lime)}

    
    .about-copy h2{max-width:12ch}.about-copy .lead{margin-top:22px}.about-note{grid-column:9 / -1;align-self:end;border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font-size:14px;line-height:1.6}
    .about-detail-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:clamp(72px,9vw,132px);padding-top:clamp(26px,4vw,42px);border-top:1px solid var(--line-soft)}
    .about-detail-head{grid-column:1 / span 4}.about-detail-head h3{margin-top:18px;max-width:10ch}.timeline{grid-column:6 / -1;position:relative;padding-left:46px}.timeline::before{content:"";position:absolute;left:11px;top:11px;bottom:16px;width:1px;background:var(--line)}
    .timeline-item{position:relative;padding:0 0 42px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";position:absolute;left:-46px;top:3px;width:22px;height:22px;border-radius:50%;border:1px solid var(--muted);background:var(--bg);box-shadow:0 0 0 6px var(--bg)}.timeline-item::after{content:"";position:absolute;left:-40px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--muted)}.timeline-item.current::before{border-color:var(--lime);box-shadow:0 0 0 6px var(--bg),0 0 0 10px var(--lime-dim),0 0 23px rgba(184,255,87,.27)}.timeline-item.current::after{background:var(--lime)}
    .timeline-date{color:var(--lime);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.timeline-title{margin-top:9px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.timeline-title h3{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.05em;line-height:1.05}.timeline-title span{color:var(--muted);font-size:13px}.timeline-desc{margin-top:12px;max-width:61ch;color:var(--muted);font-size:14px;line-height:1.55}.timeline-desc b{color:var(--text);font-weight:500}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag{padding:6px 7px;border:1px solid var(--line);color:var(--muted);font:500 8px var(--mono);letter-spacing:.045em;text-transform:uppercase}.tag.skill{border-color:rgba(184,255,87,.32);color:var(--lime);background:var(--lime-dim)}.tag.tool{border-color:rgba(255,106,61,.31);color:var(--orange);background:var(--orange-dim)}
    .education-block{margin-top:clamp(58px,7vw,98px)}.education-item{display:grid;grid-template-columns:118px 1fr;gap:22px;padding:clamp(20px,3vw,32px);background:var(--surface)}.education-date{color:var(--orange);font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.education-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.education-title h3{font-size:clamp(22px,2.1vw,29px);line-height:1.05;letter-spacing:-.05em}.education-title span{color:var(--lime);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.education-content p{margin-top:12px;max-width:60ch;color:var(--muted);font-size:14px;line-height:1.55}

    
    .contact h2{margin:auto;max-width:10ch;font-size:clamp(48px,7vw,104px)}.contact p{margin:22px auto 0;max-width:49ch;color:var(--muted);font-size:17px}.contact .button{margin-top:32px}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:42px}.social-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 13px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.social-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-button:hover, .social-button:focus-visible{transform:translateY(-3px);border-color:var(--lime);background:var(--lime-dim);color:var(--lime);box-shadow:0 12px 22px rgba(0,0,0,.22)}
    .footer{padding:24px 0;border-top:1px solid var(--line-soft);font:500 9px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

    
    .modal[hidden]{display:none}.modal{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.66);backdrop-filter:blur(8px)}.modal-card{width:min(790px,100%);max-height:min(790px,92vh);overflow:auto;border:1px solid var(--line);background:#101010;box-shadow:0 24px 80px rgba(0,0,0,.5)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line-soft)}.modal-top span{color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.modal-close{width:34px;height:34px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--text);transition:.25s var(--ease)}.modal-close:hover{border-color:var(--lime);color:var(--lime)}.modal-content{padding:clamp(22px,4vw,44px)}.modal-content h2{max-width:13ch;font-size:clamp(31px,4.3vw,58px);letter-spacing:-.06em;line-height:1.02}.modal-content>p{margin-top:17px;max-width:62ch;color:var(--muted);font-size:16px;line-height:1.58}.modal-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:var(--line-soft);border:1px solid var(--line-soft)}.modal-fact{padding:16px;background:var(--surface)}.modal-fact b{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.modal-fact span{display:block;margin-top:8px;font-size:13px;line-height:1.45}.modal-content .button{margin-top:28px}

    
    .case-hero{position:relative;overflow:hidden;padding:132px 0 82px;border-bottom:1px solid var(--line-soft)}.case-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(184,255,87,.12),transparent 23%),radial-gradient(circle at 20% 80%,rgba(255,106,61,.08),transparent 26%)}
    .case-hero-copy{grid-column:1 / span 7;position:relative;z-index:1}.case-hero-copy h1{margin-top:22px;max-width:11ch;font-size:clamp(48px,6.4vw,100px);letter-spacing:-.075em;line-height:.92}.case-hero-copy h1 b{color:var(--lime);font-weight:600}.case-hero-copy .lead{margin-top:24px}.case-hero-meta{grid-column:9 / -1;align-self:end;position:relative;z-index:1;border:1px solid var(--line);background:rgba(16,16,16,.82)}.case-hero-meta div{display:grid;grid-template-columns:106px 1fr;gap:13px;padding:14px;border-bottom:1px solid var(--line-soft)}.case-hero-meta div:last-child{border-bottom:0}.case-hero-meta dt{color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}.case-hero-meta dd{margin:0;font-size:13px}
    .case-nav .shell{display:flex;gap:2px;overflow:auto;scrollbar-width:none}.case-nav a{flex:0 0 auto;padding:15px 10px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .2s var(--ease)}.case-nav a:hover, .case-nav a.is-active{color:var(--lime)}
    .case-section{padding:clamp(75px,9vw,136px) 0;border-bottom:1px solid var(--line-soft)}.case-title{grid-column:1 / span 4}.case-title h2{margin-top:18px;font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-.06em}.case-content{grid-column:6 / -1}.case-content>.lead{font-size:18px}
    .case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;border:1px solid var(--line-soft);background:var(--line-soft)}.case-metric{min-height:142px;padding:18px;background:var(--surface);border-top:2px solid var(--lime)}.case-metric b{display:block;font-size:clamp(28px,3vw,42px);letter-spacing:-.06em}.case-metric span{display:block;margin-top:13px;color:var(--muted);font:500 8px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .eco{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);margin-top:2px}.eco-map{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(184,255,87,.08),transparent 34%),#111}.eco-center{position:absolute;left:50%;top:50%;z-index:2;width:clamp(140px,15vw,190px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--lime);color:#050505;text-align:center;font:500 11px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}.eco-node{position:absolute;z-index:3;width:136px;min-height:78px;padding:12px;border:1px solid var(--line);background:rgba(19,19,19,.92);text-align:left;cursor:pointer;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.eco-node:hover, .eco-node.is-active{border-color:var(--lime);background:var(--lime-dim);transform:translateY(-4px)}.eco-node b{display:block;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.eco-node span{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}.eco-node.pfa{left:7%;top:11%}.eco-node.tenant{right:8%;top:14%}.eco-node.bum{left:6%;bottom:18%}.eco-node.bm{right:6%;bottom:19%}.eco-node.tech{left:50%;bottom:5%;transform:translateX(-50%)}.eco-node.tech:hover, .eco-node.tech.is-active{transform:translateX(-50%) translateY(-4px)}.role-panel{min-height:520px;padding:clamp(23px,3.2vw,39px);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.role-panel .tiny{color:var(--lime);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.role-panel h3{margin-top:14px;font-size:clamp(28px,3vw,43px);letter-spacing:-.06em;line-height:1.04}.role-panel p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.55}.role-panel ul{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:8px}.role-panel li{padding:10px;border:1px solid var(--line);color:var(--muted);font-size:13px}
    .workflow{margin-top:2px;border:1px solid var(--line-soft);background:var(--line-soft)}.workflow-tabs{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface)}.workflow-tab{min-height:145px;padding:17px 12px;border:0;border-right:1px solid var(--line-soft);background:transparent;text-align:left;cursor:pointer;transition:background .25s var(--ease)}.workflow-tab:last-child{border-right:0}.workflow-tab:hover, .workflow-tab.is-active{background:var(--lime-dim)}.workflow-tab small{display:block;color:var(--orange);font:500 9px var(--mono);margin-bottom:17px}.workflow-tab b{display:block;font-size:14px;letter-spacing:-.025em}.workflow-tab span{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}.workflow-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;padding:clamp(24px,4vw,42px);background:var(--surface)}.workflow-detail h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.06em;line-height:1.04}.workflow-detail p{color:var(--muted);font-size:15px;line-height:1.58}.workflow-progress{height:2px;background:var(--line-soft)}.workflow-progress b{display:block;height:100%;width:14.285%;background:linear-gradient(90deg,var(--lime),var(--orange));transition:width .35s var(--ease)}
    .approach{display:grid;grid-template-columns:.82fr 1.18fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.approach-menu{padding:14px;background:var(--surface);display:grid;gap:8px;align-content:start}.approach-btn{padding:15px;border:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:.25s var(--ease)}.approach-btn:hover, .approach-btn.is-active{border-color:var(--lime);background:var(--lime-dim)}.approach-btn small{display:block;color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.approach-btn b{display:block;margin-top:8px;font-size:17px;letter-spacing:-.04em}.approach-panel{min-height:480px;padding:clamp(28px,4vw,50px);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.approach-panel h3{max-width:14ch;font-size:clamp(31px,4vw,54px);letter-spacing:-.07em;line-height:1.02}.approach-panel p{margin-top:16px;max-width:61ch;color:var(--muted);font-size:15px;line-height:1.6}.approach-art{position:relative;overflow:hidden;min-height:190px;margin-top:32px;border:1px solid var(--line);background:radial-gradient(circle at 27% 34%,var(--lime-dim),transparent 27%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 31px),#111}.approach-art span{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .area-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.area-tab{padding:9px 11px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:.25s var(--ease)}.area-tab:hover, .area-tab.is-active{background:var(--lime);border-color:var(--lime);color:#050505}.area-panel{display:none;grid-template-columns:1.05fr .95fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.area-panel.is-active{display:grid}.screen{position:relative;min-height:410px;overflow:hidden;background:#111}.screen::before{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:500 9px var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase;background:radial-gradient(circle at 30% 30%,var(--lime-dim),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 36px)}.screen-info{padding:clamp(25px,4vw,42px);background:var(--surface)}.screen-info small{color:var(--lime);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.screen-info h3{margin-top:13px;max-width:13ch;font-size:clamp(27px,3.3vw,46px);line-height:1.04;letter-spacing:-.06em}.screen-info p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.57}.decision-list{margin:25px 0 0;padding:0;display:grid;gap:8px}.decision-list li{list-style:none;padding:10px;border:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.45}.decision-list b{color:var(--text);font-weight:500}
    .system-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.system-card{min-height:210px;padding:20px;background:var(--surface)}.system-card small{color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.system-card h3{margin-top:22px;font-size:25px;letter-spacing:-.05em}.system-card p{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.5}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.outcome{min-height:250px;padding:clamp(26px,4vw,42px);background:var(--surface)}.outcome h3{max-width:15ch;font-size:clamp(29px,3.4vw,48px);line-height:1.05;letter-spacing:-.06em}.outcome p{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.6}.outcome.quote{display:flex;flex-direction:column;justify-content:space-between}.outcome.quote blockquote{margin:0;font-size:clamp(23px,2.7vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.22}.outcome.quote small{color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .case-next{padding:clamp(90px,11vw,160px) 0;background:#070707}.case-next h2{margin:18px 0 0;max-width:13ch;font-size:clamp(38px,5vw,74px);letter-spacing:-.07em;line-height:1.02}.case-next .button{margin-top:31px}

    [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}

    
    .hero-title{max-width:min(15.4ch,100%);font-size:clamp(48px,7.65vw,112px);letter-spacing:-.072em;line-height:.86}
    .hero-title-static .static-title{display:block;max-width:100%;white-space:normal;color:var(--text);text-wrap:balance}
    .hero-title-static .static-title i{color:var(--lime);font-style:normal;margin-inline:.08em .05em}
    .hero-title-static .static-title b{color:var(--lime);font:inherit;font-size:.92em;font-weight:600;letter-spacing:-.062em}

    .hero-copy{margin-top:clamp(28px,4.3vw,58px)}
    .copy-word{display:inline-block;padding:.05em .12em .09em;margin:0 -.12em;line-height:1.22;border-radius:2px;background-repeat:no-repeat;background-position:left 91%;background-image:linear-gradient(90deg,var(--lime),var(--lime));background-size:0 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
    .copy-word.is-key{background-size:100% 2px}
    .copy-word.is-key.soft{background-size:58% 2px}
    .copy-word:hover, .copy-word:focus-visible{opacity:1;filter:none;color:#050505;font-weight:600;transform:translateY(-1px);background-size:100% 78%;outline:none}
    .copy-word.is-key:hover, .copy-word.is-key:focus-visible{color:#050505;background-size:100% 78%}
    .hero-principles{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .hero-principles span{display:inline-flex;align-items:center;gap:8px}.hero-principles span::before{content:"";width:5px;height:5px;border-radius:99px;background:var(--lime);box-shadow:0 0 0 3px var(--lime-dim)}

    .projects-grid{align-items:stretch}
    .project.wide{grid-column:span 8}

    .about-intro{align-items:start}
    .about-copy{grid-column:1 / span 7}
    .about-visual{grid-column:9 / -1;min-height:395px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 28% 22%,var(--lime-dim),transparent 28%),radial-gradient(circle at 76% 78%,var(--orange-dim),transparent 30%),linear-gradient(145deg,var(--surface-2),#0c0c0c)}
    .about-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px);mask-image:linear-gradient(135deg,black,transparent 78%)}
    .about-visual::after{content:none;display:none}
    .about-visual-inner{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:500 10px/1.6 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}
    .about-visual-caption{position:absolute;left:16px;right:16px;bottom:16px;padding-top:12px;border-top:1px solid var(--line);color:var(--text);font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase}

    
    .education-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.education-meta span{padding:6px 7px;border:1px solid var(--line);color:var(--muted);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.education-meta span strong{color:var(--lime);font-weight:500}

    .contact{display:flex;align-items:center;justify-content:center;min-height:clamp(210px,28vw,340px);padding:clamp(64px,9vw,120px) 0;text-align:center;border-top:1px solid var(--line-soft)}
    .contact .button{margin:0;min-height:54px;padding-inline:23px;font-size:11px}

    .footer{padding:22px 0 24px}.footer-inner{align-items:center}.footer-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.footer-socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.footer-socials .social-button{min-height:36px;padding:0 10px;font-size:8px}.footer-socials .social-button svg{width:13px;height:13px}
    @media (max-width:1150px){.about-visual{grid-column:7 / -1}}
    @media (max-width:860px){.about-visual{grid-column:6 / -1;min-height:340px}.project.wide{grid-column:span 4}}
    @media (max-width:620px){.hero-title{max-width:100%;font-size:clamp(44px,12.3vw,70px);letter-spacing:-.065em;line-height:.9}.hero-title-static .static-title b{display:block;margin-top:.12em;font-size:.9em}.hero-principles{margin-top:15px;gap:8px 12px;font-size:8px}.about-copy, .about-visual{grid-column:1 / -1}.about-visual{min-height:320px;margin-top:4px}.footer-socials{justify-content:flex-start}.footer-socials .social-button{padding:0 9px}.footer-meta{gap:6px 12px}}

    @media (max-width:1150px){
      .id-card-stage{width:360px;right:1vw}.tool-orbit{right:1vw;width:270px;height:270px;opacity:.54}.hero-title{font-size:clamp(60px,9.2vw,126px)}.project{grid-column:span 6}.project.wide{grid-column:span 6}.experience-head{grid-column:1 / span 5}.timeline{grid-column:7 / -1}.case-hero-copy{grid-column:1 / span 8}.case-hero-meta{grid-column:9 / -1}.case-metrics{grid-template-columns:1fr 1fr}.workflow-tabs{grid-template-columns:repeat(4,1fr)}.workflow-tab{border-bottom:1px solid var(--line-soft)}
    }
    @media (max-width:860px){
      .grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.nav-links, .nav-cta{display:none}.menu{display:block}.hero{padding-top:108px;min-height:1040px}.hero-title{max-width:9.8ch;font-size:clamp(58px,13.5vw,108px)}.hero-copy{max-width:49ch;margin-top:46px}.id-card-stage{top:auto;right:5vw;bottom:35px;width:330px;height:510px}.id-card-root{top:195px;width:218px}.tool-orbit{bottom:13px;right:auto;left:3vw;width:230px;height:230px;opacity:.46}.hero-bottom{margin-top:74px}.filter-row{justify-content:flex-start;margin-top:27px}.medium-inner{grid-template-columns:1fr}.experience-head{grid-column:1 / span 4}.timeline{grid-column:5 / -1}.about-copy{grid-column:1 / span 5}.about-note{grid-column:6 / -1}.case-hero-copy, .case-hero-meta{grid-column:1 / -1}.case-hero-meta{max-width:530px;margin-top:34px}.eco, .approach, .area-panel{grid-template-columns:1fr}.role-panel{min-height:auto}.system-board{grid-template-columns:1fr 1fr}
    }
    @media (max-width:620px){
      .section{padding:72px 0}.hero-legal-name{font-size:9px}.id-card-stage{position:relative;right:auto;bottom:auto;order:5;width:100%;height:390px;margin-top:28px;transform:none!important;opacity:1!important;filter:none!important}.id-card-anchor{left:72%;top:0}.id-card-root{left:72%;top:115px;width:188px}.tool-orbit{display:none}.app-tile{width:51px;border-radius:13px}.app-tile small{display:none}.hero-bottom{order:6;margin-top:16px;padding-top:14px;font-size:8px}.hero-bottom span:last-child{display:none}.project, .project.wide{grid-column:1 / -1}.project-media{min-height:260px}.work-title{font-size:54px}.filter{font-size:8px;padding:9px 9px}.medium-strip{padding:53px 0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.experience-head, .timeline, .about-copy, .about-note, .case-title, .case-content{grid-column:1 / -1}.timeline{margin-top:34px}.about-note{margin-top:25px}.modal-facts{grid-template-columns:1fr}.case-hero{padding-top:112px}.case-hero-meta div{grid-template-columns:1fr;gap:5px}.case-metrics, .system-board, .outcomes{grid-template-columns:1fr}.eco-map{min-height:700px}.eco-center{top:47%}.eco-node{width:min(72vw,225px)}.eco-node.pfa{left:6%;top:5%}.eco-node.tenant{right:6%;top:20%}.eco-node.bum{left:6%;bottom:30%}.eco-node.bm{right:6%;bottom:16%}.eco-node.tech{bottom:4%}.workflow-tabs{grid-template-columns:1fr}.workflow-tab{min-height:auto;border-right:0}.workflow-detail{grid-template-columns:1fr}.case-nav{top:72px}.contact h2{font-size:58px}.footer-inner{display:grid;gap:9px}
    }
    @media (max-width:1150px){.about-detail-head{grid-column:1 / span 5}.timeline, .education-list{grid-column:7 / -1}}
    @media (max-width:860px){.about-detail-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.about-detail-head{grid-column:1 / span 4}.timeline, .education-list{grid-column:5 / -1}}
    @media (max-width:620px){.about-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:54px;padding-top:24px}.about-detail-head, .timeline, .education-list{grid-column:1 / -1}.timeline, .education-list{margin-top:26px}.education-item{grid-template-columns:1fr;gap:14px}.socials{gap:7px}.social-button{min-height:41px;padding:0 11px;font-size:8px}}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*, *::before, *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.copy-word{filter:none!important;opacity:1!important;transform:none!important}.id-card-stage, .hero-inner{transform:none!important;opacity:1!important;filter:none!important}.id-card{transform:translate3d(0,0,0) rotate(0)!important}[data-reveal]{opacity:1;transform:none}}
  

    
    .hero-title-static .static-title{letter-spacing:-.032em}
    .hero-title-static .static-title b{letter-spacing:-.034em}
    .hero-bottom{align-items:center}
    .hero-scroll-button{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 11px;border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.018);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
    .hero-scroll-button i{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:999px;color:var(--lime);font:400 12px/1 var(--mono);transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
    .hero-scroll-button:hover, .hero-scroll-button:focus-visible{transform:translateY(-2px);border-color:var(--lime);background:var(--lime-dim);color:var(--lime);outline:none}
    .hero-scroll-button:hover i, .hero-scroll-button:focus-visible i{transform:translateY(2px);border-color:var(--lime);background:var(--lime);color:#050505}

    .about-timeline{--timeline-progress:0px}
    .about-timeline::after{content:"";position:absolute;z-index:1;left:11px;top:11px;width:1px;height:var(--timeline-progress);background:linear-gradient(180deg,var(--lime),var(--orange));box-shadow:0 0 14px rgba(184,255,87,.16);transition:height .26s linear}
    .timeline-item{opacity:.46;transform:translateY(13px);transition:opacity .48s var(--ease),transform .48s var(--ease)}
    .timeline-item::before, .timeline-item::after{z-index:2;transition:border-color .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
    .timeline-item.is-revealed{opacity:1;transform:translateY(0)}
    .timeline-item.is-revealed::before{border-color:rgba(184,255,87,.62)}
    .timeline-item.is-revealed::after{background:var(--lime);transform:scale(.82)}
    .timeline-item.is-active::before{border-color:var(--lime);box-shadow:0 0 0 6px var(--bg),0 0 0 10px var(--lime-dim),0 0 24px rgba(184,255,87,.26)}
    .timeline-item.is-active::after{background:var(--lime);transform:scale(1.16);animation:checkpoint-pulse 2.35s ease-in-out infinite}
    .timeline-item.is-active .timeline-date{color:var(--lime)}
    .timeline-item.is-active .timeline-title h3{color:var(--text)}
    @keyframes checkpoint-pulse{0%, 100%{box-shadow:0 0 0 0 rgba(184,255,87,.34)}50%{box-shadow:0 0 0 7px rgba(184,255,87,0)}}

    @media (max-width:620px){
      .hero-title-static .static-title{letter-spacing:-.022em}
      .hero-title-static .static-title b{letter-spacing:-.026em}
      .hero-bottom{display:flex;align-items:flex-start;gap:12px;margin-top:23px;padding-top:15px}
      .hero-bottom>span{max-width:17ch;line-height:1.45}
      .hero-scroll-button{margin-left:auto;flex:0 0 auto;min-height:36px;padding:0 9px;font-size:7px}
      .hero-scroll-button span{display:none}
      .hero-scroll-button i{width:22px;height:22px;font-size:13px}
      .timeline-item{transform:translateY(8px)}
    }
    @media (prefers-reduced-motion:reduce){
      .timeline-item{opacity:1;transform:none}
      .timeline-item.is-active::after{animation:none}
      .about-timeline::after{transition:none}
      .hero-scroll-button, .hero-scroll-button i{transition:none}
    }

  

    
    .hero-copy{max-width:62ch;color:var(--text);font-family:var(--sans);font-weight:500;letter-spacing:-.035em}
    .copy-word{display:inline-block;margin:0 .09em .09em 0;padding:.045em .11em .08em;border-radius:2px;color:var(--text);font:inherit;opacity:0;filter:blur(7px);transform:translateY(.42em);background-image:linear-gradient(90deg,var(--lime),var(--lime));background-repeat:no-repeat;background-position:left 87%;background-size:0 0;animation:copy-word-reveal .72s var(--ease) var(--word-delay, .4s) forwards;transition:opacity .32s var(--ease),filter .32s var(--ease),transform .32s var(--ease),background-size .34s var(--ease),background-position .34s var(--ease),color .32s var(--ease),font-weight .32s var(--ease)}
    .copy-word.is-key, .copy-word.is-key.soft{color:var(--text);font-weight:500;background-size:0 0}
    .copy-word:hover, .copy-word:focus-visible, .copy-word.is-key:hover, .copy-word.is-key:focus-visible{opacity:1;filter:blur(0);transform:translateY(-.06em);color:#050505;font-family:var(--sans);font-weight:600;background-size:100% 86%;background-position:left 88%;outline:none}
    @keyframes copy-word-reveal{to{opacity:.88;filter:blur(0);transform:translateY(0)}}

    
    .projects-grid{grid-auto-flow:row dense}
    .project, .project.wide{grid-column:span 3}

    
    .about-journey{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,4vw,54px);align-items:start}
    .about-sticky-visual{grid-column:1 / span 5;position:sticky;top:98px;align-self:start;min-height:min(66vh,600px);margin:0}
    .about-scroll-content{grid-column:7 / -1;min-width:0}
    .about-panel{position:relative;padding-bottom:clamp(66px,9vw,116px);margin-bottom:clamp(48px,7vw,92px);border-bottom:1px solid var(--line-soft)}
    .about-panel:last-child{margin-bottom:0;border-bottom:0}
    .about-panel .display-lg{max-width:12ch}
    .about-panel-head{margin-bottom:clamp(30px,4vw,48px)}
    .about-panel-head h3{margin-top:18px;max-width:10ch}
    .about-visual-status{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
    .about-visual-status span{padding:6px 7px;border:1px solid transparent;color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
    .about-visual-status span.is-active{color:#050505;background:var(--lime);border-color:var(--lime)}
    .about-visual-caption{bottom:62px}
    .about-timeline{grid-column:auto;margin:0;padding-left:46px}
    .about-timeline .timeline-item:last-child{padding-bottom:16px}
    .earlier-experience{margin:26px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .earlier-experience summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;list-style:none;cursor:pointer;color:var(--muted);font:500 9px var(--mono);letter-spacing:.065em;text-transform:uppercase}
    .earlier-experience summary::-webkit-details-marker{display:none}
    .earlier-experience summary i{color:var(--lime);font-size:17px;font-style:normal;transition:transform .28s var(--ease)}
    .earlier-experience[open] summary i{transform:rotate(45deg)}
    .earlier-experience-list{display:grid;gap:1px;margin:0 -0px 0;background:var(--line-soft)}
    .earlier-role{display:grid;grid-template-columns:1fr auto;gap:16px;padding:17px;background:var(--surface)}
    .earlier-role h4{margin:9px 0 0;font-size:16px;letter-spacing:-.035em}.earlier-role p{margin:6px 0 0;color:var(--muted);font-size:13px}.earlier-role .tag-row{justify-content:flex-end;align-content:start;margin:0}
    .education-list{grid-column:auto;display:grid;gap:1px}
    .education-item{position:relative;overflow:hidden}
    .education-achievement{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:18px;padding:15px 16px;border:1px solid rgba(184,255,87,.32);background:var(--lime-dim)}
    .education-achievement span{color:var(--lime);font:500 9px var(--mono);letter-spacing:.065em;text-transform:uppercase}
    .education-achievement strong{color:var(--text);font:600 clamp(30px,4vw,48px)/.82 var(--sans);letter-spacing:-.08em}.education-achievement strong small{font:500 11px var(--mono);letter-spacing:0;color:var(--muted)}
    .education-achievement.orange{border-color:rgba(255,106,61,.36);background:var(--orange-dim)}.education-achievement.orange span{color:var(--orange)}

    @media (max-width:1150px){
      .project, .project.wide{grid-column:span 6}
      .about-sticky-visual{grid-column:1 / span 5}.about-scroll-content{grid-column:7 / -1}
      .earlier-role{grid-template-columns:1fr}.earlier-role .tag-row{justify-content:flex-start}
    }
    @media (max-width:860px){
      .about-journey{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}.about-sticky-visual{grid-column:1 / span 3;top:90px;min-height:440px}.about-scroll-content{grid-column:5 / -1}.about-visual-status{display:grid;gap:5px}.about-visual-status span{font-size:7px}.about-visual-caption{bottom:16px;display:none}
      .project, .project.wide{grid-column:span 4}
    }
    @media (max-width:620px){
      .copy-word{margin-right:.07em;animation-duration:.52s}
      .about-journey{display:block}.about-sticky-visual{position:relative;top:auto;min-height:320px;margin-bottom:42px}.about-scroll-content{display:block}.about-visual-status{display:flex}.about-panel{padding-bottom:54px;margin-bottom:42px}.education-item{grid-template-columns:1fr}.earlier-role{padding:15px}
    }
    @media (prefers-reduced-motion:reduce){.copy-word{opacity:.9;filter:none;transform:none;animation:none}.copy-word:hover{transform:none}}

    
    .hero-copy{word-spacing:-.10em;letter-spacing:-.03em}
    .hero-copy .copy-word{padding-inline:.085em;margin-inline:-.085em}

    .nav-availability{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:500 8px/1.35 var(--mono);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
    .nav-availability i{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim);animation:availability-pulse 1.9s ease-in-out infinite;will-change:transform,box-shadow,opacity}
    @keyframes availability-pulse{0%, 100%{transform:scale(1);box-shadow:0 0 0 4px var(--lime-dim),0 0 8px rgba(184,255,87,.2)}50%{transform:scale(1.16);box-shadow:0 0 0 8px rgba(184,255,87,0),0 0 16px rgba(184,255,87,.5)}}
    @media (prefers-reduced-motion:reduce){.nav-availability i{animation:none}}
    .mobile-nav .mobile-availability{display:flex;align-items:center;gap:8px;color:var(--muted);line-height:1.4;text-transform:none;letter-spacing:.03em}
    .mobile-nav .mobile-availability span{color:var(--lime);font-size:12px}

    .about-panel{scroll-margin-top:106px}
    .about-visual-status{gap:6px}
    .about-visual-status button{appearance:none;padding:6px 7px;border:1px solid transparent;background:transparent;color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
    .about-visual-status button:hover, .about-visual-status button:focus-visible{border-color:var(--lime);color:var(--lime);transform:translateY(-2px);outline:none}
    .about-visual-status button.is-active{color:#050505;background:var(--lime);border-color:var(--lime)}

    
    .education-list{position:relative;display:block;padding-left:46px;border:0;background:transparent}
    .education-list::before{content:"";position:absolute;left:11px;top:11px;bottom:20px;width:1px;background:var(--line)}
    .education-item{position:relative;display:block;padding:0 0 46px;background:transparent}
    .education-item:last-child{padding-bottom:0}
    .education-item::before{content:"";position:absolute;left:-46px;top:3px;width:22px;height:22px;border-radius:50%;border:1px solid var(--orange);background:var(--bg);box-shadow:0 0 0 6px var(--bg),0 0 0 10px var(--orange-dim)}
    .education-item::after{content:"";position:absolute;left:-40px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--orange)}
    .education-item:first-child::before{border-color:var(--lime);box-shadow:0 0 0 6px var(--bg),0 0 0 10px var(--lime-dim)}
    .education-item:first-child::after{background:var(--lime)}
    .education-date{margin-bottom:9px}
    .education-content{max-width:61ch}
    .education-achievement{margin-top:18px;padding:0;border:0;background:transparent;align-items:baseline}
    .education-achievement.orange{border:0;background:transparent}
    .education-achievement strong{font-size:clamp(34px,4vw,52px)}
    .education-meta{margin-top:13px}

    @media (max-width:1150px){.nav-availability{font-size:7px;letter-spacing:.04em}.nav-availability br{display:none}}
    @media (max-width:860px){.nav-availability{display:none}}
    @media (max-width:620px){.hero-copy{word-spacing:-.075em}.about-visual-status button{font-size:7px}.education-list{padding-left:38px}.education-list::before{left:9px}.education-item::before{left:-38px;width:20px;height:20px}.education-item::after{left:-32px;top:9px;width:8px;height:8px}.education-achievement{align-items:flex-start;flex-direction:column}}

    
    .nav-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
    .nav-talk{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--lime);background:var(--lime);color:#050505;font:500 10px var(--mono);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}
    .nav-talk span{font-size:14px;line-height:1;transition:transform .28s var(--ease)}
    .nav-talk:hover, .nav-talk:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px rgba(184,255,87,.16);outline:none}
    .nav-talk:hover span, .nav-talk:focus-visible span{transform:translate(2px,-2px)}
    .mobile-nav .mobile-availability{display:flex;padding:15px 0 11px;border-bottom:0;cursor:default}
    .mobile-talk{display:flex!important;align-items:center;justify-content:space-between;margin-top:7px;padding:13px 14px!important;border:1px solid var(--lime)!important;background:var(--lime);color:#050505!important;font:500 11px var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
    .mobile-talk span{font-size:16px;line-height:1}

    .connect-fill{border-top:1px solid var(--line-soft);background:var(--lime)}
    .connect-fill-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:clamp(170px,18vw,276px);padding:clamp(28px,5vw,68px) var(--gutter);overflow:hidden;color:#050505;font:600 clamp(52px,9vw,148px)/.82 var(--display);letter-spacing:-.095em;transition:background .35s var(--ease),color .35s var(--ease)}
    .connect-fill-link::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(255,255,255,.32),transparent 21%),linear-gradient(112deg,rgba(255,255,255,.10),transparent 50%);opacity:0;transition:opacity .35s var(--ease)}
    .connect-fill-link span, .connect-fill-link i{position:relative;z-index:1}
    .connect-fill-link i{display:grid;place-items:center;flex:0 0 auto;width:clamp(54px,7.5vw,112px);height:clamp(54px,7.5vw,112px);border:1px solid rgba(5,5,5,.42);border-radius:999px;font:400 clamp(30px,4vw,62px)/1 var(--mono);font-style:normal;transition:transform .4s var(--ease),background .35s var(--ease),color .35s var(--ease)}
    .connect-fill-link:hover, .connect-fill-link:focus-visible{background:#d0ff86;outline:none}
    .connect-fill-link:hover::before, .connect-fill-link:focus-visible::before{opacity:1}
    .connect-fill-link:hover i, .connect-fill-link:focus-visible i{transform:rotate(45deg) scale(1.06);background:#050505;color:var(--lime)}

    @media (max-width:1150px){.nav-actions{gap:10px}.nav-talk{padding-inline:11px}}
    @media (max-width:860px){.nav-actions{display:none}}
    @media (max-width:620px){.connect-fill-link i{width:54px;height:54px;font-size:29px}}


.enterprise-v2{background:var(--bg)}
.enterprise-v2 .case-hero{padding:clamp(120px,14vw,190px) 0 clamp(80px,9vw,128px);background:radial-gradient(circle at 74% 24%,rgba(184,255,87,.10),transparent 24%),radial-gradient(circle at 13% 82%,rgba(255,106,61,.08),transparent 25%)}
.enterprise-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.enterprise-hero-copy{grid-column:1 / span 6;position:relative;z-index:2}.enterprise-hero-overline{margin:18px 0 0;color:var(--muted);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.enterprise-hero-copy h1{max-width:10.6ch;margin:16px 0 0;font-size:clamp(50px,6.25vw,98px);letter-spacing:-.08em;line-height:.9}.enterprise-hero-copy h1 b{color:var(--lime);font-weight:600}.enterprise-hero-copy .lead{margin-top:25px;max-width:56ch}.enterprise-hero-actions{margin-top:30px}.enterprise-confidential-note{max-width:59ch;margin-top:20px;color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.045em;text-transform:uppercase}
.enterprise-hero-visual{grid-column:8 / -1;position:relative}.enterprise-hero-frame{position:relative;min-height:400px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#172022,#0d0d0d);box-shadow:18px 24px 54px rgba(0,0,0,.35)}.enterprise-hero-frame img{width:100%;height:100%;min-height:400px;object-fit:cover;object-position:top center;opacity:.9;mix-blend-mode:screen}.enterprise-hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(184,255,87,.10),transparent 42%,rgba(255,106,61,.08));pointer-events:none}.enterprise-frame-label{position:absolute;z-index:2;left:16px;top:16px;display:flex;flex-direction:column;gap:5px;padding:8px 9px;border:1px solid var(--line);background:rgba(8,8,8,.7);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.enterprise-frame-label span{color:var(--muted)}.enterprise-frame-label b{color:var(--lime);font-weight:500}.enterprise-float-note{position:absolute;z-index:3;right:14px;max-width:150px;padding:8px 9px;border:1px solid var(--line);background:rgba(8,8,8,.78);color:var(--text);font:500 8px/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.25)}.enterprise-float-note::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.enterprise-float-note.one{top:34%;transform:translateX(22%)}.enterprise-float-note.one::before{left:-4px;top:-4px}.enterprise-float-note.two{bottom:12%;left:13%;right:auto}.enterprise-float-note.two::before{right:-4px;bottom:-4px;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}
.enterprise-v2 .enterprise-case-nav{top:72px}.enterprise-section-intro{margin-bottom:42px}.enterprise-v2 .case-title h2{max-width:12ch}.enterprise-v2 .case-content>.lead{max-width:64ch}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:var(--line-soft);border:1px solid var(--line-soft)}.pain-card{min-height:145px;padding:18px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease),color .3s var(--ease)}.pain-card:hover, .pain-card.is-active{background:var(--lime-dim);transform:translateY(-3px)}.pain-card span{display:block;color:var(--orange);font:500 9px var(--mono);letter-spacing:.07em}.pain-card b{display:block;max-width:16ch;margin-top:17px;font-size:18px;line-height:1.12;letter-spacing:-.04em}.pain-card small{display:block;margin-top:14px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pain-detail{margin-top:1px;padding:clamp(25px,4vw,40px);border:1px solid var(--line-soft);background:linear-gradient(125deg,rgba(184,255,87,.075),transparent 42%),var(--surface)}.pain-detail h3{max-width:16ch;margin-top:18px;font-size:clamp(27px,3.2vw,44px);letter-spacing:-.065em;line-height:1.04}.pain-detail p{max-width:61ch;margin-top:15px;color:var(--muted);font-size:15px;line-height:1.6}
.dashboard-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.dashboard-image-wrap{position:relative;min-height:520px;overflow:hidden;background:#0e1413}.dashboard-image-wrap img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:top center;opacity:.95}.dashboard-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.58));pointer-events:none}.dashboard-callout{position:absolute;z-index:2;padding:7px 8px;border:1px solid var(--line);background:rgba(8,8,8,.78);color:var(--text);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;transition:transform .3s var(--ease),border-color .3s var(--ease)}.dashboard-callout:hover{transform:translateY(-4px);border-color:var(--lime)}.callout-one{top:21%;right:7%}.callout-two{top:55%;left:7%}.callout-three{bottom:10%;right:11%}.dashboard-side{padding:clamp(26px,4vw,42px);background:var(--surface);display:flex;flex-direction:column}.dashboard-side h3{max-width:11ch;margin-top:17px;font-size:clamp(29px,3.4vw,49px);line-height:1.03;letter-spacing:-.065em}.dashboard-side p{margin-top:17px;color:var(--muted);font-size:15px;line-height:1.6}.dashboard-controls{display:grid;gap:7px;margin-top:auto;padding-top:34px}.dashboard-control{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.25s var(--ease)}.dashboard-control b{color:var(--orange);font:500 9px var(--mono)}.dashboard-control span{font-size:14px;letter-spacing:-.02em}.dashboard-control:hover, .dashboard-control.is-active{border-color:var(--lime);background:var(--lime-dim);color:var(--text)}.dashboard-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.dashboard-proof div{min-height:130px;padding:17px;background:var(--surface)}.dashboard-proof span{color:var(--lime);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.dashboard-proof p{margin-top:13px;color:var(--muted);font-size:13px;line-height:1.5}
.enterprise-eco{margin-top:28px}.enterprise-process-section{background:rgba(255,255,255,.012)}.process-timeline{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:var(--line-soft);border:1px solid var(--line-soft)}.process-step{position:relative;min-height:144px;padding:18px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:.3s var(--ease)}.process-step:hover, .process-step.is-active{background:linear-gradient(135deg,rgba(184,255,87,.10),transparent 68%),var(--surface)}.process-step span{color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}.process-step b{display:block;max-width:19ch;margin-top:14px;font-size:18px;line-height:1.12;letter-spacing:-.04em}.process-step small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.process-detail{display:grid;grid-template-columns:.88fr 1.12fr;gap:1px;margin-top:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.process-detail-copy{padding:clamp(25px,4vw,43px);background:var(--surface)}.process-detail-copy h3{max-width:15ch;margin-top:17px;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.07em;line-height:1.03}.process-detail-copy p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.process-output{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line-soft)}.process-art{min-height:340px;overflow:hidden;background:#131313}.process-art img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:top center;opacity:.92}
.enterprise-screen-image{background:#111}.enterprise-screen-image img{width:100%;height:100%;min-height:410px;object-fit:cover;object-position:top center;opacity:.95}.enterprise-screen-image::before{display:none}.enterprise-system-section{background:linear-gradient(140deg,rgba(184,255,87,.03),transparent 33%)}.ds-explorer{margin-top:30px;border:1px solid var(--line-soft);background:var(--line-soft)}.ds-tabs{display:flex;flex-wrap:wrap;gap:1px;background:var(--line-soft)}.ds-tab{flex:1;min-width:120px;padding:14px;border:0;background:var(--surface);color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.25s var(--ease)}.ds-tab:hover, .ds-tab.is-active{background:var(--lime);color:#050505}.ds-panel{display:none;background:var(--surface);padding:clamp(22px,3.4vw,38px)}.ds-panel.is-active{display:block}.ds-foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.ds-card{min-height:278px;padding:20px;background:#111}.ds-card>span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.ds-card>p{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.5}.type-sample{display:grid;gap:8px;margin-top:24px}.type-sample b{font-size:25px;letter-spacing:-.06em}.type-sample strong{font-size:18px;letter-spacing:-.04em}.type-sample p{color:var(--muted);font-size:13px}.type-sample small{color:var(--lime);font:500 8px var(--mono);letter-spacing:.07em}.color-row{display:flex;gap:8px;margin-top:35px}.color-row i{width:33px;height:46px;border:1px solid var(--line);display:block}.c-navy{background:#10344a}.c-surface{background:#171717}.c-peach{background:#f6dfd3}.c-lime{background:var(--lime)}.c-orange{background:var(--orange)}.space-bars{display:flex;align-items:end;gap:7px;height:63px;margin-top:26px}.space-bars i{width:21px;background:var(--lime);opacity:.8}.space-bars i:nth-child(1){height:14px}.space-bars i:nth-child(2){height:24px}.space-bars i:nth-child(3){height:34px}.space-bars i:nth-child(4){height:48px}.space-bars i:nth-child(5){height:60px}.component-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.component-demo{min-height:160px;padding:16px;background:#111;position:relative}.component-demo>span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.nav-demo b{display:block;height:9px;margin:15px 0;border-radius:2px;background:rgba(255,255,255,.18)}.nav-demo b:first-of-type{background:var(--lime)}.status-demo{display:flex;flex-wrap:wrap;gap:7px;align-content:center}.status-demo>span{width:100%}.status-demo i{padding:6px 7px;border:1px solid var(--line);color:var(--muted);font:500 8px var(--mono);font-style:normal}.status-demo i:nth-of-type(2){color:var(--orange);border-color:rgba(255,106,61,.4)}.status-demo i:nth-of-type(3){color:var(--lime);border-color:rgba(184,255,87,.4)}.form-demo b{display:block;height:23px;margin-top:12px;border:1px solid var(--line)}.form-demo button{margin-top:10px;padding:5px 8px;border:0;background:var(--lime);color:#050505;font:500 8px var(--mono)}.table-demo b{display:block;height:13px;margin-top:11px;border-bottom:1px solid var(--line)}.card-demo{display:flex;flex-direction:column;justify-content:flex-end}.card-demo strong{margin-top:auto;font-size:38px;letter-spacing:-.08em}.card-demo p{margin:0;color:var(--muted);font-size:12px}.timeline-demo b{display:block;width:1px;height:24px;margin:13px 0 0 10px;background:var(--line);position:relative}.timeline-demo b::before{content:"";position:absolute;left:-4px;top:0;width:9px;height:9px;border-radius:50%;background:var(--lime)}.state-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.state-board div{padding:20px;background:#111}.state-board span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.state-board b{display:block;margin-top:15px;font-size:18px;letter-spacing:-.04em}.lime-text{color:var(--lime)}.orange-text{color:var(--orange)}.ds-caption{margin:18px 0 0;color:var(--muted);font-size:14px}.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}.pattern-grid div{min-height:145px;padding:18px;background:#111}.pattern-grid span{color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pattern-grid p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.system-note{display:flex;flex-wrap:wrap;gap:14px;margin-top:1px;padding:16px;border:1px solid var(--line-soft);background:rgba(184,255,87,.04)}.system-note span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.system-note p{margin:0;color:var(--muted);font-size:13px}
.prototype-stage{display:grid;grid-template-columns:1.14fr .86fr;gap:1px;margin-top:30px;border:1px solid var(--line-soft);background:var(--line-soft)}.prototype-preview{min-height:430px;padding:14px;background:#101010}.prototype-topbar{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.prototype-topbar i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.prototype-shell{display:grid;grid-template-columns:90px 1fr;min-height:350px;margin-top:12px;border:1px solid var(--line);background:linear-gradient(145deg,#f5fbef,#eef6e9)}.prototype-shell aside{display:flex;flex-direction:column;gap:9px;padding:13px;background:#123246;color:#d9edf1;font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.prototype-shell aside b{margin-bottom:8px;color:white}.prototype-shell aside span{padding:8px 6px;color:rgba(255,255,255,.68)}.prototype-shell aside span.active{background:rgba(255,255,255,.13);color:white}.prototype-main{padding:clamp(20px,3vw,34px);color:#1e2a2e}.proto-kicker{color:#ea7145;font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.prototype-main h3{max-width:12ch;margin-top:10px;font-size:clamp(26px,3.3vw,44px);letter-spacing:-.065em;line-height:1.02}.proto-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.proto-kpis b{padding:12px;background:#fff0e9;color:#20353c;font-size:24px;letter-spacing:-.06em}.proto-kpis small{display:block;margin-top:5px;color:#687b80;font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.proto-table{display:grid;gap:7px;margin-top:17px}.proto-table i{display:block;height:21px;background:#fff;border:1px solid rgba(15,42,53,.10)}.prototype-controls{display:grid;gap:1px;background:var(--line-soft)}.prototype-flow{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3.4vw,34px);border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:.3s var(--ease)}.prototype-flow:hover, .prototype-flow.is-active{background:linear-gradient(135deg,rgba(184,255,87,.09),transparent 60%),var(--surface)}.prototype-flow span{color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}.prototype-flow b{margin-top:11px;font-size:20px;letter-spacing:-.045em}.prototype-flow small{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5}.figma-ready-note{display:flex;gap:13px;margin-top:1px;padding:16px;border:1px solid var(--line-soft);background:var(--surface)}.figma-ready-note span{flex:0 0 auto;color:var(--lime);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.figma-ready-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.enterprise-outcomes{grid-template-columns:repeat(3,1fr)}.enterprise-disclosure{margin-top:1px;padding:14px 16px;border:1px solid var(--line-soft);background:rgba(255,106,61,.045);color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.05em;text-transform:uppercase}.enterprise-case-next{background:#070707}
@media (max-width:1150px){.enterprise-hero-copy{grid-column:1 / span 7}.enterprise-hero-visual{grid-column:8 / -1}.dashboard-stage, .prototype-stage{grid-template-columns:1fr}.dashboard-side{min-height:420px}.enterprise-outcomes{grid-template-columns:1fr 1fr}.ds-foundation-grid{grid-template-columns:1fr 1fr}.component-shelf{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.enterprise-hero-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.enterprise-hero-copy, .enterprise-hero-visual{grid-column:1 / -1}.enterprise-hero-visual{max-width:660px}.enterprise-hero-frame, .enterprise-hero-frame img{min-height:360px}.process-detail{grid-template-columns:1fr}.dashboard-proof{grid-template-columns:1fr 1fr}.enterprise-outcomes{grid-template-columns:1fr}.case-title{grid-column:1 / span 3}.case-content{grid-column:5 / -1}}
@media (max-width:620px){.enterprise-v2 .case-hero{padding-top:110px}.enterprise-hero-copy h1{font-size:clamp(45px,14vw,72px)}.enterprise-hero-frame, .enterprise-hero-frame img{min-height:300px}.enterprise-float-note.one{right:8px;transform:none}.pain-grid, .dashboard-proof, .process-timeline, .ds-foundation-grid, .component-shelf, .state-board, .pattern-grid{grid-template-columns:1fr}.dashboard-image-wrap, .dashboard-image-wrap img{min-height:330px}.dashboard-callout{font-size:7px}.callout-two{left:4%}.callout-three{right:4%}.process-art, .process-art img{min-height:250px}.prototype-shell{grid-template-columns:70px 1fr}.prototype-shell aside{padding:9px 7px;font-size:7px}.proto-kpis{grid-template-columns:1fr 1fr}.enterprise-outcomes{grid-template-columns:1fr}.ds-tabs{display:grid;grid-template-columns:1fr 1fr}.figma-ready-note{flex-direction:column}.case-title, .case-content{grid-column:1 / -1}.enterprise-section-intro{display:contents}}



body, p, li, .lead, .copy, .timeline-desc, .project-copy p{ letter-spacing: 0 !important; }
h1, h2, h3, .display, .display-lg, .display-md, .hero-title, .work-title, .case-hero-copy h1, .timeline-title h3, .education-title h3{ letter-spacing:-.032em !important; }
.brand, .nav-links a, .nav-talk, .button, .eyebrow, .filter, .tag, .media-note, .project-meta, .footer, .footer-socials .social-button, .case-nav a{ letter-spacing:.045em !important; }
.case-hero-copy h1 b{ letter-spacing:-.032em !important; }


#enterprisePage img{ display:none !important; }
.enterprise-case-hero{ padding-top:126px; }
.case-hero-copy h1{ max-width:12.5ch; font-size:clamp(48px,6.15vw,96px); line-height:.96; }
.case-hero-copy .lead{ max-width:56ch; }
.case-hero-meta dd{ letter-spacing:0 !important; }

.case-story-section{ position:relative; overflow:clip; }
.case-story-grid{ display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); gap:clamp(38px,7vw,112px); align-items:start; }
.case-story-head{ position:sticky; top:126px; align-self:start; padding-bottom:30px; }
.case-story-head h2{ max-width:12ch; margin-top:18px; font-size:clamp(34px,4.1vw,61px); line-height:1; }
.case-story-head p{ max-width:31ch; margin-top:20px; color:var(--muted); font-size:15px; line-height:1.6; }
.case-story-content{ min-width:0; }

.case-interactive-split{ display:grid; grid-template-columns:minmax(210px,.62fr) minmax(0,1fr); gap:1px; border:1px solid var(--line-soft); background:var(--line-soft); }
.case-choice-list{ display:grid; align-content:start; gap:1px; background:var(--line-soft); }
.case-choice{ display:block; width:100%; min-height:112px; padding:17px; border:0; background:var(--surface); color:var(--text); text-align:left; cursor:pointer; transition:background .28s var(--ease),color .28s var(--ease),transform .28s var(--ease); }
.case-choice:hover, .case-choice:focus-visible, .case-choice.is-active{ background:linear-gradient(130deg,rgba(184,255,87,.1),transparent 68%),var(--surface-2); outline:none; }
.case-choice:hover, .case-choice:focus-visible{ transform:translateX(3px); }
.case-choice span{ display:block; color:var(--orange); font:500 8px var(--mono); letter-spacing:.05em; }
.case-choice b{ display:block; margin-top:9px; font-size:16px; line-height:1.12; letter-spacing:-.02em; }
.case-choice small{ display:block; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.45; letter-spacing:0; }
.case-detail-card{ min-height:500px; padding:clamp(25px,4vw,46px); background:var(--surface); display:flex; flex-direction:column; align-items:flex-start; }
.detail-label{ color:var(--lime); font:500 8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.case-detail-card h3, .ds-detail h3, .prototype-embed-placeholder h3, .reflection-card h3{ max-width:15ch; margin-top:15px; font-size:clamp(29px,3.4vw,48px); line-height:1.04; letter-spacing:-.032em; }
.case-detail-card p, .ds-detail p, .prototype-embed-placeholder p, .reflection-card p{ max-width:59ch; margin-top:16px; color:var(--muted); font-size:15px; line-height:1.6; }
.placeholder-artifact{ position:relative; display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:156px; margin-top:28px; padding:22px; overflow:hidden; border:1px dashed rgba(184,255,87,.38); background:linear-gradient(135deg,rgba(184,255,87,.07),transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 30px); text-align:center; }
.placeholder-artifact::before{ content:""; position:absolute; inset:12px; border:1px solid var(--line-soft); pointer-events:none; }
.placeholder-artifact span, .placeholder-artifact small{ position:relative; z-index:1; }
.placeholder-artifact span{ color:var(--text); font:500 10px var(--mono); letter-spacing:.055em; text-transform:uppercase; }
.placeholder-artifact small{ max-width:28ch; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.45; letter-spacing:0; }
.simple-list, .created-list{ width:100%; margin:25px 0 0; padding:0; list-style:none; display:grid; gap:8px; }
.simple-list li, .created-list li{ position:relative; padding:11px 12px 11px 28px; border:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.45; }
.simple-list li::before, .created-list li::before{ content:""; position:absolute; left:12px; top:18px; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px var(--lime-dim); }
.dashboard-placeholder{ min-height:190px; }
.placeholder-pills{ position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:17px; }
.placeholder-pills i{ padding:7px 8px; border:1px solid var(--line); color:var(--muted); font:500 8px var(--mono); font-style:normal; letter-spacing:.045em; text-transform:uppercase; }
.process-output{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:24px; }
.process-output span{ color:var(--orange); font:500 8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.process-output b{ color:var(--text); font-size:14px; font-weight:500; letter-spacing:-.01em; }

.design-system-layout{ display:grid; grid-template-columns:minmax(165px,.45fr) minmax(0,1fr); gap:1px; border:1px solid var(--line-soft); background:var(--line-soft); }
.ds-tabs{ display:grid; align-content:start; gap:1px; background:var(--line-soft); }
.ds-tab{ min-height:74px; padding:15px; border:0; background:var(--surface); color:var(--muted); text-align:left; font:500 10px var(--mono); letter-spacing:.045em; text-transform:uppercase; cursor:pointer; transition:background .25s var(--ease),color .25s var(--ease); }
.ds-tab:hover, .ds-tab:focus-visible, .ds-tab.is-active{ background:var(--lime-dim); color:var(--lime); outline:none; }
.ds-detail{ min-height:500px; padding:clamp(25px,4vw,46px); background:var(--surface); }
.token-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:25px; border:1px solid var(--line-soft); background:var(--line-soft); }
.token-grid div{ min-height:112px; padding:15px; background:var(--surface-2); }
.token-grid span{ display:block; color:var(--orange); font:500 8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.token-grid b{ display:block; margin-top:12px; color:var(--text); font-size:13px; line-height:1.35; letter-spacing:-.01em; }

.prototype-layout{ display:grid; grid-template-columns:minmax(215px,.52fr) minmax(0,1fr); gap:1px; border:1px solid var(--line-soft); background:var(--line-soft); }
.prototype-options{ display:grid; align-content:start; gap:1px; background:var(--line-soft); }
.prototype-option{ min-height:130px; padding:18px; border:0; background:var(--surface); color:var(--text); text-align:left; cursor:pointer; transition:background .25s var(--ease),transform .25s var(--ease); }
.prototype-option:hover, .prototype-option:focus-visible, .prototype-option.is-active{ background:linear-gradient(135deg,rgba(184,255,87,.1),transparent 65%),var(--surface-2); outline:none; }
.prototype-option:hover{ transform:translateX(3px); }
.prototype-option span{ color:var(--orange); font:500 8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.prototype-option b{ display:block; margin-top:9px; font-size:17px; line-height:1.15; letter-spacing:-.02em; }
.prototype-option small{ display:block; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.45; letter-spacing:0; }
.prototype-embed-placeholder{ min-height:500px; padding:clamp(25px,4vw,46px); background:var(--surface); }
.prototype-device{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:214px; margin-top:27px; overflow:hidden; border:1px dashed rgba(184,255,87,.4); background:linear-gradient(145deg,rgba(184,255,87,.08),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 27px); text-align:center; }
.prototype-device::before{ content:""; position:absolute; inset:12px; border:1px solid var(--line-soft); }
.prototype-device span, .prototype-device small{ position:relative; z-index:1; }
.prototype-device span{ color:var(--text); font:500 10px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.prototype-device small{ margin-top:8px; color:var(--muted); font-size:11px; letter-spacing:0; }
.prototype-device.mobile-device{ width:min(260px,100%); min-height:266px; margin-left:auto; margin-right:auto; border-radius:22px; }
.prototype-note{ display:flex; gap:12px; margin-top:1px; padding:14px 15px; border:1px solid var(--line-soft); background:rgba(255,106,61,.045); }
.prototype-note b{ flex:0 0 auto; color:var(--orange); font:500 8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.prototype-note span{ color:var(--muted); font-size:12px; line-height:1.45; }

.reflection-layout{ display:grid; grid-template-columns:1fr 1fr; gap:1px; border:1px solid var(--line-soft); background:var(--line-soft); }
.reflection-card{ min-height:388px; padding:clamp(25px,4vw,46px); background:var(--surface); }
.reflection-card .created-list{ margin-top:25px; }
.reflection-note{ display:flex; flex-direction:column; }
.confidentiality-note{ margin-top:auto !important; padding-top:19px; border-top:1px solid var(--line); color:var(--orange) !important; font:500 9px/1.55 var(--mono) !important; letter-spacing:.04em !important; text-transform:uppercase; }

@media (max-width:980px){
  .case-story-grid{grid-template-columns:1fr;gap:34px}.case-story-head{position:static;padding-bottom:0}.case-story-head h2{max-width:15ch}.case-story-head p{max-width:57ch}.case-interactive-split, .design-system-layout, .prototype-layout{grid-template-columns:1fr}.case-choice-list, .ds-tabs, .prototype-options{grid-template-columns:repeat(2,1fr)}.case-choice, .prototype-option{min-height:112px}.reflection-layout{grid-template-columns:1fr}.token-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .enterprise-case-hero{padding-top:104px}.case-hero-copy h1{font-size:clamp(43px,12.5vw,68px)}.case-story-section{padding:72px 0}.case-story-head h2{font-size:42px}.case-story-head p{font-size:14px}.case-choice-list, .ds-tabs, .prototype-options{grid-template-columns:1fr}.case-choice, .prototype-option{min-height:auto}.case-detail-card, .ds-detail, .prototype-embed-placeholder{min-height:auto;padding:24px}.token-grid{grid-template-columns:1fr}.placeholder-artifact{min-height:145px}.prototype-device{min-height:190px}.prototype-device.mobile-device{min-height:235px}.reflection-card{min-height:auto}.case-nav .shell{gap:0}
}

    
    body, p, li, .lead{ letter-spacing: normal; }
    .hero-title, .case-hero-copy h1, .display, .display-lg, .display-md, .case-title h2, .case-story-head h2, .case-detail-card h3, .ds-detail h3, .prototype-embed-placeholder h3, .reflection-card h3{ letter-spacing:-.035em !important; }
    .eyebrow, .nav-links a, .nav-talk, .button, .case-nav a, .detail-label, .case-stage-label, .case-choice span, .case-choice small, .ds-tab, .prototype-option span, .prototype-option small{ letter-spacing:.045em !important; }
    .case-stage-label{display:inline-flex;align-items:center;gap:7px;margin:18px 0 0;color:var(--lime);font:500 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
    .case-stage-label::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}
    .enterprise-case-hero .case-hero-copy h1{max-width:13.8ch;margin-top:18px;}
    @media (max-width:620px){.enterprise-case-hero .case-hero-copy h1{max-width:12.6ch;}}


body{letter-spacing:0}
h1, h2, h3, .display, .hero-title, .work-title, .case-hero-copy h1, .case-story-head h2, .case-detail-card h3, .role-panel h3, .project-copy h3, .timeline-title h3, .education-title h3{letter-spacing:-.035em!important}
p, .lead, .hero-copy, .timeline-desc, .case-story-head p, .case-detail-card p, .role-panel p, .project-copy p, .education-content p{letter-spacing:0!important}
.eyebrow, .nav-links a, .button, .filter, .case-nav a, .case-stage-label, .nav-talk, .mobile-talk, .tag, .media-note, .project-meta, .footer{letter-spacing:.045em!important}
.hero, .case-hero{--heat-x:50%;--heat-y:50%;isolation:isolate}


#siteContent{ min-height:100svh; }
.page-view[hidden]{ display:none !important; }
.page-view{ min-height:100svh; }
body.is-case-view .header{ background:rgba(8,8,8,.82); border-color:var(--line-soft); backdrop-filter:blur(16px); }



.waroong-case-hero .case-hero-copy h1{max-width:12.4ch;margin-top:18px}.waroong-case-hero .lead{max-width:57ch}
.waroong-hero-summary{grid-column:9 / -1;position:relative;z-index:1;min-height:338px;padding:18px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,#13211a,#0e0e0e 68%);box-shadow:18px 24px 54px rgba(0,0,0,.28)}
.waroong-hero-summary::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 28px);mask-image:linear-gradient(135deg,black,transparent 78%)}
.waroong-hero-summary>span, .waroong-hero-summary>div{position:relative;z-index:1}.waroong-hero-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.waroong-live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--lime)}.waroong-live-dot::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 5px var(--lime-dim)}
.waroong-hero-device{position:absolute;right:10%;bottom:-11%;width:min(56%,236px);aspect-ratio:.52;border:1px solid rgba(255,255,255,.25);border-radius:24px 24px 0 0;background:linear-gradient(155deg,#183e2d,#101312 62%);box-shadow:18px 16px 34px rgba(0,0,0,.4);padding:14px}.waroong-hero-device::before{content:"";display:block;width:30%;height:5px;margin:0 auto 16px;border-radius:99px;background:rgba(255,255,255,.24)}.waroong-hero-device b, .waroong-hero-device i{display:block}.waroong-hero-device b{height:50px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:linear-gradient(135deg,rgba(184,255,87,.82),rgba(184,255,87,.16))}.waroong-hero-device i{height:9px;margin-top:10px;border-radius:4px;background:rgba(255,255,255,.16)}.waroong-hero-device i:nth-of-type(2){width:72%}.waroong-hero-device i:nth-of-type(3){width:56%;background:rgba(255,106,61,.75)}
.waroong-hero-task{position:absolute;z-index:2;left:16px;right:34%;bottom:22px;padding:10px;border:1px solid var(--line);background:rgba(8,8,8,.76);box-shadow:0 11px 24px rgba(0,0,0,.26)}.waroong-hero-task span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.waroong-hero-task b{display:block;margin-top:7px;font-size:16px;letter-spacing:-.03em}.waroong-hero-task small{display:block;margin-top:6px;color:var(--lime);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.waroong-live-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-live-row div{min-height:112px;padding:16px;background:var(--surface)}.waroong-live-row span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.waroong-live-row b{display:block;margin-top:14px;font-size:18px;line-height:1.12;letter-spacing:-.035em}
.waroong-journey{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:28px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-journey-step{position:relative;min-height:150px;padding:17px;background:var(--surface);transition:background .28s var(--ease),transform .28s var(--ease)}.waroong-journey-step:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(184,255,87,.09),transparent 62%),var(--surface-2)}.waroong-journey-step span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em}.waroong-journey-step b{display:block;max-width:10ch;margin-top:14px;font-size:18px;line-height:1.08;letter-spacing:-.035em}.waroong-journey-step small{display:block;margin-top:11px;color:var(--muted);font-size:11px;line-height:1.42}.waroong-journey-step:not(:last-child)::after{content:none;position:absolute;z-index:2;right:-11px;top:50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#050505;font:500 13px var(--mono);transform:translateY(-50%)}
.waroong-role-card .role-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.role-tags span{padding:6px 7px;border:1px solid var(--line);color:var(--muted);font:500 8px var(--mono);letter-spacing:.045em;text-transform:uppercase}
.waroong-ui-diagram{position:relative;display:grid;grid-template-columns:1fr .72fr;gap:12px;width:100%;min-height:192px;margin-top:28px;padding:13px;border:1px dashed rgba(184,255,87,.38);background:linear-gradient(145deg,rgba(184,255,87,.07),transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 30px)}.waroong-ui-panel{padding:12px;border:1px solid var(--line);background:rgba(8,8,8,.42)}.waroong-ui-panel>span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.waroong-ui-panel b{display:block;height:36px;margin-top:14px;border-radius:6px;background:linear-gradient(135deg,rgba(184,255,87,.86),rgba(184,255,87,.22))}.waroong-ui-panel i{display:block;height:9px;margin-top:9px;border-radius:3px;background:rgba(255,255,255,.16)}.waroong-ui-panel i:nth-of-type(2){width:76%}.waroong-ui-panel i:nth-of-type(3){width:57%;background:rgba(255,106,61,.72)}.waroong-ui-phone{align-self:center;justify-self:center;width:min(128px,90%);height:164px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#111;box-shadow:10px 14px 28px rgba(0,0,0,.34)}.waroong-ui-phone::before{content:"";display:block;width:32%;height:4px;margin:0 auto 12px;border-radius:99px;background:rgba(255,255,255,.24)}.waroong-ui-phone b{display:block;height:30px;border-radius:5px;background:rgba(255,106,61,.75)}.waroong-ui-phone i{display:block;height:8px;margin-top:8px;border-radius:3px;background:rgba(255,255,255,.16)}.waroong-ui-phone i:last-child{background:rgba(184,255,87,.82)}
.waroong-principle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:26px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-principle{min-height:126px;padding:17px;background:var(--surface)}.waroong-principle span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.waroong-principle b{display:block;max-width:15ch;margin-top:13px;font-size:17px;line-height:1.14;letter-spacing:-.03em}.waroong-principle small{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.4}
.waroong-build-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-build-card{min-height:350px;padding:clamp(25px,4vw,44px);background:var(--surface)}.waroong-build-card h3{max-width:14ch;margin-top:15px;font-size:clamp(29px,3.4vw,47px);line-height:1.04;letter-spacing:-.035em}.waroong-build-card p{max-width:57ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.waroong-build-card .created-list{margin-top:24px}
.waroong-impact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-impact-card{min-height:344px;padding:clamp(25px,4vw,44px);background:var(--surface)}.waroong-impact-card h3{max-width:14ch;margin-top:15px;font-size:clamp(29px,3.4vw,47px);line-height:1.04;letter-spacing:-.035em}.waroong-impact-card p{max-width:58ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.waroong-impact-number{display:flex;align-items:baseline;gap:11px;margin-top:29px}.waroong-impact-number b{font-size:clamp(48px,6vw,78px);line-height:.82;letter-spacing:-.07em;color:var(--lime)}.waroong-impact-number span{max-width:17ch;color:var(--muted);font:500 9px/1.45 var(--mono);letter-spacing:.05em;text-transform:uppercase}
@media (max-width:980px){.waroong-hero-summary{grid-column:1 / -1;max-width:620px;margin-top:8px}.waroong-journey{grid-template-columns:1fr 1fr}.waroong-journey-step:not(:last-child)::after{display:none}.waroong-impact-grid{grid-template-columns:1fr}}
@media (max-width:620px){.waroong-hero-summary{min-height:300px}.waroong-hero-task{right:27%;bottom:16px}.waroong-live-row, .waroong-journey, .waroong-principle-list, .waroong-build-grid{grid-template-columns:1fr}.waroong-journey-step{min-height:124px}.waroong-ui-diagram{grid-template-columns:1fr;min-height:320px}.waroong-ui-phone{height:150px}.waroong-impact-card{min-height:auto}}


.waroong-case-hero{padding:clamp(124px,14vw,190px) 0 clamp(82px,9vw,130px);background:radial-gradient(circle at 76% 22%,rgba(184,255,87,.10),transparent 25%),radial-gradient(circle at 17% 82%,rgba(255,106,61,.055),transparent 27%)}
.waroong-case-hero .case-hero-copy{grid-column:1 / span 7}.waroong-case-hero .case-hero-copy h1{max-width:11.6ch}.waroong-case-hero .case-hero-meta{grid-column:9 / -1}
.waroong-case-nav .shell{justify-content:flex-start}

.waroong-system-layout{display:grid;grid-template-columns:minmax(210px,.64fr) minmax(0,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
.waroong-system-stack{display:grid;gap:1px;background:var(--line-soft)}
.waroong-system-card{min-height:142px;padding:18px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .28s var(--ease),transform .28s var(--ease)}
.waroong-system-card:hover, .waroong-system-card:focus-visible, .waroong-system-card.is-active{background:linear-gradient(135deg,rgba(184,255,87,.10),transparent 68%),var(--surface-2);outline:none}.waroong-system-card:hover{transform:translateX(3px)}
.waroong-system-card span{display:block;color:var(--orange);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.waroong-system-card b{display:block;max-width:15ch;margin-top:10px;font-size:18px;line-height:1.12;letter-spacing:-.03em}.waroong-system-card small{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.45}
.waroong-system-detail{min-height:438px;padding:clamp(26px,4vw,46px);background:var(--surface)}.waroong-system-detail h3{max-width:15ch;margin-top:15px;font-size:clamp(30px,3.45vw,49px);line-height:1.04;letter-spacing:-.035em}.waroong-system-detail p{max-width:57ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}
.waroong-odoo-map{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;min-height:172px;margin-top:29px;padding:18px;border:1px dashed rgba(184,255,87,.38);background:linear-gradient(135deg,rgba(184,255,87,.07),transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 30px)}
.waroong-odoo-node{min-height:92px;padding:16px;border:1px solid var(--line);background:rgba(8,8,8,.44)}.waroong-odoo-node span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}.waroong-odoo-node b{display:block;margin-top:12px;font-size:17px;line-height:1.12;letter-spacing:-.03em}.waroong-odoo-node.app b{color:var(--lime)}.waroong-odoo-node.odoo b{color:var(--orange)}
.waroong-odoo-link{display:grid;justify-items:center;gap:6px;color:var(--lime);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.waroong-odoo-link i{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--lime);font:400 16px/1 var(--mono);font-style:normal}

.waroong-eco .eco-node{width:156px}.waroong-eco .waroong-sales{left:8%;top:14%}.waroong-eco .waroong-admin{right:8%;top:17%}.waroong-eco .waroong-driver{left:50%;bottom:10%;transform:translateX(-50%)}.waroong-eco .waroong-driver:hover, .waroong-eco .waroong-driver.is-active{transform:translateX(-50%) translateY(-4px)}

.waroong-flow-board{display:grid;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
.waroong-flow-card{padding:clamp(22px,3.5vw,36px);background:var(--surface)}.waroong-flow-card-head{display:flex;align-items:baseline;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.waroong-flow-card-head span{color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}.waroong-flow-card-head h3{font-size:clamp(22px,2.35vw,32px);line-height:1.04;letter-spacing:-.035em}
.waroong-checkpoint{--checkpoint-progress:0px;position:relative;margin-top:24px;padding-left:42px}.waroong-checkpoint::before{content:"";position:absolute;left:10px;top:11px;bottom:18px;width:1px;background:var(--line)}.waroong-checkpoint::after{content:"";position:absolute;z-index:1;left:10px;top:11px;width:1px;height:var(--checkpoint-progress);background:linear-gradient(180deg,var(--lime),var(--orange));box-shadow:0 0 14px rgba(184,255,87,.16);transition:height .26s linear}
.waroong-flow-step{position:relative;padding:0 0 25px;opacity:.44;transform:translateY(11px);transition:opacity .46s var(--ease),transform .46s var(--ease)}.waroong-flow-step:last-child{padding-bottom:0}.waroong-flow-step::before{content:"";position:absolute;z-index:2;left:-42px;top:2px;width:21px;height:21px;border-radius:50%;border:1px solid var(--muted);background:var(--bg);box-shadow:0 0 0 6px var(--surface);transition:.3s var(--ease)}.waroong-flow-step::after{content:"";position:absolute;z-index:3;left:-36px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--muted);transition:.3s var(--ease)}
.waroong-flow-step.is-revealed{opacity:1;transform:none}.waroong-flow-step.is-revealed::before{border-color:rgba(184,255,87,.64)}.waroong-flow-step.is-revealed::after{background:var(--lime);transform:scale(.82)}.waroong-flow-step.is-active::before{border-color:var(--lime);box-shadow:0 0 0 6px var(--surface),0 0 0 10px var(--lime-dim),0 0 24px rgba(184,255,87,.22)}.waroong-flow-step.is-active::after{background:var(--lime);transform:scale(1.15);animation:checkpoint-pulse 2.35s ease-in-out infinite}
.waroong-role-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid rgba(184,255,87,.35);background:var(--lime-dim);color:var(--lime);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.waroong-role-badge.admin{border-color:rgba(255,106,61,.36);background:var(--orange-dim);color:var(--orange)}.waroong-role-badge.driver{border-color:rgba(184,255,87,.35);background:rgba(184,255,87,.08);color:var(--text)}.waroong-role-badge.system{border-color:var(--line);background:transparent;color:var(--muted)}.waroong-flow-step b{display:block;margin-top:9px;font-size:16px;line-height:1.15;letter-spacing:-.02em}.waroong-flow-step small{display:block;max-width:58ch;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}

.waroong-ds-layout .ds-tabs{grid-template-columns:1fr}.waroong-ds-preview{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:28px;padding:18px;border:1px dashed rgba(184,255,87,.38);background:linear-gradient(135deg,rgba(184,255,87,.07),transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px)}.waroong-preview-card{padding:14px;border:1px solid var(--line);background:rgba(8,8,8,.43)}.waroong-preview-card span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.waroong-preview-card b{display:block;margin-top:9px;font-size:18px;letter-spacing:-.03em}.waroong-preview-card small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.waroong-preview-status{padding:7px 9px;border:1px solid rgba(184,255,87,.35);background:var(--lime-dim);color:var(--lime);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}

.waroong-contribution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.waroong-contribution-card{min-height:250px;padding:clamp(24px,3.6vw,38px);background:var(--surface)}.waroong-contribution-card i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(184,255,87,.34);background:var(--lime-dim);color:var(--lime);font-size:26px}.waroong-contribution-card h3{margin-top:24px;font-size:clamp(23px,2.55vw,34px);line-height:1.05;letter-spacing:-.035em}.waroong-contribution-card p{max-width:40ch;margin-top:13px;color:var(--muted);font-size:14px;line-height:1.55}

.waroong-impact-number b{font-size:clamp(44px,5.7vw,76px)}
@media (max-width:980px){.waroong-case-hero .case-hero-copy, .waroong-case-hero .case-hero-meta{grid-column:1 / -1}.waroong-case-hero .case-hero-meta{max-width:580px;margin-top:32px}.waroong-system-layout{grid-template-columns:1fr}.waroong-system-stack{grid-template-columns:repeat(3,1fr)}.waroong-system-card{min-height:150px}.waroong-eco .eco-map{min-height:540px}.waroong-contribution-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.waroong-case-hero{padding-top:104px}.waroong-system-stack, .waroong-contribution-grid{grid-template-columns:1fr}.waroong-system-card{min-height:auto}.waroong-system-detail{min-height:auto}.waroong-odoo-map{grid-template-columns:1fr;gap:11px}.waroong-odoo-link{grid-template-columns:auto auto;align-items:center}.waroong-odoo-link i{transform:rotate(90deg)}.waroong-eco .eco-map{min-height:620px}.waroong-eco .eco-node{width:min(74vw,250px)}.waroong-eco .waroong-sales{left:7%;top:8%}.waroong-eco .waroong-admin{right:7%;top:36%}.waroong-eco .waroong-driver{bottom:8%}.waroong-checkpoint{padding-left:38px}.waroong-flow-step::before{left:-38px}.waroong-flow-step::after{left:-32px}.waroong-checkpoint::before, .waroong-checkpoint::after{left:9px}.waroong-ds-preview{grid-template-columns:1fr}.waroong-preview-status{justify-self:start}.waroong-contribution-card{min-height:auto}}

.waroong-flow-note{max-width:55ch;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.5}

.waroong-figma-placeholder{min-height:430px;padding:clamp(26px,4vw,46px);background:var(--surface);border:1px solid var(--line-soft)}
.waroong-figma-placeholder h3{max-width:16ch;margin-top:15px;font-size:clamp(30px,3.45vw,49px);line-height:1.04;letter-spacing:-.035em}
.waroong-figma-placeholder p{max-width:57ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}
.waroong-figma-placeholder .placeholder-artifact{min-height:235px;margin-top:30px}
@media (max-width:620px){.waroong-figma-placeholder{min-height:auto;padding:24px}.waroong-figma-placeholder .placeholder-artifact{min-height:180px}}


.safari-case-hero{padding:clamp(124px,14vw,194px) 0 clamp(82px,9vw,132px);background:radial-gradient(circle at 78% 22%,rgba(184,255,87,.14),transparent 25%),radial-gradient(circle at 16% 85%,rgba(255,106,61,.08),transparent 28%),linear-gradient(145deg,#0c140d,#080808 62%)}
.safari-case-hero .case-hero-copy h1{max-width:12.8ch;margin-top:18px}.safari-case-hero .lead{max-width:58ch}.safari-case-hero .case-hero-meta{grid-column:9 / -1}.safari-case-nav .shell{justify-content:flex-start}

.safari-hero-map{position:relative;grid-column:9 / -1;min-height:360px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 30% 27%,rgba(184,255,87,.19),transparent 19%),radial-gradient(circle at 74% 73%,rgba(255,106,61,.15),transparent 23%),linear-gradient(145deg,#18371d,#0d1510 64%);box-shadow:18px 24px 54px rgba(0,0,0,.31)}
.safari-hero-map::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,255,255,.038) 0 1px,transparent 1px 28px);mask-image:linear-gradient(135deg,black,transparent 78%)}
.safari-map-route{position:absolute;z-index:1;left:15%;right:11%;top:24%;bottom:17%;border:2px solid var(--lime);border-radius:52% 48% 42% 58% / 39% 54% 46% 61%;transform:rotate(-11deg);filter:drop-shadow(0 0 8px rgba(184,255,87,.24))}.safari-map-route::before, .safari-map-route::after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px var(--lime-dim)}.safari-map-route::before{left:8%;top:38%}.safari-map-route::after{right:10%;bottom:15%;background:var(--orange);box-shadow:0 0 0 7px var(--orange-dim)}
.safari-map-node{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:12px;background:rgba(8,8,8,.78);box-shadow:0 10px 20px rgba(0,0,0,.28);color:var(--lime);font-size:16px}.safari-map-node.n1{left:19%;top:19%}.safari-map-node.n2{right:18%;top:27%;color:var(--orange)}.safari-map-node.n3{left:31%;bottom:21%;color:var(--text)}.safari-map-node.n4{right:26%;bottom:19%}.safari-hero-map-label{position:absolute;z-index:3;left:17px;top:17px;padding:7px 8px;border:1px solid var(--line);background:rgba(8,8,8,.6);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.safari-map-legend{position:absolute;z-index:3;right:17px;bottom:17px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.safari-map-legend span{padding:6px 7px;border:1px solid var(--line);background:rgba(8,8,8,.62);color:var(--muted);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.safari-map-legend span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:999px;background:var(--lime);vertical-align:1px}.safari-map-legend span:nth-child(2)::before{background:var(--orange)}

.safari-pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-pain-card{min-height:178px;padding:clamp(20px,3vw,30px);background:var(--surface);transition:background .28s var(--ease),transform .28s var(--ease)}.safari-pain-card:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(184,255,87,.08),transparent 64%),var(--surface-2)}.safari-pain-card i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(184,255,87,.32);background:var(--lime-dim);color:var(--lime);font:400 18px/1 var(--mono);font-style:normal}.safari-pain-card h3{max-width:14ch;margin-top:19px;font-size:clamp(20px,2.15vw,29px);line-height:1.06;letter-spacing:-.035em}.safari-pain-card p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.5}

.safari-hmw{position:relative;overflow:hidden;min-height:390px;padding:clamp(30px,5vw,64px);border:1px solid var(--line);background:radial-gradient(circle at 79% 20%,rgba(184,255,87,.13),transparent 24%),radial-gradient(circle at 15% 90%,rgba(255,106,61,.08),transparent 26%),var(--surface)}.safari-hmw::before{content:"HMW";position:absolute;right:-.03em;bottom:-.24em;color:rgba(184,255,87,.065);font:600 clamp(100px,18vw,250px)/.8 var(--sans);letter-spacing:-.11em}.safari-hmw>*{position:relative;z-index:1}.safari-hmw-label{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.safari-hmw-label::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}.safari-hmw h3{max-width:18ch;margin-top:21px;font-size:clamp(35px,4.9vw,68px);line-height:1.02;letter-spacing:-.06em}.safari-hmw h3 em{font-style:normal;color:var(--lime)}.safari-hmw p{max-width:62ch;margin-top:22px;color:var(--muted);font-size:15px;line-height:1.62}.safari-design-guardrails{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.safari-design-guardrails span{padding:8px 9px;border:1px solid var(--line);background:rgba(8,8,8,.22);color:var(--muted);font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.safari-design-guardrails span::before{content:none;margin-right:7px;color:var(--lime)}

.safari-ia-layout{display:grid;grid-template-columns:minmax(210px,.64fr) minmax(0,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-ia-tabs{display:grid;gap:1px;background:var(--line-soft)}.safari-ia-tab{min-height:124px;padding:18px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .28s var(--ease),transform .28s var(--ease)}.safari-ia-tab:hover, .safari-ia-tab:focus-visible, .safari-ia-tab.is-active{background:linear-gradient(135deg,rgba(184,255,87,.12),transparent 70%),var(--surface-2);outline:none}.safari-ia-tab:hover{transform:translateX(3px)}.safari-ia-tab span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.safari-ia-tab b{display:block;max-width:15ch;margin-top:11px;font-size:18px;line-height:1.1;letter-spacing:-.03em}.safari-ia-tab small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}.safari-ia-detail{min-height:500px;padding:clamp(26px,4vw,48px);background:var(--surface)}.safari-ia-detail h3{max-width:15ch;margin-top:15px;font-size:clamp(29px,3.4vw,49px);line-height:1.04;letter-spacing:-.05em}.safari-ia-detail>p{max-width:60ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.safari-ia-branch{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:31px;padding-top:30px;border-top:1px solid var(--line-soft)}.safari-ia-branch::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:var(--lime);opacity:.54}.safari-ia-branch div{min-height:102px;padding:12px;border:1px solid var(--line);background:rgba(8,8,8,.32)}.safari-ia-branch div::before{content:"";display:block;width:7px;height:7px;margin-bottom:12px;border-radius:99px;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.safari-ia-branch div:nth-child(2)::before{background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}.safari-ia-branch b{display:block;font-size:13px;line-height:1.2;letter-spacing:-.02em}.safari-ia-branch span{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.38}

.safari-flow-layout{display:grid;grid-template-columns:minmax(205px,.52fr) minmax(0,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-flow-tabs{display:grid;align-content:start;gap:1px;background:var(--line-soft)}.safari-flow-tab{min-height:146px;padding:19px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .28s var(--ease),transform .28s var(--ease)}.safari-flow-tab:hover, .safari-flow-tab:focus-visible, .safari-flow-tab.is-active{background:linear-gradient(135deg,rgba(184,255,87,.11),transparent 67%),var(--surface-2);outline:none}.safari-flow-tab:hover{transform:translateX(3px)}.safari-flow-tab span{color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.safari-flow-tab b{display:block;margin-top:11px;font-size:18px;line-height:1.1;letter-spacing:-.03em}.safari-flow-tab small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}.safari-flow-detail{min-height:495px;padding:clamp(26px,4vw,48px);background:var(--surface)}.safari-flow-detail h3{max-width:15ch;margin-top:15px;font-size:clamp(29px,3.4vw,49px);line-height:1.04;letter-spacing:-.05em}.safari-flow-detail>p{max-width:61ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.safari-flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:31px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-flow-step{position:relative;min-height:140px;padding:15px;background:var(--surface-2)}.safari-flow-step:not(:last-child)::after{content:none;position:absolute;z-index:2;right:-11px;top:50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#050505;font:500 13px var(--mono);transform:translateY(-50%)}.safari-flow-step span{display:block;color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em}.safari-flow-step b{display:block;margin-top:13px;font-size:15px;line-height:1.13;letter-spacing:-.025em}.safari-flow-step small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.42}

.safari-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-feature-card{position:relative;min-height:310px;padding:22px;overflow:hidden;background:var(--surface);transition:transform .3s var(--ease),background .3s var(--ease)}.safari-feature-card>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(184,255,87,.35);background:var(--lime-dim);color:var(--lime);font:500 10px var(--mono)}.safari-feature-card h3{max-width:14ch;margin-top:22px;font-size:clamp(21px,2.1vw,29px);line-height:1.07;letter-spacing:-.035em}.safari-feature-card p{max-width:30ch;margin-top:11px;color:var(--muted);font-size:13px;line-height:1.5}.safari-feature-ui{position:absolute;right:15px;bottom:15px;width:48%;height:96px;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(8,8,8,.54);transform:rotate(-6deg);box-shadow:10px 12px 23px rgba(0,0,0,.28)}.safari-feature-ui::before{content:"";display:block;width:35%;height:4px;margin:0 auto 9px;border-radius:9px;background:rgba(255,255,255,.2)}.safari-feature-ui i{display:block;height:8px;margin-top:7px;border-radius:3px;background:rgba(255,255,255,.16)}.safari-feature-ui i:nth-child(3){width:70%;background:rgba(184,255,87,.75)}.safari-feature-ui i:nth-child(4){width:55%;background:rgba(255,106,61,.72)}.safari-feature-card:nth-child(2) .safari-feature-ui{transform:rotate(7deg)}.safari-feature-card:nth-child(3) .safari-feature-ui{transform:rotate(-2deg)}.safari-feature-card:nth-child(4) .safari-feature-ui{transform:rotate(8deg)}.safari-feature-card:nth-child(5) .safari-feature-ui{transform:rotate(-8deg)}.safari-feature-card:nth-child(6) .safari-feature-ui{transform:rotate(3deg)}

.safari-prototype-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-prototype-copy{min-height:485px;padding:clamp(28px,4vw,50px);background:var(--surface)}.safari-prototype-copy h3{max-width:14ch;margin-top:15px;font-size:clamp(31px,3.8vw,52px);line-height:1.04;letter-spacing:-.055em}.safari-prototype-copy p{max-width:59ch;margin-top:17px;color:var(--muted);font-size:15px;line-height:1.62}.safari-prototype-list{margin:27px 0 0;padding:0;list-style:none;display:grid;gap:8px}.safari-prototype-list li{position:relative;padding:10px 11px 10px 28px;border:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45}.safari-prototype-list li::before{content:"";position:absolute;left:12px;top:16px;width:6px;height:6px;border-radius:99px;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.safari-prototype-frame{position:relative;display:grid;place-items:center;min-height:485px;overflow:hidden;background:radial-gradient(circle at 30% 22%,rgba(184,255,87,.12),transparent 25%),radial-gradient(circle at 78% 78%,rgba(255,106,61,.11),transparent 28%),#111}.safari-prototype-frame::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 30px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 30px)}.safari-prototype-phone{position:relative;z-index:1;width:min(236px,58%);aspect-ratio:.5;padding:11px;border:1px solid rgba(255,255,255,.25);border-radius:27px;background:linear-gradient(155deg,#233b22,#0f1510 64%);box-shadow:20px 28px 44px rgba(0,0,0,.46);transform:rotate(7deg)}.safari-prototype-phone::before{content:"";display:block;width:34%;height:5px;margin:0 auto 16px;border-radius:99px;background:rgba(255,255,255,.22)}.safari-prototype-phone b{display:block;height:74px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:radial-gradient(circle at 25% 30%,rgba(184,255,87,.62),transparent 22%),repeating-linear-gradient(90deg,transparent 0 24%,rgba(184,255,87,.19) 24% 25%),repeating-linear-gradient(0deg,transparent 0 27%,rgba(184,255,87,.13) 27% 28%),#172219}.safari-prototype-phone i{display:block;height:9px;margin-top:10px;border-radius:4px;background:rgba(255,255,255,.16)}.safari-prototype-phone i:nth-of-type(2){width:72%;background:var(--lime);opacity:.7}.safari-prototype-phone i:nth-of-type(3){width:57%;background:rgba(255,106,61,.78)}.safari-prototype-caption{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:10px 12px;border:1px solid var(--line);background:rgba(8,8,8,.7);color:var(--muted);font:500 8px/1.45 var(--mono);letter-spacing:.05em;text-transform:uppercase}.safari-prototype-caption b{color:var(--lime);font-weight:500}

.safari-reflection-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.safari-reflection-card{min-height:370px;padding:clamp(27px,4vw,48px);background:var(--surface)}.safari-reflection-card h3{max-width:14ch;margin-top:15px;font-size:clamp(30px,3.6vw,49px);line-height:1.04;letter-spacing:-.05em}.safari-reflection-card p{max-width:60ch;margin-top:17px;color:var(--muted);font-size:15px;line-height:1.62}.safari-reflection-card .created-list{margin-top:25px}.safari-reflection-card .created-list li{font-size:12px}.safari-reflection-note{display:flex;flex-direction:column;justify-content:space-between}.safari-reflection-note blockquote{margin:0;max-width:13ch;font-size:clamp(29px,3.6vw,49px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.safari-reflection-note blockquote b{color:var(--lime);font-weight:500}.safari-reflection-note small{display:block;max-width:42ch;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:var(--orange);font:500 9px/1.55 var(--mono);letter-spacing:.05em;text-transform:uppercase}

@media (max-width:980px){.safari-case-hero .case-hero-copy, .safari-case-hero .case-hero-meta, .safari-hero-map{grid-column:1 / -1}.safari-case-hero .case-hero-meta{max-width:580px;margin-top:32px}.safari-hero-map{max-width:620px;min-height:320px;margin-top:5px}.safari-ia-layout, .safari-flow-layout, .safari-prototype-layout, .safari-reflection-grid{grid-template-columns:1fr}.safari-ia-tabs, .safari-flow-tabs{grid-template-columns:repeat(3,1fr)}.safari-ia-tab, .safari-flow-tab{min-height:128px}.safari-feature-grid{grid-template-columns:1fr 1fr}.safari-ia-detail, .safari-flow-detail{min-height:auto}.safari-prototype-copy, .safari-prototype-frame{min-height:420px}}
@media (max-width:620px){.safari-case-hero{padding-top:104px}.safari-hero-map{min-height:275px}.safari-map-legend{left:17px;right:17px;justify-content:flex-start}.safari-pain-grid, .safari-feature-grid{grid-template-columns:1fr}.safari-hmw{min-height:auto;padding:28px 23px}.safari-hmw h3{font-size:38px}.safari-ia-tabs, .safari-flow-tabs{grid-template-columns:1fr}.safari-ia-tab, .safari-flow-tab{min-height:auto}.safari-ia-detail, .safari-flow-detail, .safari-prototype-copy, .safari-reflection-card{min-height:auto;padding:24px}.safari-ia-branch{grid-template-columns:1fr 1fr}.safari-flow-steps{grid-template-columns:1fr}.safari-flow-step{min-height:auto}.safari-flow-step:not(:last-child)::after{right:auto;left:17px;top:auto;bottom:-11px;transform:none}.safari-prototype-frame{min-height:355px}.safari-prototype-phone{width:min(192px,63%)}.safari-reflection-note blockquote{max-width:14ch}}


.safari-case-hero .case-hero-copy{grid-column:1 / span 8}
.safari-feature-card{display:flex;flex-direction:column;min-height:420px;padding:0}
.safari-feature-card:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(184,255,87,.08),transparent 68%),var(--surface-2)}
.safari-feature-meta{padding:22px 22px 0}
.safari-feature-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(184,255,87,.35);background:var(--lime-dim);color:var(--lime);font:500 10px var(--mono)}
.safari-feature-card h3{margin-top:18px}
.safari-feature-card p{max-width:34ch}
.safari-feature-media{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:186px;margin:22px;overflow:hidden;border:1px dashed rgba(184,255,87,.42);background:radial-gradient(circle at 20% 24%,rgba(184,255,87,.13),transparent 24%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 24px),#111;text-align:center}
.safari-feature-media::before{content:"";position:absolute;inset:12px;border:1px solid var(--line-soft);pointer-events:none}
.safari-feature-media span, .safari-feature-media small{position:relative;z-index:1}
.safari-feature-media span{padding:7px 8px;border:1px solid var(--line);background:rgba(8,8,8,.72);color:var(--lime);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.safari-feature-media small{max-width:22ch;color:var(--muted);font:500 9px/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase}
@media (max-width:980px){.safari-case-hero .case-hero-copy{grid-column:1 / -1}.safari-feature-card{min-height:395px}}
@media (max-width:620px){.safari-feature-card{min-height:360px}.safari-feature-media{min-height:160px;margin:18px}.safari-feature-meta{padding:20px 20px 0}}

    
    :root{--display:var(--sans)}
    .work-top{align-items:flex-end}
    .work-top .eyebrow{margin-bottom:18px}
    .work-intro{max-width:37ch;margin:0;color:var(--muted);font-size:14px;line-height:1.56}
    .work-collections{display:grid;gap:clamp(58px,8vw,116px)}
    .work-collection{display:grid;gap:clamp(20px,3vw,34px)}
    .work-collection-head{display:flex;align-items:flex-start;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}
    .work-collection-index{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(184,255,87,.42);border-radius:999px;background:var(--lime-dim);color:var(--lime);font:500 9px var(--mono);letter-spacing:.04em}
    .work-collection-kicker{display:block;color:var(--muted);font:500 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
    .work-collection h3{margin-top:7px;font-size:clamp(26px,3vw,43px);font-weight:600;letter-spacing:-.055em;line-height:1}
    .work-collection-grid{grid-auto-flow:row dense}

    
    

    .case-backbar{position:relative;z-index:84;margin-top:72px;border-bottom:1px solid var(--line-soft);background:rgba(8,8,8,.9);backdrop-filter:blur(16px)}
    .case-backbar .shell{display:flex;align-items:center;min-height:54px}
    .case-back{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s var(--ease),transform .25s var(--ease)}
    .case-back span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--lime);font:400 14px/1 var(--sans);transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
    .case-back:hover, .case-back:focus-visible{color:var(--text);transform:translateX(-3px);outline:none}
    .case-back:hover span, .case-back:focus-visible span{border-color:var(--lime);background:var(--lime);color:#050505}

    
    
    

    @media (max-width:860px){
      .work-top{display:grid;gap:18px}
      .work-intro{max-width:48ch}
    }
    @media (max-width:620px){
      .work-collections{gap:58px}
      .work-collection-head{gap:12px;padding-bottom:14px}
      .work-collection-index{width:27px;height:27px;font-size:8px}
      .work-collection h3{font-size:31px}
      
      .case-backbar{margin-top:72px}
      .case-backbar .shell{min-height:50px}
      .case-back{font-size:8px}
    }
    @media (prefers-reduced-motion:reduce){
      #homeView.route-enter, #enterpriseView.route-enter, #waroongView.route-enter, #safariView.route-enter{opacity:1;filter:none;transform:none}
    }

    
    .work-top-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
    .work-top-side .work-intro{text-align:right}
    #projectsGrid.projects-grid .project{transition:opacity .28s var(--ease),transform .28s var(--ease)}
    #projectsGrid.projects-grid[data-active-filter="product"] .project:not(.is-hidden), #projectsGrid.projects-grid[data-active-filter="archive"] .project:not(.is-hidden){grid-column:span 3}

    
    .connect-fill-link{min-height:clamp(166px,15vw,230px);font-family:var(--sans);font-weight:600;font-size:clamp(52px,7.4vw,112px);line-height:.82;letter-spacing:-.085em}

    @media (max-width:1150px){
      #projectsGrid.projects-grid[data-active-filter="product"] .project:not(.is-hidden), #projectsGrid.projects-grid[data-active-filter="archive"] .project:not(.is-hidden){grid-column:span 6}
    }
    @media (max-width:860px){
      .work-top-side{align-items:flex-start}
      .work-top-side .work-intro{text-align:left}
      .work-top-side .filter-row{justify-content:flex-start;margin-top:0}
    }
    @media (max-width:620px){
      #projectsGrid.projects-grid[data-active-filter="product"] .project:not(.is-hidden), #projectsGrid.projects-grid[data-active-filter="archive"] .project:not(.is-hidden){grid-column:1 / -1}
      .connect-fill-link{min-height:176px;font-size:clamp(48px,13vw,72px);letter-spacing:-.078em}
    }

    
    body.is-routing{cursor:progress}
    body.is-routing a, body.is-routing button{pointer-events:none}
    #homeView, #enterpriseView, #waroongView, #safariView{will-change:opacity,filter,transform;transition:opacity .62s var(--ease),filter .62s var(--ease),transform .62s var(--ease)}
    #homeView.route-enter, #enterpriseView.route-enter, #waroongView.route-enter, #safariView.route-enter{opacity:0;filter:blur(18px);transform:translate3d(0,20px,0);pointer-events:none}
    #homeView.route-exit, #enterpriseView.route-exit, #waroongView.route-exit, #safariView.route-exit{opacity:0;filter:blur(12px);transform:translate3d(0,-12px,0);pointer-events:none}
    #homeView.route-entered, #enterpriseView.route-entered, #waroongView.route-entered, #safariView.route-entered{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}

    
    #homeView.home-restart .copy-word{animation:none!important;opacity:0;filter:blur(7px);transform:translateY(.42em)}
    #homeView.home-restart .hero-actions{animation:none!important;opacity:0;transform:translateY(12px)}
    #homeView.home-restart .id-card-stage .lanyard{animation:none!important;opacity:0}

    
    #projectsGrid.projects-grid{grid-auto-flow:row dense}
    #projectsGrid.projects-grid .project{will-change:transform,opacity,filter}
    .project-ghost{position:fixed!important;z-index:140!important;margin:0!important;pointer-events:none!important;overflow:hidden!important;background:var(--bg)!important}
    .project-ghost .project-card{height:100%!important}

    @media (prefers-reduced-motion:reduce){
      body.is-routing{cursor:auto}
      #homeView, #enterpriseView, #waroongView, #safariView{transition:none!important}
      #homeView.route-enter, #enterpriseView.route-enter, #waroongView.route-enter, #safariView.route-enter, #homeView.route-exit, #enterpriseView.route-exit, #waroongView.route-exit, #safariView.route-exit{opacity:1;filter:none;transform:none}
    }




    
    .case-explore{padding:clamp(72px,9vw,132px) 0;border-top:1px solid var(--line-soft);background:#090909}
    .case-explore-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:clamp(28px,4vw,46px)}
    .case-explore-top h2{margin-top:17px;max-width:11ch;font-size:clamp(36px,4.8vw,68px);letter-spacing:-.07em;line-height:.98}
    .case-explore-home{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}
    .case-explore-home span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:var(--lime);font:400 13px/1 var(--sans);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
    .case-explore-home:hover, .case-explore-home:focus-visible{color:var(--text);border-color:var(--lime);transform:translateY(-2px);outline:none}
    .case-explore-home:hover span, .case-explore-home:focus-visible span{border-color:var(--lime);background:var(--lime);color:#050505}
    .case-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
    .case-explore-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);transition:background .35s var(--ease),transform .35s var(--ease)}
    .case-explore-card:hover, .case-explore-card:focus-visible{background:var(--surface-2);transform:translateY(-5px);outline:none}
    .case-explore-thumb{position:relative;min-height:clamp(190px,20vw,280px);overflow:hidden;border-bottom:1px solid var(--line-soft);background:#111}
    .case-explore-thumb::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.42))}
    .case-explore-copy{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;padding:clamp(20px,2.7vw,30px)}
    .case-explore-type{display:block;color:var(--lime);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}
    .case-explore-copy h3{margin-top:10px;font-size:clamp(25px,3vw,41px);letter-spacing:-.06em;line-height:1.02}
    .case-explore-copy p{max-width:45ch;margin-top:11px;color:var(--muted);font-size:13px;line-height:1.52}
    .case-explore-arrow{display:grid;place-items:center;align-self:start;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--lime);font:400 19px/1 var(--sans);transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
    .case-explore-card:hover .case-explore-arrow, .case-explore-card:focus-visible .case-explore-arrow{transform:rotate(45deg);border-color:var(--lime);background:var(--lime);color:#050505}

    
    .thumb-enterprise{background:radial-gradient(circle at 23% 22%,rgba(184,255,87,.22),transparent 29%),linear-gradient(145deg,#1a1a1a,#090909)}
    .thumb-enterprise .thumb-dashboard{position:absolute;left:12%;top:13%;width:76%;height:70%;padding:12px;border:1px solid rgba(255,255,255,.23);background:#0d0d0d;box-shadow:17px 22px 38px rgba(0,0,0,.38);transform:rotate(-4deg)}
    .thumb-enterprise .thumb-dashboard::before{content:"";display:block;width:27%;height:8%;border-radius:2px;background:var(--lime);opacity:.82}
    .thumb-enterprise .thumb-dashboard::after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:43%;border-top:1px solid rgba(255,255,255,.15);background:repeating-linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.1) 18% 20%),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 19%,transparent 19% 21%)}
    .thumb-enterprise .thumb-dashboard span{position:absolute;top:20%;left:12px;right:12px;height:23%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
    .thumb-enterprise .thumb-dashboard i{display:block;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(184,255,87,.21),rgba(255,255,255,.03))}

    .thumb-waroong{background:radial-gradient(circle at 80% 20%,rgba(255,106,61,.22),transparent 26%),linear-gradient(145deg,#172128,#0a0a0a)}
    .thumb-waroong .thumb-phone{position:absolute;width:30%;height:72%;top:14%;border:1px solid rgba(255,255,255,.26);border-radius:20px;background:#111;box-shadow:13px 17px 29px rgba(0,0,0,.38);overflow:hidden}
    .thumb-waroong .thumb-phone::before{content:"";display:block;width:34%;height:5px;margin:10px auto 12px;border-radius:99px;background:#2c2c2c}
    .thumb-waroong .thumb-phone::after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:38%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 9px,transparent 9px 17px)}
    .thumb-waroong .thumb-phone.one{left:26%;transform:rotate(-8deg)}
    .thumb-waroong .thumb-phone.two{right:24%;top:20%;height:67%;transform:rotate(9deg)}
    .thumb-waroong .thumb-phone span{display:block;width:calc(100% - 20px);height:22%;margin:0 10px;border-radius:4px;background:linear-gradient(135deg,var(--orange),#4d2015);opacity:.82}
    .thumb-waroong .thumb-phone.two span{background:linear-gradient(135deg,var(--lime),#456d15)}

    .thumb-safari{background:radial-gradient(circle at 28% 27%,rgba(184,255,87,.23),transparent 29%),linear-gradient(145deg,#192017,#0a0a0a)}
    .thumb-safari .thumb-map{position:absolute;left:11%;top:13%;width:78%;height:73%;border:1px solid rgba(255,255,255,.2);background:repeating-linear-gradient(90deg,transparent 0 18%,rgba(184,255,87,.18) 18% 19%),repeating-linear-gradient(0deg,transparent 0 23%,rgba(184,255,87,.13) 23% 24%),#121512;transform:rotate(3deg);box-shadow:14px 19px 31px rgba(0,0,0,.36)}
    .thumb-safari .thumb-map::before{content:"";position:absolute;left:16%;right:12%;top:18%;bottom:17%;border:2px solid var(--lime);border-radius:48% 52% 45% 55% / 41% 53% 47% 59%;opacity:.7}
    .thumb-safari .thumb-map i{position:absolute;width:13px;height:13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,61,.13)}
    .thumb-safari .thumb-map i:nth-child(1){left:23%;top:27%}.thumb-safari .thumb-map i:nth-child(2){left:57%;top:43%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.thumb-safari .thumb-map i:nth-child(3){left:73%;top:64%}
    @media (max-width:860px){.case-explore-top{align-items:flex-start;flex-direction:column}.case-explore-home{margin-top:1px}.case-explore-thumb{min-height:220px}}
    @media (max-width:620px){.case-explore-thumb{min-height:205px}}



  
  .case-explore{
    padding:clamp(54px,7vw,86px) 0;
  }
  .case-explore-top{
    align-items:center;
    margin-bottom:clamp(22px,3vw,30px);
  }
  .case-explore-top h2{
    margin-top:12px;
    max-width:15ch;
    font-size:clamp(30px,3.7vw,50px);
    line-height:1;
  }
  .case-explore-grid{
    max-width:920px;
    margin:0 auto;
  }
  .case-explore-card{
    display:grid;
    grid-template-columns:minmax(118px,31%) 1fr;
    min-height:128px;
    align-items:stretch;
  }
  .case-explore-card:hover, .case-explore-card:focus-visible{
    transform:translateY(-3px);
  }
  .case-explore-thumb{
    min-height:0;
    height:auto;
    border-bottom:0;
    border-right:1px solid var(--line-soft);
  }
  .case-explore-copy{
    display:grid;
    grid-template-columns:1fr auto;
    align-content:center;
    gap:9px;
    padding:18px 18px 17px;
  }
  .case-explore-type{font-size:7px}
  .case-explore-copy h3{
    margin-top:7px;
    font-size:clamp(19px,2vw,27px);
    letter-spacing:-.055em;
  }
  .case-explore-copy p{
    margin-top:7px;
    font-size:11px;
    line-height:1.45;
  }
  .case-explore-arrow{
    width:34px;
    height:34px;
    font-size:16px;
  }

  @media (max-width:860px){
    .case-explore-grid{max-width:none}
    .case-explore-card{grid-template-columns:132px 1fr;min-height:134px}
  }
  @media (max-width:620px){
    .case-explore{padding:54px 0}
    .case-explore-top{gap:15px;margin-bottom:22px}
    .case-explore-top h2{font-size:34px}
    .case-explore-grid{grid-template-columns:1fr}
    .case-explore-card{grid-template-columns:104px 1fr;min-height:118px}
    .case-explore-copy{padding:16px 14px}
    .case-explore-copy h3{font-size:20px}
    .case-explore-copy p{font-size:10px}
    .case-explore-arrow{width:30px;height:30px;font-size:14px}
  }



  
  #sddToolsView{will-change:opacity,filter,transform;transition:opacity .62s var(--ease),filter .62s var(--ease),transform .62s var(--ease)}
  #sddToolsView.route-enter{opacity:0;filter:blur(18px);transform:translate3d(0,20px,0);pointer-events:none}
  #sddToolsView.route-exit{opacity:0;filter:blur(12px);transform:translate3d(0,-12px,0);pointer-events:none}
  #sddToolsView.route-entered{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
  .sdd-case{--sdd-paper:#eeece3;--sdd-ink:#101213;--sdd-accent:var(--lime);--sdd-accent-dim:var(--lime-dim);--sdd-red:var(--orange);--sdd-red-dim:var(--orange-dim);--sdd-line:rgba(245,245,240,.15);--sdd-soft:rgba(245,245,240,.075);overflow:clip;background:var(--bg);color:var(--text)}
  .sdd-case .eyebrow::before{background:var(--sdd-accent);box-shadow:0 0 0 4px var(--sdd-accent-dim)}
  .sdd-hero{position:relative;min-height:calc(100svh - 126px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line-soft);background:#0d0f10}
  .sdd-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;transition:filter .75s var(--ease),transform .85s var(--ease),opacity .75s var(--ease);filter:blur(9px) saturate(.56) contrast(.86);transform:scale(1.075) translate3d(var(--sdd-x,0px),var(--sdd-y,0px),0);opacity:.63}
  .sdd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.72) 37%,rgba(8,8,8,.24) 70%,rgba(8,8,8,.86) 100%),linear-gradient(0deg,rgba(8,8,8,.95),transparent 48%)}
  @media (hover:hover){.sdd-hero:hover .sdd-hero-media{filter:blur(0) saturate(.94) contrast(1.03);transform:scale(1.01) translate3d(var(--sdd-x,0px),var(--sdd-y,0px),0);opacity:.98}.sdd-hero:hover .sdd-hero-reveal{opacity:1;transform:translateY(0)}}
  .sdd-hero-desk{position:absolute;inset:-8%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 76% 16%,rgba(184,255,87,.18),transparent 22%),radial-gradient(circle at 21% 82%,rgba(184,255,87,.16),transparent 29%),linear-gradient(133deg,#2b3437 0%,#151a1c 40%,#35434a 72%,#111416 100%)}
  .sdd-hero-desk::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(96deg,rgba(255,255,255,.058) 0 1px,transparent 1px 24px),linear-gradient(145deg,transparent 42%,rgba(0,0,0,.36));mix-blend-mode:screen}
  .sdd-hero-desk::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-18%;height:48%;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);transform:rotate(-4deg)}
  .sdd-hero-product{position:absolute;z-index:2;transform-style:preserve-3d;filter:drop-shadow(20px 31px 26px rgba(0,0,0,.42))}
  .sdd-hero-calendar{width:min(31vw,490px);aspect-ratio:.77;right:14%;top:13%;padding:clamp(16px,2.2vw,28px);border:1px solid rgba(245,245,240,.35);background:linear-gradient(140deg,#ece9de,#a9b5bf);color:#121417;transform:rotate(-6deg);box-shadow:inset 0 0 0 9px rgba(255,255,255,.18)}
  .sdd-hero-calendar::before{content:"";position:absolute;left:8%;right:8%;top:8%;height:17px;background:repeating-linear-gradient(90deg,#191d20 0 18px,transparent 18px 34px);opacity:.75}
  .sdd-hero-calendar::after{content:"SDD / 2026";position:absolute;left:clamp(20px,2vw,30px);bottom:clamp(19px,2vw,30px);font:600 clamp(28px,4vw,63px)/.76 var(--sans);letter-spacing:-.1em;color:#1b2226}
  .sdd-hero-cal-title{position:absolute;right:clamp(17px,2vw,28px);top:clamp(50px,6vw,78px);width:36%;font:500 clamp(7px,.75vw,10px)/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#273237}
  .sdd-hero-cal-grid{position:absolute;left:clamp(20px,2.2vw,33px);right:clamp(20px,2.2vw,33px);top:28%;bottom:31%;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;border-top:1px solid rgba(16,18,19,.2);border-left:1px solid rgba(16,18,19,.2);padding:8px}
  .sdd-hero-cal-grid i{border-right:1px solid rgba(16,18,19,.14);border-bottom:1px solid rgba(16,18,19,.14)}
  .sdd-hero-cal-grid i:nth-child(7n), .sdd-hero-cal-grid i:nth-child(18), .sdd-hero-cal-grid i:nth-child(31){background:var(--sdd-accent);opacity:.78}
  .sdd-hero-agenda{width:min(25vw,380px);aspect-ratio:.68;right:36%;bottom:4%;border:1px solid rgba(245,245,240,.28);background:linear-gradient(145deg,#101419,#26311e 64%,#111417);transform:rotate(15deg);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2),18px 20px 0 rgba(0,0,0,.2)}
  .sdd-hero-agenda::before{content:"";position:absolute;inset:9%;border:1px solid rgba(245,245,240,.34);background:linear-gradient(133deg,rgba(184,255,87,.52),transparent 50%),repeating-linear-gradient(0deg,rgba(245,245,240,.22) 0 1px,transparent 1px 18px)}
  .sdd-hero-agenda::after{content:"AGENDA";position:absolute;left:12%;bottom:13%;font:600 clamp(24px,3vw,46px)/.8 var(--sans);letter-spacing:-.1em;color:#f3f1e8}
  .sdd-hero-leaf{position:absolute;width:min(24vw,350px);aspect-ratio:1.5;right:3%;bottom:1%;border:1px solid rgba(245,245,240,.28);background:linear-gradient(145deg,#e7e6dc,#cbd7d3);transform:rotate(21deg);box-shadow:20px 20px 25px rgba(0,0,0,.28)}
  .sdd-hero-leaf::before{content:"YEARLY NOTES";position:absolute;left:14%;top:16%;color:#1c2429;font:500 clamp(8px,.8vw,11px) var(--mono);letter-spacing:.11em}
  .sdd-hero-leaf::after{content:"";position:absolute;left:14%;right:14%;top:31%;bottom:14%;background:repeating-linear-gradient(0deg,rgba(21,29,33,.18) 0 1px,transparent 1px 17px)}
  .sdd-hero-slot{position:absolute;right:var(--gutter);top:calc(72px + 22px);z-index:4;padding:8px 10px;border:1px solid rgba(245,245,240,.22);background:rgba(8,8,8,.52);color:rgba(245,245,240,.62);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72}
  .sdd-hero-content{position:relative;width:min(var(--max),100%);margin:0 auto;padding:clamp(118px,12vw,180px) var(--gutter) clamp(58px,7vw,96px)}
  .sdd-hero-copy{max-width:800px}.sdd-hero-copy h1{max-width:8.5ch;margin-top:19px;font-size:clamp(54px,7.35vw,116px);font-weight:600;line-height:.87;letter-spacing:-.082em;text-wrap:balance}.sdd-hero-copy h1 span{color:var(--sdd-accent)}
  .sdd-hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:29px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sdd-hero-meta span{display:inline-flex;align-items:center;gap:8px}.sdd-hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sdd-accent);box-shadow:0 0 0 4px var(--sdd-accent-dim)}
  .sdd-hero-reveal{position:absolute;right:var(--gutter);bottom:38px;z-index:3;display:flex;align-items:center;gap:9px;color:var(--text);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase;opacity:.6;transform:translateY(4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.sdd-hero-reveal i{display:block;width:7px;height:7px;border-radius:50%;background:var(--sdd-accent);box-shadow:0 0 0 4px var(--sdd-accent-dim)}
  .sdd-case-nav{z-index:82}.sdd-case-nav .shell{align-items:center;justify-content:flex-start}.sdd-case-nav a{padding-inline:12px}
  .sdd-section{position:relative;padding:clamp(74px,9.5vw,142px) 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:126px}.sdd-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:clamp(28px,4vw,52px)}.sdd-section-index{display:block;color:var(--sdd-accent);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sdd-section-head h2{margin-top:13px;font-size:clamp(38px,4.7vw,72px);letter-spacing:-.07em;line-height:.93}.sdd-section-hint{max-width:31ch;color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.05em;text-align:right;text-transform:uppercase}
  .sdd-frame{position:relative;overflow:hidden;border:1px solid var(--sdd-line);background:linear-gradient(145deg,#171b1e,#0d0f10);box-shadow:inset 1px 1px 0 rgba(255,255,255,.06)}.sdd-asset-note{position:absolute;z-index:9;left:14px;top:14px;padding:6px 8px;border:1px solid var(--sdd-line);background:rgba(8,8,8,.7);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sdd-asset-caption{position:absolute;z-index:8;right:14px;bottom:13px;padding:6px 8px;border:1px solid var(--sdd-line);background:rgba(8,8,8,.62);color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}
  .sdd-calendar-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:1px;border:1px solid var(--sdd-soft);background:var(--sdd-soft)}.sdd-calendar-controls{min-height:620px;padding:clamp(20px,3.2vw,38px);background:var(--surface);display:flex;flex-direction:column}.sdd-control-label{color:var(--sdd-accent);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sdd-month-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:19px}.sdd-month-button{min-height:48px;padding:9px 7px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:background .24s var(--ease),border-color .24s var(--ease),color .24s var(--ease),transform .24s var(--ease)}.sdd-month-button span{display:block;font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sdd-month-button b{display:block;margin-top:5px;font:600 15px/.95 var(--sans);letter-spacing:-.05em}.sdd-month-button:hover, .sdd-month-button.is-active{border-color:var(--sdd-accent);background:var(--sdd-accent-dim);color:var(--text);transform:translateY(-2px)}
  .sdd-date-key{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:28px}.sdd-date-key button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.25s var(--ease)}.sdd-date-key button:hover, .sdd-date-key button.is-active{border-color:var(--sdd-accent);background:var(--sdd-accent-dim);color:var(--text)}.sdd-date-key i{flex:0 0 auto;width:11px;height:11px;border:1px solid rgba(245,245,240,.4);background:var(--sdd-paper)}.sdd-date-key .key-hijri i{position:relative;background:transparent;border-color:var(--sdd-accent)}.sdd-date-key .key-hijri i::after{content:"H";position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);color:var(--sdd-accent);font:600 6px var(--mono)}.sdd-date-key .key-holiday i{border-color:var(--sdd-red);background:var(--sdd-red)}.sdd-date-key .key-leave i{border-color:var(--sdd-accent);background:var(--sdd-accent)}.sdd-date-key span{font:500 7px/1.25 var(--mono);letter-spacing:.045em;text-transform:uppercase}
  .sdd-calendar-showcase{min-height:620px;padding:clamp(24px,4vw,54px);background:radial-gradient(circle at 73% 21%,rgba(184,255,87,.12),transparent 25%),radial-gradient(circle at 12% 83%,rgba(184,255,87,.11),transparent 26%),#111416;display:flex;flex-direction:column;justify-content:space-between}.sdd-calendar-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-left:clamp(10px,1vw,14px)}.sdd-active-month{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sdd-active-month b{color:var(--text);font-weight:500}.sdd-calendar-arrows{display:flex;gap:7px}.sdd-calendar-arrow{width:36px;height:36px;border:1px solid var(--line);background:rgba(8,8,8,.38);cursor:pointer;color:var(--text);font-size:17px;transition:.25s var(--ease)}.sdd-calendar-arrow:hover{color:var(--sdd-accent);border-color:var(--sdd-accent);transform:translateY(-2px)}
  .sdd-calendar-mockup{position:relative;align-self:center;width:min(60%,460px);aspect-ratio:.74;margin:clamp(20px,3vw,34px) auto;transform:perspective(1100px) rotateX(4deg) rotateY(-7deg) rotateZ(-2deg);filter:drop-shadow(18px 29px 26px rgba(0,0,0,.44));transition:transform .55s var(--ease),filter .55s var(--ease)}.sdd-calendar-showcase:hover .sdd-calendar-mockup{transform:perspective(1100px) rotateX(1deg) rotateY(-2deg) rotateZ(0deg) translateY(-4px);filter:drop-shadow(20px 35px 31px rgba(0,0,0,.52))}.sdd-calendar-stand{position:absolute;z-index:-1;left:6%;right:6%;bottom:-9%;height:24%;background:linear-gradient(150deg,#303b40,#101416 70%);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);transform:translateZ(-32px);box-shadow:0 20px 22px rgba(0,0,0,.45)}.sdd-calendar-rings{position:absolute;z-index:5;left:7%;right:7%;top:-2.8%;height:13%;display:flex;justify-content:space-around;align-items:flex-start}.sdd-calendar-rings i{width:13px;height:25px;border:3px solid #1c2124;border-radius:10px;background:transparent;box-shadow:0 1px 0 rgba(255,255,255,.35)}
  .sdd-calendar-sheet{position:absolute;inset:0;overflow:hidden;padding:clamp(20px,3vw,30px) clamp(16px,2.6vw,28px) clamp(15px,2vw,21px);background:linear-gradient(145deg,#f8f6ef,#d7e0db);color:var(--sdd-ink);border:1px solid rgba(245,245,240,.5);box-shadow:inset 0 0 0 5px rgba(255,255,255,.29)}.sdd-calendar-sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:24%;background:linear-gradient(135deg,var(--sdd-accent),#d1dfb8 72%,#e8ede8);clip-path:polygon(0 0,100% 0,100% 61%,0 100%);opacity:.94}.sdd-sheet-brand{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;color:#f7f5ed;font:500 clamp(7px,.7vw,9px) var(--mono);letter-spacing:.1em;text-transform:uppercase}.sdd-sheet-brand b{font:600 clamp(21px,3vw,36px)/.8 var(--sans);letter-spacing:-.1em}.sdd-sheet-month{position:relative;z-index:1;margin-top:clamp(26px,4vw,48px);font:600 clamp(37px,5.3vw,72px)/.78 var(--sans);letter-spacing:-.105em}.sdd-sheet-year{position:relative;z-index:1;margin-top:5px;color:rgba(16,18,19,.64);font:500 clamp(8px,.72vw,10px) var(--mono);letter-spacing:.1em;text-transform:uppercase}.sdd-weekdays, .sdd-days{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.sdd-weekdays{margin-top:clamp(18px,2vw,25px);padding-bottom:7px;border-bottom:1px solid rgba(16,18,19,.18)}.sdd-weekdays span{font:500 clamp(6px,.59vw,8px) var(--mono);letter-spacing:.04em;text-align:center;color:rgba(16,18,19,.68)}.sdd-days{margin-top:7px}.sdd-day{position:relative;min-height:clamp(29px,3.1vw,43px);padding:clamp(3px,.45vw,6px);border:1px solid rgba(16,18,19,.12);background:rgba(255,255,255,.18);transition:transform .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.sdd-day:hover{z-index:2;transform:scale(1.1);background:#f9f8f2;box-shadow:0 8px 18px rgba(17,20,21,.16)}.sdd-day.is-empty{border-color:transparent;background:transparent}.sdd-day b{display:block;font:600 clamp(9px,1vw,13px)/1 var(--sans);letter-spacing:-.05em}.sdd-day small{position:absolute;right:clamp(3px,.35vw,5px);bottom:clamp(3px,.35vw,5px);color:var(--sdd-accent);font:500 clamp(5px,.48vw,7px)/1 var(--mono)}.sdd-day.is-holiday{background:rgba(255,106,61,.18);border-color:var(--sdd-red)}.sdd-day.is-holiday b{color:#ba3c18}.sdd-day.is-leave{background:rgba(184,255,87,.12);border-color:var(--sdd-accent)}.sdd-day.is-leave b{color:#3f6b1e}.sdd-calendar-showcase.is-focus-holiday .sdd-day:not(.is-holiday){opacity:.24}.sdd-calendar-showcase.is-focus-leave .sdd-day:not(.is-leave){opacity:.24}.sdd-calendar-showcase.is-focus-hijri .sdd-day:not(.has-hijri){opacity:.24}.sdd-calendar-showcase.is-focus-normal .sdd-day:not(.is-normal){opacity:.24}.sdd-calendar-showcase.is-focus-holiday .sdd-day.is-holiday, .sdd-calendar-showcase.is-focus-leave .sdd-day.is-leave, .sdd-calendar-showcase.is-focus-hijri .sdd-day.has-hijri, .sdd-calendar-showcase.is-focus-normal .sdd-day.is-normal{transform:scale(1.08);box-shadow:0 9px 17px rgba(16,18,19,.22);opacity:1}
  .sdd-calendar-thumbs{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;padding-top:14px;border-top:1px solid rgba(245,245,240,.12)}.sdd-calendar-thumb{position:relative;aspect-ratio:.76;border:1px solid rgba(245,245,240,.18);background:#252b2e;cursor:pointer;overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.sdd-calendar-thumb:hover, .sdd-calendar-thumb.is-active{z-index:1;border-color:var(--sdd-accent);background:#38445a;transform:translateY(-5px)}.sdd-calendar-thumb b{position:absolute;left:4px;top:4px;color:#f5f4ed;font:500 6px var(--mono);letter-spacing:.04em;text-transform:uppercase}.sdd-calendar-thumb i{position:absolute;left:4px;right:4px;bottom:4px;height:47%;background:repeating-linear-gradient(90deg,rgba(245,245,240,.18) 0 1px,transparent 1px 14.28%),repeating-linear-gradient(0deg,rgba(245,245,240,.18) 0 1px,transparent 1px 20%)}
  .sdd-agenda-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:1px;border:1px solid var(--sdd-soft);background:var(--sdd-soft)}.sdd-agenda-showcase{position:relative;min-height:675px;overflow:hidden;background:radial-gradient(circle at 77% 16%,rgba(184,255,87,.12),transparent 24%),radial-gradient(circle at 20% 82%,rgba(184,255,87,.11),transparent 23%),linear-gradient(145deg,#20292d,#0d1012 68%)}.sdd-agenda-showcase::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.038) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 34px);mask-image:linear-gradient(45deg,black,transparent 75%)}.sdd-agenda-desk-shadow{position:absolute;width:76%;height:18%;left:13%;bottom:8%;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(16px)}.sdd-agenda-book{position:absolute;z-index:3;width:min(59%,495px);aspect-ratio:1.38;left:50%;top:50%;transform:translate(-50%,-49%) perspective(1100px) rotateX(57deg) rotateZ(-12deg);transform-style:preserve-3d;transition:transform .65s var(--ease)}.sdd-agenda-showcase:hover .sdd-agenda-book{transform:translate(-50%,-51%) perspective(1100px) rotateX(50deg) rotateZ(-7deg) scale(1.025)}.sdd-agenda-cover-back, .sdd-agenda-cover-front{position:absolute;inset:0;border:1px solid rgba(245,245,240,.38);background:linear-gradient(145deg,#111820,#34472b 66%,#121518);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2),18px 24px 30px rgba(0,0,0,.43)}.sdd-agenda-cover-back{transform:translate3d(-18px,8px,-18px)}.sdd-agenda-cover-back::after{content:"";position:absolute;inset:9%;border:1px solid rgba(245,245,240,.24)}.sdd-agenda-cover-front{z-index:5;transform:translateZ(24px);transform-origin:left center;transition:transform .68s var(--ease)}.sdd-agenda-book[data-view="cover"] .sdd-agenda-cover-front{transform:translateZ(24px) rotateY(0deg)}.sdd-agenda-book:not([data-view="cover"]) .sdd-agenda-cover-front{transform:translateZ(24px) rotateY(-132deg)}.sdd-agenda-cover-front::before{content:"";position:absolute;inset:9%;border:1px solid rgba(245,245,240,.35);background:linear-gradient(135deg,rgba(184,255,87,.76),transparent 49%),repeating-linear-gradient(0deg,rgba(245,245,240,.14) 0 1px,transparent 1px 17px)}.sdd-agenda-cover-front::after{content:"SDD\A AGENDA";white-space:pre;position:absolute;left:12%;bottom:13%;color:#f7f4ea;font:600 clamp(28px,4.2vw,60px)/.75 var(--sans);letter-spacing:-.1em}.sdd-agenda-spread{position:absolute;z-index:4;inset:3.5%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(16,18,19,.22);background:#f4f1e7;transform:translateZ(10px);color:#15191b}.sdd-agenda-page{position:relative;padding:clamp(12px,2.1vw,23px);background:linear-gradient(145deg,#faf7ed,#dce1db)}.sdd-agenda-page+ .sdd-agenda-page{border-left:1px solid rgba(16,18,19,.17)}.sdd-agenda-page::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent 4%);pointer-events:none}.sdd-agenda-page-title{font:600 clamp(16px,2.2vw,32px)/.82 var(--sans);letter-spacing:-.08em}.sdd-agenda-page-mark{position:absolute;right:clamp(11px,1.5vw,16px);top:clamp(11px,1.5vw,16px);color:var(--sdd-accent);font:500 clamp(6px,.6vw,8px) var(--mono);letter-spacing:.08em}.sdd-agenda-page-grid{position:absolute;left:clamp(12px,2vw,22px);right:clamp(12px,2vw,22px);top:36%;bottom:12%;background:repeating-linear-gradient(90deg,rgba(16,18,19,.16) 0 1px,transparent 1px 16.666%),repeating-linear-gradient(0deg,rgba(16,18,19,.16) 0 1px,transparent 1px 20%)}.sdd-agenda-page-lines{position:absolute;left:clamp(12px,2vw,22px);right:clamp(12px,2vw,22px);top:31%;bottom:12%;background:repeating-linear-gradient(0deg,rgba(16,18,19,.18) 0 1px,transparent 1px 15px)}.sdd-agenda-page-circle{position:absolute;left:50%;top:53%;width:43%;aspect-ratio:1;border:1px solid var(--sdd-accent);border-radius:50%;transform:translate(-50%,-50%)}.sdd-agenda-page-circle::before, .sdd-agenda-page-circle::after{content:"";position:absolute;left:50%;top:50%;background:var(--sdd-accent);transform:translate(-50%,-50%)}.sdd-agenda-page-circle::before{width:1px;height:130%}.sdd-agenda-page-circle::after{width:130%;height:1px}.sdd-agenda-book[data-view="cover"] .sdd-agenda-spread{opacity:.15;filter:blur(3px)}.sdd-agenda-book[data-view="year"] .sdd-agenda-page-grid{display:block}.sdd-agenda-book[data-view="month"] .sdd-agenda-page-grid{background:repeating-linear-gradient(90deg,rgba(16,18,19,.16) 0 1px,transparent 1px 14.285%),repeating-linear-gradient(0deg,rgba(16,18,19,.16) 0 1px,transparent 1px 16.666%)}.sdd-agenda-book[data-view="week"] .sdd-agenda-page-grid{display:none}.sdd-agenda-book[data-view="week"] .sdd-agenda-page-lines{display:block}.sdd-agenda-book[data-view="notes"] .sdd-agenda-page-grid{display:none}.sdd-agenda-book[data-view="notes"] .sdd-agenda-page-lines{display:block}.sdd-agenda-book[data-view="notes"] .sdd-agenda-page-circle{display:block}.sdd-agenda-book[data-view="year"] .sdd-agenda-page-lines, .sdd-agenda-book[data-view="year"] .sdd-agenda-page-circle, .sdd-agenda-book[data-view="month"] .sdd-agenda-page-lines, .sdd-agenda-book[data-view="month"] .sdd-agenda-page-circle, .sdd-agenda-book[data-view="week"] .sdd-agenda-page-circle{display:none}
  .sdd-agenda-controls{min-height:675px;padding:clamp(20px,3.5vw,42px);background:var(--surface);display:flex;flex-direction:column}.sdd-agenda-tabs{display:grid;gap:7px;margin-top:21px}.sdd-agenda-tab{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-height:68px;padding:12px;border:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.25s var(--ease)}.sdd-agenda-tab:hover, .sdd-agenda-tab.is-active{border-color:var(--sdd-accent);background:var(--sdd-accent-dim);color:var(--text);transform:translateX(3px)}.sdd-agenda-tab small{color:var(--sdd-accent);font:500 8px var(--mono);letter-spacing:.06em}.sdd-agenda-tab b{display:block;font-size:16px;letter-spacing:-.05em}.sdd-agenda-tab span{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.32}.sdd-agenda-filmstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:auto;padding-top:28px}.sdd-agenda-film{position:relative;aspect-ratio:.68;border:1px solid var(--line);background:linear-gradient(145deg,#f3f0e6,#8e9baa);overflow:hidden;cursor:pointer;transition:.24s var(--ease)}.sdd-agenda-film:nth-child(2n){background:linear-gradient(145deg,#171e27,#5678b7)}.sdd-agenda-film:hover, .sdd-agenda-film.is-active{border-color:var(--sdd-accent);transform:translateY(-4px)}.sdd-agenda-film span{position:absolute;left:5px;top:5px;color:#182025;font:500 6px var(--mono);letter-spacing:.05em;text-transform:uppercase}.sdd-agenda-film:nth-child(2n) span{color:#f5f3ea}.sdd-agenda-film i{position:absolute;left:5px;right:5px;bottom:5px;height:42%;background:repeating-linear-gradient(0deg,rgba(16,18,19,.23) 0 1px,transparent 1px 8px)}
  .sdd-production-board{position:relative;min-height:690px;overflow:hidden;border:1px solid var(--sdd-line);background:radial-gradient(circle at 78% 20%,rgba(184,255,87,.15),transparent 23%),radial-gradient(circle at 17% 78%,rgba(184,255,87,.13),transparent 24%),linear-gradient(145deg,#232b2f,#0d0f10 72%)}.sdd-production-board::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(245,245,240,.04) 0 1px,transparent 1px 38px),repeating-linear-gradient(0deg,rgba(245,245,240,.025) 0 1px,transparent 1px 38px);mask-image:linear-gradient(45deg,black,transparent 76%)}.sdd-production-board::after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:22%;border-radius:50%;background:rgba(0,0,0,.44);filter:blur(21px)}.sdd-production-calendar{position:absolute;z-index:3;width:min(30vw,400px);aspect-ratio:.76;left:17%;top:18%;padding:clamp(14px,2vw,24px);border:1px solid rgba(245,245,240,.4);background:linear-gradient(145deg,#f7f4eb,#aab6bf);color:#15191c;transform:perspective(1100px) rotateY(14deg) rotateZ(-6deg);box-shadow:17px 25px 32px rgba(0,0,0,.42);transition:transform .5s var(--ease)}.sdd-production-calendar::before{content:"";position:absolute;left:8%;right:8%;top:8%;height:13px;background:repeating-linear-gradient(90deg,#11161a 0 15px,transparent 15px 31px)}.sdd-production-calendar::after{content:"2026";position:absolute;left:10%;bottom:11%;font:600 clamp(38px,5.6vw,76px)/.75 var(--sans);letter-spacing:-.1em}.sdd-production-calendar b{position:absolute;right:12%;top:18%;color:var(--sdd-accent);font:600 clamp(18px,2.3vw,35px)/.9 var(--sans);letter-spacing:-.1em}.sdd-production-calendar i{position:absolute;left:10%;right:10%;top:37%;bottom:27%;background:repeating-linear-gradient(90deg,rgba(16,18,19,.15) 0 1px,transparent 1px 14.285%),repeating-linear-gradient(0deg,rgba(16,18,19,.15) 0 1px,transparent 1px 20%)}.sdd-production-agenda{position:absolute;z-index:4;width:min(28vw,370px);aspect-ratio:.68;right:18%;bottom:14%;border:1px solid rgba(245,245,240,.38);background:linear-gradient(145deg,#111720,#35492c 64%,#101215);transform:perspective(1000px) rotateY(-16deg) rotateZ(9deg);box-shadow:17px 28px 33px rgba(0,0,0,.46);transition:transform .5s var(--ease)}.sdd-production-agenda::before{content:"";position:absolute;inset:9%;border:1px solid rgba(245,245,240,.38);background:linear-gradient(135deg,rgba(184,255,87,.58),transparent 48%),repeating-linear-gradient(0deg,rgba(245,245,240,.14) 0 1px,transparent 1px 18px)}.sdd-production-agenda::after{content:"AGENDA";position:absolute;left:12%;bottom:12%;color:#f6f4eb;font:600 clamp(28px,4vw,58px)/.75 var(--sans);letter-spacing:-.1em}.sdd-production-board:hover .sdd-production-calendar{transform:perspective(1100px) rotateY(8deg) rotateZ(-3deg) translateY(-7px)}.sdd-production-board:hover .sdd-production-agenda{transform:perspective(1000px) rotateY(-9deg) rotateZ(5deg) translateY(-7px)}
  .sdd-spec{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.sdd-spec-dot{width:13px;height:13px;border:2px solid var(--sdd-accent);border-radius:50%;background:#101214;box-shadow:0 0 0 6px var(--sdd-accent-dim);transition:transform .25s var(--ease),background .25s var(--ease)}.sdd-spec-label{padding:7px 8px;border:1px solid var(--sdd-line);background:rgba(8,8,8,.72);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.74;transition:opacity .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.sdd-spec:hover .sdd-spec-dot, .sdd-spec.is-active .sdd-spec-dot{transform:scale(1.23);background:var(--sdd-accent)}.sdd-spec:hover .sdd-spec-label, .sdd-spec.is-active .sdd-spec-label{opacity:1;border-color:var(--sdd-accent);color:var(--sdd-accent)}.sdd-spec.cover{left:10%;top:22%}.sdd-spec.finish{left:37%;top:11%}.sdd-spec.binding{left:48%;top:44%}.sdd-spec.paper{right:9%;top:35%}.sdd-spec.format{right:12%;bottom:14%}.sdd-spec-panel{position:absolute;z-index:10;left:clamp(17px,2.5vw,36px);bottom:clamp(17px,2.5vw,36px);width:min(290px,58%);padding:18px;border:1px solid var(--sdd-line);background:rgba(8,8,8,.78);backdrop-filter:blur(14px)}.sdd-spec-panel small{display:block;color:var(--sdd-accent);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sdd-spec-panel h3{margin-top:9px;font-size:clamp(21px,2.2vw,30px);line-height:.96;letter-spacing:-.07em}.sdd-spec-panel p{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.48}
  [data-sdd-reveal]{opacity:0;filter:blur(7px);transform:translateY(20px);transition:opacity .75s var(--ease),filter .75s var(--ease),transform .75s var(--ease)}[data-sdd-reveal].is-visible{opacity:1;filter:none;transform:none}
  @media (max-width:1020px){.sdd-calendar-layout, .sdd-agenda-layout{grid-template-columns:1fr}.sdd-calendar-controls, .sdd-agenda-controls{min-height:auto}.sdd-date-key{margin-top:25px}.sdd-agenda-showcase{min-height:585px}.sdd-production-board{min-height:620px}.sdd-production-calendar{width:min(38vw,400px);left:12%}.sdd-production-agenda{width:min(34vw,370px);right:11%}}
  @media (max-width:620px){.sdd-hero{min-height:calc(100svh - 122px)}.sdd-hero-content{padding-top:108px;padding-bottom:58px}.sdd-hero-copy h1{font-size:clamp(50px,15vw,78px)}.sdd-hero-slot{right:var(--gutter);top:17px;font-size:7px}.sdd-hero-reveal{display:none}.sdd-hero-calendar{width:67vw;right:5%;top:21%}.sdd-hero-agenda{width:53vw;right:38%;bottom:6%}.sdd-hero-leaf{display:none}.sdd-section{padding:72px 0}.sdd-section-head{display:block;margin-bottom:25px}.sdd-section-hint{display:none}.sdd-month-buttons{grid-template-columns:repeat(4,1fr)}.sdd-month-button{min-height:47px;padding:7px 5px}.sdd-month-button b{font-size:12px}.sdd-date-key{grid-template-columns:1fr 1fr}.sdd-calendar-showcase{min-height:550px;padding:24px 15px 18px}.sdd-calendar-mockup{width:77%;margin:24px auto}.sdd-calendar-thumbs{gap:4px}.sdd-agenda-showcase{min-height:480px}.sdd-agenda-book{width:76%;transform:translate(-50%,-49%) perspective(850px) rotateX(57deg) rotateZ(-12deg)}.sdd-agenda-showcase:hover .sdd-agenda-book{transform:translate(-50%,-49%) perspective(850px) rotateX(53deg) rotateZ(-8deg)}.sdd-agenda-controls{padding:20px}.sdd-agenda-tabs{grid-template-columns:1fr 1fr}.sdd-agenda-tab{grid-template-columns:1fr;gap:4px;min-height:78px}.sdd-agenda-tab span{display:none}.sdd-agenda-filmstrip{margin-top:24px}.sdd-production-board{min-height:590px}.sdd-production-calendar{width:54vw;left:6%;top:18%}.sdd-production-agenda{width:48vw;right:7%;bottom:15%}.sdd-spec-label{font-size:7px}.sdd-spec.cover{left:6%;top:11%}.sdd-spec.finish{left:40%;top:7%}.sdd-spec.binding{left:44%;top:42%}.sdd-spec.paper{right:3%;top:28%}.sdd-spec.format{right:4%;bottom:7%}.sdd-spec-panel{width:60%;padding:13px;bottom:16px;left:16px}.sdd-spec-panel h3{font-size:20px}}
  @media (prefers-reduced-motion:reduce){#sddToolsView{transition:none!important}#sddToolsView.route-enter, #sddToolsView.route-exit{opacity:1;filter:none;transform:none}[data-sdd-reveal]{opacity:1!important;filter:none!important;transform:none!important}.sdd-hero-media, .sdd-calendar-mockup, .sdd-agenda-book, .sdd-agenda-cover-front, .sdd-production-calendar, .sdd-production-agenda{transition:none!important}}



  
  #pilarView{will-change:opacity,filter,transform;transition:opacity .62s var(--ease),filter .62s var(--ease),transform .62s var(--ease)}
  #pilarView.route-enter{opacity:0;filter:blur(18px);transform:translate3d(0,20px,0);pointer-events:none}
  #pilarView.route-exit{opacity:0;filter:blur(12px);transform:translate3d(0,-12px,0);pointer-events:none}
  #pilarView.route-entered{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
  .pti-case{overflow:clip;background:var(--bg);--pti-line:rgba(245,245,240,.15);--pti-soft:rgba(245,245,240,.075);--pti-ink:#121614;--pti-paper:#d9e0d4;--pti-accent:#b8ff57;--pti-signal:#ff6a3d}
  .pti-hero{position:relative;min-height:calc(100svh - 126px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line-soft);background:#0c0d0d}
  .pti-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;transition:filter .75s var(--ease),transform .85s var(--ease),opacity .75s var(--ease);filter:blur(8px) saturate(.54) contrast(.86);transform:scale(1.075) translate3d(var(--pti-x,0px),var(--pti-y,0px),0);opacity:.66}
  .pti-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.64) 38%,rgba(8,8,8,.3) 69%,rgba(8,8,8,.78) 100%),linear-gradient(0deg,rgba(8,8,8,.94),transparent 48%)}
  @media (hover:hover){.pti-hero:hover .pti-hero-media{filter:blur(0) saturate(.88) contrast(1.03);transform:scale(1.01) translate3d(var(--pti-x,0px),var(--pti-y,0px),0);opacity:.97}}
  .pti-building{position:absolute;inset:-8%;display:grid;grid-template-columns:repeat(14,1fr);gap:9px;padding:clamp(64px,7vw,110px);background:linear-gradient(110deg,#202824 0%,#111615 38%,#323e35 67%,#0d1010 100%)}
  .pti-building::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(184,255,87,.25),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 40%,rgba(0,0,0,.22));mix-blend-mode:screen}
  .pti-building::after{content:"";position:absolute;left:7%;right:7%;top:15%;bottom:11%;border:1px solid rgba(245,245,240,.22);background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 8.33%),repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 11.1%);box-shadow:inset 0 0 80px rgba(0,0,0,.42)}
  .pti-building-window{position:relative;z-index:2;min-height:50px;border:1px solid rgba(245,245,240,.11);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(0,0,0,.16));box-shadow:inset 0 0 22px rgba(0,0,0,.24)}
  .pti-building-window:nth-child(3n){background:linear-gradient(145deg,rgba(184,255,87,.24),rgba(0,0,0,.15))}
  .pti-building-sign{position:absolute;z-index:3;right:clamp(8%,13vw,18%);top:33%;width:min(32vw,432px);aspect-ratio:1.85;border:1px solid rgba(245,245,240,.45);background:rgba(6,8,8,.68);box-shadow:0 25px 68px rgba(0,0,0,.5),inset 1px 1px 0 rgba(255,255,255,.17);display:grid;place-items:center;transform:rotate(-2deg)}
  .pti-building-sign b{font:600 clamp(48px,7vw,110px)/.8 var(--sans);letter-spacing:-.12em;color:var(--pti-accent)}
  .pti-building-sign span{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;color:rgba(245,245,240,.75);font:500 clamp(7px,.65vw,10px) var(--mono);letter-spacing:.14em;text-transform:uppercase}
  .pti-hero-slot{position:absolute;right:var(--gutter);top:calc(72px + 22px);z-index:4;padding:8px 10px;border:1px solid rgba(245,245,240,.22);background:rgba(8,8,8,.52);color:rgba(245,245,240,.62);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72}
  .pti-hero-content{position:relative;width:min(var(--max),100%);margin:0 auto;padding:clamp(118px,12vw,180px) var(--gutter) clamp(58px,7vw,96px)}
  .pti-hero-copy{max-width:800px}
  .pti-hero-copy h1{max-width:8.7ch;margin-top:19px;font-size:clamp(54px,7.3vw,116px);font-weight:600;line-height:.87;letter-spacing:-.082em;text-wrap:balance}
  .pti-hero-copy h1 span{color:var(--pti-accent)}
  .pti-hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:29px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .pti-hero-meta span{display:inline-flex;align-items:center;gap:8px}.pti-hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--pti-accent);box-shadow:0 0 0 4px rgba(184,255,87,.12)}

  .pti-case-nav{z-index:82}.pti-case-nav .shell{align-items:center;justify-content:flex-start}.pti-case-nav a{padding-inline:12px}
  .pti-section{position:relative;padding:clamp(74px,9.5vw,142px) 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:126px}
  .pti-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:clamp(28px,4vw,52px)}
  .pti-section-index{display:block;color:var(--pti-accent);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.pti-section-head h2{margin-top:13px;font-size:clamp(38px,4.7vw,72px);letter-spacing:-.07em;line-height:.93}.pti-section-hint{max-width:31ch;color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.05em;text-align:right;text-transform:uppercase}
  .pti-visual-frame{position:relative;overflow:hidden;border:1px solid var(--pti-line);background:linear-gradient(145deg,#171b19,#0d0e0e);box-shadow:inset 1px 1px 0 rgba(255,255,255,.06)}
  .pti-asset-note{position:absolute;z-index:5;left:14px;top:14px;padding:6px 8px;border:1px solid var(--pti-line);background:rgba(8,8,8,.7);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .pti-asset-caption{position:absolute;z-index:4;right:14px;bottom:13px;padding:6px 8px;border:1px solid var(--pti-line);background:rgba(8,8,8,.62);color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}
  .pti-visual-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.38))}
  .pti-visual-frame:hover{border-color:rgba(184,255,87,.63)}

  
  .pti-breakdown-board{min-height:clamp(410px,47vw,680px);display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,rgba(184,255,87,.13),transparent 31%),repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px calc(100% / 12)),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px calc(100% / 8)),#111613}
  .pti-breakdown-board .pti-construction-axis{position:absolute;background:rgba(245,245,240,.17)}.pti-construction-axis.x{left:8%;right:8%;top:50%;height:1px}.pti-construction-axis.y{top:7%;bottom:7%;left:50%;width:1px}
  .pti-construction-logo{position:relative;z-index:2;width:min(54vw,600px);aspect-ratio:1.54;display:grid;place-items:center;isolation:isolate}
  .pti-construction-logo::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(245,245,240,.36);border-radius:50%;transform:rotate(-14deg)}
  .pti-logo-slice{position:absolute;width:47%;height:18%;border:1px solid rgba(245,245,240,.68);background:linear-gradient(90deg,rgba(184,255,87,.66),rgba(184,255,87,.12));box-shadow:0 0 30px rgba(184,255,87,.08);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);transform-origin:left center;transition:transform .55s var(--ease),filter .55s var(--ease),background .55s var(--ease)}
  .pti-logo-slice.s1{left:4%;top:18%;transform:rotate(-14deg)}.pti-logo-slice.s2{left:20%;top:39%;transform:rotate(20deg);width:53%}.pti-logo-slice.s3{left:39%;top:17%;transform:rotate(76deg);width:48%}.pti-logo-slice.s4{left:50%;top:53%;transform:rotate(-70deg);width:44%}.pti-logo-slice.s5{left:25%;bottom:10%;transform:rotate(-8deg);width:58%}
  .pti-breakdown-board:hover .pti-logo-slice.s1{transform:translate(-14px,-12px) rotate(-14deg)}.pti-breakdown-board:hover .pti-logo-slice.s2{transform:translate(-5px,11px) rotate(20deg)}.pti-breakdown-board:hover .pti-logo-slice.s3{transform:translate(14px,-11px) rotate(76deg)}.pti-breakdown-board:hover .pti-logo-slice.s4{transform:translate(16px,10px) rotate(-70deg)}.pti-breakdown-board:hover .pti-logo-slice.s5{transform:translate(-7px,16px) rotate(-8deg)}
  .pti-breakdown-points{position:absolute;inset:0;pointer-events:none}.pti-breakdown-points i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--pti-accent);box-shadow:0 0 0 5px rgba(184,255,87,.11)}.pti-breakdown-points i:nth-child(1){left:26%;top:33%}.pti-breakdown-points i:nth-child(2){left:56%;top:24%}.pti-breakdown-points i:nth-child(3){left:68%;top:62%}.pti-breakdown-points i:nth-child(4){left:38%;top:73%}
  .pti-breakdown-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:var(--pti-soft);border:1px solid var(--pti-soft)}.pti-breakdown-note{min-height:98px;padding:17px;background:var(--surface);transition:background .3s var(--ease),transform .3s var(--ease)}.pti-breakdown-note:hover{background:var(--surface-2);transform:translateY(-3px)}.pti-breakdown-note b{display:block;color:var(--pti-accent);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pti-breakdown-note span{display:block;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.4}

  
  .pti-meaning-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:1px;border:1px solid var(--pti-soft);background:var(--pti-soft)}
  .pti-meaning-main{min-height:530px;padding:clamp(26px,4vw,52px);background:radial-gradient(circle at 65% 24%,rgba(184,255,87,.14),transparent 24%),var(--surface);display:flex;flex-direction:column;justify-content:space-between}
  .pti-meaning-diagram{position:relative;min-height:310px;border:1px solid var(--pti-line);overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 32px),#111}
  .pti-meaning-diagram .ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(245,245,240,.3);border-radius:50%;transform:translate(-50%,-50%)}.pti-meaning-diagram .ring.one{width:44%;aspect-ratio:1}.pti-meaning-diagram .ring.two{width:67%;aspect-ratio:1}.pti-meaning-diagram .ring.three{width:91%;aspect-ratio:1}
  .pti-meaning-mark{position:absolute;left:50%;top:50%;width:130px;height:130px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--pti-accent);color:#050505;font:600 31px/.8 var(--sans);letter-spacing:-.1em}
  .pti-meaning-diagram .meaning-tag{position:absolute;padding:7px 9px;border:1px solid var(--pti-line);background:rgba(8,8,8,.72);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pti-meaning-diagram .meaning-tag.a{left:8%;top:16%}.pti-meaning-diagram .meaning-tag.b{right:8%;top:29%}.pti-meaning-diagram .meaning-tag.c{left:15%;bottom:15%}
  .pti-meaning-label{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:18px}.pti-meaning-label b{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.055em}.pti-meaning-label span{color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .pti-logo-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--pti-soft)}.pti-variant{position:relative;min-height:264px;padding:18px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .35s var(--ease),transform .35s var(--ease)}.pti-variant:hover{background:var(--surface-2);transform:translateY(-4px)}.pti-variant b{position:relative;z-index:1;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pti-variant-mark{position:relative;z-index:1;color:var(--text);font:600 clamp(42px,5vw,78px)/.8 var(--sans);letter-spacing:-.12em}.pti-variant.vertical .pti-variant-mark{line-height:.65}.pti-variant.vertical .pti-variant-mark span{display:block}.pti-variant.logo-only .pti-variant-mark{display:grid;place-items:center;width:90px;aspect-ratio:1;border-radius:50%;background:var(--pti-accent);color:#050505;font-size:36px}.pti-variant.variations .pti-variant-mark{display:flex;gap:8px;align-items:center}.pti-variant.variations .pti-variant-mark i{display:block;width:32px;aspect-ratio:1;border:1px solid var(--pti-line)}.pti-variant.variations .pti-variant-mark i:nth-child(1){background:var(--pti-accent)}.pti-variant.variations .pti-variant-mark i:nth-child(2){background:var(--text)}.pti-variant.variations .pti-variant-mark i:nth-child(3){background:transparent}

  
  .pti-color-board{display:grid;grid-template-columns:1.25fr .75fr;min-height:520px;border:1px solid var(--pti-soft);background:var(--pti-soft)}
  .pti-color-primary{position:relative;min-height:100%;padding:clamp(28px,4vw,52px);display:flex;align-items:flex-end;overflow:hidden;background:var(--pti-accent);color:#050505}.pti-color-primary::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(5,5,5,.12) 0 1px,transparent 1px 9%),repeating-linear-gradient(0deg,rgba(5,5,5,.09) 0 1px,transparent 1px 14%);opacity:.56}.pti-color-primary h3{position:relative;z-index:1;max-width:8ch;font-size:clamp(48px,7vw,106px);line-height:.82;letter-spacing:-.1em}.pti-color-primary p{position:relative;z-index:1;margin-top:23px;font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .pti-color-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:1px}.pti-color-swatch{position:relative;display:flex;align-items:flex-end;padding:20px;overflow:hidden;color:#050505;transition:transform .35s var(--ease),filter .35s var(--ease)}.pti-color-swatch:hover{z-index:2;transform:scale(1.025);filter:brightness(1.1)}.pti-color-swatch:nth-child(1){background:var(--text)}.pti-color-swatch:nth-child(2){background:var(--pti-signal)}.pti-color-swatch:nth-child(3){background:#55655a;color:var(--text)}.pti-color-swatch b{font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pti-color-swatch span{position:absolute;right:18px;bottom:20px;font:500 8px var(--mono);letter-spacing:.05em;text-transform:uppercase;opacity:.68}
  .pti-type-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;border:1px solid var(--pti-soft);background:var(--pti-soft)}.pti-type-hero{min-height:510px;padding:clamp(28px,4vw,52px);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pti-type-hero .type-word{font:600 clamp(66px,10vw,166px)/.72 var(--sans);letter-spacing:-.11em;transition:letter-spacing .45s var(--ease),color .45s var(--ease),transform .45s var(--ease)}.pti-type-hero:hover .type-word{letter-spacing:-.075em;color:var(--pti-accent);transform:translateX(4px)}.pti-type-hero p{color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.pti-type-styles{display:grid;gap:1px;background:var(--pti-soft)}.pti-type-style{min-height:169px;padding:22px;background:var(--surface);display:flex;align-items:flex-end;justify-content:space-between;gap:18px;transition:background .3s var(--ease)}.pti-type-style:hover{background:var(--surface-2)}.pti-type-style b{font-size:clamp(25px,3vw,46px);letter-spacing:-.06em}.pti-type-style span{color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:right}.pti-type-style.body b{font-size:20px;font-weight:400;letter-spacing:-.02em}.pti-type-style.supporting b{font:500 16px var(--mono);letter-spacing:.04em}

  
  .pti-application-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;border:1px solid var(--pti-soft);background:var(--pti-soft)}.pti-application-grid.reverse{grid-template-columns:.9fr 1.1fr}.pti-app-detail{position:relative;min-height:500px;padding:clamp(24px,3.6vw,44px);background:var(--surface);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.pti-app-detail::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(184,255,87,.1),transparent 27%)}.pti-app-detail h3{position:relative;z-index:1;max-width:9ch;font-size:clamp(31px,4vw,59px);line-height:.93;letter-spacing:-.07em}.pti-app-detail p{position:relative;z-index:1;max-width:31ch;margin-top:17px;color:var(--muted);font-size:13px;line-height:1.55}.pti-app-detail .pti-app-label{position:absolute;z-index:1;left:clamp(24px,3.6vw,44px);top:clamp(24px,3.6vw,44px);color:var(--pti-accent);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}
  .pti-letterhead-stage{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 25% 30%,rgba(184,255,87,.13),transparent 27%),#101211}.pti-letterhead-sheet{position:relative;width:min(68%,460px);aspect-ratio:.707;background:#e7ebe3;color:#151715;box-shadow:18px 24px 42px rgba(0,0,0,.45);padding:7.5% 8%;transform:rotate(-5deg);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.pti-letterhead-stage:hover .pti-letterhead-sheet{transform:rotate(-1deg) translateY(-8px);box-shadow:25px 34px 60px rgba(0,0,0,.5)}.pti-letterhead-sheet::before{content:"PTI";position:absolute;top:7%;left:8%;font:600 clamp(27px,4vw,54px)/.7 var(--sans);letter-spacing:-.12em;color:#1d2721}.pti-letterhead-sheet::after{content:"";position:absolute;left:8%;right:8%;top:21%;height:7px;background:var(--pti-accent);box-shadow:0 16px 0 #25352a}.pti-doc-lines{position:absolute;left:8%;right:14%;bottom:13%;height:49%;background:repeating-linear-gradient(0deg,rgba(21,23,21,.21) 0 1px,transparent 1px 18px)}.pti-annotation{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;color:var(--text);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}.pti-annotation::before{content:"";width:36px;height:1px;background:var(--pti-accent)}.pti-annotation.top{left:7%;top:17%}.pti-annotation.right{right:7%;top:43%;flex-direction:row-reverse}.pti-annotation.bottom{left:10%;bottom:15%}
  .pti-card-stage{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 72% 23%,rgba(255,106,61,.13),transparent 22%),#111}.pti-business-card{position:absolute;width:min(56%,370px);aspect-ratio:1.72;padding:22px;border:1px solid rgba(245,245,240,.22);box-shadow:18px 23px 42px rgba(0,0,0,.43);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.pti-business-card.front{background:var(--pti-ink);color:var(--text);transform:translate(-16%,-11%) rotate(-10deg)}.pti-business-card.back{background:var(--pti-paper);color:#131713;transform:translate(16%,13%) rotate(9deg)}.pti-card-stage:hover .pti-business-card.front{transform:translate(-25%,-16%) rotate(-6deg)}.pti-card-stage:hover .pti-business-card.back{transform:translate(25%,18%) rotate(4deg)}.pti-business-card .mark{font:600 clamp(34px,4vw,60px)/.75 var(--sans);letter-spacing:-.12em}.pti-business-card .card-line{position:absolute;left:22px;right:22px;bottom:25px;height:25%;border-top:1px solid currentColor;opacity:.45}.pti-business-card.back .card-line{height:47%;background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 11px);border:0}.pti-business-card .card-meta{position:absolute;left:22px;bottom:18px;font:500 7px/1.5 var(--mono);letter-spacing:.055em;text-transform:uppercase;opacity:.64}
  .pti-stamp-stage{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 24% 35%,rgba(184,255,87,.12),transparent 26%),#121312}.pti-stamp-paper{position:relative;width:min(62%,440px);aspect-ratio:.72;background:#e5e4da;box-shadow:18px 25px 42px rgba(0,0,0,.43);transform:rotate(6deg);transition:transform .5s var(--ease)}.pti-stamp-stage:hover .pti-stamp-paper{transform:rotate(2deg) translateY(-7px)}.pti-stamp-impression{position:absolute;left:50%;top:49%;width:40%;aspect-ratio:1;border:4px double #3b5641;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);display:grid;place-items:center;color:#3b5641;opacity:.74}.pti-stamp-impression::before{content:"";position:absolute;inset:14%;border:1px solid #3b5641;border-radius:50%}.pti-stamp-impression b{font:600 31px/.8 var(--sans);letter-spacing:-.11em}.pti-stamp-impression span{position:absolute;bottom:17%;font:500 7px var(--mono);letter-spacing:.08em}.pti-stamp-stage:hover .pti-stamp-impression{animation:pti-stamp-press .55s var(--ease)}
  .pti-report-stage{min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at 72% 28%,rgba(184,255,87,.14),transparent 27%),#101211}.pti-report-book{position:relative;width:min(57%,380px);aspect-ratio:.69;background:linear-gradient(135deg,#27382c,#0c100e);box-shadow:22px 28px 54px rgba(0,0,0,.46);padding:9%;color:var(--text);transform:rotate(-7deg);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.pti-report-stage:hover .pti-report-book{transform:rotate(-2deg) translateY(-10px);box-shadow:28px 38px 66px rgba(0,0,0,.52)}.pti-report-book::before{content:"PTI";display:block;color:var(--pti-accent);font:600 clamp(54px,7vw,105px)/.72 var(--sans);letter-spacing:-.14em}.pti-report-book::after{content:"INFRASTRUCTURE REPORT";position:absolute;left:9%;bottom:10%;font:500 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.pti-report-rule{width:55%;height:5px;margin-top:12%;background:var(--pti-accent)}.pti-report-pages{position:absolute;right:-11%;bottom:-5%;width:74%;aspect-ratio:.69;border:1px solid rgba(245,245,240,.18);background:#dfe3da;transform:rotate(16deg);z-index:-1}
  @keyframes pti-stamp-press{0%{transform:translate(-50%,-64%) rotate(-12deg);opacity:.12}66%{transform:translate(-50%,-48%) rotate(-12deg);opacity:.82}100%{transform:translate(-50%,-50%) rotate(-12deg);opacity:.74}}

  [data-pti-reveal]{opacity:0;filter:blur(8px);transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),filter .8s var(--ease),transform .8s var(--ease)}[data-pti-reveal].is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
  [data-pti-reveal][data-delay="1"]{transition-delay:.08s}[data-pti-reveal][data-delay="2"]{transition-delay:.16s}[data-pti-reveal][data-delay="3"]{transition-delay:.24s}.pti-mini-reel{position:absolute;left:34%;top:9%;width:32%;aspect-ratio:.56;display:grid;place-items:center;border:1px solid rgba(245,245,240,.25);background:#0b0d0c;color:var(--text);font:600 16px/.8 var(--sans);letter-spacing:-.08em;text-align:center;transform:rotate(-8deg);box-shadow:14px 19px 32px rgba(0,0,0,.4)}.pti-mini-reel b{color:var(--pti-accent)}
  @media (max-width:980px){.pti-meaning-layout, .pti-color-board, .pti-type-grid, .pti-application-grid, .pti-application-grid.reverse{grid-template-columns:1fr}.pti-meaning-main{min-height:460px}.pti-color-primary{min-height:330px}.pti-color-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.pti-color-swatch{min-height:170px}.pti-app-detail{min-height:330px}}
  @media (max-width:620px){.pti-hero{min-height:calc(100svh - 122px)}.pti-hero-content{padding-top:108px;padding-bottom:58px}.pti-hero-copy h1{font-size:clamp(50px,15vw,78px)}.pti-hero-slot{right:var(--gutter);top:17px;font-size:7px}.pti-section{padding:72px 0}.pti-section-head{display:block;margin-bottom:25px}.pti-section-hint{display:none}.pti-breakdown-board{min-height:380px}.pti-construction-logo{width:84vw}.pti-breakdown-notes{grid-template-columns:1fr 1fr}.pti-breakdown-note{min-height:86px;padding:14px}.pti-meaning-main{min-height:420px}.pti-logo-variants{grid-template-columns:1fr 1fr}.pti-variant{min-height:182px;padding:14px}.pti-color-stack{grid-template-columns:1fr;grid-template-rows:repeat(3,135px)}.pti-type-hero{min-height:330px}.pti-type-style{min-height:120px;padding:17px}.pti-application-grid, .pti-application-grid.reverse{grid-template-columns:1fr}.pti-app-detail{min-height:250px}.pti-letterhead-stage, .pti-card-stage, .pti-stamp-stage, .pti-report-stage{min-height:390px}.pti-annotation{font-size:7px}.pti-building-sign{width:54vw;right:10%;top:40%}.pti-building{padding:50px;gap:5px}.pti-building-window{min-height:34px}}
  @media (prefers-reduced-motion:reduce){#pilarView{transition:none!important}#pilarView.route-enter, #pilarView.route-exit{opacity:1;filter:none;transform:none}[data-pti-reveal]{opacity:1!important;filter:none!important;transform:none!important}.pti-hero-media, .pti-logo-slice, .pti-letterhead-sheet, .pti-business-card, .pti-stamp-paper, .pti-report-book{transition:none!important;animation:none!important}}



  
  .hero-project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:960px;margin:26px 0 0;border:1px solid var(--line-soft);background:var(--line-soft)}
  .hero-project-facts>div{min-height:78px;padding:12px;background:rgba(8,8,8,.56);backdrop-filter:blur(10px)}
  .hero-project-facts dt{color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}
  .hero-project-facts dd{margin:7px 0 0;color:var(--text);font-size:11px;line-height:1.35;letter-spacing:-.01em}
  .sdd-case{--sdd-accent:var(--lime);--sdd-accent-dim:var(--lime-dim);--sdd-red:var(--orange);--sdd-red-dim:var(--orange-dim)}
  .sdd-frame:hover{border-color:var(--lime)}
  .sdd-hero-desk{background:radial-gradient(circle at 76% 16%,rgba(184,255,87,.18),transparent 22%),radial-gradient(circle at 21% 82%,rgba(184,255,87,.10),transparent 29%),linear-gradient(133deg,#253126 0%,#151a1c 40%,#2d3730 72%,#111416 100%)}
  .sdd-hero-agenda::before{background:linear-gradient(133deg,rgba(184,255,87,.52),transparent 50%),repeating-linear-gradient(0deg,rgba(245,245,240,.22) 0 1px,transparent 1px 18px)}

  .case-hero.work-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:calc(100svh - 72px);padding:0!important;overflow:hidden;background:#0a0a0a}
  .case-hero.work-hero::before{z-index:1;background:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.76) 39%,rgba(8,8,8,.26) 70%,rgba(8,8,8,.84) 100%),linear-gradient(0deg,rgba(8,8,8,.95),transparent 52%)}
  .case-hero.work-hero .shell{position:relative;z-index:3;align-items:end;width:min(var(--max),100%);padding-top:clamp(132px,14vw,190px);padding-bottom:clamp(82px,9vw,132px)}
  .work-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;filter:blur(9px) saturate(0) contrast(.84);transform:scale(1.075) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0);opacity:.62;transition:filter .75s var(--ease),transform .85s var(--ease),opacity .75s var(--ease)}
  .work-hero-media::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px);mix-blend-mode:screen;pointer-events:none}
  @media (hover:hover){.work-hero:hover .work-hero-media{filter:blur(6px) saturate(1) contrast(1.03);transform:scale(1.01) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0);opacity:.98}}
  .work-hero-slot{position:absolute;z-index:4;right:var(--gutter);top:calc(72px + 22px);padding:8px 10px;border:1px solid rgba(245,245,240,.22);background:rgba(8,8,8,.52);color:rgba(245,245,240,.62);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72}
  .work-hero-noise{position:absolute;inset:0;background:radial-gradient(circle at 18% 78%,rgba(255,106,61,.12),transparent 27%),radial-gradient(circle at 78% 18%,rgba(184,255,87,.13),transparent 29%)}
  .work-hero-note{position:absolute;z-index:3;padding:8px 9px;border:1px solid var(--line);background:rgba(8,8,8,.72);color:var(--text);font:500 8px/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.25)}
  .work-hero-note::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}

  
  .work-hero-media--enterprise{background:radial-gradient(circle at 77% 22%,rgba(184,255,87,.16),transparent 27%),linear-gradient(135deg,#14201c,#0d1010 60%,#25332c)}
  .enterprise-hero-mockup{position:absolute;right:7%;top:12%;width:min(53vw,760px);aspect-ratio:1.54;border:1px solid rgba(245,245,240,.25);background:#0c0f0e;box-shadow:26px 32px 58px rgba(0,0,0,.48);transform:rotate(-7deg)}
  .enterprise-hero-browser-top{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(245,245,240,.55);font:500 7px var(--mono);letter-spacing:.07em;text-transform:uppercase}.enterprise-hero-browser-top i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.enterprise-hero-browser-top i:nth-child(2){background:var(--lime)}.enterprise-hero-browser-top i:nth-child(3){background:#777}.enterprise-hero-browser-top span{margin-left:6px}
  .enterprise-hero-browser-body{display:grid;grid-template-columns:.22fr .78fr;height:calc(100% - 32px)}.enterprise-hero-sidebar{padding:24px 14px;border-right:1px solid rgba(255,255,255,.1);display:grid;gap:13px;align-content:start}.enterprise-hero-sidebar b{height:7px;background:rgba(245,245,240,.18)}.enterprise-hero-sidebar b:first-child{height:18px;background:var(--lime)}.enterprise-hero-dashboard{position:relative;padding:clamp(20px,2vw,34px);background:linear-gradient(145deg,#151b18,#0b0e0d)}.enterprise-dashboard-title{display:block;width:36%;height:16px;background:rgba(245,245,240,.24)}.enterprise-dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.enterprise-dashboard-kpis i{height:54px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(184,255,87,.24),rgba(255,255,255,.04))}.enterprise-dashboard-chart{height:37%;margin-top:12px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(155deg,transparent 0 33%,rgba(184,255,87,.62) 33% 35%,transparent 35% 54%,rgba(184,255,87,.46) 54% 56%,transparent 56%),repeating-linear-gradient(0deg,transparent 0 24%,rgba(255,255,255,.07) 24% 25%)}.enterprise-dashboard-table{display:grid;gap:7px;margin-top:12px}.enterprise-dashboard-table i{height:9px;background:rgba(255,255,255,.12)}.enterprise-note-one{right:9%;top:46%}.enterprise-note-one::before{left:-4px;top:-4px}.enterprise-note-two{right:42%;bottom:11%}.enterprise-note-two::before{right:-4px;bottom:-4px;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}

  
  .work-hero-media--waroong{background:radial-gradient(circle at 75% 20%,rgba(184,255,87,.18),transparent 26%),linear-gradient(135deg,#182118,#0d100d 62%,#251811)}
  .waroong-hero-phone{position:absolute;right:20%;top:9%;width:min(25vw,340px);aspect-ratio:.52;border:1px solid rgba(255,255,255,.27);border-radius:34px;background:#151915;box-shadow:25px 34px 54px rgba(0,0,0,.48);padding:16px;transform:rotate(10deg)}.waroong-phone-top{width:31%;height:7px;border-radius:99px;background:#505750;margin:0 auto 18px}.waroong-phone-header{height:18%;border-radius:8px;background:linear-gradient(145deg,var(--lime),#4b7328)}.waroong-phone-order{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font:500 8px var(--mono);letter-spacing:.045em;text-transform:uppercase}.waroong-phone-order b, .waroong-phone-order span{display:block}.waroong-phone-order span{margin-top:7px;color:rgba(245,245,240,.56)}.waroong-phone-route{display:flex;align-items:center;justify-content:space-between;position:relative;margin:22px 0}.waroong-phone-route::before{content:"";position:absolute;left:7%;right:7%;height:1px;background:var(--lime)}.waroong-phone-route i{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;border:2px solid var(--lime);background:#151915}.waroong-phone-button{position:absolute;left:16px;right:16px;bottom:17px;height:38px;background:var(--orange)}.waroong-hero-receipt{position:absolute;right:7%;bottom:13%;width:min(24vw,300px);padding:20px;border:1px solid rgba(245,245,240,.2);background:rgba(16,20,15,.9);box-shadow:18px 22px 45px rgba(0,0,0,.38);transform:rotate(-8deg)}.waroong-hero-receipt span{color:var(--muted);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.waroong-hero-receipt b{display:block;margin-top:10px;font-size:clamp(15px,1.8vw,26px);letter-spacing:-.05em}.waroong-hero-receipt i{display:block;height:7px;margin-top:10px;background:rgba(245,245,240,.14)}.waroong-hero-receipt i:last-child{width:58%;background:var(--lime)}.waroong-hero-pulse{position:absolute;right:10%;top:17%;width:clamp(18px,2vw,30px);height:clamp(18px,2vw,30px);border-radius:50%;border:1px solid var(--lime);box-shadow:0 0 0 13px rgba(184,255,87,.09),0 0 0 26px rgba(184,255,87,.045)}

  
  .work-hero-media--safari{background:radial-gradient(circle at 68% 20%,rgba(184,255,87,.14),transparent 22%),linear-gradient(135deg,#132116,#0b110c 60%,#223217)}.safari-hero-mapboard{position:absolute;right:6%;top:9%;width:min(56vw,780px);aspect-ratio:1.32;border:1px solid rgba(245,245,240,.22);border-radius:46% 54% 42% 58% / 46% 40% 60% 54%;background:repeating-linear-gradient(90deg,transparent 0 17%,rgba(184,255,87,.1) 17% 18%),repeating-linear-gradient(0deg,transparent 0 23%,rgba(184,255,87,.08) 23% 24%),#1a2b1b;box-shadow:25px 32px 60px rgba(0,0,0,.45);transform:rotate(-10deg)}.safari-map-path{position:absolute;border:3px solid rgba(245,245,240,.45);border-color:rgba(245,245,240,.48) transparent transparent;border-radius:50%;transform:rotate(18deg)}.safari-map-path.path-a{left:8%;right:14%;top:32%;height:38%}.safari-map-path.path-b{left:20%;right:8%;top:14%;height:61%;transform:rotate(-23deg)}.safari-map-zone{position:absolute;border-radius:50%;background:rgba(184,255,87,.25);border:1px solid rgba(184,255,87,.5)}.safari-map-zone.zone-a{left:23%;top:20%;width:19%;height:23%}.safari-map-zone.zone-b{right:20%;top:41%;width:23%;height:25%;background:rgba(255,106,61,.21);border-color:rgba(255,106,61,.5)}.safari-map-zone.zone-c{left:45%;bottom:11%;width:17%;height:18%}.safari-map-pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--lime);transform:rotate(-45deg);box-shadow:0 0 0 6px rgba(184,255,87,.12)}.safari-map-pin.pin-a{left:31%;top:36%}.safari-map-pin.pin-b{right:31%;top:30%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,106,61,.12)}.safari-map-pin.pin-c{left:57%;bottom:24%}.safari-hero-phone{position:absolute;right:23%;bottom:5%;width:min(22vw,300px);aspect-ratio:.52;border:1px solid rgba(245,245,240,.25);border-radius:28px;background:#121c13;box-shadow:20px 28px 46px rgba(0,0,0,.44);padding:15px;transform:rotate(9deg)}.safari-phone-top{width:30%;height:6px;border-radius:99px;background:#5d6d5d;margin:0 auto 15px}.safari-phone-search{height:26px;border-radius:5px;background:rgba(245,245,240,.18)}.safari-phone-map{height:59%;margin-top:12px;border:1px solid rgba(245,245,240,.15);background:radial-gradient(circle at 28% 40%,var(--lime) 0 5%,transparent 6%),radial-gradient(circle at 70% 65%,var(--orange) 0 6%,transparent 7%),repeating-linear-gradient(90deg,transparent 0 23%,rgba(184,255,87,.12) 23% 24%),#213723}.safari-phone-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.safari-phone-tabs i{height:8px;background:rgba(245,245,240,.15)}.safari-phone-tabs i:first-child{background:var(--lime)}.safari-note{right:9%;top:51%}.safari-note::before{right:-4px;top:-4px}

  @media (max-width:980px){.hero-project-facts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px}.case-hero.work-hero .shell{padding-top:118px}.enterprise-hero-mockup{right:-8%;width:74vw}.waroong-hero-phone{right:12%;width:36vw}.waroong-hero-receipt{right:1%;width:31vw}.safari-hero-mapboard{right:-10%;width:76vw}.safari-hero-phone{right:17%;width:30vw}}
  @media (max-width:620px){.hero-project-facts{grid-template-columns:1fr 1fr;margin-top:20px}.hero-project-facts>div{min-height:70px;padding:10px}.hero-project-facts dd{font-size:10px}.case-hero.work-hero{min-height:calc(100svh - 72px)}.case-hero.work-hero .shell{padding-top:112px;padding-bottom:54px}.work-hero-slot{top:17px;right:auto;left:var(--gutter);font-size:7px}.enterprise-hero-mockup{right:-25%;top:23%;width:112vw}.enterprise-note-one{display:none}.enterprise-note-two{right:10%;bottom:17%;font-size:7px}.waroong-hero-phone{right:4%;top:18%;width:58vw}.waroong-hero-receipt{right:-5%;bottom:10%;width:52vw}.waroong-hero-pulse{right:6%;top:23%}.safari-hero-mapboard{right:-35%;top:18%;width:128vw}.safari-hero-phone{right:7%;bottom:10%;width:52vw}.safari-note{display:none}}
  @media (prefers-reduced-motion:reduce){.work-hero-media{transition:none!important;filter:blur(0)!important;transform:none!important;opacity:1!important}}



  +2){border-bottom:0}.eg-meta strong{display:block;margin-bottom:6px;color:var(--muted);font:500 7px var(--mono);letter-spacing:.075em;text-transform:uppercase}.eg-meta-emphasis{grid-column:1/-1;background:rgba(184,255,87,.08);border-right:0!important;border-bottom:0!important}.eg-meta-emphasis strong{color:var(--lime)}
  .eg-hero-reveal{position:absolute;z-index:5;right:var(--gutter);bottom:clamp(18px,3vw,36px);display:flex;align-items:center;gap:8px;color:rgba(245,245,240,.66);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.eg-hero-reveal i{width:26px;height:1px;background:var(--lime);box-shadow:0 0 12px rgba(184,255,87,.5)}
  @media (hover:hover){.eg-hero:hover .eg-hero-placeholder{filter:blur(0) saturate(.98) contrast(1.03);transform:scale(1.01);opacity:1}.eg-hero:hover .eg-hero-media::after{backdrop-filter:blur(0) saturate(.96);-webkit-backdrop-filter:blur(0) saturate(.96)}}

  .eg-case-nav{z-index:82}.eg-hero, .eg-section{scroll-margin-top:124px}
  .eg-section{padding:clamp(80px,10vw,148px) 0;border-bottom:1px solid var(--line-soft)}
  .eg-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:clamp(30px,5vw,55px)}.eg-section-head > div{max-width:16ch}.eg-section-index{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eg-section-index::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}.eg-section-head h2{margin-top:16px;font-size:clamp(42px,5.5vw,82px);line-height:.91;letter-spacing:-.078em}.eg-section-head p{max-width:36ch;margin:0;color:var(--muted);font-size:14px;line-height:1.55;text-align:right}

  .eg-prelude-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
  .eg-prelude-card{position:relative;min-height:clamp(360px,37vw,530px);padding:clamp(18px,2.3vw,30px);overflow:hidden;background:var(--surface);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.eg-prelude-card::before{content:"";position:absolute;z-index:-1;inset:0;transition:transform .65s var(--ease),filter .65s var(--ease)}.eg-prelude-card:hover::before{transform:scale(1.06);filter:brightness(1.12)}.eg-prelude-card.one::before{background:radial-gradient(circle at 26% 25%,rgba(184,255,87,.38),transparent 24%),linear-gradient(142deg,#283221,#10110f 57%,#25140d)}.eg-prelude-card.two::before{background:radial-gradient(circle at 66% 20%,rgba(255,106,61,.35),transparent 21%),linear-gradient(142deg,#1d1612,#0d0d0d)}.eg-prelude-card.three::before{background:radial-gradient(circle at 42% 75%,rgba(184,255,87,.24),transparent 28%),linear-gradient(145deg,#131616,#0a0a0a)}
  .eg-prelude-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(8,8,8,.72))}.eg-prelude-slot{position:absolute;top:14px;left:14px;padding:6px 7px;border:1px solid var(--line);background:rgba(8,8,8,.55);color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}.eg-prelude-card h3{max-width:10ch;font-size:clamp(28px,3vw,47px);letter-spacing:-.068em;line-height:.93}.eg-prelude-card p{max-width:32ch;margin-top:12px;color:rgba(245,245,240,.66);font-size:12px;line-height:1.5}.eg-prelude-index{position:absolute;right:16px;bottom:16px;color:var(--lime);font:500 9px var(--mono);letter-spacing:.08em}
  .eg-prelude-poster{position:absolute;left:50%;top:42%;width:58%;aspect-ratio:.69;border:1px solid rgba(245,245,240,.32);background:linear-gradient(143deg,rgba(184,255,87,.62),rgba(255,106,61,.3) 49%,#1a1a1a);box-shadow:20px 26px 42px rgba(0,0,0,.4);transform:translate(-50%,-50%) rotate(-7deg);transition:transform .62s var(--ease)}.eg-prelude-card:hover .eg-prelude-poster{transform:translate(-50%,-53%) rotate(-2deg) scale(1.02)}.eg-prelude-poster::before{content:"GROWTH\A HARMONY\A SYNERGY";white-space:pre;position:absolute;left:9%;top:11%;color:#101010;font:600 clamp(17px,2vw,29px)/.8 var(--sans);letter-spacing:-.095em}.eg-prelude-poster::after{content:"SDD / 2026";position:absolute;left:9%;bottom:9%;color:#101010;font:500 7px var(--mono);letter-spacing:.09em}
  .eg-prelude-invite{position:absolute;left:50%;top:38%;width:63%;aspect-ratio:1.38;border:1px solid rgba(245,245,240,.3);background:#e5e6df;color:#111;box-shadow:15px 23px 36px rgba(0,0,0,.42);transform:translate(-50%,-50%) rotate(9deg);transition:transform .62s var(--ease)}.eg-prelude-card:hover .eg-prelude-invite{transform:translate(-50%,-54%) rotate(3deg) scale(1.03)}.eg-prelude-invite::before{content:"You are invited";position:absolute;left:10%;top:12%;font:600 clamp(19px,2.1vw,31px)/.87 var(--sans);letter-spacing:-.075em}.eg-prelude-invite::after{content:"SDD EMPLOYEE GATHERING / 2026";position:absolute;left:10%;right:10%;bottom:12%;padding-top:7px;border-top:1px solid rgba(17,17,17,.3);font:500 7px var(--mono);letter-spacing:.07em}
  .eg-prelude-countdown{position:absolute;left:50%;top:37%;width:64%;aspect-ratio:1;border:1px solid rgba(245,245,240,.24);background:radial-gradient(circle at 55% 38%,rgba(184,255,87,.7),transparent 18%),#131714;box-shadow:15px 20px 38px rgba(0,0,0,.38);transform:translate(-50%,-50%) rotate(-6deg);transition:transform .62s var(--ease)}.eg-prelude-card:hover .eg-prelude-countdown{transform:translate(-50%,-52%) rotate(-1deg) scale(1.04)}.eg-prelude-countdown b{position:absolute;left:9%;top:8%;font:600 clamp(66px,8vw,116px)/.72 var(--sans);letter-spacing:-.12em}.eg-prelude-countdown span{position:absolute;left:10%;right:10%;bottom:12%;padding-top:9px;border-top:1px solid rgba(245,245,240,.27);font:500 7px var(--mono);letter-spacing:.075em;text-transform:uppercase}

  .eg-archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(84px,9.6vw,142px);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);transition:filter .45s var(--ease)}
  .eg-gallery-item{position:relative;min-width:0;overflow:hidden;background:#151515;isolation:isolate;cursor:default;transition:opacity .45s var(--ease),filter .45s var(--ease),transform .52s var(--ease),box-shadow .52s var(--ease)}.eg-gallery-item::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 44%,rgba(8,8,8,.76))}.eg-gallery-item:hover, .eg-gallery-item:focus-visible{z-index:3;transform:scale(1.018);outline:none;box-shadow:0 21px 45px rgba(0,0,0,.38)}.eg-archive-grid.is-hovering .eg-gallery-item{opacity:.42;filter:blur(3px) saturate(.58);transform:scale(.976)}.eg-archive-grid.is-hovering .eg-gallery-item.is-hovered{z-index:4;opacity:1;filter:none;transform:scale(1.018)}
  .eg-carousel-item{grid-column:span 4;grid-row:span 5;cursor:pointer}.eg-loop-card{grid-column:span 4;grid-row:span 5}.eg-photo{grid-column:span 3;grid-row:span 3}.eg-photo.wide{grid-column:span 6;grid-row:span 3}.eg-photo.tall{grid-row:span 4}
  .eg-carousel-shell{position:absolute;inset:0;display:flex;width:400%;transition:transform .85s var(--ease)}.eg-carousel-item:hover .eg-carousel-shell{transform:translateX(-25%)}.eg-carousel-slide{flex:0 0 25%;position:relative;background:var(--slide-bg,linear-gradient(145deg,#21251d,#0d0d0d));overflow:hidden}.eg-carousel-slide::before{content:attr(data-slide);position:absolute;left:9%;top:10%;color:rgba(245,245,240,.9);font:600 clamp(29px,4vw,59px)/.82 var(--sans);letter-spacing:-.09em}.eg-carousel-slide::after{content:"SDD / EMPLOYEE GATHERING / 2026";position:absolute;left:9%;bottom:8%;color:rgba(245,245,240,.74);font:500 7px var(--mono);letter-spacing:.075em}.eg-carousel-slide:nth-child(2n)::before{color:#121212}.eg-carousel-slide:nth-child(2n)::after{color:rgba(18,18,18,.7)}
  .eg-carousel-slide.slide-invite-1{--slide-bg:radial-gradient(circle at 70% 24%,rgba(184,255,87,.82),transparent 22%),linear-gradient(140deg,#25301d,#12130f)}.eg-carousel-slide.slide-invite-2{--slide-bg:linear-gradient(140deg,#d6e9ab,#909b75);--slide-light:#151515}.eg-carousel-slide.slide-invite-3{--slide-bg:radial-gradient(circle at 28% 72%,rgba(255,106,61,.72),transparent 26%),linear-gradient(140deg,#2a1a12,#111)}.eg-carousel-slide.slide-invite-4{--slide-bg:linear-gradient(145deg,#161616,#3a3322)}.eg-carousel-slide.slide-stage-1{--slide-bg:radial-gradient(circle at 54% 37%,rgba(184,255,87,.75),transparent 18%),linear-gradient(145deg,#263020,#0d0d0d)}.eg-carousel-slide.slide-stage-2{--slide-bg:radial-gradient(circle at 28% 35%,rgba(255,106,61,.75),transparent 21%),linear-gradient(145deg,#2b1610,#0d0d0d)}.eg-carousel-slide.slide-stage-3{--slide-bg:linear-gradient(140deg,#151515,#6c6a5a)}
  .eg-asset-stage{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,rgba(184,255,87,.18),transparent 24%),linear-gradient(145deg,#202020,#0d0d0d)}.eg-asset-stage video, .eg-asset-stage img{width:100%;height:100%;object-fit:cover}.eg-loop-card:nth-of-type(3) .eg-asset-stage{background:radial-gradient(circle at 72% 29%,rgba(255,106,61,.42),transparent 25%),linear-gradient(145deg,#231611,#0c0c0c)}.eg-loop-card:nth-of-type(4) .eg-asset-stage{background:radial-gradient(circle at 28% 24%,rgba(184,255,87,.36),transparent 20%),linear-gradient(145deg,#1d241b,#0d0d0d)}
  .eg-loop-art{position:absolute;width:68%;aspect-ratio:.72;border:1px solid rgba(245,245,240,.25);background:rgba(8,8,8,.42);box-shadow:16px 21px 38px rgba(0,0,0,.35);transform:rotate(-7deg);transition:transform .65s var(--ease)}.eg-loop-card:hover .eg-loop-art{transform:rotate(-1deg) scale(1.04)}.eg-loop-art::before{content:"LIVE\A MOMENT";white-space:pre;position:absolute;left:11%;top:13%;font:600 clamp(23px,3.2vw,49px)/.77 var(--sans);letter-spacing:-.09em}.eg-loop-art::after{content:"MOTION PLACEHOLDER / 4:5";position:absolute;left:11%;bottom:10%;font:500 7px var(--mono);letter-spacing:.07em;color:var(--muted)}.eg-loop-card.alt .eg-loop-art{border-radius:50%;aspect-ratio:1;transform:rotate(8deg)}.eg-loop-card.alt:hover .eg-loop-art{transform:rotate(2deg) scale(1.05)}.eg-loop-card.alt .eg-loop-art::before{content:"ONE\A SHARED\A RHYTHM";font-size:clamp(18px,2.4vw,34px)}
  .eg-placeholder-copy{position:relative;z-index:2;color:rgba(245,245,240,.74);font:500 8px/1.55 var(--mono);letter-spacing:.075em;text-align:center;text-transform:uppercase}.eg-media-slot{position:absolute;z-index:4;left:12px;top:12px;padding:6px 7px;border:1px solid var(--line);background:rgba(8,8,8,.62);color:var(--muted);font:500 7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.eg-gallery-item figcaption, .eg-carousel-caption{position:absolute;z-index:4;left:14px;right:14px;bottom:13px;display:flex;justify-content:space-between;gap:9px;color:var(--text);font:500 9px var(--mono);letter-spacing:.055em;text-transform:uppercase}.eg-gallery-item figcaption span:last-child, .eg-carousel-caption span:last-child{color:var(--lime)}
  .eg-video-control{position:absolute;z-index:5;right:12px;top:12px;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--line);background:rgba(8,8,8,.65);color:var(--text);cursor:pointer;font:500 7px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}.eg-video-control:hover, .eg-loop-card.is-watching .eg-video-control{border-color:var(--lime);background:var(--lime);color:#050505}.eg-video-control b{font-size:10px;line-height:1}
  .eg-photo .eg-asset-stage{background:var(--photo-bg,linear-gradient(145deg,#2c2c2c,#101010))}.eg-photo .eg-asset-stage::before{content:"";position:absolute;inset:12%;border:1px solid rgba(245,245,240,.2);background:var(--photo-art,radial-gradient(circle at 52% 47%,rgba(184,255,87,.24),transparent 26%));box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transform:rotate(var(--photo-tilt,-2deg));transition:transform .58s var(--ease)}.eg-photo:hover .eg-asset-stage::before{transform:rotate(0deg) scale(1.04)}.eg-photo.arrival{--photo-bg:linear-gradient(145deg,#242a1d,#0c0d0b);--photo-art:linear-gradient(140deg,rgba(184,255,87,.52),transparent 50%),repeating-linear-gradient(90deg,rgba(245,245,240,.16) 0 2px,transparent 2px 17px)}.eg-photo.welcome{--photo-bg:linear-gradient(145deg,#2b1710,#0d0c0b);--photo-art:radial-gradient(circle at 35% 37%,rgba(255,106,61,.62),transparent 23%),linear-gradient(140deg,transparent 43%,rgba(245,245,240,.12) 43% 47%,transparent 47%)}.eg-photo.identity{--photo-bg:linear-gradient(145deg,#151716,#0c0c0c);--photo-art:linear-gradient(135deg,rgba(184,255,87,.5),transparent 39%),linear-gradient(315deg,rgba(255,106,61,.42),transparent 43%)}.eg-photo.stage-system{--photo-bg:linear-gradient(145deg,#25211b,#0c0c0c);--photo-art:radial-gradient(circle at 50% 30%,rgba(184,255,87,.58),transparent 17%),linear-gradient(0deg,rgba(245,245,240,.16) 0 8%,transparent 8%)}.eg-photo.shared{--photo-bg:linear-gradient(145deg,#1a1a1a,#090909);--photo-art:repeating-radial-gradient(circle at 50% 76%,rgba(245,245,240,.17) 0 5px,transparent 6px 17px)}.eg-photo.recognition{--photo-bg:linear-gradient(145deg,#322217,#0b0b0b);--photo-art:radial-gradient(circle at 50% 35%,rgba(255,106,61,.65),transparent 19%),linear-gradient(90deg,transparent 40%,rgba(245,245,240,.18) 40% 60%,transparent 60%)}.eg-photo.wayfinding{--photo-bg:linear-gradient(145deg,#182018,#0a0a0a);--photo-art:linear-gradient(90deg,rgba(184,255,87,.65) 0 37%,transparent 37%),linear-gradient(0deg,transparent 0 44%,rgba(245,245,240,.16) 44% 50%,transparent 50%)}.eg-photo.closing{--photo-bg:linear-gradient(145deg,#211b16,#0b0b0b);--photo-art:radial-gradient(circle at 63% 31%,rgba(184,255,87,.48),transparent 16%),radial-gradient(circle at 37% 66%,rgba(255,106,61,.41),transparent 21%)}

  .eg-carousel-modal{width:min(980px,calc(100vw - 42px));padding:0;border:1px solid var(--line);background:#0d0d0d;color:var(--text);box-shadow:0 28px 100px rgba(0,0,0,.67)}.eg-carousel-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(9px)}.eg-modal-card{height:min(760px,calc(100svh - 42px));display:grid;grid-template-rows:auto 1fr auto}.eg-modal-top, .eg-modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line-soft);color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}.eg-modal-top p{margin:0}.eg-modal-bottom{border-bottom:0;border-top:1px solid var(--line-soft)}.eg-modal-close, .eg-modal-nav{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);background:rgba(8,8,8,.65);color:var(--text);font-size:17px;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.eg-modal-close:hover, .eg-modal-nav:hover:not(:disabled){border-color:var(--lime);background:var(--lime);color:#050505}.eg-modal-nav:disabled{cursor:not-allowed;opacity:.3}.eg-modal-stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px}.eg-modal-slide-wrap{min-width:0;height:100%;overflow:hidden}.eg-modal-slide-rail{display:flex;height:100%;transition:transform .7s var(--ease)}.eg-modal-slide{position:relative;flex:0 0 100%;min-width:100%;height:100%;background:var(--slide-bg,linear-gradient(145deg,#1f241d,#101010))}.eg-modal-slide::before{content:attr(data-slide);position:absolute;left:11%;top:11%;color:rgba(245,245,240,.93);font:600 clamp(44px,7vw,98px)/.8 var(--sans);letter-spacing:-.1em}.eg-modal-slide::after{content:"SDD EMPLOYEE GATHERING / 2026";position:absolute;left:11%;bottom:10%;color:rgba(245,245,240,.75);font:500 9px var(--mono);letter-spacing:.08em}.eg-modal-slide:nth-child(2n)::before{color:#111}.eg-modal-slide:nth-child(2n)::after{color:rgba(17,17,17,.7)}

  [data-eg-reveal]{opacity:0;filter:blur(8px);transform:translate3d(0,25px,0);transition:opacity .8s var(--ease),filter .8s var(--ease),transform .8s var(--ease)}[data-eg-reveal].is-visible{opacity:1;filter:none;transform:translate3d(0,0,0)}[data-eg-reveal][data-delay="1"]{transition-delay:.08s}
  @media (max-width:900px){.eg-hero-intro-grid{grid-template-columns:1fr;gap:22px}.eg-meta{width:100%;max-width:600px}.eg-stage{width:84vw;bottom:22%;transform:translateX(-47%) perspective(900px) rotateX(13deg)}.eg-prelude-grid{grid-template-columns:1fr 1fr}.eg-prelude-card.one{grid-column:span 2}.eg-carousel-item, .eg-loop-card{grid-column:span 6;grid-row:span 5}.eg-photo{grid-column:span 3}.eg-photo.wide{grid-column:span 6}.eg-section-head{align-items:flex-start;flex-direction:column}.eg-section-head p{text-align:left}}
  @media (max-width:620px){.eg-hero{min-height:calc(100svh - 122px)}.eg-hero-content{padding-top:112px;padding-bottom:58px}.eg-hero-slot{top:86px;right:auto;left:var(--gutter);font-size:7px}.eg-hero-copy{margin-top:clamp(112px,18vh,158px)}.eg-tagline{width:100%;margin-top:4px}.eg-meta{grid-template-columns:1fr}.eg-meta li, .eg-meta li:nth-child(2n){border-right:0}.eg-meta li:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}.eg-meta li:last-child{border-bottom:0}.eg-hero-reveal{display:none}.eg-stage{width:110vw;height:49vw;left:48%;bottom:29%}.eg-crowd{height:25%;left:0}.eg-case-nav{top:72px!important}.eg-section{padding:74px 0}.eg-section-head{margin-bottom:28px}.eg-section-head h2{font-size:clamp(38px,12vw,60px)}.eg-section-head p{font-size:13px}.eg-prelude-grid{grid-template-columns:1fr}.eg-prelude-card, .eg-prelude-card.one{grid-column:auto;min-height:365px}.eg-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:84px;width:calc(100% - var(--gutter)*2);margin-inline:auto}.eg-carousel-item, .eg-loop-card{grid-column:span 2;grid-row:span 4}.eg-photo{grid-column:span 2;grid-row:span 2}.eg-photo.wide{grid-column:span 4;grid-row:span 3}.eg-photo.tall{grid-row:span 3}.eg-media-slot{font-size:6px}.eg-gallery-item figcaption, .eg-carousel-caption{left:10px;right:10px;bottom:9px;font-size:7px}.eg-video-control{right:8px;top:8px;min-height:27px;padding:0 7px;font-size:6px}.eg-carousel-modal{width:calc(100vw - 24px)}.eg-modal-card{height:calc(100svh - 24px)}.eg-modal-stage{grid-template-columns:1fr;gap:10px;padding:12px}.eg-modal-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%)}.eg-modal-nav.prev{left:10px}.eg-modal-nav.next{right:10px}.eg-modal-slide-wrap{width:auto;max-width:calc(100% - 28px);height:min(60svh,500px);margin:auto}.eg-modal-top, .eg-modal-bottom{padding:12px}}
  @media (prefers-reduced-motion:reduce){[data-eg-reveal]{opacity:1!important;filter:none!important;transform:none!important}.eg-hero-placeholder, .eg-prelude-card::before, .eg-prelude-poster, .eg-prelude-invite, .eg-prelude-countdown, .eg-loop-art, .eg-photo .eg-asset-stage::before{transition:none!important}}



  
  :root{--portfolio-header-height:72px;--portfolio-case-nav-height:49px}
  #enterpriseView, #waroongView, #safariView, #sddToolsView, #pilarView, .gathering-showreel, .sdd-case, .pti-case{overflow:visible!important}
  .case-nav{
    position:sticky!important;
    top:var(--portfolio-header-height)!important;
    z-index:96!important;
    width:100%;
    min-height:var(--portfolio-case-nav-height);
    background:rgba(8,8,8,.92)!important;
    border-bottom:1px solid var(--line-soft);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .case-nav .shell{min-height:var(--portfolio-case-nav-height);align-items:center}
  .page-view main > section[id], .page-view main > nav + section[id]{
    scroll-margin-top:calc(var(--portfolio-header-height) + var(--portfolio-case-nav-height) + 18px);
  }

  
  .eg-title-lockup{display:block}
  .eg-title-lockup h1{max-width:9.4ch}
  .eg-title-lockup h1 .eg-title-main, .eg-title-lockup h1 .eg-title-accent{display:block}
  .eg-title-lockup h1 .eg-title-main{color:var(--text)}
  .eg-title-lockup h1 .eg-title-accent{color:var(--lime)}
  .eg-title-lockup .eg-tagline{
    display:inline-flex;
    margin:clamp(20px,3vw,32px) 0 0;
    padding:8px 10px;
    border:1px solid rgba(255,106,61,.38);
    background:rgba(255,106,61,.10);
    color:var(--orange);
    font-size:clamp(8px,.95vw,11px);
  }

  
  .sdd-lite-hero-media{filter:blur(8px) saturate(.52) contrast(.88)}
  .sdd-lite-hero-stage{
    position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;
    background:
      radial-gradient(circle at 74% 19%,rgba(184,255,87,.19),transparent 23%),
      radial-gradient(circle at 23% 76%,rgba(255,106,61,.11),transparent 26%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 36px),
      linear-gradient(135deg,#27322b,#101312 52%,#26332a);
  }
  .sdd-lite-hero-stage::before{
    content:"";width:min(38vw,470px);aspect-ratio:1.42;border:1px solid rgba(245,245,240,.32);
    background:linear-gradient(145deg,rgba(245,245,240,.92),#a7b3ac);
    box-shadow:26px 32px 58px rgba(0,0,0,.42);
    transform:rotate(-7deg) translateX(16%);
  }
  .sdd-lite-hero-stage::after{
    content:"";position:absolute;width:min(22vw,270px);aspect-ratio:.72;border:1px solid rgba(245,245,240,.32);
    background:linear-gradient(145deg,#26342d,#101614 67%);
    box-shadow:22px 30px 52px rgba(0,0,0,.38);
    transform:rotate(10deg) translate(68%,12%);
  }
  .sdd-lite-hero-stage span, .sdd-lite-hero-stage small{position:relative;z-index:2;display:block;text-align:center}
  .sdd-lite-hero-stage span{color:rgba(245,245,240,.72);font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
  .sdd-lite-hero-stage small{color:rgba(245,245,240,.46);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .sdd-lite-hero-note{max-width:38ch;margin-top:24px;color:rgba(245,245,240,.82);font-size:clamp(15px,1.35vw,18px);line-height:1.48}
  .sdd-lite-section .sdd-section-head{align-items:flex-end}
  .sdd-lite-year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--sdd-soft);background:var(--sdd-soft)}
  .sdd-lite-asset, .sdd-lite-agenda-card, .sdd-lite-production-card{margin:0;min-width:0;background:var(--surface);transition:transform .35s var(--ease),background .35s var(--ease)}
  .sdd-lite-asset:hover, .sdd-lite-agenda-card:hover, .sdd-lite-production-card:hover{position:relative;z-index:2;transform:translateY(-5px);background:var(--surface-2)}
  .sdd-lite-stage{
    position:relative;display:flex;min-height:clamp(190px,18vw,280px);align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden;
    border-bottom:1px solid var(--sdd-soft);
    background:
      radial-gradient(circle at 72% 20%,rgba(184,255,87,.12),transparent 26%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 28px),
      repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px),
      linear-gradient(145deg,#171b1b,#0e1010);
    transition:filter .35s var(--ease),transform .45s var(--ease);
  }
  .sdd-lite-stage::before{content:"";position:absolute;width:58%;aspect-ratio:.73;border:1px solid rgba(245,245,240,.23);background:rgba(245,245,240,.06);transform:rotate(-6deg);box-shadow:14px 20px 28px rgba(0,0,0,.27)}
  .sdd-lite-stage span, .sdd-lite-stage small{position:relative;z-index:1;text-align:center;text-transform:uppercase}
  .sdd-lite-stage span{color:var(--text);font:500 9px var(--mono);letter-spacing:.075em}
  .sdd-lite-stage small{color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em}
  .sdd-lite-asset:hover .sdd-lite-stage, .sdd-lite-agenda-card:hover .sdd-lite-stage, .sdd-lite-production-card:hover .sdd-lite-stage{filter:brightness(1.14);transform:scale(1.025)}
  .sdd-lite-asset figcaption, .sdd-lite-agenda-card figcaption, .sdd-lite-production-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}
  .sdd-lite-asset figcaption b, .sdd-lite-agenda-card figcaption b, .sdd-lite-production-card figcaption b{color:var(--lime);font-weight:500}
  .sdd-lite-agenda-rail{display:grid;grid-template-columns:1.08fr repeat(4,.98fr);gap:1px;border:1px solid var(--sdd-soft);background:var(--sdd-soft)}
  .sdd-lite-agenda-card .sdd-lite-stage{min-height:clamp(250px,29vw,410px)}
  .sdd-lite-agenda-card.cover .sdd-lite-stage::before{aspect-ratio:.68;transform:rotate(-5deg)}
  .sdd-lite-agenda-card:not(.cover) .sdd-lite-stage::before{width:72%;aspect-ratio:1.22;transform:rotate(-4deg)}
  .sdd-lite-production-grid{display:grid;grid-template-columns:1fr 1fr .68fr;gap:1px;border:1px solid var(--sdd-soft);background:var(--sdd-soft)}
  .sdd-lite-production-card .sdd-lite-stage{min-height:clamp(270px,31vw,450px)}
  .sdd-lite-production-card.calendar .sdd-lite-stage::before{width:68%;aspect-ratio:1.12}
  .sdd-lite-production-card.agenda .sdd-lite-stage::before{width:56%;aspect-ratio:.78}
  .sdd-lite-production-card.detail .sdd-lite-stage::before{width:58%;aspect-ratio:1}
  @media (hover:hover){.sdd-hero:hover .sdd-lite-hero-media{filter:blur(0) saturate(.9) contrast(1.02)}}
  @media (max-width:860px){
    .sdd-lite-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sdd-lite-agenda-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sdd-lite-agenda-card:nth-child(n+4){display:none}
    .sdd-lite-production-grid{grid-template-columns:1fr 1fr}
    .sdd-lite-production-card.detail{grid-column:1/-1}
  }
  @media (max-width:620px){
    .sdd-lite-hero-stage::before{width:min(64vw,320px);transform:rotate(-7deg) translateX(8%)}
    .sdd-lite-hero-stage::after{width:min(36vw,185px);transform:rotate(10deg) translate(63%,12%)}
    .sdd-lite-section .sdd-section-head{align-items:flex-start}
    .sdd-lite-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sdd-lite-stage{min-height:170px}
    .sdd-lite-agenda-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,72vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
    .sdd-lite-agenda-card{scroll-snap-align:start}
    .sdd-lite-agenda-card:nth-child(n+4){display:block}
    .sdd-lite-agenda-card .sdd-lite-stage{min-height:330px}
    .sdd-lite-production-grid{grid-template-columns:1fr}
    .sdd-lite-production-card.detail{grid-column:auto}
    .eg-title-lockup h1{font-size:clamp(58px,15vw,92px);line-height:.82}
  }




#sddWebView{background:var(--bg);transition:opacity .45s var(--ease),transform .45s var(--ease),filter .45s var(--ease)}
#sddWebView.route-enter{opacity:0;filter:blur(18px);transform:translate3d(0,20px,0);pointer-events:none}
#sddWebView.route-exit{opacity:0;filter:blur(12px);transform:translate3d(0,-12px,0);pointer-events:none}
#sddWebView.route-entered{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
.sddweb-case{background:var(--bg);color:var(--text)}


.sddweb-case-hero .case-hero-copy{grid-column:1 / span 7}
.sddweb-case-hero .case-hero-copy h1{max-width:10.6ch;font-size:clamp(50px,6.45vw,100px);line-height:.91}
.sddweb-case-hero .case-hero-copy h1 b{display:block;color:var(--lime);font-weight:600}
.sddweb-case-hero .lead{max-width:58ch}
.work-hero-media--sddweb{background:radial-gradient(circle at 77% 19%,rgba(184,255,87,.19),transparent 25%),radial-gradient(circle at 34% 82%,rgba(255,106,61,.11),transparent 30%),linear-gradient(135deg,#153238 0%,#0d1111 54%,#1b3032 100%)}
.sddweb-hero-canvas{position:absolute;right:7%;top:12%;width:min(57vw,790px);aspect-ratio:1.48;overflow:hidden;border:1px solid rgba(245,245,240,.25);background:#ecf2e9;box-shadow:25px 33px 62px rgba(0,0,0,.48);transform:rotate(-6deg)}
.sddweb-hero-canvas::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(184,255,87,.15),transparent 48%,rgba(255,106,61,.12));pointer-events:none}
.sddweb-hero-topbar{display:flex;align-items:center;gap:6px;height:31px;padding:0 12px;border-bottom:1px solid rgba(16,48,58,.15);color:#46616a;font:500 7px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sddweb-hero-topbar i{display:block;width:6px;height:6px;border-radius:50%;background:#ec7147}.sddweb-hero-topbar i:nth-child(2){background:var(--lime)}.sddweb-hero-topbar i:nth-child(3){background:#899594}.sddweb-hero-topbar span{margin-left:6px}
.sddweb-hero-ui{display:grid;grid-template-columns:.25fr .75fr;height:calc(100% - 31px)}.sddweb-hero-ui aside{padding:19px 13px;background:#113c4d}.sddweb-hero-ui aside b, .sddweb-hero-ui aside i{display:block;background:rgba(242,245,237,.52)}.sddweb-hero-ui aside b{height:16px;margin-bottom:22px;background:#f2f5ed}.sddweb-hero-ui aside i{height:7px;margin:12px 0}.sddweb-hero-ui aside i:nth-child(4){width:72%}.sddweb-hero-ui aside i:nth-child(5){width:54%}.sddweb-hero-main{position:relative;padding:clamp(20px,3vw,38px);background:#edf4e8}.sddweb-hero-main h3{width:66%;height:15%;margin:0;background:#173b46}.sddweb-hero-main p{width:46%;height:8%;margin:15px 0 0;background:#ec7147}.sddweb-hero-main span{position:absolute;left:clamp(20px,3vw,38px);right:clamp(20px,3vw,38px);bottom:clamp(19px,3vw,35px);height:36%;background:repeating-linear-gradient(90deg,rgba(22,59,69,.19) 0 1px,transparent 1px 27px),repeating-linear-gradient(0deg,rgba(22,59,69,.13) 0 1px,transparent 1px 27px)}
.sddweb-hero-note-live{right:10%;top:44%}.sddweb-hero-note-live::before{left:-4px;top:-4px}.sddweb-hero-note-next{right:38%;bottom:11%}.sddweb-hero-note-next::before{right:-4px;bottom:-4px;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}
.sddweb-case-nav{top:72px}


.sddweb-section{position:relative;padding:clamp(76px,9vw,136px) 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:126px}
.sddweb-section.is-future{background:linear-gradient(135deg,rgba(184,255,87,.033),transparent 42%)}
.sddweb-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.sddweb-story-head{grid-column:1 / span 4;position:sticky;top:126px;align-self:start;padding-bottom:24px}
.sddweb-story-head h2{max-width:11.5ch;margin-top:18px;font-size:clamp(36px,4.25vw,62px);line-height:.99;letter-spacing:-.06em}
.sddweb-story-head h2 span{color:var(--lime)}
.sddweb-story-head p{max-width:32ch;margin-top:19px;color:var(--muted);font-size:15px;line-height:1.6}
.sddweb-story-content{grid-column:6 / -1;min-width:0}
[data-sddweb-reveal]{opacity:0;transform:translateY(20px);transition:opacity .72s var(--ease),transform .72s var(--ease)}
[data-sddweb-reveal].is-visible{opacity:1;transform:none}


.sddweb-journey-layout{display:grid;grid-template-columns:minmax(238px,.75fr) minmax(0,1.25fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
.sddweb-checkpoint-list{--journey-progress:0%;position:relative;display:grid;align-content:start;gap:1px;padding:1px;background:var(--line-soft)}
.sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{content:"";position:absolute;z-index:1;left:31px;top:48px;width:2px;border-radius:99px;pointer-events:none}.sddweb-checkpoint-list::before{bottom:48px;background:rgba(255,255,255,.10)}.sddweb-checkpoint-list::after{height:calc((100% - 96px) * var(--journey-progress) / 100);background:linear-gradient(180deg,#789f42 0%,var(--lime) 66%,var(--orange) 100%);box-shadow:0 0 14px rgba(184,255,87,.17);transition:height .18s linear}
.sddweb-checkpoint{position:relative;z-index:2;display:grid;grid-template-columns:30px 1fr;gap:13px;min-height:122px;padding:18px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;opacity:.34;transform:translateY(16px);transition:background .28s var(--ease),transform .48s var(--ease),opacity .48s var(--ease),box-shadow .28s var(--ease)}
.sddweb-checkpoint.is-revealed{opacity:1;transform:translateY(0)}
.sddweb-checkpoint:hover, .sddweb-checkpoint:focus-visible{transform:translateX(3px);outline:none}
.sddweb-checkpoint i{position:relative;z-index:3;display:block;width:14px;height:14px;margin-top:4px;border:1px solid var(--muted);border-radius:50%;background:var(--bg);box-shadow:0 0 0 6px var(--surface);font-style:normal;transition:background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.sddweb-checkpoint span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sddweb-checkpoint b{display:block;margin-top:8px;font-size:17px;line-height:1.1;letter-spacing:-.035em}.sddweb-checkpoint small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.42;text-transform:none;letter-spacing:0}
.sddweb-checkpoint.is-past{background:linear-gradient(130deg,rgba(120,159,66,.08),transparent 72%),var(--surface)}.sddweb-checkpoint.is-past span{color:#a8c879}.sddweb-checkpoint.is-past i{border-color:#86ab4b;background:#86ab4b;box-shadow:0 0 0 6px var(--surface),0 0 0 10px rgba(134,171,75,.10)}
.sddweb-checkpoint.is-current{background:linear-gradient(130deg,rgba(184,255,87,.19),transparent 70%),var(--surface-2);box-shadow:inset 3px 0 0 var(--lime)}.sddweb-checkpoint.is-current span{color:var(--lime)}.sddweb-checkpoint.is-current i{border-color:var(--lime);background:var(--lime);box-shadow:0 0 0 6px var(--surface-2),0 0 0 12px var(--lime-dim);animation:sddweb-current-pulse 2.15s ease-in-out infinite}.sddweb-checkpoint.is-current b{color:var(--text)}
.sddweb-checkpoint.is-future{background:linear-gradient(130deg,rgba(255,106,61,.06),transparent 68%),var(--surface);border-top:1px dashed rgba(255,106,61,.30);opacity:.56}.sddweb-checkpoint.is-future span{color:var(--orange)}.sddweb-checkpoint.is-future i{border-color:var(--orange);background:var(--bg);box-shadow:0 0 0 6px var(--surface),0 0 0 10px var(--orange-dim)}.sddweb-checkpoint.is-future:hover, .sddweb-checkpoint.is-future.is-selected{opacity:1}
.sddweb-checkpoint.is-selected{box-shadow:inset 3px 0 0 currentColor}.sddweb-checkpoint.is-selected.is-past{box-shadow:inset 3px 0 0 #86ab4b}.sddweb-checkpoint.is-selected.is-future{box-shadow:inset 3px 0 0 var(--orange)}
@keyframes sddweb-current-pulse{0%, 100%{box-shadow:0 0 0 6px var(--surface-2),0 0 0 12px var(--lime-dim),0 0 0 0 rgba(184,255,87,.30)}50%{box-shadow:0 0 0 6px var(--surface-2),0 0 0 17px rgba(184,255,87,.045),0 0 0 28px rgba(184,255,87,0)}}
.sddweb-journey-detail{min-height:526px;padding:clamp(26px,4vw,46px);background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}
.sddweb-detail-label{color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sddweb-detail-label.future{color:var(--orange)}.sddweb-journey-detail h3{max-width:14ch;margin-top:15px;font-size:clamp(30px,3.8vw,52px);line-height:1.02;letter-spacing:-.065em}.sddweb-journey-detail p{max-width:60ch;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.62}
.sddweb-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--lime);font-size:24px}.sddweb-icon.future{color:var(--orange);border-color:rgba(255,106,61,.35);background:var(--orange-dim)}.sddweb-icon.past{color:#a8c879;border-color:rgba(168,200,121,.34);background:rgba(134,171,75,.10)}
.sddweb-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;margin-top:27px;border:1px solid var(--line-soft);background:var(--line-soft)}.sddweb-pain-card{min-height:132px;padding:16px;background:var(--surface-2)}.sddweb-pain-card h4{margin:14px 0 0;font-size:16px;line-height:1.13;letter-spacing:-.035em}.sddweb-pain-card p{margin-top:8px;font-size:12px;line-height:1.47}
.sddweb-mindmap{position:relative;width:100%;min-height:240px;margin-top:27px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(184,255,87,.10),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px)}.sddweb-mindmap::before, .sddweb-mindmap::after{content:"";position:absolute;left:50%;top:50%;width:36%;height:1px;background:rgba(184,255,87,.35);transform-origin:left center}.sddweb-mindmap::before{transform:rotate(-32deg)}.sddweb-mindmap::after{transform:rotate(31deg)}.sddweb-mindmap-core{position:absolute;z-index:2;left:50%;top:50%;width:132px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding:18px;background:var(--lime);color:#050505;text-align:center;font:500 9px/1.35 var(--mono);letter-spacing:.045em;text-transform:uppercase}.sddweb-mindmap-node{position:absolute;z-index:2;max-width:142px;padding:8px 9px;border:1px solid var(--line);background:rgba(16,16,16,.95);color:var(--muted);font:500 8px/1.4 var(--mono);letter-spacing:.045em;text-transform:uppercase}.sddweb-mindmap-node.one{left:6%;top:13%}.sddweb-mindmap-node.two{right:6%;top:14%}.sddweb-mindmap-node.three{left:5%;bottom:14%}.sddweb-mindmap-node.four{right:5%;bottom:14%}
.sddweb-live-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;margin-top:27px;border:1px solid var(--line-soft);background:var(--line-soft)}.sddweb-live-note{display:flex;gap:11px;padding:15px;background:var(--surface-2)}.sddweb-live-note h4{margin:0;font-size:15px;line-height:1.13;letter-spacing:-.025em}.sddweb-live-note p{margin:7px 0 0;font-size:12px;line-height:1.45}
.sddweb-mini-future{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;margin-top:27px;border:1px dashed rgba(255,106,61,.37);background:rgba(255,106,61,.12)}.sddweb-mini-future article{display:flex;gap:11px;padding:15px;background:rgba(16,16,16,.89)}.sddweb-mini-future h4{margin:0;font-size:15px;line-height:1.14;letter-spacing:-.025em}.sddweb-mini-future p{margin:7px 0 0;font-size:12px;line-height:1.45}


.sddweb-live-embed{position:relative;overflow:hidden;border:1px solid var(--line);background:#0b0f0f;box-shadow:18px 28px 56px rgba(0,0,0,.32)}
.sddweb-live-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:55px;padding:10px 13px;border-bottom:1px solid var(--line);background:rgba(8,8,8,.96);color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sddweb-live-toolbar span{display:inline-flex;align-items:center;gap:8px}.sddweb-live-toolbar span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-dim)}.sddweb-live-toolbar a{display:inline-flex;align-items:center;gap:7px;color:var(--text);transition:color .25s var(--ease)}.sddweb-live-toolbar a:hover, .sddweb-live-toolbar a:focus-visible{color:var(--lime);outline:none}.sddweb-live-toolbar a i{font-size:15px;font-style:normal}.sddweb-live-frame{display:block;width:100%;height:clamp(520px,69vw,860px);border:0;background:#fff}.sddweb-embed-note{padding:11px 13px;border-top:1px solid var(--line-soft);background:rgba(255,255,255,.02);color:var(--muted);font-size:11px;line-height:1.45}.sddweb-embed-note a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}


.sddweb-engine-board{border:1px dashed rgba(255,106,61,.36);background:linear-gradient(135deg,rgba(255,106,61,.05),transparent 46%),var(--surface)}
.sddweb-engine-label{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px dashed rgba(255,106,61,.32);color:var(--orange);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}.sddweb-engine-label i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--orange-dim)}
.sddweb-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft)}.sddweb-engine-card{min-height:245px;padding:clamp(18px,2.45vw,30px);background:var(--surface)}.sddweb-engine-card h3{margin:17px 0 0;font-size:clamp(21px,2.2vw,31px);line-height:1.07;letter-spacing:-.05em}.sddweb-engine-card p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.sddweb-engine-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:18px;border:1px solid var(--line-soft);background:var(--line-soft)}.sddweb-engine-flow div{min-height:150px;padding:16px;background:var(--surface)}.sddweb-engine-flow b{display:block;margin-top:15px;font-size:15px;line-height:1.12;letter-spacing:-.03em}.sddweb-engine-flow small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.4}


.sddweb-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.sddweb-outcome-card{min-height:415px;padding:clamp(24px,3.9vw,43px);background:var(--surface)}.sddweb-outcome-card.future{background:linear-gradient(135deg,rgba(255,106,61,.075),transparent 65%),var(--surface)}.sddweb-outcome-kicker{display:flex;align-items:center;gap:9px;color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.sddweb-outcome-kicker.future{color:var(--orange)}.sddweb-outcome-kicker i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(184,255,87,.11)}.sddweb-outcome-card.future .sddweb-outcome-kicker i{box-shadow:0 0 0 4px var(--orange-dim)}.sddweb-outcome-card h3{max-width:14ch;margin:18px 0 0;font-size:clamp(29px,3.35vw,47px);line-height:1.03;letter-spacing:-.06em}.sddweb-outcome-card>p{max-width:55ch;margin:15px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.sddweb-outcome-list{display:grid;gap:1px;margin:26px 0 0;padding:0;list-style:none;border:1px solid var(--line-soft);background:var(--line-soft)}.sddweb-outcome-list li{display:flex;gap:11px;align-items:flex-start;padding:12px;background:var(--surface-2);color:var(--muted);font-size:13px;line-height:1.45}.sddweb-outcome-list .sddweb-icon{width:29px;height:29px;font-size:17px}.sddweb-outcome-card.future .sddweb-icon{color:var(--orange);border-color:rgba(255,106,61,.30);background:var(--orange-dim)}

@media (max-width:980px){
  .sddweb-case-hero .case-hero-copy{grid-column:1 / span 8}.sddweb-hero-canvas{right:-13%;width:74vw}.sddweb-story-head{grid-column:1 / span 3}.sddweb-story-content{grid-column:5 / -1}.sddweb-journey-layout{grid-template-columns:1fr}.sddweb-checkpoint-list{grid-template-columns:repeat(4,1fr)}.sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{left:48px;right:48px;top:31px;bottom:auto;width:auto;height:2px}.sddweb-checkpoint-list::after{width:calc((100% - 96px) * var(--journey-progress) / 100);height:2px}.sddweb-checkpoint{grid-template-columns:1fr;min-height:150px}.sddweb-checkpoint i{margin-top:0}.sddweb-checkpoint b{font-size:15px}.sddweb-checkpoint small{font-size:10px}.sddweb-engine-grid{grid-template-columns:1fr 1fr}.sddweb-engine-flow{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  .sddweb-story{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sddweb-story-head, .sddweb-story-content{grid-column:1 / -1}.sddweb-story-head{position:static;padding-bottom:0}.sddweb-story-head h2{max-width:12ch}.sddweb-case-hero .case-hero-copy, .sddweb-case-hero .case-hero-meta{grid-column:1 / -1}.sddweb-case-hero .case-hero-copy h1{font-size:clamp(45px,13vw,70px)}.sddweb-hero-canvas{right:-31%;top:21%;width:116vw}.sddweb-hero-note-live{right:7%;top:55%}.sddweb-hero-note-next{right:38%;bottom:14%}.sddweb-checkpoint-list{grid-template-columns:1fr}.sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{left:31px;top:48px;right:auto;bottom:48px;width:2px}.sddweb-checkpoint-list::after{height:calc((100% - 96px) * var(--journey-progress) / 100);width:2px}.sddweb-checkpoint{grid-template-columns:30px 1fr;min-height:auto}.sddweb-checkpoint b{font-size:16px}.sddweb-journey-detail{min-height:auto}.sddweb-pain-grid, .sddweb-live-notes, .sddweb-mini-future, .sddweb-outcome-grid{grid-template-columns:1fr}.sddweb-mindmap{min-height:390px}.sddweb-mindmap-node.one{left:5%;top:8%}.sddweb-mindmap-node.two{right:5%;top:26%}.sddweb-mindmap-node.three{left:5%;bottom:27%}.sddweb-mindmap-node.four{right:5%;bottom:8%}.sddweb-live-toolbar{align-items:flex-start;flex-direction:column}.sddweb-live-frame{height:510px}.sddweb-engine-grid, .sddweb-engine-flow{grid-template-columns:1fr}.sddweb-engine-card{min-height:auto}.sddweb-engine-flow div{min-height:auto}.sddweb-section{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){
  [data-sddweb-reveal], .sddweb-checkpoint{opacity:1!important;transform:none!important;transition:none!important}.sddweb-checkpoint.is-current i{animation:none}.sddweb-checkpoint-list::after{transition:none}.sddweb-hero-canvas{transform:none}
}




.sddweb-case-hero .case-hero-copy, .sddweb-case-hero .case-hero-meta{
  position:relative;
  z-index:5;
  opacity:1!important;
  transform:none!important;
}
.sddweb-case-hero .case-hero-meta{
  display:grid!important;
  grid-column:8 / -1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-self:end;
  width:100%;
  max-width:none;
  margin:0;
  border:1px solid rgba(245,245,240,.18);
  background:rgba(8,8,8,.58);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.sddweb-case-hero .case-hero-meta>div{
  display:block;
  min-width:0;
  min-height:88px;
  padding:14px 15px;
  border:0;
  border-right:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(8,8,8,.30);
}
.sddweb-case-hero .case-hero-meta>div:nth-child(2n){border-right:0}
.sddweb-case-hero .case-hero-meta>div:nth-last-child(-n+2){border-bottom:0}
.sddweb-case-hero .case-hero-meta dt{font-size:8px}
.sddweb-case-hero .case-hero-meta dd{margin-top:8px;font-size:12px;line-height:1.42;overflow-wrap:anywhere}


.sddweb-checkpoint-list{padding:1px;background:var(--line-soft)}
.sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{left:25px;opacity:.72}
.sddweb-checkpoint{isolation:isolate;grid-template-columns:30px minmax(0,1fr);gap:13px;min-height:130px;padding:20px 18px;overflow:hidden}
.sddweb-checkpoint::before{
  content:"";
  position:absolute;
  z-index:1;
  left:24px;
  top:-1px;
  bottom:-1px;
  width:2px;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}
.sddweb-checkpoint>i, .sddweb-checkpoint>span{position:relative;z-index:2;min-width:0}
.sddweb-checkpoint b, .sddweb-checkpoint small, .sddweb-checkpoint span span{min-width:0;overflow-wrap:anywhere;word-break:normal}
.sddweb-checkpoint small{line-height:1.48}
.sddweb-checkpoint.is-past::before{background:#86ab4b}
.sddweb-checkpoint.is-current::before{
  background:
    linear-gradient(180deg,var(--lime) 0 54%,transparent 54%),
    repeating-linear-gradient(180deg,rgba(255,106,61,.88) 0 5px,transparent 5px 10px);
}
.sddweb-checkpoint.is-future::before{
  background:repeating-linear-gradient(180deg,rgba(255,106,61,.64) 0 5px,transparent 5px 10px);
}
.sddweb-checkpoint.is-current, .sddweb-checkpoint.is-current.is-selected, .sddweb-checkpoint.is-selected{box-shadow:none!important}
.sddweb-checkpoint.is-current{border-left:0}
.sddweb-checkpoint.is-current:hover, .sddweb-checkpoint.is-current:focus-visible{background:linear-gradient(130deg,rgba(184,255,87,.24),transparent 70%),var(--surface-2)}


.sddweb-live-notes{align-items:stretch;margin-top:30px}
.sddweb-live-note{min-width:0;padding:17px 16px;align-items:flex-start}
.sddweb-live-note>div{min-width:0}
.sddweb-live-note h4, .sddweb-live-note p{overflow-wrap:anywhere}
.sddweb-live-note h4{font-size:14px;line-height:1.22}
.sddweb-live-note p{font-size:12px;line-height:1.5}
.sddweb-journey-detail{padding:clamp(28px,4vw,48px)}


.sddweb-live-placeholder{
  position:relative;
  min-height:clamp(390px,52vw,690px);
  padding:clamp(18px,3vw,34px);
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 19%,rgba(184,255,87,.16),transparent 23%),
    radial-gradient(circle at 22% 82%,rgba(255,106,61,.10),transparent 26%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 32px),
    #0e1313;
}
.sddweb-live-placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.46));pointer-events:none}
.sddweb-live-placeholder-window{
  position:relative;
  z-index:1;
  width:min(94%,980px);
  height:clamp(310px,41vw,545px);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(245,245,240,.26);
  background:#edf4e8;
  box-shadow:18px 26px 52px rgba(0,0,0,.36);
}
.sddweb-live-placeholder-top{display:flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-bottom:1px solid rgba(16,48,58,.14);color:#557178;font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase}
.sddweb-live-placeholder-top i{display:block;width:7px;height:7px;border-radius:50%;background:#ec7147}.sddweb-live-placeholder-top i:nth-child(2){background:var(--lime)}.sddweb-live-placeholder-top i:nth-child(3){background:#97a4a0}.sddweb-live-placeholder-top span{margin-left:5px}
.sddweb-live-placeholder-body{display:grid;grid-template-columns:.22fr .78fr;height:calc(100% - 34px)}
.sddweb-live-placeholder-body aside{display:flex;flex-direction:column;gap:12px;padding:22px 14px;background:#12394a}.sddweb-live-placeholder-body aside b{margin-bottom:10px;color:#fff;font:600 18px/.9 var(--sans);letter-spacing:-.08em}.sddweb-live-placeholder-body aside span{display:block;width:88%;height:7px;background:rgba(255,255,255,.42)}.sddweb-live-placeholder-body aside span:nth-of-type(3){width:72%}.sddweb-live-placeholder-body aside span:nth-of-type(4){width:54%}
.sddweb-live-placeholder-main{position:relative;padding:clamp(22px,4vw,52px);background:linear-gradient(135deg,#eef6e8,#e1eee0)}.sddweb-live-placeholder-main small{color:#e96d43;font:500 9px var(--mono);letter-spacing:.065em}.sddweb-live-placeholder-main h3{max-width:12ch;margin:14px 0 0;color:#173b46;font-size:clamp(29px,4.2vw,62px);line-height:.94;letter-spacing:-.07em}.sddweb-live-placeholder-main p{max-width:32ch;margin:14px 0 0;color:#5c747a;font-size:13px}.sddweb-live-placeholder-cards{position:absolute;left:clamp(22px,4vw,52px);right:clamp(22px,4vw,52px);bottom:clamp(18px,3vw,36px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sddweb-live-placeholder-cards i{height:clamp(48px,7vw,92px);background:rgba(255,255,255,.79);border:1px solid rgba(16,48,58,.11)}
.sddweb-live-placeholder-caption{position:absolute;z-index:2;left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,30px);display:flex;align-items:center;gap:12px;color:var(--text)}.sddweb-live-placeholder-caption .sddweb-icon{background:rgba(8,8,8,.7)}.sddweb-live-placeholder-caption div{display:grid;gap:3px}.sddweb-live-placeholder-caption b{font-size:13px;letter-spacing:-.01em}.sddweb-live-placeholder-caption span{color:var(--muted);font-size:11px;line-height:1.45}
.sddweb-embed-note{padding:13px 15px}

@media (max-width:980px){
  .sddweb-case-hero .case-hero-meta{grid-column:1 / -1;max-width:620px;margin-top:30px}
  .sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{left:48px}
  .sddweb-checkpoint{padding:18px 15px;overflow:visible}
  .sddweb-checkpoint::before{left:50%;top:30px;bottom:auto;width:2px;height:calc(100% - 30px)}
  .sddweb-checkpoint.is-current::before{background:linear-gradient(180deg,var(--lime) 0 56%,transparent 56%),repeating-linear-gradient(180deg,rgba(255,106,61,.88) 0 5px,transparent 5px 10px)}
}
@media (max-width:700px){
  .sddweb-case-hero .case-hero-meta{grid-template-columns:1fr 1fr;max-width:none;margin-top:28px}
  .sddweb-case-hero .case-hero-meta>div{min-height:82px;padding:13px}
  .sddweb-case-hero .case-hero-meta dd{font-size:11px}
  .sddweb-checkpoint-list::before, .sddweb-checkpoint-list::after{left:25px}
  .sddweb-checkpoint{padding:19px 16px;overflow:hidden}
  .sddweb-checkpoint::before{left:24px;top:-1px;bottom:-1px;width:2px;height:auto}
  .sddweb-checkpoint.is-current::before{background:linear-gradient(180deg,var(--lime) 0 54%,transparent 54%),repeating-linear-gradient(180deg,rgba(255,106,61,.88) 0 5px,transparent 5px 10px)}
  .sddweb-live-placeholder{min-height:430px;padding:14px}
  .sddweb-live-placeholder-window{width:100%;height:310px}
  .sddweb-live-placeholder-body{grid-template-columns:74px 1fr}
  .sddweb-live-placeholder-body aside{padding:15px 9px;gap:10px}.sddweb-live-placeholder-body aside b{font-size:14px}
  .sddweb-live-placeholder-main{padding:23px 19px}.sddweb-live-placeholder-main h3{font-size:34px}.sddweb-live-placeholder-cards{left:19px;right:19px;bottom:20px}.sddweb-live-placeholder-caption{left:19px;right:19px;bottom:20px;align-items:flex-start}.sddweb-live-placeholder-caption .sddweb-icon{width:36px;height:36px;font-size:20px}
}




#sddToolsView[data-page="sddarchive"] .sdd-hero-copy{max-width:860px}
.sdd-archive-hero{background:#0a0c0b}
.sdd-archive-hero-media{filter:blur(8px) saturate(.62) contrast(.9)}
.sdd-archive-hero-stage{position:absolute;inset:-8%;display:grid;place-items:center;background:radial-gradient(circle at 76% 14%,rgba(184,255,87,.2),transparent 19%),radial-gradient(circle at 24% 76%,rgba(255,106,61,.19),transparent 28%),linear-gradient(142deg,#1b2118,#0e1010 56%,#21130f)}
.sdd-archive-hero-stage::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 38px),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 38px)}
.sdd-archive-hero-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:clamp(120px,15vw,230px);aspect-ratio:.74;padding:clamp(12px,1.5vw,21px);border:1px solid rgba(245,245,240,.28);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(14,14,14,.83));box-shadow:18px 28px 46px rgba(0,0,0,.42);font:600 clamp(21px,2.8vw,45px)/.8 var(--sans);letter-spacing:-.09em;transform-style:preserve-3d}
.sdd-archive-hero-card i{color:var(--lime);font:500 8px var(--mono);letter-spacing:.08em;font-style:normal}.sdd-archive-hero-card.social{left:17%;top:12%;background:linear-gradient(145deg,#4d6c3b,#131713 72%);transform:rotate(-9deg)}.sdd-archive-hero-card.print{right:17%;top:9%;background:linear-gradient(145deg,#d8d4c4,#9aa399);color:#101010;transform:rotate(13deg)}.sdd-archive-hero-card.event{left:38%;bottom:5%;background:linear-gradient(145deg,#50301c,#18110e);transform:rotate(-3deg)}.sdd-archive-hero-card.sales{right:35%;bottom:10%;background:linear-gradient(145deg,#1b2635,#0d1014);transform:rotate(8deg)}.sdd-archive-hero-card.brand{right:4%;bottom:21%;background:linear-gradient(145deg,#292a27,#121212);transform:rotate(-12deg)}
.sdd-archive-hero-note{max-width:52ch;margin:25px 0 0;color:rgba(245,245,240,.83);font-size:clamp(16px,1.4vw,20px);line-height:1.55;letter-spacing:-.025em}.sdd-archive-hero .hero-project-facts{margin-top:32px}
.sdd-archive-context-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.sdd-archive-context-grid>p{margin:0;padding:clamp(25px,4vw,54px);background:var(--surface);font-size:clamp(20px,2.25vw,34px);font-weight:500;line-height:1.18;letter-spacing:-.055em}.sdd-archive-context-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft)}.sdd-archive-context-tags span{display:flex;align-items:end;min-height:130px;padding:18px;background:#111;color:var(--muted);font:500 9px/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase}.sdd-archive-context-tags span:nth-child(1), .sdd-archive-context-tags span:nth-child(4){color:var(--lime);background:var(--lime-dim)}
.archive-filter{display:flex;flex-wrap:wrap;gap:7px}.archive-filter button{padding:10px 11px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.archive-filter button:hover, .archive-filter button.is-active{border-color:var(--lime);background:var(--lime);color:#070707}.archive-filter button:hover{transform:translateY(-2px)}.archive-filter-status{min-height:1.5em;margin:13px 0 25px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.archive-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.archive-work-card{grid-column:span 4;min-width:0;background:var(--surface);transition:opacity .28s var(--ease),transform .28s var(--ease)}.archive-work-card.large, .archive-work-card.wide{grid-column:span 8}.archive-work-card.is-filtered{display:none}.archive-work-stage{position:relative;display:grid;min-height:clamp(250px,25vw,370px);place-items:center;overflow:hidden;background:#131313;transition:filter .4s var(--ease),transform .45s var(--ease)}.archive-work-card:hover .archive-work-stage{filter:brightness(1.1);transform:scale(1.015)}.archive-media-note{position:absolute;z-index:3;top:12px;left:12px;padding:6px 7px;border:1px solid var(--line);background:rgba(8,8,8,.65);color:var(--muted);font:500 7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.archive-media-arrow{position:absolute;right:14px;bottom:14px;z-index:3;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;border:1px solid var(--lime);color:var(--lime);font-size:16px;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.archive-work-card:hover .archive-media-arrow{transform:rotate(45deg);background:var(--lime);color:#070707}.archive-work-copy{padding:18px 18px 22px}.archive-work-copy>span{color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.archive-work-copy h3{margin-top:11px;font-size:clamp(21px,2vw,29px);line-height:1.03;letter-spacing:-.055em}.archive-work-copy p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}
.social-feed{background:radial-gradient(circle at 71% 20%,rgba(184,255,87,.45),transparent 20%),linear-gradient(145deg,#283425,#10110f)}.archive-social-stack{position:relative;width:54%;aspect-ratio:.78;border:1px solid rgba(245,245,240,.25);background:#e3e1d7;color:#161616;padding:11%;box-shadow:18px 24px 33px rgba(0,0,0,.35);transform:rotate(-7deg)}.archive-social-stack::after{content:"";position:absolute;width:77%;aspect-ratio:.78;top:16%;left:18%;border:1px solid rgba(245,245,240,.2);background:#9fcf5d;z-index:-1;transform:rotate(13deg)}.archive-social-stack b{font:600 clamp(35px,5vw,73px)/.76 var(--sans);letter-spacing:-.12em}.archive-social-stack i{display:block;height:8px;margin-top:16px;background:#20251f}.archive-social-stack i+ i{width:72%;background:#62665a}.archive-social-stack i+i+i{width:48%;background:#ff6a3d}
.sales-deck{background:linear-gradient(145deg,#15202c,#0e1012)}.archive-slide{position:relative;width:73%;aspect-ratio:1.78;padding:8%;border:1px solid var(--line);background:#171c20;box-shadow:19px 26px 38px rgba(0,0,0,.35)}.archive-slide b{font:600 clamp(32px,4vw,68px)/.76 var(--sans);letter-spacing:-.1em;color:var(--lime)}.archive-slide i{display:block;width:77%;height:12%;margin-top:13%;background:rgba(245,245,240,.18)}.archive-slide i+i{width:52%;background:var(--orange)}
.print-calendar{background:radial-gradient(circle at 74% 20%,rgba(184,255,87,.26),transparent 22%),linear-gradient(145deg,#25221b,#10100d)}.archive-calendar-sheet{position:relative;width:53%;aspect-ratio:.78;padding:10%;background:#e4e1d7;color:#1a1d18;box-shadow:22px 29px 44px rgba(0,0,0,.42);transform:rotate(7deg)}.archive-calendar-sheet b{font:600 clamp(58px,8vw,118px)/.73 var(--sans);letter-spacing:-.15em}.archive-calendar-sheet i{position:absolute;left:10%;right:10%;bottom:13%;height:34%;background:repeating-linear-gradient(90deg,rgba(21,25,20,.28) 0 1px,transparent 1px 14.28%),repeating-linear-gradient(0deg,rgba(21,25,20,.28) 0 1px,transparent 1px 20%)}
.event-stage{background:radial-gradient(circle at 50% 27%,rgba(184,255,87,.45),transparent 18%),radial-gradient(circle at 26% 74%,rgba(255,106,61,.3),transparent 24%),linear-gradient(145deg,#26311f,#0e100d)}.archive-led{width:76%;min-height:48%;display:grid;place-items:center;border:1px solid rgba(245,245,240,.24);padding:8%;background:linear-gradient(145deg,rgba(245,245,240,.1),rgba(8,8,8,.38));text-align:center;font:600 clamp(27px,4vw,69px)/.8 var(--sans);letter-spacing:-.09em}.archive-led b{color:var(--lime);font-weight:600}
.brand-kit{background:linear-gradient(145deg,#1a1a19,#101010)}.archive-brand-lines{width:67%;padding:13%;border:1px solid var(--line);background:#e5e1d5;color:#151515;transform:rotate(-5deg)}.archive-brand-lines b{font:600 clamp(35px,4vw,69px)/.8 var(--sans);letter-spacing:-.12em}.archive-brand-lines i{display:block;height:9px;margin-top:13%;background:#181818}.archive-brand-lines i+i{width:72%;background:var(--lime)}.archive-brand-lines i+i+i{width:51%;background:var(--orange)}
.social-reel{background:radial-gradient(circle at 50% 40%,rgba(255,106,61,.32),transparent 23%),linear-gradient(145deg,#191722,#0d0d11)}.archive-reel-orbit{position:relative;width:54%;aspect-ratio:.61;border:1px solid var(--line);background:#15131d;display:grid;place-items:center}.archive-reel-orbit b{color:var(--lime);font:600 clamp(35px,4vw,68px)/.8 var(--sans);letter-spacing:-.12em}.archive-reel-orbit i{position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:var(--orange);filter:blur(1px)}.archive-reel-orbit i:first-child{left:9%;bottom:13%}.archive-reel-orbit i+i{right:11%;top:14%;background:var(--lime)}
.sales-brochure{background:linear-gradient(145deg,#1d2623,#0c0e0e)}.archive-brochure{width:62%;aspect-ratio:.72;padding:10%;background:#cde491;color:#152014;box-shadow:21px 28px 42px rgba(0,0,0,.4);transform:rotate(6deg)}.archive-brochure b{font:600 clamp(26px,3.6vw,59px)/.84 var(--sans);letter-spacing:-.09em}.archive-brochure i{display:block;width:48%;height:9%;margin-top:16%;background:#111}
.print-notebook{background:radial-gradient(circle at 67% 22%,rgba(255,106,61,.3),transparent 24%),linear-gradient(145deg,#241b17,#0d0d0d)}.archive-notebook{position:relative;width:53%;aspect-ratio:.72;padding:12%;border:1px solid rgba(245,245,240,.26);background:linear-gradient(145deg,#222,#111);box-shadow:20px 27px 39px rgba(0,0,0,.38);transform:rotate(-8deg)}.archive-notebook b{color:var(--lime);font:600 clamp(31px,4vw,67px)/.8 var(--sans);letter-spacing:-.12em}.archive-notebook i{position:absolute;left:-6%;top:8%;bottom:8%;width:7%;background:repeating-linear-gradient(0deg,rgba(245,245,240,.45) 0 2px,transparent 2px 12px)}
.event-wayfinding{background:linear-gradient(145deg,#241a13,#0d0e0c)}.archive-wayfinding{display:flex;align-items:end;justify-content:space-between;width:65%;padding:10%;border:1px solid var(--line);background:#e8e5d8;color:#101010;transform:rotate(4deg)}.archive-wayfinding b{font:600 clamp(44px,6vw,90px)/.7 var(--sans);letter-spacing:-.12em}.archive-wayfinding span{font:500 clamp(13px,1.3vw,20px)/1 var(--mono);text-transform:uppercase}
.brand-web{background:linear-gradient(145deg,#18241e,#0c0d0d)}.archive-web-slice{display:grid;grid-template-columns:.32fr .68fr;gap:8px;width:76%;aspect-ratio:1.5;padding:8px;border:1px solid var(--line);background:#101010}.archive-web-slice i{background:#1a1a1a}.archive-web-slice b{display:grid;place-items:center;background:linear-gradient(145deg,#b8ff57,#638d31);color:#101010;font:600 clamp(30px,4vw,63px)/.8 var(--sans);letter-spacing:-.12em}.archive-web-slice i+i{display:none}
.sdd-feature-collection{display:grid;grid-template-columns:.85fr 1.15fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}.sdd-feature-copy{padding:clamp(25px,4vw,55px);background:#111}.sdd-feature-copy>span{color:var(--lime);font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.sdd-feature-copy h3{max-width:11ch;margin-top:16px;font-size:clamp(34px,4vw,62px);line-height:.92;letter-spacing:-.08em}.sdd-feature-copy p{margin-top:20px;color:var(--muted);font-size:15px;line-height:1.6}.sdd-feature-copy ul{display:grid;gap:8px;margin:28px 0 0;padding:0;list-style:none}.sdd-feature-copy li{padding:10px;border:1px solid var(--line);color:var(--muted);font-size:12px}.sdd-feature-media{position:relative;min-height:clamp(450px,49vw,650px);overflow:hidden;background:radial-gradient(circle at 60% 28%,rgba(184,255,87,.25),transparent 20%),radial-gradient(circle at 20% 74%,rgba(255,106,61,.2),transparent 27%),#111}.sdd-feature-frame{position:absolute;display:grid;place-items:end start;padding:14px;border:1px solid rgba(245,245,240,.28);box-shadow:18px 25px 42px rgba(0,0,0,.38);font:600 clamp(15px,1.6vw,25px)/.9 var(--sans);letter-spacing:-.06em}.sdd-feature-frame.invite{width:38%;aspect-ratio:.72;top:8%;left:10%;background:linear-gradient(145deg,#d6e9ab,#7f9061);color:#131611;transform:rotate(-8deg)}.sdd-feature-frame.led{width:58%;aspect-ratio:1.55;top:17%;right:3%;background:radial-gradient(circle at 53% 33%,rgba(184,255,87,.8),transparent 20%),linear-gradient(145deg,#21301a,#10110f);transform:rotate(7deg)}.sdd-feature-frame.kit{width:34%;aspect-ratio:.86;left:29%;bottom:9%;background:linear-gradient(145deg,#e7e4d8,#a5b5a4);color:#111;transform:rotate(11deg)}.sdd-feature-frame.recap{width:31%;aspect-ratio:1;right:11%;bottom:7%;background:linear-gradient(145deg,#4c2c1a,#17110d);transform:rotate(-10deg)}
.canvas-personal, .canvas-sdd-archive{background:linear-gradient(145deg,#151716,#0c0c0c)}.sdd-archive-card-stack{position:absolute;display:grid;place-items:end start;width:30%;aspect-ratio:.72;padding:9%;border:1px solid var(--line);box-shadow:13px 18px 29px rgba(0,0,0,.34);font:600 clamp(17px,2.2vw,32px)/.8 var(--sans);letter-spacing:-.08em}.sdd-archive-card-stack.social{left:13%;top:14%;background:linear-gradient(145deg,#9cc95f,#354821);color:#111;transform:rotate(-8deg)}.sdd-archive-card-stack.print{right:15%;top:10%;background:linear-gradient(145deg,#e6e1d3,#8f9c92);color:#111;transform:rotate(8deg)}.sdd-archive-card-stack.event{left:32%;bottom:10%;background:linear-gradient(145deg,#51402c,#12110d);transform:rotate(2deg)}.sdd-archive-card-stack.sales{right:30%;bottom:9%;background:linear-gradient(145deg,#203145,#0d1014);transform:rotate(-9deg)}




@media (max-width:900px){.sdd-archive-context-grid, .sdd-feature-collection{grid-template-columns:1fr}.archive-work-card, .archive-work-card.large, .archive-work-card.wide{grid-column:span 6}.sdd-archive-hero-card{width:clamp(100px,20vw,180px)}.sdd-feature-media{min-height:500px}}
@media (max-width:620px){.sdd-archive-hero-stage{inset:-18%;opacity:.82}.sdd-archive-hero-card{width:35vw}.sdd-archive-hero-card.social{left:17%;top:14%}.sdd-archive-hero-card.print{right:11%;top:7%}.sdd-archive-hero-card.event{left:23%;bottom:8%}.sdd-archive-hero-card.sales{right:22%;bottom:15%}.sdd-archive-hero-card.brand{display:none}.sdd-archive-context-tags{grid-template-columns:1fr 1fr}.sdd-archive-context-tags span{min-height:95px}.archive-work-card, .archive-work-card.large, .archive-work-card.wide{grid-column:span 12}.archive-work-stage{min-height:260px}.sdd-feature-media{min-height:390px}.sdd-feature-frame{font-size:15px}}
@media (prefers-reduced-motion:reduce){.archive-work-stage{transition:none!important}}




#projectsGrid .project-card[data-route="sddarchive"] .project-meta span:first-child{color:var(--muted)}


#sddToolsView .sdd-archive-hero-card.brand{display:none}
#sddToolsView .sdd-case-nav .shell{justify-content:flex-start}
#sddToolsView .archive-work-card.archive-interactive{cursor:pointer;outline:none}
#sddToolsView .archive-work-card.archive-interactive:focus-visible{position:relative;z-index:2;box-shadow:0 0 0 2px var(--lime)}
#sddToolsView .archive-work-card.archive-interactive:focus-visible .archive-work-stage{transform:scale(1.015);filter:brightness(1.1)}
#sddToolsView .archive-media-arrow{pointer-events:none}
.archive-carousel-stage{isolation:isolate}
.archive-carousel-preview{position:relative;z-index:1;width:min(74%,560px);aspect-ratio:1.02;overflow:hidden;border:1px solid rgba(245,245,240,.24);box-shadow:18px 24px 38px rgba(0,0,0,.35);background:#111}
.event-carousel{width:min(78%,720px);aspect-ratio:1.92}
.archive-carousel-rail{display:flex;width:100%;height:100%;transition:transform .48s var(--ease);will-change:transform}
.archive-carousel-slide{position:relative;flex:0 0 100%;min-width:100%;height:100%;padding:12%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#d7d6c9,#8fa560);color:#111}
.archive-carousel-slide b{font:600 clamp(33px,4.8vw,78px)/.78 var(--sans);letter-spacing:-.12em}
.archive-carousel-slide i{font:500 8px var(--mono);letter-spacing:.08em;font-style:normal;text-transform:uppercase}
.archive-carousel-slide:nth-child(2){background:linear-gradient(145deg,#a4cf66,#f0eee2)}
.archive-carousel-slide:nth-child(3){background:linear-gradient(145deg,#e6a789,#3d4c3a)}
.archive-carousel-slide:nth-child(4){background:linear-gradient(145deg,#66818b,#e4dfd0)}
.archive-carousel-slide:nth-child(5){background:linear-gradient(145deg,#1c221c,#a9d76d);color:#eff2e9}
.event-slide{background:radial-gradient(circle at 76% 24%,rgba(184,255,87,.45),transparent 23%),linear-gradient(145deg,#26311f,#0d100c);color:#f5f5f0}
.event-slide:nth-child(2){background:radial-gradient(circle at 23% 71%,rgba(255,106,61,.5),transparent 24%),linear-gradient(145deg,#4e3320,#13100e);color:#f5f5f0}
.event-slide:nth-child(3){background:radial-gradient(circle at 72% 26%,rgba(184,255,87,.42),transparent 19%),linear-gradient(145deg,#1d2525,#0d0f0f);color:#f5f5f0}
.event-slide:nth-child(4){background:linear-gradient(145deg,#ded6c2,#756f5a);color:#111}
.archive-carousel-controls{position:absolute;z-index:4;left:13px;bottom:13px;display:flex;gap:6px}
.archive-carousel-controls button{display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid rgba(245,245,240,.3);background:rgba(8,8,8,.7);color:var(--text);cursor:pointer;transition:border-color .24s var(--ease),background .24s var(--ease),color .24s var(--ease),transform .24s var(--ease)}
.archive-carousel-controls button:hover, .archive-carousel-controls button:focus-visible{border-color:var(--lime);background:var(--lime);color:#080808;transform:translateY(-2px);outline:none}
.archive-media-modal{width:min(1040px,calc(100vw - 38px));max-height:calc(100svh - 38px);padding:0;border:1px solid var(--line);background:#0c0c0c;color:var(--text);box-shadow:0 28px 100px rgba(0,0,0,.68)}
.archive-media-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(10px)}
.archive-modal-card{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100svh - 38px)}
.archive-modal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line-soft);color:var(--muted);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.archive-modal-top p{margin:0}.archive-modal-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;cursor:pointer;transition:.24s var(--ease)}
.archive-modal-close:hover, .archive-modal-close:focus-visible{border-color:var(--lime);background:var(--lime);color:#080808;outline:none}
.archive-modal-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);min-height:0;overflow:auto}
.archive-modal-preview{min-height:clamp(330px,58svh,650px);padding:clamp(18px,3vw,38px);display:grid;place-items:center;background:#111;border-right:1px solid var(--line-soft)}
.archive-modal-preview .archive-work-stage{width:100%;min-height:100%;transform:none!important;filter:none!important}.archive-modal-preview .archive-media-arrow, .archive-modal-preview .archive-carousel-controls{display:none!important}
.archive-modal-copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,4vw,48px);background:#0d0d0d}.archive-modal-copy > div > span{color:var(--lime);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.archive-modal-copy h2{margin-top:14px;font-size:clamp(31px,4vw,58px);line-height:.98;letter-spacing:-.075em}.archive-modal-copy p{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.6}.archive-modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:32px;border:1px solid var(--line-soft);background:var(--line-soft)}.archive-modal-meta span{padding:12px;background:#151515;color:var(--muted);font:500 8px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}
@media (max-width:620px){.archive-modal-body{grid-template-columns:1fr}.archive-modal-preview{min-height:340px;border-right:0;border-bottom:1px solid var(--line-soft)}.archive-media-modal{width:calc(100vw - 22px);max-height:calc(100svh - 22px)}.archive-modal-card{max-height:calc(100svh - 22px)}}






#sddToolsView .sdd-section-head h2{max-width:15ch}
#sddToolsView .sdd-section-hint{max-width:40ch}
#sddToolsView .archive-documentation-section{border-top:1px solid var(--line-soft)}
#sddToolsView .archive-documentation-section.is-filtered{display:none!important}


.archive-carousel-controls{position:absolute!important;z-index:6!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;padding:0 clamp(10px,2vw,22px)!important;pointer-events:none!important}
.archive-carousel-controls button{position:relative!important;display:grid!important;place-items:center!important;width:48px!important;height:68px!important;padding:0!important;border:1px solid rgba(245,245,240,.24)!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(8,8,8,.75),rgba(8,8,8,.14))!important;backdrop-filter:blur(16px) saturate(.85)!important;-webkit-backdrop-filter:blur(16px) saturate(.85)!important;color:#fff!important;box-shadow:0 8px 30px rgba(0,0,0,.24)!important;pointer-events:auto!important;transition:transform .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease),color .32s var(--ease)!important}
.archive-carousel-controls button:last-child{background:linear-gradient(270deg,rgba(8,8,8,.75),rgba(8,8,8,.14))!important}
.archive-carousel-controls button:hover, .archive-carousel-controls button:focus-visible{transform:scale(1.08)!important;border-color:var(--lime)!important;background:rgba(184,255,87,.9)!important;color:#080808!important;outline:none!important}
.archive-carousel-preview{overflow:hidden!important}
.archive-carousel-rail{display:flex!important;width:100%!important;height:100%!important;will-change:transform;transition:transform .72s cubic-bezier(.16,1,.3,1)!important}


.archive-documentation-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;margin-top:26px;border:1px solid var(--line-soft);background:var(--line-soft)}
.archive-doc-card{grid-column:span 4;min-width:0;overflow:hidden;background:#101010;cursor:pointer;outline:none}.archive-doc-card:focus-visible{position:relative;z-index:2;box-shadow:0 0 0 2px var(--lime)}
.archive-doc-visual{position:relative;min-height:540px;overflow:hidden;background:#101010;transition:filter .62s var(--ease),transform .62s var(--ease)}
.archive-doc-card:hover .archive-doc-visual, .archive-doc-card:focus-within .archive-doc-visual{filter:grayscale(0) saturate(1.08);transform:scale(1.035)}
.doc-reel{filter:grayscale(.95) saturate(.16) contrast(.86)}.doc-reel.one{background:radial-gradient(circle at 75% 20%,rgba(184,255,87,.5),transparent 20%),linear-gradient(145deg,#2a3926,#0c0e0c)}.doc-reel.two{background:radial-gradient(circle at 24% 70%,rgba(255,106,61,.52),transparent 23%),linear-gradient(145deg,#2b2730,#0e0d10)}.doc-reel.three{background:radial-gradient(circle at 75% 64%,rgba(184,255,87,.38),transparent 19%),linear-gradient(145deg,#403728,#11100d)}
.doc-reel b{position:absolute;z-index:2;left:12%;top:13%;font:600 clamp(47px,6vw,94px)/.76 var(--sans);letter-spacing:-.13em;color:var(--text)}.doc-reel i{position:absolute;right:13%;bottom:14%;width:43%;aspect-ratio:.56;border:1px solid rgba(245,245,240,.28);background:rgba(245,245,240,.1);transform:rotate(8deg)}
.archive-doc-copy{padding:17px 18px 22px}.archive-doc-copy>span{color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.archive-doc-copy h3{margin-top:10px;font-size:clamp(20px,2vw,28px);line-height:1.03;letter-spacing:-.055em}.archive-doc-copy p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}
.archive-documentation-photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(72px,8.2vw,118px);gap:1px;margin-top:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
.archive-doc-photo{position:relative;grid-column:span 3;grid-row:span 5;min-width:0;margin:0;overflow:hidden;background:#111;cursor:pointer;outline:none}.archive-doc-photo:nth-child(2n){grid-row:span 6}.archive-doc-photo:focus-visible{z-index:2;box-shadow:0 0 0 2px var(--lime)}
.doc-photo{position:absolute;inset:0;display:grid;place-items:center;filter:grayscale(1) saturate(.14) blur(4px) contrast(.8);opacity:.55;transform:scale(1.06);transition:filter .62s var(--ease),opacity .62s var(--ease),transform .62s var(--ease)}
.archive-doc-photo:hover .doc-photo, .archive-doc-photo:focus .doc-photo{filter:grayscale(0) saturate(1.08) blur(0) contrast(1);opacity:1;transform:scale(1)}
.doc-photo::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(245,245,240,.04) 0 1px,transparent 1px 17px),linear-gradient(180deg,transparent 43%,rgba(8,8,8,.68))}.doc-photo span{position:relative;z-index:2;color:rgba(245,245,240,.73);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.doc-photo.one{background:linear-gradient(145deg,#8fae79,#26372d)}.doc-photo.two{background:linear-gradient(145deg,#ab8464,#4f3528)}.doc-photo.three{background:linear-gradient(145deg,#77898f,#21303a)}.doc-photo.four{background:linear-gradient(145deg,#a5bd5f,#3c4726)}.doc-photo.five{background:linear-gradient(145deg,#c9b28a,#4a4435)}.doc-photo.six{background:linear-gradient(145deg,#7e8e78,#232b26)}
.archive-doc-photo figcaption{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;justify-content:space-between;gap:8px;color:var(--text);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.archive-doc-photo figcaption span:last-child{color:var(--lime)}
.archive-doc-card .placeholder-video-control{bottom:15px}.archive-doc-card.is-playing .doc-reel{filter:grayscale(0) saturate(1.05) contrast(1)}


.media-reveal{opacity:0;transform:translate3d(0,30px,0) scale(1.075);filter:blur(15px) saturate(.42);transition:opacity .88s var(--ease) var(--media-delay,0ms),transform .98s var(--ease) var(--media-delay,0ms),filter .94s var(--ease) var(--media-delay,0ms)!important;will-change:opacity,transform,filter}
.media-reveal.is-media-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) saturate(1)}
@media (max-width:900px){.archive-doc-card{grid-column:span 6}.archive-doc-photo{grid-column:span 4}.archive-doc-photo:nth-child(2n){grid-row:span 5}.archive-doc-visual{min-height:470px}}
@media (max-width:620px){.archive-doc-card{grid-column:span 12}.archive-doc-visual{min-height:500px}.archive-documentation-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:80px}.archive-doc-photo{grid-column:span 2;grid-row:span 4}.archive-doc-photo:nth-child(2n){grid-row:span 5}}
@media (prefers-reduced-motion:reduce){.archive-carousel-rail, .media-reveal, .doc-photo, .archive-doc-visual{transition:none!important}.placeholder-video-scan{animation:none!important}}



.archive-event-documentation{grid-column:1 / -1;min-width:0;padding:clamp(18px,2.8vw,34px);background:#101010}.archive-event-documentation.is-filtered{display:none}.archive-event-documentation-head{display:flex;align-items:end;justify-content:space-between;gap:26px;padding:0 0 20px;border-bottom:1px solid var(--line-soft)}.archive-event-documentation-head span{color:var(--lime);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase}.archive-event-documentation-head h3{margin-top:10px;font-size:clamp(28px,3.4vw,48px);line-height:.98;letter-spacing:-.065em}.archive-event-documentation-head p{max-width:39ch;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.archive-event-documentation .archive-documentation-grid{margin-top:20px}.archive-event-documentation .archive-documentation-photo-grid{margin-top:1px}


.social-feed .archive-carousel-preview{width:min(42%,330px);aspect-ratio:4 / 5}



.archive-carousel-controls{position:absolute!important;z-index:6!important;inset:0!important;display:block!important;padding:0!important;pointer-events:none!important}
.archive-carousel-controls button{position:absolute!important;isolation:isolate;overflow:hidden;top:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:clamp(56px,11vw,132px)!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:rgba(245,245,240,.92)!important;font:500 clamp(19px,2vw,26px)/1 var(--sans)!important;pointer-events:auto!important;transition:color .32s var(--ease),letter-spacing .32s var(--ease),opacity .32s var(--ease)!important}
.archive-carousel-controls button::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.76) 0%,rgba(5,5,5,.55) 20%,rgba(5,5,5,.30) 46%,rgba(5,5,5,.10) 70%,transparent 100%);backdrop-filter:blur(28px) saturate(.34);-webkit-backdrop-filter:blur(28px) saturate(.34);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.62) 51%,rgba(0,0,0,.18) 79%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.62) 51%,rgba(0,0,0,.18) 79%,transparent 100%);transition:filter .38s var(--ease),opacity .38s var(--ease)}
.archive-carousel-controls button:first-child{left:0!important}.archive-carousel-controls button:last-child{right:0!important}.archive-carousel-controls button:last-child::before{background:linear-gradient(270deg,rgba(5,5,5,.76) 0%,rgba(5,5,5,.55) 20%,rgba(5,5,5,.30) 46%,rgba(5,5,5,.10) 70%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.62) 51%,rgba(0,0,0,.18) 79%,transparent 100%);-webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.62) 51%,rgba(0,0,0,.18) 79%,transparent 100%)}
.archive-carousel-controls button:hover, .archive-carousel-controls button:focus-visible{border:0!important;background:transparent!important;color:var(--lime)!important;letter-spacing:.08em!important;transform:none!important;outline:none!important}.archive-carousel-controls button:hover::before, .archive-carousel-controls button:focus-visible::before{opacity:.88;filter:saturate(1.08) brightness(1.05)}

@media (max-width:620px){.archive-carousel-controls button{width:46px!important;height:auto!important}.social-feed .archive-carousel-preview{width:min(58%,248px)}.archive-event-documentation{padding:18px}.archive-event-documentation-head{align-items:flex-start;flex-direction:column;gap:12px}.archive-event-documentation-head p{max-width:52ch}}



.archive-event-documentation-head h3{max-width:17ch}.archive-event-documentation-head p{max-width:48ch}
@media (max-width:620px){.archive-carousel-controls button{width:58px!important}.archive-carousel-controls button::before{backdrop-filter:blur(22px) saturate(.38);-webkit-backdrop-filter:blur(22px) saturate(.38)}}




.archive-carousel-controls button, .eg-modal-nav{
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  padding:12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:rgba(245,245,240,.94)!important;
  font:500 clamp(20px,2.2vw,28px)/1 var(--sans)!important;
  line-height:1!important;
  overflow:visible!important;
  transition:transform .28s var(--ease),color .28s var(--ease),opacity .28s var(--ease)!important;
}
.archive-carousel-controls button::before{
  content:none!important;
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.archive-carousel-controls button{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
.archive-carousel-controls button:first-child{left:clamp(6px,1.2vw,16px)!important}
.archive-carousel-controls button:last-child{right:clamp(6px,1.2vw,16px)!important}
.archive-carousel-controls button:hover, .archive-carousel-controls button:focus-visible, .eg-modal-nav:hover:not(:disabled), .eg-modal-nav:focus-visible:not(:disabled){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:var(--lime)!important;
  letter-spacing:0!important;
  transform:translateY(-50%) scale(1.14)!important;
  outline:none!important;
}
.eg-modal-nav{
  display:grid!important;
  place-items:center!important;
  color:rgba(245,245,240,.94)!important;
}
.eg-modal-nav:hover:not(:disabled), .eg-modal-nav:focus-visible:not(:disabled){
  transform:scale(1.14)!important;
}
@media (max-width:620px){
  .archive-carousel-controls button, .eg-modal-nav{padding:10px!important;font-size:22px!important}
  .archive-carousel-controls button:first-child{left:4px!important}
  .archive-carousel-controls button:last-child{right:4px!important}
}










.case-stage-label .case-stage-status.is-revamp{color:#90bfff;}
.case-stage-label .case-stage-year{color:var(--muted);}


#sddWebView .sddweb-live-notes{grid-template-columns:1fr;gap:1px;}
#sddWebView .sddweb-live-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px;}
#sddWebView .sddweb-live-note .sddweb-icon{align-self:start;}
#sddWebView .sddweb-live-note h4{font-size:15px;line-height:1.2;}
#sddWebView .sddweb-live-note p{max-width:52ch;}
@media (max-width:620px){
  #sddWebView .sddweb-live-note{grid-template-columns:38px minmax(0,1fr);padding:16px;gap:12px;}
}




:root{--nav-height:72px;--lanyard-overhang:620px}


.material-symbols-rounded.material-arrow-icon{display:inline-flex;align-items:center;justify-content:center;font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal!important;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}
.nav-talk>.material-arrow-icon{font-size:14px;transition:transform .28s var(--ease)}
.nav-talk:hover>.material-arrow-icon, .nav-talk:focus-visible>.material-arrow-icon{transform:translate(2px,-2px)}
.mobile-talk>.material-arrow-icon{font-size:16px}
.case-back>.material-arrow-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--lime);font-size:14px;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.case-back:hover>.material-arrow-icon, .case-back:focus-visible>.material-arrow-icon{border-color:var(--lime);background:var(--lime);color:#050505}
.case-explore-home>.material-arrow-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:var(--lime);font-size:13px;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.case-explore-home:hover>.material-arrow-icon, .case-explore-home:focus-visible>.material-arrow-icon{border-color:var(--lime);background:var(--lime);color:#050505}
.media-action.material-arrow-icon, .case-explore-arrow.material-arrow-icon, .archive-media-arrow.material-arrow-icon{font-size:inherit;line-height:1}
.inline-link-icon.material-arrow-icon{margin-left:.28em;vertical-align:-.12em;font-size:.94em}
.material-flow-step-arrow{position:absolute;z-index:3;right:-11px;top:50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#050505;font-size:13px;line-height:1;transform:translateY(-50%)}
.modal-close>.ph-duotone, .archive-modal-close>.ph-duotone{font-size:18px;line-height:1} .eg-video-icon, .placeholder-video-control>.ph-duotone{font-size:13px;line-height:1}
.ph-guardrail-check{margin-right:7px;color:var(--lime);vertical-align:-.1em;font-size:11px;line-height:1}


.page-view[data-page]:not([data-page="home"]) .connect-fill, .page-view[data-page]:not([data-page="home"]) .footer, .page-view[data-page]:not([data-page="home"]) .case-next{display:none!important}
body.is-case-view #siteContent>.connect-fill, body.is-case-view #siteContent>.footer{display:none!important}
.case-footer{border-top:1px solid var(--line-soft);background:#070707;padding:24px 0;color:var(--muted);font:500 9px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.case-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.case-footer-meta, .case-footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.case-footer-socials{justify-content:flex-end;gap:7px}
.case-footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border:1px solid var(--line);color:var(--muted);transition:transform .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease)}
.case-footer-socials a:hover, .case-footer-socials a:focus-visible{transform:translateY(-2px);border-color:var(--lime);background:var(--lime-dim);color:var(--lime)}


#siteHeader{z-index:320!important;isolation:isolate}
.hero{overflow:visible!important}
.hero>.id-card-stage{--lanyard-width:22px;--lanyard-overhang:620px;position:absolute!important;top:0!important;bottom:auto!important;z-index:5!important;height:100%!important;overflow:visible!important;isolation:isolate;clip-path:inset(var(--nav-height) -220px -220px -220px)!important;transform-origin:60% 0%!important}
.hero>.id-card-stage .id-card-anchor{top:calc(-1 * var(--lanyard-overhang))!important;width:1px!important;height:1px!important;opacity:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.hero>.id-card-stage .id-card-anchor::after{display:none!important}
.hero>.id-card-stage .lanyard{position:absolute!important;inset:auto!important;left:0!important;top:calc(-1 * var(--lanyard-overhang))!important;width:100%!important;height:calc(100% + var(--lanyard-overhang))!important;z-index:1!important;display:block!important;overflow:visible!important;opacity:1!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;transition:none!important}
.hero>.id-card-stage .lanyard-body{fill:rgba(184,255,87,.34);stroke:none}
.hero>.id-card-stage .lanyard-edge{fill:none;stroke:rgba(217,255,167,.94);stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-linecap:butt;stroke-linejoin:round}
.hero>.id-card-stage .lanyard-edge-right{stroke:rgba(111,172,50,.94)}
.hero>.id-card-stage .id-card-root{z-index:2!important}
.hero>.id-card-stage .id-card{transform:translate3d(-8px,-24px,0) rotate(-3deg);will-change:transform}
.id-card.is-dragging .id-card-surface{transition-duration:.16s}
.hero>.id-card-stage .id-card-strap{top:-18px!important;width:var(--lanyard-width)!important;height:19px!important;border:0!important;border-radius:0!important;background:rgba(184,255,87,.34)!important;box-shadow:none!important;overflow:hidden;border-bottom:1px solid rgba(217,255,167,.46)!important}
.hero>.id-card-stage .id-card-strap::before, .hero>.id-card-stage .id-card-strap::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(217,255,167,.94)}
.hero>.id-card-stage .id-card-strap::before{left:0}
.hero>.id-card-stage .id-card-strap::after{right:0;background:rgba(111,172,50,.94)}


.id-card-surface{display:flex;flex-direction:column}
.id-card-top{padding:13px 14px 0}
.id-card-photo{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex:1 1 auto;height:auto;min-height:0;aspect-ratio:1086 / 1448;margin:12px 12px 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.id-card-photo::after{background:linear-gradient(180deg,rgba(8,8,8,.01) 26%,rgba(8,8,8,.15) 100%)}
.id-card-photo img{width:100%;height:100%;object-fit:contain;object-position:center top;transform:none!important;filter:grayscale(1) contrast(1.03)}
.id-card:hover .id-card-photo img, .id-card:focus-visible .id-card-photo img{transform:none!important;filter:grayscale(1) contrast(1.08) brightness(1.03)}
.id-card-body{padding:11px 14px 14px;margin-top:0}
.id-card-name{font-size:21px;line-height:.95}
.id-card-role{margin-top:5px;font-size:8.5px}
.id-card-micro{display:none}

@media (min-width:861px){
  .hero>.id-card-stage{right:clamp(20px,4.45vw,68px)!important;width:min(39vw,520px)!important}
  .hero>.id-card-stage .id-card-anchor{left:60%!important}
  .hero>.id-card-stage .id-card-root{left:60%!important;top:clamp(208px,26vh,290px)!important;width:268px!important}
}
@media (min-width:621px) and (max-width:860px){
  .hero>.id-card-stage{right:clamp(16px,3vw,30px)!important;width:min(43vw,370px)!important}
  .hero>.id-card-stage .id-card-anchor{left:59%!important}
  .hero>.id-card-stage .id-card-root{left:59%!important;top:clamp(198px,25vh,252px)!important;width:clamp(218px,29vw,244px)!important}
}
@media (max-width:620px){
  .hero{min-height:790px!important;padding:102px 0 30px!important}
  .hero-inner{min-height:648px;margin:0 auto;padding-inline:var(--gutter)}
  .hero-kicker{max-width:18ch;margin-bottom:16px}
  .hero-title{position:relative;z-index:3;max-width:7.8ch;padding-right:6px;font-size:clamp(40px,11.1vw,57px);line-height:.84}
  .hero-title-static .static-title{max-width:7.8ch;text-wrap:balance}
  .hero-title-static .static-title b{margin-top:.18em;font-size:.8em;line-height:.9}
  .hero-copy{position:relative;z-index:3;max-width:27ch;margin-top:28px;padding-right:8px;font-size:15px;line-height:1.45}
  .hero-principles{position:relative;z-index:3;max-width:29ch;margin-top:14px}
  .hero-actions, .hero-bottom{position:relative;z-index:3}
  .hero-actions{margin-top:22px}
  .hero>.id-card-stage{--lanyard-overhang:560px;--lanyard-width:18px;top:0!important;right:calc(var(--gutter) - 7px)!important;width:min(50vw,220px)!important;height:calc(100% + 55px)!important;margin:0!important;clip-path:inset(calc(var(--nav-height) + 55px) -180px -180px -180px)!important;transform:translate3d(0,-55px,0)!important;opacity:1!important;filter:none!important}
  .hero>.id-card-stage .id-card-anchor{left:60%!important}
  .hero>.id-card-stage .id-card-root{left:60%!important;top:184px!important;width:157px!important;aspect-ratio:.64!important}
  .hero>.id-card-stage .id-card-strap{top:-16px!important;height:18px!important}
  .id-card-top{padding:11px 12px 0;font-size:7px}
  .id-card-photo{margin:11px 11px 0}
  .id-card-body{padding:10px 12px 12px}
  .id-card-name{font-size:18px}
  .id-card-role{font-size:7.5px}
  .material-flow-step-arrow{right:auto;left:17px;top:auto;bottom:-11px;transform:none}
  .case-footer-inner{display:grid;gap:14px}.case-footer-socials{justify-content:flex-start}.case-footer-meta{gap:6px 12px}.case-footer-socials a{padding:0 9px}
}
@media (max-width:390px){
  .hero{min-height:746px!important}
  .hero-inner{min-height:616px}
  .hero-title{font-size:clamp(38px,10.8vw,48px);max-width:7.5ch}
  .hero-title-static .static-title{max-width:7.5ch}
  .hero-copy{max-width:25ch;font-size:14px}
  .hero>.id-card-stage{right:calc(var(--gutter) - 10px)!important;width:min(52vw,202px)!important}
  .hero>.id-card-stage .id-card-root{top:176px!important;width:146px!important}
}


.case-hero .case-stage-label{display:inline-flex;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:0}
.case-hero .case-stage-type, .case-hero .case-stage-status, .case-hero .case-stage-year{display:inline-block;white-space:nowrap}
.case-hero .case-stage-separator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-inline:0!important;color:var(--muted-2);font-style:normal;line-height:1}
.case-stage-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0}
.case-stage-label .case-stage-type{color:var(--text)}
.case-stage-label .case-stage-separator{margin:0 .5em;color:var(--muted-2);font-style:normal}
.case-stage-label .case-stage-status{color:var(--orange)}
.case-stage-label .case-stage-status.is-live{color:var(--lime)}


[data-deferred-media]{content-visibility:auto;contain-intrinsic-size:auto 420px}
video[data-deferred-media]{background:var(--surface);}
video[data-deferred-media][data-media-ready="false"]{opacity:0}
video[data-deferred-media][data-media-ready="true"]{opacity:1;transition:opacity .25s var(--ease)}
img[data-deferred-media]{background:var(--surface)}
@media (prefers-reduced-motion:reduce){.hero>.id-card-stage .lanyard, .material-symbols-rounded.material-arrow-icon{transition:none!important}}




#projectsGrid.projects-grid .project{
  opacity:1;
  filter:none;
  transition:filter .55s var(--ease),opacity .55s var(--ease),transform .55s var(--ease);
}


#projectsGrid .project-media > :is(.prototype-canvas, img, video, iframe, .media-placeholder, [data-project-media]), #projectsGrid .project-media > picture > img{
  filter:grayscale(1) saturate(0) brightness(.86);
  transform:scale(1);
  transition:filter .55s var(--ease),transform .55s var(--ease),opacity .55s var(--ease);
  will-change:filter,transform;
}


#projectsGrid .project:focus-within .project-media > :is(.prototype-canvas, img, video, iframe, .media-placeholder, [data-project-media]), #projectsGrid .project:focus-within .project-media > picture > img{
  filter:grayscale(0) saturate(1) brightness(1);
  transform:scale(1.04);
  opacity:1;
}


@media (hover:hover){
  #projectsGrid .project:hover .project-media > :is(.prototype-canvas,img,video,iframe,.media-placeholder,[data-project-media]),
  #projectsGrid .project:hover .project-media > picture > img{
    filter:grayscale(0) saturate(1) brightness(1);
    transform:scale(1.04);
    opacity:1;
  }

  
  #projectsGrid:has(.project:hover) .project:not(:hover),
  #projectsGrid:not(:has(.project:hover)):has(.project:focus-within) .project:not(:focus-within){
    filter:blur(2px) saturate(.35) brightness(.6);
    opacity:.56;
  }
}

@media (prefers-reduced-motion:reduce){
  #projectsGrid.projects-grid .project, #projectsGrid .project-media > :is(.prototype-canvas, img, video, iframe, .media-placeholder, [data-project-media]), #projectsGrid .project-media > picture > img{
    transition:none!important;
  }
}



#projectsGrid .project-media > .project-cover{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  background:var(--surface);
}
#projectsGrid .project-media > .cover-enterprise{object-position:center 48%}
#projectsGrid .project-media > .cover-waroong{object-position:center center}
#projectsGrid .project-media > .cover-safari{object-position:center center}
#projectsGrid .project-media > .cover-sdd-web{object-position:center 52%}
#projectsGrid .project-media > .cover-sdd-archive{object-position:center 58%}
#projectsGrid .project-media > .cover-pti{object-position:center center}
.about-visual.has-about-media{background:#111}
.about-visual.has-about-media .about-visual-media{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) contrast(1.05);
}
.about-visual.has-about-media::before{z-index:1;pointer-events:none}
.about-visual.has-about-media::after{z-index:3}
.about-visual.has-about-media .about-visual-caption{z-index:2}





.about-media-stack{grid-column:1 / span 5;position:sticky;top:98px;align-self:start;display:grid;gap:10px}
.about-media-stack .about-sticky-visual{position:relative;top:auto;grid-column:auto;min-height:min(66vh,600px);margin:0}
.about-cv-button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--text);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}
.about-cv-button .material-arrow-icon{font-size:17px;color:var(--lime);transition:transform .28s var(--ease)}
.about-cv-button:hover, .about-cv-button:focus-visible{transform:translateY(-2px);border-color:var(--lime);background:var(--lime-dim);color:var(--lime);outline:none}
.about-cv-button:hover .material-arrow-icon, .about-cv-button:focus-visible .material-arrow-icon{transform:translateY(2px)}


.id-card-photo img, .id-card:hover .id-card-photo img, .id-card:focus-visible .id-card-photo img{object-fit:cover;object-position:center top;transform:none!important}

@media (max-width:1150px){.about-media-stack{grid-column:1 / span 5}}
@media (max-width:860px){.about-media-stack{grid-column:1 / span 3;top:90px}.about-media-stack .about-sticky-visual{min-height:440px}}
@media (max-width:620px){.about-media-stack{position:relative;top:auto;display:grid;gap:10px;margin-bottom:42px}.about-media-stack .about-sticky-visual{min-height:320px;margin:0}.about-cv-button{min-height:46px}}





#sddToolsView .sdd-archive-hero-media{filter:grayscale(1) saturate(0) blur(8px) contrast(.92);opacity:.72}
#sddToolsView .sdd-archive-hero-media picture, #sddToolsView .sdd-archive-hero-media picture img{display:block;width:100%;height:100%}
#sddToolsView .sdd-archive-hero-media picture img{object-fit:cover;object-position:center}
@media (hover:hover){
  #sddToolsView .sdd-archive-hero:hover .sdd-archive-hero-media{filter:grayscale(0) saturate(1) blur(0) contrast(1);opacity:.98}
}
@media (max-width:620px){
  #sddToolsView .sdd-archive-hero-media picture img{object-position:center center}
}


#waroongView .waroong-ui-slot--media{display:block;min-height:0;aspect-ratio:900 / 460;overflow:hidden;border:1px solid var(--line-soft);background:#0c0c0c}
#waroongView .waroong-ui-slot--media::before{display:none}
#waroongView .waroong-ui-slot--media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
#waroongView .waroong-solution-card:hover .waroong-ui-slot--media img{transform:scale(1.012)}
@media (max-width:650px){
  #waroongView .waroong-ui-slot--media{aspect-ratio:900 / 460}
}



/* requested-portfolio-refinements */





.hero>.id-card-stage .id-card-photo img{
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}


.about-visual.has-about-media::before{
  content:""!important;
  z-index:1!important;
  pointer-events:none!important;
  mask-image:none!important;
  background:
    linear-gradient(0deg,rgba(2,2,2,.78) 0%,rgba(2,2,2,.48) 30%,rgba(2,2,2,0) 65%),
    linear-gradient(90deg,rgba(2,2,2,.74) 0%,rgba(2,2,2,.36) 37%,rgba(2,2,2,0) 72%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 32px)!important;
}
.about-visual.has-about-media .about-visual-caption{z-index:2!important}


.brand{display:inline-flex;align-items:baseline;gap:0}
.brand b{
  margin:0 .34em 0 .24em;
  letter-spacing:-.08em!important;
}
.brand .brand-role{
  display:inline-flex;
  align-items:baseline;
  letter-spacing:.012em!important;
  word-spacing:0!important;
}
.brand .brand-role-gap{
  margin-left:.27em;
  letter-spacing:.012em!important;
}


#projectsGrid .project-card .project-meta span:first-child{
  color:var(--muted)!important;
  transition:color .28s var(--ease);
}
@media (hover:hover){
  #projectsGrid .project-card:hover .project-meta span:first-child{color:var(--lime)!important}
}
#projectsGrid .project-card:focus-visible .project-meta span:first-child{color:var(--lime)!important}


/* reverse-chronological-timeline-refinement */


.about-timeline{
  --timeline-progress:0px;
}
.about-timeline::before{
  top:11px!important;
  bottom:0!important;
  background:linear-gradient(
    180deg,
    var(--line) 0%,
    var(--line) 74%,
    rgba(245,245,240,.16) 87%,
    rgba(245,245,240,0) 100%
  )!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0 74%,rgba(0,0,0,.52) 88%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0 74%,rgba(0,0,0,.52) 88%,transparent 100%);
  filter:blur(.12px);
}
.about-timeline::after{
  top:auto!important;
  bottom:0!important;
  height:var(--timeline-progress)!important;
  background:linear-gradient(0deg,rgba(255,106,61,.9) 0%,rgba(184,255,87,.98) 100%)!important;
  transform-origin:bottom center;
  -webkit-mask-image:linear-gradient(180deg,#000 0 74%,rgba(0,0,0,.52) 88%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0 74%,rgba(0,0,0,.52) 88%,transparent 100%);
  filter:drop-shadow(0 4px 6px rgba(184,255,87,.12));
}


.about-timeline .timeline-item.current{
  isolation:isolate;
}
.timeline-present-label{
  position:absolute;
  z-index:4;
  left:-59px;
  top:-24px;
  width:48px;
  color:var(--lime);
  font:500 7px/1 var(--mono);
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;
  pointer-events:none;
}
.timeline-present-pulse{
  position:absolute;
  z-index:1;
  left:-52px;
  top:-3px;
  width:34px;
  height:34px;
  border:1px solid rgba(184,255,87,.74);
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(184,255,87,.20);
  pointer-events:none;
  transform:scale(.74);
  animation:timeline-present-pulse 1.22s ease-out infinite;
}
.about-timeline .timeline-item.current::before, .about-timeline .timeline-item.current::after{
  z-index:2;
}
@keyframes timeline-present-pulse{
  0%{opacity:.82;transform:scale(.72);box-shadow:0 0 0 0 rgba(184,255,87,.29)}
  68%{opacity:0;transform:scale(1.76);box-shadow:0 0 0 8px rgba(184,255,87,0)}
  100%{opacity:0;transform:scale(1.76);box-shadow:0 0 0 8px rgba(184,255,87,0)}
}


.about-visual::after{content:none!important;display:none!important}
.about-visual.has-about-media::before{
  background:
    linear-gradient(0deg,rgba(2,2,2,.78) 0%,rgba(2,2,2,.48) 30%,rgba(2,2,2,0) 65%),
    linear-gradient(90deg,rgba(2,2,2,.74) 0%,rgba(2,2,2,.36) 37%,rgba(2,2,2,0) 72%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 32px)!important;
}

@media (prefers-reduced-motion:reduce){
  .timeline-present-pulse{animation:none;opacity:.42;transform:scale(1)}
}


  
  .work-hero-media{
    filter:blur(9px) saturate(0) contrast(.84);
  }
  @media (hover:hover){
    .work-hero:hover .work-hero-media, .work-hero:focus-within .work-hero-media{
      filter:blur(9px) saturate(.95) contrast(1.03);
      transform:scale(1.01) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0);
      opacity:.98;
    }
  }

  
  #sddToolsView .sdd-hero-media{
    filter:blur(9px) saturate(0) contrast(.86);
  }
  @media (hover:hover){
    #sddToolsView .sdd-hero:hover .sdd-hero-media, #sddToolsView .sdd-hero:focus-within .sdd-hero-media{
      filter:blur(9px) saturate(.94) contrast(1.03);
      transform:scale(1.01) translate3d(var(--sdd-x,0px),var(--sdd-y,0px),0);
      opacity:.98;
    }
  }

  
  #pilarView .pti-hero-media{
    filter:blur(8px) saturate(0) contrast(.86);
  }
  @media (hover:hover){
    #pilarView .pti-hero:hover .pti-hero-media, #pilarView .pti-hero:focus-within .pti-hero-media{
      filter:blur(8px) saturate(.88) contrast(1.03);
      transform:scale(1.01) translate3d(var(--pti-x,0px),var(--pti-y,0px),0);
      opacity:.97;
    }
  }




.work-hero-media--waroong{background:#02070b}
.waroong-hero-asset, .waroong-hero-asset img{display:block;width:100%;height:100%}
.waroong-hero-asset{position:absolute;inset:0}
.waroong-hero-asset img{object-fit:cover;object-position:center center}
@media (max-width:620px){.waroong-hero-asset img{object-position:56% center}}



.case-hero.work-hero .case-hero-meta{
  grid-column:1 / span 7;
  align-self:start;
  width:min(100%,760px);
  max-width:760px;
  margin:clamp(22px,2.6vw,34px) 0 0;
} .eg-hero-intro-grid{
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  max-width:760px;
} .eg-hero-intro-grid .eg-meta{
  width:100%;
  min-width:0;
  max-width:760px;
}
@media (max-width:980px){
  .case-hero.work-hero .case-hero-meta{
    grid-column:1 / -1;
    max-width:620px;
  }
}
@media (max-width:620px){
  .case-hero.work-hero .case-hero-meta{max-width:none} .eg-hero-intro-grid{gap:20px}
}





.case-hero.work-hero .case-hero-copy{grid-row:1}
.case-hero.work-hero .case-hero-meta{
  grid-column:1 / span 7;
  grid-row:2;
  display:grid;
  grid-template-rows:repeat(2,minmax(74px,auto));
  grid-auto-flow:column;
  grid-auto-columns:minmax(165px,1fr);
  gap:1px;
  align-self:start;
  width:min(100%,980px);
  max-width:980px;
  margin:clamp(22px,2.6vw,34px) 0 0;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:var(--line-soft);
}
.case-hero.work-hero .case-hero-meta>div{
  display:block;
  min-height:74px;
  padding:13px 14px;
  border:0;
  background:rgba(8,8,8,.58);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.case-hero.work-hero .case-hero-meta dt{font-size:8px}
.case-hero.work-hero .case-hero-meta dd{margin:8px 0 0;font-size:12px;line-height:1.42;overflow-wrap:anywhere}


.sdd-hero .hero-project-facts, .pti-hero .hero-project-facts, .eg-meta{
  display:grid!important;
  grid-template-rows:repeat(2,minmax(74px,auto));
  grid-auto-flow:column;
  grid-auto-columns:minmax(165px,1fr);
  grid-template-columns:unset!important;
  gap:1px!important;
  width:min(100%,980px);
  max-width:980px!important;
  margin:clamp(22px,2.6vw,34px) 0 0!important;
  padding:0!important;
  overflow:hidden;
  list-style:none;
  border:1px solid var(--line-soft)!important;
  background:var(--line-soft)!important;
}
.sdd-hero .hero-project-facts>div, .pti-hero .hero-project-facts>div, .eg-meta>li{
  display:block;
  min-height:74px;
  padding:13px 14px!important;
  border:0!important;
  background:rgba(8,8,8,.58)!important;
  color:var(--text);
  overflow-wrap:anywhere;
}
.sdd-hero .hero-project-facts dt, .pti-hero .hero-project-facts dt, .eg-meta>li strong{
  display:block;
  color:var(--muted);
  font:500 8px var(--mono);
  letter-spacing:.065em;
  text-transform:uppercase;
}
.sdd-hero .hero-project-facts dd, .pti-hero .hero-project-facts dd{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.42;
} .eg-meta>li{
  font-size:11px;
  line-height:1.42;
} .eg-meta>li strong{margin-bottom:8px} .eg-hero-intro-grid{
  display:block!important;
  width:min(100%,980px);
  max-width:980px!important;
} .eg-hero-intro-grid .eg-meta{width:100%;max-width:none!important}


.work-hero-media, #sddToolsView .sdd-hero-media, #pilarView .pti-hero-media{
  will-change:filter,transform,opacity;
  transition:filter .82s var(--ease),transform .96s var(--ease),opacity .82s var(--ease)!important;
}
.work-hero-media{filter:blur(9px) saturate(0) contrast(.84)!important}
#sddToolsView .sdd-hero-media{filter:blur(9px) saturate(0) contrast(.86)!important}
#pilarView .pti-hero-media{filter:blur(8px) saturate(0) contrast(.86)!important}


@media (hover:hover){
  .work-hero:hover .work-hero-media,
  .work-hero:focus-within .work-hero-media{
    filter:blur(0) saturate(1) contrast(1.03)!important;
    transform:scale(1.01) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0)!important;
    opacity:1!important;
  }
  #sddToolsView .sdd-hero:hover .sdd-hero-media,
  #sddToolsView .sdd-hero:focus-within .sdd-hero-media{
    filter:blur(0) saturate(1) contrast(1.03)!important;
    transform:scale(1.01) translate3d(var(--sdd-x,0px),var(--sdd-y,0px),0)!important;
    opacity:1!important;
  }
  #pilarView .pti-hero:hover .pti-hero-media,
  #pilarView .pti-hero:focus-within .pti-hero-media{
    filter:blur(0) saturate(1) contrast(1.03)!important;
    transform:scale(1.01) translate3d(var(--pti-x,0px),var(--pti-y,0px),0)!important;
    opacity:1!important;
  }
}

@media (max-width:980px){
  .case-hero.work-hero .case-hero-meta{grid-column:1 / -1;width:min(100%,760px)}
}
@media (max-width:620px){
  .case-hero.work-hero .case-hero-meta, .sdd-hero .hero-project-facts, .pti-hero .hero-project-facts, .eg-meta{
    grid-auto-columns:minmax(145px,1fr);
    width:100%;
    max-width:none!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
}
@media (prefers-reduced-motion:reduce){
  .work-hero-media, #sddToolsView .sdd-hero-media, #pilarView .pti-hero-media{transition:none!important}
}



.hero-has-asset{background:#080808!important}
.hero-has-asset .hero-asset-picture{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}
.hero-has-asset .hero-asset-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center right;background:#080808}
.hero-has-asset .work-hero-noise{z-index:1;opacity:.68;mix-blend-mode:screen}
.hero-has-asset::after{z-index:2}


@media (max-width:700px){
  .hero-has-asset .hero-asset-image{object-position:center center}
}



/* enterprise-hero-visibility-fix */

  
  #enterpriseView .case-hero.work-hero.enterprise-case-hero::before{
    background:
      linear-gradient(90deg,
        rgba(8,8,8,.96) 0%,
        rgba(8,8,8,.84) 34%,
        rgba(8,8,8,.34) 58%,
        rgba(8,8,8,.16) 78%,
        rgba(8,8,8,.30) 100%),
      linear-gradient(0deg,
        rgba(8,8,8,.76) 0%,
        rgba(8,8,8,.30) 34%,
        transparent 66%);
  }
  #enterpriseView .work-hero-media--enterprise.hero-has-asset{
    opacity:.90;
    filter:blur(7px) saturate(0) contrast(.96);
    transform:scale(1.035) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0);
  }
  #enterpriseView .work-hero-media--enterprise .work-hero-noise{opacity:.34;}
  @media (hover:hover){
    #enterpriseView .enterprise-case-hero:hover .work-hero-media--enterprise.hero-has-asset{
      opacity:1;
      filter:blur(0) saturate(1) contrast(1);
      transform:scale(1.01) translate3d(var(--work-hero-x,0px),var(--work-hero-y,0px),0);
    }
  }
  @media (max-width:700px){
    #enterpriseView .case-hero.work-hero.enterprise-case-hero::before{
      background:
        linear-gradient(180deg,rgba(8,8,8,.42) 0%,rgba(8,8,8,.10) 40%,rgba(8,8,8,.82) 100%),
        linear-gradient(90deg,rgba(8,8,8,.74) 0%,rgba(8,8,8,.20) 54%,rgba(8,8,8,.30) 100%);
    }
    #enterpriseView .work-hero-media--enterprise.hero-has-asset{
      opacity:.94;
      filter:blur(6px) saturate(0) contrast(.98);
      transform:scale(1.02);
    }
  }


/* supplied-header-hero-assets */


.pti-hero-media.hero-has-asset{background:#080808}
.pti-hero-media.hero-has-asset .hero-asset-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.pti-hero-media.hero-has-asset .hero-asset-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center right;background:#080808}

#enterprisePage .work-hero-media--enterprise.hero-has-asset .hero-asset-image{display:block!important}
@media (max-width:700px){
  .pti-hero-media.hero-has-asset .hero-asset-image{object-position:center center}
}


/* ultrawide-hero-connect-selected-work-refinement */


:root{
  --desktop-composition-max:1440px;
}

@media (min-width:861px){
  .hero-inner{
    width:min(var(--desktop-composition-max),100%)!important;
    max-width:var(--desktop-composition-max)!important;
  }

  
  .hero>.id-card-stage{
    left:50%!important;
    right:auto!important;
    width:min(var(--desktop-composition-max),100%)!important;
    max-width:var(--desktop-composition-max)!important;
    transform:translateX(-50%)!important;
  }
  .hero>.id-card-stage .id-card-anchor,
  .hero>.id-card-stage .id-card-root{
    left:80.8%!important;
  }
}


@media (min-width:1440px){
  .hero-title{font-size:146px!important;}
  .hero-copy{font-size:22px!important;margin-top:76px!important;}
  .hero-actions{margin-top:36px!important;}
  .hero-bottom{padding-top:104px!important;}
}


.connect-fill-link{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
}
.connect-fill-inner{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(var(--desktop-composition-max),100%);
  max-width:var(--desktop-composition-max);
  min-height:clamp(166px,15vw,230px);
  margin:0 auto;
  padding:clamp(28px,5vw,68px) var(--gutter);
}
.connect-fill-label,
.connect-fill-arrow{
  position:relative;
  z-index:1;
}
.connect-fill-arrow{
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  width:clamp(54px,7.5vw,112px);
  height:clamp(54px,7.5vw,112px);
  border:1px solid rgba(5,5,5,.42);
  border-radius:999px;
  font-family:"Material Symbols Rounded"!important;
  font-size:clamp(30px,4vw,62px)!important;
  font-weight:normal!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:normal!important;
  transition:transform .4s var(--ease),background .35s var(--ease),color .35s var(--ease);
}
.connect-fill-link:hover .connect-fill-arrow,
.connect-fill-link:focus-visible .connect-fill-arrow{
  transform:rotate(45deg) scale(1.06);
  background:#050505;
  color:var(--lime);
}
@media (min-width:1440px){
  .connect-fill-inner{
    min-height:230px;
    padding:68px var(--gutter);
  }
  .connect-fill-link{font-size:112px!important;}
}
@media (max-width:620px){
  .connect-fill-inner{min-height:176px;}
  .connect-fill-arrow{width:54px;height:54px;font-size:29px!important;}
}


#projectsGrid.projects-grid{
  isolation:isolate;
  overflow:visible;
}
#projectsGrid.projects-grid .project{
  position:relative;
  z-index:0;
  transform-origin:center center;
  will-change:transform,filter,opacity;
}
#projectsGrid .project-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#projectsGrid .project::before{
  content:"";
  position:absolute;
  z-index:12;
  inset:-1px;
  pointer-events:none;
  border:1px solid transparent;
  box-shadow:0 0 0 0 transparent,0 0 0 transparent;
  transition:border-color .5s var(--ease),box-shadow .5s var(--ease);
}
@media (hover:hover){
  #projectsGrid .project:hover{
    z-index:20;
    opacity:1!important;
    filter:none!important;
    transform:scale(1.05)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.40);
  }
  
  #projectsGrid .project:hover::before{
    border-color:transparent;
    box-shadow:none;
  }

}
#projectsGrid .project:focus-within{
  z-index:20;
  box-shadow:0 18px 46px rgba(0,0,0,.40);
}
#projectsGrid .project:focus-within::before{
  border-color:transparent;
  box-shadow:none;
}
@media (prefers-reduced-motion:reduce){
  #projectsGrid.projects-grid .project,
  #projectsGrid .project::before,
  .connect-fill-arrow{transition:none!important;}
}


.metric-count{
  display:inline-block;
  min-width:2.25ch;
  font-variant-numeric:tabular-nums;
}

.education-achievement strong .metric-count{
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
}

.timeline-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 10px;
}
.timeline-duration{
  display:inline-flex;
  align-items:center;
  color:var(--muted);
  font:500 9px var(--mono);
  letter-spacing:.035em;
  text-transform:none;
}
.timeline-duration::before{
  content:"·";
  margin-right:10px;
  color:var(--line);
}
@media (max-width:620px){
  .timeline-meta{gap:5px 8px}
  .timeline-duration{font-size:8px}
  .timeline-duration::before{margin-right:8px}
}


/* waroong-content-refinement */


#waroongView .waroong-case-nav a{position:relative}
#waroongView .waroong-case-nav a.is-active{color:var(--lime)}
#waroongView .waroong-case-nav a.is-active::after{content:"";position:absolute;right:10px;bottom:8px;left:10px;height:1px;background:var(--lime);box-shadow:0 0 12px rgba(184,255,87,.45)}

#waroongView .waroong-background-layout,
#waroongView .waroong-problem-layout{
  display:grid;grid-template-columns:1.03fr .97fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)
}
#waroongView .waroong-background-card,
#waroongView .waroong-problem-card,
#waroongView .waroong-goals-panel,
#waroongView .waroong-approach-shell,
#waroongView .waroong-role-grid,
#waroongView .waroong-solution-card,
#waroongView .waroong-live-note{background:var(--surface)}


#waroongView .waroong-background-card{min-height:420px;padding:clamp(26px,4vw,46px)}
#waroongView .waroong-background-card h3,
#waroongView .waroong-goals-panel h3,
#waroongView .waroong-background-card p{max-width:57ch;margin-top:16px;color:var(--muted);font-size:14px;line-height:1.6}
#waroongView .waroong-background-card p+p{margin-top:11px}
#waroongView .waroong-process-panel{display:flex;min-height:420px;flex-direction:column;background:var(--surface-2)}
#waroongView .waroong-process-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}
#waroongView .waroong-process-step{position:relative;min-height:184px;padding:24px 20px;background:var(--surface);transition:background .25s var(--ease),transform .25s var(--ease)}
#waroongView .waroong-process-step:hover{background:linear-gradient(135deg,rgba(184,255,87,.08),transparent 65%),var(--surface-2);transform:translateY(-3px)}
#waroongView .waroong-process-step:not(:last-child)::after{content:"";position:absolute;z-index:2;right:-5px;top:50%;width:10px;height:10px;border-top:1px solid var(--lime);border-right:1px solid var(--lime);transform:translateY(-50%) rotate(45deg);background:var(--surface)}
#waroongView .waroong-process-step i{display:block;color:var(--lime);font-size:28px;line-height:1}
#waroongView .waroong-process-step b{display:block;margin-top:19px;font-size:17px;line-height:1.08;letter-spacing:-.028em}
#waroongView .waroong-process-step small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}
#waroongView .waroong-video-slot{position:relative;display:flex;min-height:210px;flex:1;align-items:center;justify-content:center;margin-top:1px;overflow:hidden;border-top:1px solid var(--line-soft);background:radial-gradient(circle at 18% 22%,rgba(184,255,87,.16),transparent 21%),radial-gradient(circle at 83% 78%,rgba(255,106,61,.12),transparent 25%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 29px),#101010}
#waroongView .waroong-video-slot::before{content:"";position:absolute;inset:16px;border:1px dashed rgba(184,255,87,.4)}
#waroongView .waroong-video-slot div{position:relative;z-index:1;text-align:center}
#waroongView .waroong-video-slot i{display:block;color:var(--lime);font-size:30px;line-height:1}
#waroongView .waroong-video-slot b{display:block;margin-top:12px;font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#waroongView .waroong-video-slot span{display:block;margin-top:7px;color:var(--muted);font-size:11px}


#waroongView .waroong-problem-layout{grid-template-columns:1.25fr .75fr}
#waroongView .waroong-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft)}
#waroongView .waroong-problem-card{min-height:220px;padding:clamp(22px,3vw,34px)}
#waroongView .waroong-problem-card>.ph-duotone{display:block;color:var(--lime);font-size:28px;line-height:1}
#waroongView .waroong-problem-card>span{display:block;margin-top:18px;color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}
#waroongView .waroong-problem-card h3{margin-top:13px;font-size:clamp(20px,2.15vw,29px);line-height:1.08;letter-spacing:-.03em}
#waroongView .waroong-problem-card p{margin-top:11px;color:var(--muted);font-size:13px;line-height:1.58}
#waroongView .waroong-goals-panel{display:flex;min-height:100%;padding:clamp(26px,4vw,44px);flex-direction:column;background:linear-gradient(145deg,#b8ff57,#87c942);color:#071006}
#waroongView .waroong-goals-panel .detail-label{color:rgba(7,16,6,.62)}
#waroongView .waroong-goals-panel h3{color:#071006}
#waroongView .waroong-goals-panel ul{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}
#waroongView .waroong-goals-panel li{position:relative;padding-left:18px;color:#071006;font-size:13px;line-height:1.5}
#waroongView .waroong-goals-panel li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:#071006;box-shadow:0 0 0 4px rgba(7,16,6,.12)}


#waroongView .waroong-eco .eco-node{width:158px}
#waroongView .waroong-eco .eco-node[aria-pressed="true"]{border-color:var(--lime);background:var(--lime-dim)}
#waroongView .waroong-eco .eco-node span{max-width:18ch}
#waroongView .waroong-eco .role-panel h3{max-width:12ch}


#waroongView .waroong-approach-shell{display:grid;grid-template-columns:.76fr 1.24fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#waroongView .waroong-checkpoint-menu{display:grid;gap:1px;background:var(--line-soft)}
#waroongView .waroong-checkpoint-button{display:flex;min-height:130px;padding:24px;align-items:flex-start;gap:14px;border:0;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .25s var(--ease),transform .25s var(--ease)}
#waroongView .waroong-checkpoint-button:hover,#waroongView .waroong-checkpoint-button.is-active{background:linear-gradient(135deg,rgba(184,255,87,.1),transparent 70%),var(--surface-2)}
#waroongView .waroong-checkpoint-button:hover{transform:translateX(3px)}
#waroongView .waroong-checkpoint-button span{display:grid;flex:0 0 auto;width:29px;height:29px;place-items:center;border:1px solid var(--line);color:var(--orange);font:500 8px var(--mono)}
#waroongView .waroong-checkpoint-button b{display:block;margin-top:5px;font-size:17px;line-height:1.1;letter-spacing:-.028em}
#waroongView .waroong-checkpoint-panel{display:flex;min-height:396px;padding:clamp(28px,4vw,46px);flex-direction:column;justify-content:space-between;background:var(--surface)}
#waroongView .waroong-checkpoint-panel .detail-label{color:var(--lime)}
#waroongView .waroong-checkpoint-panel h3{max-width:15ch;margin-top:15px;font-size:clamp(30px,3.5vw,50px);line-height:1.03;letter-spacing:-.04em}
#waroongView .waroong-checkpoint-panel p{max-width:54ch;margin-top:14px;color:var(--muted);font-size:14px;line-height:1.6}
#waroongView .waroong-checkpoint-panel small{display:block;margin-top:30px;color:var(--orange);font:500 8px/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase}
#waroongView .waroong-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#waroongView .waroong-role-grid article{min-height:190px;padding:22px;background:var(--surface)}
#waroongView .waroong-role-grid i{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(184,255,87,.34);background:var(--lime-dim);color:var(--lime);font-size:23px}
#waroongView .waroong-role-grid h3{margin-top:18px;font-size:18px;line-height:1.1;letter-spacing:-.025em}
#waroongView .waroong-role-grid p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}


#waroongView .waroong-solutions-board{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#waroongView .waroong-solution-card{padding:clamp(24px,3.6vw,42px)}
#waroongView .waroong-solution-card--wide{grid-column:1 / -1}
#waroongView .waroong-solution-head{display:flex;gap:13px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
#waroongView .waroong-solution-head>span{padding-top:4px;color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}
#waroongView .waroong-solution-head h3{max-width:20ch;margin-top:9px;font-size:clamp(23px,2.5vw,35px);line-height:1.05;letter-spacing:-.035em}
#waroongView .waroong-solution-copy{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,4vw,52px);margin-top:22px}
#waroongView .waroong-solution-copy>p{max-width:53ch;color:var(--muted);font-size:14px;line-height:1.6}
#waroongView .waroong-solution-impact{align-self:start;padding:15px 16px 16px;border:1px solid rgba(184,255,87,.23);background:linear-gradient(135deg,rgba(184,255,87,.08),transparent 74%),var(--surface-2)}
#waroongView .waroong-solution-impact span{display:block;color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#waroongView .waroong-solution-impact p{margin-top:9px;color:var(--text);font-size:12px;line-height:1.5}
#waroongView .waroong-solution-sequence,#waroongView .waroong-pattern-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:22px}
#waroongView .waroong-solution-sequence span,#waroongView .waroong-pattern-tags span{padding:7px 8px;border:1px solid var(--line);background:rgba(255,255,255,.015);color:var(--muted);font:500 8px var(--mono);letter-spacing:.04em;text-transform:uppercase}
#waroongView .waroong-solution-sequence i{color:var(--orange);font-size:12px;font-style:normal}
#waroongView .waroong-ui-slot{position:relative;display:flex;min-height:154px;align-items:center;justify-content:center;margin-top:20px;overflow:hidden;border:1px dashed rgba(184,255,87,.38);background:radial-gradient(circle at 21% 20%,rgba(184,255,87,.12),transparent 25%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 30px),#111}
#waroongView .waroong-ui-slot::before{content:"";position:absolute;inset:12px;border:1px solid var(--line-soft)}
#waroongView .waroong-ui-slot div{position:relative;z-index:1;display:flex;align-items:center;gap:10px;text-align:left}
#waroongView .waroong-ui-slot i{display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(184,255,87,.38);background:var(--lime-dim);color:var(--lime);font-size:20px}
#waroongView .waroong-ui-slot b{display:block;font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#waroongView .waroong-ui-slot span{display:block;max-width:22ch;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}
#waroongView .waroong-design-system-slot{position:relative;display:flex;min-height:205px;align-items:center;justify-content:center;margin-top:22px;overflow:hidden;border:1px dashed rgba(184,255,87,.42);background:radial-gradient(circle at 76% 28%,rgba(184,255,87,.12),transparent 26%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 32px),#111}
#waroongView .waroong-design-system-slot::before{content:"";position:absolute;inset:16px;border:1px solid var(--line-soft)}
#waroongView .waroong-design-system-slot figcaption{position:relative;z-index:1;display:flex;align-items:center;gap:12px;text-align:left}
#waroongView .waroong-design-system-slot i{color:var(--lime);font-size:30px}
#waroongView .waroong-design-system-slot b{display:block;font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#waroongView .waroong-design-system-slot span{display:block;margin-top:6px;color:var(--muted);font-size:11px}
#waroongView .waroong-live-note{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:1px;border:1px solid var(--line-soft)}
#waroongView .waroong-live-intro{display:flex;align-items:center;gap:18px;padding:20px clamp(24px,3vw,36px)}
#waroongView .waroong-live-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;color:var(--lime);font:500 9px var(--mono);letter-spacing:.055em;text-transform:uppercase}
#waroongView .waroong-live-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px var(--lime-dim),0 0 15px rgba(184,255,87,.88);animation:waroong-live-pulse 1.6s ease-in-out infinite}
#waroongView .waroong-live-intro p{max-width:66ch;color:var(--muted);font-size:13px;line-height:1.55}
#waroongView .waroong-impact-stat{display:flex;align-items:baseline;gap:20px;padding:20px clamp(24px,3vw,36px) 22px;border-top:1px solid var(--line-soft);background:linear-gradient(100deg,rgba(184,255,87,.14),rgba(184,255,87,.025) 68%,transparent)}
#waroongView .waroong-impact-stat strong{display:block;white-space:nowrap;color:var(--lime);font:500 clamp(32px,4vw,58px)/.95 var(--sans);letter-spacing:-.06em;text-shadow:0 0 22px rgba(184,255,87,.18)}
#waroongView .waroong-impact-stat p{max-width:31ch;color:var(--text);font:500 10px/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase}
@keyframes waroong-live-pulse{50%{box-shadow:0 0 0 10px rgba(184,255,87,.07),0 0 24px rgba(184,255,87,1)}}
@media (prefers-reduced-motion:reduce){#waroongView .waroong-live-status::before{animation:none}}


@media (max-width:980px){
  #waroongView .waroong-background-layout,#waroongView .waroong-problem-layout,#waroongView .waroong-approach-shell{grid-template-columns:1fr}
  #waroongView .waroong-role-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  #waroongView .waroong-process-flow,#waroongView .waroong-problem-grid,#waroongView .waroong-solutions-board{grid-template-columns:1fr}
  #waroongView .waroong-process-step{min-height:132px}
  #waroongView .waroong-process-step:not(:last-child)::after{right:auto;top:auto;bottom:-5px;left:50%;transform:translateX(-50%) rotate(135deg)}
  #waroongView .waroong-role-grid{grid-template-columns:1fr}
  #waroongView .waroong-solution-card--wide{grid-column:auto}
  #waroongView .waroong-solution-copy{grid-template-columns:1fr}
  #waroongView .waroong-live-intro,#waroongView .waroong-impact-stat{flex-direction:column;align-items:flex-start;gap:12px}
  #waroongView .waroong-solution-sequence i{display:none}
}


/* waroong-live-design-system-v2 */

#waroongView .waroong-design-system-live{
  display:block;
  min-height:0;
  margin-top:22px;
  padding:clamp(14px,1.8vw,20px);
  overflow:hidden;
  border:1px solid rgba(184,255,87,.24);
  background:radial-gradient(circle at 12% 22%,rgba(184,255,87,.12),transparent 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 32px),#111;
  font-family:"Inter",Arial,sans-serif;
}
#waroongView .waroong-design-system-live::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid var(--line-soft);
  pointer-events:none;
}
#waroongView .waroong-ds-pair{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,22px);
  align-items:stretch;
}
#waroongView .waroong-ds-glass{
  position:relative;
  min-width:0;
  min-height:206px;
  padding:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05)),rgba(16,16,16,.38);
  box-shadow:0 18px 32px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#fff;
  overflow:hidden;
}
#waroongView .waroong-ds-glass::after{
  content:"";
  position:absolute;
  inset:auto auto -26px -26px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(95,198,255,.22),transparent 70%);
  pointer-events:none;
}
#waroongView .waroong-ds-overline{
  color:rgba(255,255,255,.66);
  font:500 8px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
#waroongView .waroong-ds-glass h4{
  max-width:18ch;
  margin:10px 0 0;
  color:#fff;
  font-size:20px;
  line-height:1.02;
  letter-spacing:-.045em;
}
#waroongView .waroong-ds-token-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
#waroongView .waroong-ds-token{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:center;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
#waroongView .waroong-ds-chip{
  display:block;
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#waroongView .waroong-ds-chip.is-primary{background:#5FC6FF}
#waroongView .waroong-ds-chip.is-primary-dark{background:#43B4F3}
#waroongView .waroong-ds-chip.is-surface{background:#FFFFFF}
#waroongView .waroong-ds-chip.is-text{background:#2C2C2C}
#waroongView .waroong-ds-chip.is-success{background:#04CB5A}
#waroongView .waroong-ds-chip.is-warning{background:#FF9E3F}
#waroongView .waroong-ds-chip.is-error{background:#F65C5C}
#waroongView .waroong-ds-chip.is-muted{background:#B9B9B9}
#waroongView .waroong-ds-token b{
  display:block;
  color:#fff;
  font-size:12px;
  line-height:1.2;
}
#waroongView .waroong-ds-token small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.56);
  font-size:10px;
  line-height:1.2;
}
#waroongView .waroong-ds-type-hero{
  margin-top:16px;
  color:#fff;
  font-size:76px;
  line-height:.82;
  font-weight:700;
  letter-spacing:-.09em;
}
#waroongView .waroong-ds-type-rows{
  display:grid;
  gap:8px;
  margin-top:14px;
}
#waroongView .waroong-ds-type-rows div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.10);
}
#waroongView .waroong-ds-type-rows strong{
  color:#fff;
  font-size:12px;
  font-weight:700;
}
#waroongView .waroong-ds-type-rows span{
  color:rgba(255,255,255,.58);
  font-size:10px;
  text-align:right;
}
#waroongView .waroong-ds-amount{
  margin-top:16px;
  color:#5FC6FF;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.03em;
}
@media (max-width:760px){
  #waroongView .waroong-ds-pair{grid-template-columns:1fr}
  #waroongView .waroong-ds-glass{min-height:auto}
  #waroongView .waroong-ds-glass h4{max-width:none}
}


/* mobile-navigation-premium-refinement */

  
  @media (max-width:860px){
    .header{overflow:visible}

    .menu{
      position:relative;
      display:grid;
      place-items:center;
      width:42px;
      height:42px;
      padding:0;
      border:0;
      border-radius:999px;
      background:transparent;
      -webkit-tap-highlight-color:transparent;
    }
    .menu span{
      position:absolute;
      left:50%;
      width:21px;
      height:1px;
      margin:0;
      border-radius:999px;
      background:var(--text);
      transform:translateX(-50%);
      transform-origin:50% 50%;
      transition:
        top 300ms cubic-bezier(.65,0,.35,1),
        transform 300ms cubic-bezier(.65,0,.35,1),
        background-color 300ms cubic-bezier(.65,0,.35,1);
    }
    .menu span:first-child{top:16px}
    .menu span:last-child{top:24px}
    .menu.is-open span:first-child{top:20px;transform:translateX(-50%) rotate(45deg)}
    .menu.is-open span:last-child{top:20px;transform:translateX(-50%) rotate(-45deg)}

    .mobile-nav{
      display:flex;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      z-index:-1;
      flex-direction:column;
      max-height:0;
      margin:0;
      padding:0 var(--gutter);
      overflow:hidden;
      visibility:hidden;
      pointer-events:none;
      border-bottom-color:transparent;
      background:rgba(8,8,8,.985);
      box-shadow:0 18px 32px rgba(0,0,0,0);
      backdrop-filter:blur(18px);
      transform:translateY(-12px);
      transform-origin:top center;
      will-change:max-height,transform;
      transition:
        max-height 460ms cubic-bezier(.65,0,.35,1),
        padding 460ms cubic-bezier(.65,0,.35,1),
        transform 460ms cubic-bezier(.65,0,.35,1),
        border-color 460ms cubic-bezier(.65,0,.35,1),
        box-shadow 460ms cubic-bezier(.65,0,.35,1),
        visibility 0s linear 460ms;
    }
    .mobile-nav.is-open{
      z-index:0;
      max-height:360px;
      padding:9px var(--gutter) 24px;
      visibility:visible;
      pointer-events:auto;
      border-bottom-color:var(--line-soft);
      box-shadow:0 18px 32px rgba(0,0,0,.22);
      transform:translateY(0);
      transition:
        max-height 460ms cubic-bezier(.65,0,.35,1),
        padding 460ms cubic-bezier(.65,0,.35,1),
        transform 460ms cubic-bezier(.65,0,.35,1),
        border-color 460ms cubic-bezier(.65,0,.35,1),
        box-shadow 460ms cubic-bezier(.65,0,.35,1),
        visibility 0s linear 0s;
    }

    .mobile-nav > *{
      opacity:0;
      transform:translateY(-9px);
      transition:
        opacity 220ms cubic-bezier(.65,0,.35,1),
        transform 300ms cubic-bezier(.65,0,.35,1);
    }
    .mobile-nav.is-open > *{
      opacity:1;
      transform:translateY(0);
    }
    .mobile-nav.is-open > *:nth-child(1){transition-delay:120ms}
    .mobile-nav.is-open > *:nth-child(2){transition-delay:170ms}
    .mobile-nav.is-open > *:nth-child(3){transition-delay:220ms}
    .mobile-nav.is-open > *:nth-child(4){transition-delay:270ms}

    .mobile-nav .mobile-availability{
      display:flex;
      align-items:center;
      gap:9px;
      padding:15px 0 11px;
      color:var(--muted);
      font:500 9px/1.45 var(--mono);
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .mobile-nav .mobile-availability i{
      width:6px;
      height:6px;
      flex:0 0 auto;
      border-radius:999px;
      background:var(--lime);
      box-shadow:0 0 0 4px var(--lime-dim);
      animation:availability-pulse 1.9s ease-in-out infinite;
      will-change:transform,box-shadow,opacity;
    }
  }

  @media (prefers-reduced-motion:reduce){
    .menu span,
    .mobile-nav,
    .mobile-nav > *{transition:none!important}
    .mobile-nav .mobile-availability i{animation:none!important}
  }


#waroongView .waroong-video-slot{
  display:block;
  min-height:236px;
  isolation:isolate;
  background:#111;
}
#waroongView .waroong-video-slot::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border:0;
  background:linear-gradient(90deg,rgba(8,8,8,.22),transparent 32%,transparent 70%,rgba(8,8,8,.18)),linear-gradient(0deg,rgba(8,8,8,.28),transparent 35%);
  pointer-events:none;
}
#waroongView .waroong-video-slot::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:12px;
  border:1px solid rgba(184,255,87,.16);
  pointer-events:none;
}
#waroongView .waroong-video-slot video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background:#111;
}
@media (max-width:720px){
  #waroongView .waroong-video-slot{min-height:208px}
  #waroongView .waroong-video-slot::after{inset:10px}
}



/* waroong-background-flow-card-refinement */


#waroongView .waroong-process-panel{background:#101010}
#waroongView .waroong-process-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  border:1px solid rgba(255,255,255,.10);
  background:#101010;
}
#waroongView .waroong-process-step{
  position:relative;
  display:flex;
  min-height:198px;
  flex-direction:column;
  padding:25px 50px 25px 24px;
  border:0;
  border-right:1px solid rgba(255,255,255,.08);
  background:#101010;
  color:#f5f4ef;
  transition:background .25s var(--ease),transform .25s var(--ease);
}
#waroongView .waroong-process-step:last-child{border-right:0}
#waroongView .waroong-process-step:hover{
  background:radial-gradient(circle at 22% 18%,rgba(184,255,87,.14),transparent 38%),#151515;
  transform:translateY(-2px);
}
#waroongView .waroong-process-step i{
  display:block;
  color:var(--lime);
  font-size:28px;
  line-height:1;
}
#waroongView .waroong-process-step b{
  display:block;
  max-width:8ch;
  margin-top:18px;
  color:#f5f4ef;
  font-size:20px;
  font-weight:650;
  line-height:1.06;
  letter-spacing:-.04em;
}
#waroongView .waroong-process-step small{
  display:block;
  max-width:16ch;
  margin-top:11px;
  color:rgba(245,244,239,.62);
  font-size:12px;
  line-height:1.48;
}
#waroongView .waroong-process-arrow{
  position:absolute;
  top:50%;
  right:22px;
  width:13px;
  height:13px;
  border-top:1.5px solid var(--lime);
  border-right:1.5px solid var(--lime);
  transform:translateY(-50%) rotate(45deg);
  pointer-events:none;
}
#waroongView .waroong-process-step:not(:last-child)::after{content:none}
@media (max-width:780px){
  #waroongView .waroong-process-step{min-height:186px;padding:23px 43px 23px 20px}
  #waroongView .waroong-process-step b{font-size:18px}
  #waroongView .waroong-process-step small{font-size:11px}
  #waroongView .waroong-process-arrow{right:18px}
}
@media (max-width:620px){
  #waroongView .waroong-process-flow{grid-template-columns:1fr}
  #waroongView .waroong-process-step{
    min-height:142px;
    padding:21px 54px 45px 21px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  #waroongView .waroong-process-step:last-child{border-bottom:0}
  #waroongView .waroong-process-step b{max-width:none;margin-top:14px}
  #waroongView .waroong-process-step small{max-width:28ch;margin-top:7px}
  #waroongView .waroong-process-arrow{
    top:auto;
    right:24px;
    bottom:20px;
    transform:rotate(135deg);
  }
}


/* waroong-live-design-system-refinement */


#waroongView .waroong-design-system-live{
  display:block;
  min-height:0;
  margin-top:22px;
  padding:clamp(12px,1.8vw,20px);
  overflow:hidden;
  border:1px solid rgba(95,198,255,.30);
  background:linear-gradient(135deg,rgba(95,198,255,.15),rgba(255,255,255,.02) 45%),#dfe8ec;
  font-family:"Inter",Arial,sans-serif;
}
#waroongView .waroong-design-system-live::before{display:none}
#waroongView .waroong-design-system-live *{box-sizing:border-box}
#waroongView .waroong-ds-app{
  overflow:hidden;
  border:1px solid rgba(44,44,44,.10);
  border-radius:10px;
  background:#F3F3F3;
  box-shadow:0 4px 12px rgba(15,23,42,.08);
  color:#2C2C2C;
}
#waroongView .waroong-ds-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 15px;
  border-bottom:1px solid rgba(44,44,44,.10);
  background:#FFFFFF;
}
#waroongView .waroong-ds-brand{font-size:14px;font-weight:700;letter-spacing:-.035em}
#waroongView .waroong-ds-caption{font-size:9px;font-weight:400;color:#B9B9B9;letter-spacing:.02em}
#waroongView .waroong-ds-grid{
  display:grid;
  grid-template-columns:1.04fr .92fr .98fr 1.14fr;
  gap:8px;
  padding:10px;
}
#waroongView .waroong-ds-card{
  min-width:0;
  min-height:208px;
  padding:15px;
  border:1px solid rgba(44,44,44,.09);
  border-radius:8px;
  background:#FFFFFF;
  box-shadow:0 4px 12px rgba(15,23,42,.05);
}
#waroongView .waroong-ds-label{
  color:#B9B9B9;
  font-size:8px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#waroongView .waroong-ds-intro{display:flex;flex-direction:column}
#waroongView .waroong-ds-intro h4{
  max-width:10ch;
  margin:12px 0 0;
  color:#2C2C2C;
  font-size:20px;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.055em;
}
#waroongView .waroong-ds-intro p{
  max-width:25ch;
  margin:12px 0 0;
  color:#B9B9B9;
  font-size:11px;
  font-weight:400;
  line-height:1.45;
}
#waroongView .waroong-ds-pill{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:6px;
  margin-top:auto;
  padding:7px 8px;
  border:1px solid rgba(44,44,44,.09);
  border-radius:999px;
  background:#F3F3F3;
  color:#2C2C2C;
  font-size:8px;
  font-weight:700;
}
#waroongView .waroong-ds-pill i{display:block;width:6px;height:6px;border-radius:99px;background:#04CB5A;box-shadow:0 0 0 4px rgba(4,203,90,.13)}
#waroongView .waroong-ds-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}
#waroongView .waroong-ds-swatch{min-width:0;color:#B9B9B9;font-size:6px;font-weight:400;line-height:1.25;text-align:center}
#waroongView .waroong-ds-swatch-color{height:31px;margin-bottom:5px;border:1px solid rgba(44,44,44,.08);border-radius:6px;background:#F3F3F3}
#waroongView .waroong-ds-swatch-color.is-primary{background:#5FC6FF}
#waroongView .waroong-ds-swatch-color.is-primary-dark{background:#43B4F3}
#waroongView .waroong-ds-swatch-color.is-surface{background:#FFFFFF}
#waroongView .waroong-ds-swatch-color.is-success{background:#04CB5A}
#waroongView .waroong-ds-swatch-color.is-warning{background:#FF9E3F}
#waroongView .waroong-ds-swatch-color.is-error{background:#F65C5C}
#waroongView .waroong-ds-type-aa{margin-top:14px;font-size:54px;font-weight:700;line-height:.75;letter-spacing:-.09em}
#waroongView .waroong-ds-type-list{display:grid;gap:7px;margin-top:15px}
#waroongView .waroong-ds-type-list div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid rgba(44,44,44,.09)}
#waroongView .waroong-ds-type-list strong{font-size:10px;font-weight:700;color:#2C2C2C}
#waroongView .waroong-ds-type-list span{color:#B9B9B9;font-size:8px;font-weight:400}
#waroongView .waroong-ds-number{margin-top:14px;color:#43B4F3;font-size:14px;font-weight:700;line-height:1}
#waroongView .waroong-ds-components{display:grid;grid-template-columns:.82fr 1.18fr;gap:10px}
#waroongView .waroong-ds-button{display:flex;min-height:37px;align-items:center;justify-content:center;margin-top:10px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}
#waroongView .waroong-ds-button.is-primary{background:#43B4F3;color:#FFFFFF}
#waroongView .waroong-ds-button.is-secondary{border:1px solid #43B4F3;background:#FFFFFF;color:#43B4F3}
#waroongView .waroong-ds-order-card{margin-top:10px;padding:10px;border:1px solid rgba(44,44,44,.09);border-radius:8px;background:#F3F3F3}
#waroongView .waroong-ds-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#waroongView .waroong-ds-order-top>strong{padding-top:2px;color:#2C2C2C;font-size:9px;font-weight:700;white-space:nowrap}
#waroongView .waroong-ds-order-product{display:flex;min-width:0;align-items:flex-start;gap:7px}
#waroongView .waroong-ds-order-product strong{display:block;overflow:hidden;color:#2C2C2C;font-size:9px;font-weight:700;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}
#waroongView .waroong-ds-order-product span{display:block;margin:3px 0 0;color:#B9B9B9;font-size:7px;font-weight:400;line-height:1}
#waroongView .waroong-ds-package{position:relative;display:block;flex:0 0 auto;width:13px;height:11px;margin-top:1px;border:1.4px solid #43B4F3;border-radius:2px}
#waroongView .waroong-ds-package::before{content:"";position:absolute;left:2px;right:2px;top:3px;border-top:1.2px solid #43B4F3}
#waroongView .waroong-ds-package::after{content:"";position:absolute;left:4px;top:-2px;width:3px;height:4px;border:1.2px solid #43B4F3;border-bottom:0;border-radius:1px 1px 0 0}
#waroongView .waroong-ds-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(44,44,44,.09)}
#waroongView .waroong-ds-status{padding:5px 7px;border-radius:999px;background:rgba(4,203,90,.12);color:#04A34A;font-size:7px;font-weight:700;line-height:1}
#waroongView .waroong-ds-stepper{display:flex;align-items:center;gap:7px;color:#2C2C2C;font-size:10px;line-height:1}
#waroongView .waroong-ds-stepper span{display:grid;width:16px;height:16px;place-items:center;border:1px solid rgba(44,44,44,.13);border-radius:5px;background:#FFFFFF;color:#43B4F3;font-weight:700}
#waroongView .waroong-ds-stepper strong{font-size:9px;font-weight:700}
#waroongView .waroong-ds-space-row{display:flex;align-items:flex-end;gap:5px;margin-top:13px}
#waroongView .waroong-ds-space-row>div{display:grid;min-width:14px;justify-items:center;gap:4px}
#waroongView .waroong-ds-space-row span{display:block;width:var(--space);height:var(--space);max-width:18px;max-height:18px;border-radius:2px;background:#5FC6FF}
#waroongView .waroong-ds-space-row em{color:#B9B9B9;font-size:6px;font-style:normal;font-weight:400;line-height:1}
@media (max-width:1050px){
  #waroongView .waroong-ds-grid{grid-template-columns:1fr 1fr}
  #waroongView .waroong-ds-card{min-height:200px}
}
@media (max-width:620px){
  #waroongView .waroong-ds-bar{padding:11px 12px}
  #waroongView .waroong-ds-caption{font-size:8px}
  #waroongView .waroong-ds-grid{grid-template-columns:1fr;padding:8px}
  #waroongView .waroong-ds-card{min-height:auto}
  #waroongView .waroong-ds-intro h4{max-width:13ch}
}


/* waroong-live-design-system-v3 */


#waroongView .waroong-design-system-live{
  display:block;
  min-height:0;
  margin-top:22px;
  padding:clamp(20px,3vw,34px);
  overflow:hidden;
  border:1px dashed rgba(184,255,87,.35);
  background:transparent;
  font-family:"Inter",Arial,sans-serif;
}
#waroongView .waroong-design-system-live::before{display:none}
#waroongView .waroong-ds-editorial{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(240px,.62fr);
  gap:clamp(24px,5vw,68px);
  align-items:stretch;
}
#waroongView .waroong-ds-editorial-left{min-width:0;padding:2px 0 0}
#waroongView .waroong-ds-editorial .waroong-ds-overline{
  color:var(--muted);
  font:500 8px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
#waroongView .waroong-ds-editorial h4{
  margin:10px 0 0;
  color:var(--text);
  font-size:clamp(34px,5vw,66px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.065em;
}
#waroongView .waroong-ds-font-lockup{
  display:flex;
  align-items:flex-end;
  gap:clamp(18px,3vw,34px);
  margin-top:clamp(18px,3vw,34px);
}
#waroongView .waroong-ds-lettering{
  color:var(--text);
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(88px,13vw,176px);
  font-weight:700;
  line-height:.64;
  letter-spacing:-.12em;
}
#waroongView .waroong-ds-font-name{
  padding-bottom:7px;
  color:var(--text);
  font-size:clamp(24px,3.8vw,52px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.055em;
}
#waroongView .waroong-ds-type-samples{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,2vw,24px);
  margin-top:clamp(28px,4vw,52px);
}
#waroongView .waroong-ds-type-sample{min-width:0}
#waroongView .waroong-ds-type-sample span{
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
}
#waroongView .waroong-ds-type-sample em{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-style:normal;
  font-size:10px;
  line-height:1.2;
}
#waroongView .waroong-ds-type-sample b{
  display:block;
  margin-top:12px;
  overflow:hidden;
  color:var(--text);
  text-overflow:ellipsis;
  white-space:nowrap;
}
#waroongView .waroong-ds-type-sample.is-heading b{font-size:18px;font-weight:700;line-height:1.2}
#waroongView .waroong-ds-type-sample.is-body b{font-size:16px;font-weight:400;line-height:1.2}
#waroongView .waroong-ds-type-sample.is-amount b{color:#5FC6FF;font-size:14px;font-weight:700;line-height:1.2}
#waroongView .waroong-ds-color-stack{
  display:grid;
  align-content:center;
  gap:8px;
  min-width:0;
}
#waroongView .waroong-ds-color-block{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:clamp(50px,5.6vw,74px);
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
#waroongView .waroong-ds-color-block b{font-size:14px;font-weight:700;line-height:1.15}
#waroongView .waroong-ds-color-block span{display:block;margin-top:5px;font-size:11px;line-height:1.15;opacity:.86}
#waroongView .waroong-ds-color-block.is-primary{background:#5FC6FF;color:#102531}
#waroongView .waroong-ds-color-block.is-action{background:#43B4F3;color:#FFFFFF}
#waroongView .waroong-ds-color-block.is-text{background:#2C2C2C;color:#FFFFFF;border-color:rgba(255,255,255,.1)}
#waroongView .waroong-ds-color-block.is-background{background:#F3F3F3;color:#2C2C2C;border-color:rgba(255,255,255,.18)}
#waroongView .waroong-ds-color-block.is-surface{background:#FFFFFF;color:#2C2C2C;border-color:rgba(255,255,255,.22)}
@media (max-width:760px){
  #waroongView .waroong-ds-editorial{grid-template-columns:1fr;gap:28px}
  #waroongView .waroong-ds-color-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}
  #waroongView .waroong-ds-color-block:last-child{grid-column:span 2}
}
@media (max-width:460px){
  #waroongView .waroong-ds-type-samples{grid-template-columns:1fr;gap:16px}
  #waroongView .waroong-ds-type-sample b{margin-top:6px}
  #waroongView .waroong-ds-color-stack{grid-template-columns:1fr}
  #waroongView .waroong-ds-color-block:last-child{grid-column:auto}
}


/* hero-id-card-portrait-update */


.hero>.id-card-stage .id-card-photo img{
  filter:grayscale(1) saturate(0) contrast(1.03)!important;
  transition:transform .45s var(--ease),filter .45s var(--ease)!important;
}
.hero>.id-card-stage .id-card:hover .id-card-photo img,
.hero>.id-card-stage .id-card:focus-visible .id-card-photo img{
  filter:grayscale(0) saturate(.5) contrast(1.08) brightness(1.03)!important;
}

@media (min-width:861px){
  .hero>.id-card-stage .id-card-root{top:clamp(198px,24.7vh,276px)!important;width:214px!important}
}
@media (min-width:621px) and (max-width:860px){
  .hero>.id-card-stage .id-card-root{top:clamp(188px,23.75vh,239px)!important;width:clamp(174px,23.2vw,195px)!important}
}
@media (max-width:620px){
  .hero>.id-card-stage .id-card-root{top:175px!important;width:126px!important}
}
@media (max-width:390px){
  .hero>.id-card-stage .id-card-root{top:167px!important;width:117px!important}
}


/* homepage-id-card-mobile-scale-v24 */


@media (max-width:620px){
  .hero>.id-card-stage .id-card-root{width:165px!important;}
}
@media (max-width:390px){
  .hero>.id-card-stage .id-card-root{width:153px!important;}
}


/* enterprise-outline-refinement */


#enterprisePage .enterprise-outline-section{position:relative;overflow:clip;background:transparent}
#enterprisePage .enterprise-section-grid{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(38px,7vw,112px);align-items:start}
#enterprisePage .enterprise-section-head{position:sticky;top:126px;align-self:start;padding-bottom:30px;max-width:none}
#enterprisePage .enterprise-section-head h2{max-width:12ch;margin-top:18px;font-size:clamp(34px,4.1vw,61px);line-height:1;letter-spacing:-.055em}
#enterprisePage .enterprise-section-head p{max-width:31ch;margin-top:20px;color:var(--muted);font-size:15px;line-height:1.6}
#enterprisePage .enterprise-section-body{min-width:0}


#enterprisePage .enterprise-case-hero{padding:clamp(124px,14vw,190px) 0 clamp(82px,9vw,130px);background:radial-gradient(circle at 76% 22%,rgba(184,255,87,.10),transparent 25%),radial-gradient(circle at 17% 82%,rgba(255,106,61,.055),transparent 27%)}
#enterprisePage .case-hero-copy h1{max-width:11.6ch}
#enterpriseView .enterprise-case-nav .shell{justify-content:flex-start}
#enterpriseView .enterprise-case-nav a{position:relative}
#enterpriseView .enterprise-case-nav a.is-active{color:var(--lime)}
#enterpriseView .enterprise-case-nav a.is-active::after{content:"";position:absolute;right:10px;bottom:8px;left:10px;height:1px;background:var(--lime);box-shadow:0 0 12px rgba(184,255,87,.45)}


#enterprisePage .enterprise-overview-copy{display:grid;gap:16px}
#enterprisePage .enterprise-overview-copy .lead{max-width:54ch;margin:0;color:var(--text);font-size:clamp(22px,2.3vw,32px);line-height:1.24;letter-spacing:-.04em}
#enterprisePage .enterprise-microcopy{max-width:62ch;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
#enterprisePage .enterprise-fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:10px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-fact{min-height:70px;padding:14px;background:var(--surface);border:0;border-radius:0;color:var(--muted);font:500 9px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}
#enterprisePage .enterprise-fact b{display:block;margin-bottom:5px;color:var(--lime);font-weight:500}


#enterprisePage .enterprise-placeholder{position:relative;isolation:isolate;min-height:276px;margin-top:28px;padding:18px;border:1px dashed rgba(184,255,87,.38);border-radius:0;overflow:hidden;background:linear-gradient(135deg,rgba(184,255,87,.07),transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px)}
#enterprisePage .enterprise-placeholder::before{content:"";position:absolute;inset:0;z-index:-1;background:none;mask-image:none}
#enterprisePage .enterprise-placeholder-label{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#enterprisePage .enterprise-placeholder-note{display:block;max-width:45ch;margin-top:9px;color:var(--text);font-size:14px;line-height:1.45}
#enterprisePage .enterprise-placeholder .enterprise-wire{border:1px solid var(--line);border-radius:0;background:rgba(8,8,8,.42);box-shadow:none}
#enterprisePage .enterprise-placeholder--scope .enterprise-wire.one{width:31%;height:34%;right:10%;top:19%}
#enterprisePage .enterprise-placeholder--scope .enterprise-wire.two{width:42%;height:28%;right:19%;bottom:14%}
#enterprisePage .enterprise-placeholder--scope .enterprise-wire.three{width:17%;height:17%;right:47%;top:33%;border-radius:50%;border-color:rgba(184,255,87,.7);background:var(--lime-dim)}
#enterprisePage .enterprise-placeholder--flow .enterprise-wire{top:52%;height:58px;width:14%}
#enterprisePage .enterprise-placeholder--flow .one{left:8%}#enterprisePage .enterprise-placeholder--flow .two{left:27%}#enterprisePage .enterprise-placeholder--flow .three{left:46%}#enterprisePage .enterprise-placeholder--flow .four{left:65%}#enterprisePage .enterprise-placeholder--flow .five{left:84%;transform:translateX(-100%)}
#enterprisePage .enterprise-placeholder--flow .enterprise-wire:not(:last-child)::after{color:var(--lime);font-family:var(--mono);font-size:16px}
#enterprisePage .enterprise-placeholder--screens{min-height:330px}
#enterprisePage .enterprise-placeholder--screens .enterprise-wire{width:33%;height:72%;bottom:0}
#enterprisePage .enterprise-placeholder--screens .one{left:12%;transform:rotate(-7deg);transform-origin:bottom center}.enterprise-placeholder--screens .two{left:35%;z-index:2;transform:translateY(-10px);border-color:rgba(184,255,87,.5)}.enterprise-placeholder--screens .three{right:10%;transform:rotate(7deg);transform-origin:bottom center}


#enterprisePage .enterprise-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-list li{display:block;min-height:182px;padding:18px;background:var(--surface);border:0}
#enterprisePage .enterprise-index{display:block;padding:0;color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}
#enterprisePage .enterprise-list b{display:block;max-width:15ch;margin:25px 0 10px;font-size:18px;line-height:1.12;letter-spacing:-.035em}
#enterprisePage .enterprise-list span{display:block;color:var(--muted);font-size:12px;line-height:1.48}
#enterprisePage .enterprise-goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-goal{min-height:126px;padding:17px;border:0;border-radius:0;background:var(--surface)}
#enterprisePage .enterprise-goal span{display:block;margin-bottom:13px;color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#enterprisePage .enterprise-goal b{display:block;max-width:15ch;font-size:17px;line-height:1.14;letter-spacing:-.03em}


#enterprisePage .enterprise-user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-user{min-height:190px;padding:20px;border:0;border-radius:0;background:var(--surface);transition:background .3s var(--ease),transform .3s var(--ease)}
#enterprisePage .enterprise-user:hover{transform:translateY(-3px);border:0;background:linear-gradient(135deg,rgba(184,255,87,.09),transparent 65%),var(--surface)}
#enterprisePage .enterprise-user small{display:block;margin-bottom:25px;color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em}
#enterprisePage .enterprise-user b{display:block;max-width:15ch;margin-bottom:10px;font-size:18px;line-height:1.12;letter-spacing:-.03em}
#enterprisePage .enterprise-user p{margin:0;color:var(--muted);font-size:12px;line-height:1.48}
#enterprisePage .enterprise-user:last-child{grid-column:auto}


#enterprisePage .enterprise-approach-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-step{display:block;min-height:170px;padding:20px;border:0;background:var(--surface)}
#enterprisePage .enterprise-step:first-child{padding:20px}
#enterprisePage .enterprise-step-number{display:block;padding:0;color:var(--orange);font:500 9px var(--mono);letter-spacing:.06em}
#enterprisePage .enterprise-step b{display:block;max-width:15ch;margin:24px 0 10px;font-size:18px;line-height:1.12;letter-spacing:-.035em}
#enterprisePage .enterprise-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.48}
#enterprisePage .enterprise-proof-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-proof{min-height:124px;padding:17px;border:0;border-radius:0;background:var(--surface)}
#enterprisePage .enterprise-proof span{display:block;margin-bottom:13px;color:var(--lime);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
#enterprisePage .enterprise-proof b{display:block;max-width:24ch;font-size:15px;line-height:1.35;letter-spacing:-.02em}


#enterprisePage .enterprise-solution-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#enterprisePage .enterprise-solution{min-height:280px;padding:clamp(22px,3vw,34px);border:0;border-radius:0;background:var(--surface)}
#enterprisePage .enterprise-solution:nth-child(1),#enterprisePage .enterprise-solution:nth-child(4){grid-column:1 / -1}
#enterprisePage .enterprise-solution-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
#enterprisePage .enterprise-solution-top span{order:-1;color:var(--orange);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
#enterprisePage .enterprise-solution h3{max-width:15ch;margin:0;font-size:clamp(24px,2.6vw,38px);line-height:1.06;letter-spacing:-.045em}
#enterprisePage .enterprise-solution p{max-width:54ch;margin-top:14px;color:var(--muted);font-size:14px;line-height:1.58}
#enterprisePage .enterprise-outcome{display:block;max-width:54ch;margin-top:20px;padding:0;border-radius:0;background:transparent;color:var(--muted);font:500 9px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}
#enterprisePage .enterprise-outcome b{color:var(--lime);font-weight:500}


#enterprisePage .enterprise-reflection{padding:clamp(28px,4vw,48px);border:1px solid var(--line-soft);border-radius:0;background:linear-gradient(135deg,rgba(184,255,87,.055),transparent 60%),var(--surface)}
#enterprisePage .enterprise-quote{max-width:24ch;margin:0;color:var(--text);font-size:clamp(29px,3.6vw,52px);line-height:1.04;letter-spacing:-.05em}
#enterprisePage .enterprise-reflection p:not(.enterprise-quote){max-width:58ch;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
#enterprisePage .enterprise-reflection-note{padding-top:16px;border-top:1px solid var(--line-soft);font:500 8px/1.55 var(--mono)!important;letter-spacing:.055em;text-transform:uppercase}

@media (max-width:980px){
  #enterprisePage .enterprise-section-grid{grid-template-columns:1fr;gap:34px}
  #enterprisePage .enterprise-section-head{position:static;padding-bottom:0}
  #enterprisePage .enterprise-section-head h2{max-width:15ch}
  #enterprisePage .enterprise-section-head p{max-width:57ch}
  #enterprisePage .enterprise-fact-row{max-width:620px}
}
@media (max-width:720px){
  #enterprisePage .enterprise-fact-row,#enterprisePage .enterprise-list,#enterprisePage .enterprise-goal-grid,#enterprisePage .enterprise-user-grid{grid-template-columns:1fr 1fr}
  #enterprisePage .enterprise-list li{min-height:160px}
  #enterprisePage .enterprise-approach-steps{grid-template-columns:1fr}
  #enterprisePage .enterprise-solution-stack{grid-template-columns:1fr}
  #enterprisePage .enterprise-solution:nth-child(1),#enterprisePage .enterprise-solution:nth-child(4){grid-column:auto}
}
@media (max-width:520px){
  #enterprisePage .enterprise-fact-row,#enterprisePage .enterprise-list,#enterprisePage .enterprise-goal-grid,#enterprisePage .enterprise-user-grid,#enterprisePage .enterprise-proof-row{grid-template-columns:1fr}
  #enterprisePage .enterprise-placeholder{min-height:235px;padding:16px}
  #enterprisePage .enterprise-placeholder--screens{min-height:280px}
  #enterprisePage .enterprise-user,#enterprisePage .enterprise-step,#enterprisePage .enterprise-solution{min-height:auto}
  #enterprisePage .enterprise-solution-top{display:block}
  #enterprisePage .enterprise-solution-top span{display:block;margin-bottom:13px}
}


/* direct-case-content-refinement */


#waroongView .waroong-goals-copy{
  max-width:28ch;margin:28px 0 0;color:#071006;font-size:14px;line-height:1.62;
}
#waroongView .role-panel-scope{
  margin:30px 0 0!important;padding:13px 14px!important;border:1px solid var(--line)!important;
  color:var(--muted)!important;font-size:13px!important;line-height:1.55!important;
}
#safariView .safari-prototype-summary,
#safariView .safari-created-summary{
  max-width:59ch;margin-top:25px!important;padding-top:17px;border-top:1px solid var(--line);
  color:var(--muted);font-size:13px!important;line-height:1.62!important;
}
#sddWebView .sddweb-outcome-summary{
  max-width:55ch;margin:26px 0 0;padding-top:17px;border-top:1px solid var(--line-soft);
  color:var(--muted);font-size:13px;line-height:1.58;
}
#sddWebView .sddweb-outcome-card.future .sddweb-outcome-summary{border-color:rgba(255,106,61,.30)}
@media (max-width:620px){
  #waroongView .role-panel-scope{margin-top:22px!important}
  #safariView .safari-prototype-summary,
  #safariView .safari-created-summary,
  #sddWebView .sddweb-outcome-summary{margin-top:20px!important}
}


/* enterprise-public-scope-refinement */


#enterprisePage .enterprise-background-grid,
#enterprisePage .enterprise-problem-grid{
  display:grid;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);
}
#enterprisePage .enterprise-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#enterprisePage .enterprise-background-item{
  display:flex;min-height:172px;flex-direction:column;justify-content:space-between;padding:clamp(21px,2.8vw,32px);background:var(--surface);
}
#enterprisePage .enterprise-background-item i{
  display:block;color:var(--lime);font-size:30px;line-height:1;
}
#enterprisePage .enterprise-background-item p{
  max-width:27ch;margin:34px 0 0;color:var(--text);font-size:15px;line-height:1.42;letter-spacing:-.022em;
}
#enterprisePage .enterprise-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#enterprisePage .enterprise-problem-card{
  display:grid;min-height:215px;grid-template-columns:auto 1fr;align-content:start;gap:18px;padding:clamp(21px,2.8vw,32px);background:var(--surface);
}
#enterprisePage .enterprise-problem-card > span{
  color:var(--orange);font:500 9px/1 var(--mono);letter-spacing:.06em;
}
#enterprisePage .enterprise-problem-card b{display:block;max-width:26ch;font-size:18px;line-height:1.12;letter-spacing:-.035em;}
#enterprisePage .enterprise-problem-card p{max-width:32ch;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55;}
#enterprisePage .enterprise-goal-single{
  display:flex;align-items:flex-start;gap:20px;margin-top:1px;padding:clamp(23px,3vw,34px);background:var(--lime);color:#071006;
}
#enterprisePage .enterprise-goal-single i{flex:0 0 auto;font-size:30px;line-height:1;}
#enterprisePage .enterprise-goal-single span{display:block;margin-bottom:11px;font:600 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;}
#enterprisePage .enterprise-goal-single b{display:block;max-width:58ch;font-size:clamp(19px,2.1vw,29px);line-height:1.12;letter-spacing:-.038em;}
#enterprisePage .enterprise-step{grid-template-columns:auto 1fr;}
#enterprisePage .enterprise-step .enterprise-step-number{display:none;}
#enterprisePage .enterprise-step > i{display:block;margin-top:1px;color:var(--lime);font-size:27px;line-height:1;}
#enterprisePage .enterprise-solution-top{display:block;margin-bottom:14px;}
#enterprisePage .enterprise-solution-top span{display:block;margin:0 0 12px;color:var(--orange);font:500 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
#enterprisePage .enterprise-solution-top h3{margin:0;}
@media (max-width:720px){
  #enterprisePage .enterprise-background-grid,#enterprisePage .enterprise-problem-grid{grid-template-columns:1fr;}
  #enterprisePage .enterprise-background-item{min-height:142px;}
  #enterprisePage .enterprise-problem-card{min-height:0;}
}
@media (max-width:520px){
  #enterprisePage .enterprise-goal-single{gap:15px;}
  #enterprisePage .enterprise-goal-single b{font-size:20px;}
}


/* enterprise-supplied-hero-asset-override */


#enterpriseView .enterprise-hero-supplied .hero-asset-image{
  display:block !important;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
#enterpriseView .enterprise-hero-supplied .hero-asset-picture{
  display:block !important;
}

#enterpriseView .work-hero-media--enterprise.enterprise-hero-supplied{
  background:#070707;
}
@media (max-width:700px){
  #enterpriseView .enterprise-hero-supplied .hero-asset-image{
    object-position:center center;
  }
}


/* enterprise-roles-confidentiality-refinement */

#enterprisePage .enterprise-confidential-section{padding-top:0}
#enterprisePage .enterprise-confidential-card{display:flex;align-items:flex-start;gap:20px;padding:clamp(24px,3vw,36px);border:1px solid var(--line-soft);background:linear-gradient(135deg,rgba(184,255,87,.06),transparent 55%),var(--surface)}
#enterprisePage .enterprise-confidential-card i{flex:0 0 auto;color:var(--lime);font-size:30px;line-height:1}
#enterprisePage .enterprise-confidential-card p{max-width:68ch;margin:0;color:var(--muted);font-size:14px;line-height:1.62}
@media (max-width:520px){#enterprisePage .enterprise-confidential-card{gap:16px;padding:22px}#enterprisePage .enterprise-confidential-card i{font-size:26px}}


/* multi-page-refinement */


@media (min-width: 821px){
  #enterpriseView [data-confidentiality-note] .enterprise-section-grid{align-items:center;}
  #enterpriseView [data-confidentiality-note] .enterprise-section-body{display:flex;align-items:center;padding-top:14px;}
  #enterpriseView [data-confidentiality-note] .enterprise-confidential-card{transform:translateY(8px);}
}


#safariView .safari-background-copy, #safariView .safari-prototype-refined{border-top:1px solid rgba(255,255,255,.16);padding-top:1.1rem;}
#safariView .safari-background-copy p, #safariView .safari-problem-intro, #safariView .safari-approach-copy, #safariView .safari-prototype-refined>p{max-width:62ch;margin:0 0 .85rem;}
#safariView .safari-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);margin-top:1.35rem;border:1px solid rgba(255,255,255,.14);}
#safariView .safari-focus-card{min-height:210px;background:#0c0c0c;padding:1.25rem;display:flex;flex-direction:column;gap:.72rem;}
#safariView .safari-focus-card>i{font-size:1.45rem;color:var(--lime,#bafc57);}
#safariView .safari-focus-card h3{font-size:1.05rem;line-height:1.2;margin:0;}
#safariView .safari-focus-card p{color:rgba(255,255,255,.7);line-height:1.55;margin:0;}
#safariView .safari-process-flow{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);padding-top:1.25rem;margin-top:1.25rem;}
#safariView .safari-process-flow span{border:1px solid rgba(255,255,255,.2);padding:.68rem .82rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;}
#safariView .safari-process-flow i{opacity:.55;}
#safariView .safari-visitor-journey{display:grid;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);}
#safariView .safari-visitor-journey .safari-feature-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(200px,1.15fr);background:#0c0c0c;min-height:260px;}
#safariView .safari-visitor-journey .safari-feature-meta{padding:1.35rem;display:flex;flex-direction:column;justify-content:flex-end;}
#safariView .safari-visitor-journey .safari-feature-meta h3{margin:0 0 .55rem;font-size:1.22rem;}
#safariView .safari-visitor-journey .safari-feature-meta p{margin:0;line-height:1.55;color:rgba(255,255,255,.68);}
#safariView .safari-visitor-journey .safari-feature-media{margin:0;min-height:260px;background:linear-gradient(135deg,#15221d,#07110d);border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;position:relative;overflow:hidden;}
#safariView .safari-visitor-journey .safari-feature-media:before{content:"";position:absolute;inset:18% 15%;border:1px dashed rgba(186,252,87,.38);border-radius:999px;transform:rotate(-18deg);}
#safariView .safari-visitor-journey .safari-feature-media span, #safariView .safari-visitor-journey .safari-feature-media small{position:relative;z-index:1;}
#safariView .safari-visitor-journey .safari-feature-media span{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:var(--lime,#bafc57);}
#safariView .safari-visitor-journey .safari-feature-media small{margin-top:.35rem;color:rgba(255,255,255,.68);}
#safariView .safari-prototype-canvas{min-height:330px;border:1px dashed rgba(255,255,255,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 0,rgba(186,252,87,.12),transparent 48%);}
#safariView .safari-prototype-canvas span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--lime,#bafc57);}
#safariView .safari-prototype-canvas small{max-width:36ch;color:rgba(255,255,255,.66);margin-top:.55rem;}
#safariView .safari-project-note{padding:clamp(4.5rem,8vw,7rem) 0;border-top:1px solid rgba(255,255,255,.13);}
#safariView .safari-project-note-inner{max-width:760px;padding-left:calc(var(--shell-pad,24px));padding-right:calc(var(--shell-pad,24px));}
#safariView .safari-project-note h2{font-size:clamp(1.55rem,2vw,2rem);margin:0 0 1rem;}
#safariView .safari-project-note p{margin:.65rem 0;color:rgba(255,255,255,.68);line-height:1.65;}


#sddWebView .sddweb-meta-two-rows{display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;grid-column:1/-1;margin-top:1.15rem!important;}
#sddWebView .sddweb-meta-two-rows .sddweb-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.38rem .55rem;padding:0!important;border:0!important;background:transparent!important;}
#sddWebView .sddweb-meta-two-rows dt{font-size:.71rem;text-transform:uppercase;letter-spacing:.09em;opacity:.52;margin:0;}
#sddWebView .sddweb-meta-two-rows dd{margin:0;font-size:.86rem;line-height:1.45;}
#sddWebView .sddweb-meta-two-rows span{opacity:.35;}
#sddWebView .sddweb-refined-section .sddweb-story-head h2{margin-top:0;}
#sddWebView .sddweb-body-copy{max-width:69ch;margin:0 0 1rem;line-height:1.7;color:rgba(255,255,255,.72);}
#sddWebView .sddweb-before-after{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);margin-top:1.5rem;}
#sddWebView .sddweb-before-after article{background:#0b0b0b;padding:1rem;}
#sddWebView .sddweb-browser-bar{display:flex;gap:.35rem;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:.75rem;}
#sddWebView .sddweb-browser-bar span{width:.45rem;height:.45rem;border-radius:50%;background:rgba(255,255,255,.28);}
#sddWebView .sddweb-legacy-surface, #sddWebView .sddweb-current-surface{min-height:260px;margin-top:1rem;padding:1rem;display:flex;flex-direction:column;gap:.65rem;position:relative;overflow:hidden;}
#sddWebView .sddweb-legacy-surface{background:linear-gradient(145deg,#252525,#111);filter:saturate(.2);}
#sddWebView .sddweb-current-surface{background:linear-gradient(145deg,#111c1c,#0d0d0d);}
#sddWebView .sddweb-legacy-surface small, #sddWebView .sddweb-current-surface small{font-size:.7rem;letter-spacing:.1em;opacity:.7;}
#sddWebView .sddweb-legacy-surface b, #sddWebView .sddweb-current-surface b{font-size:1.2rem;line-height:1.18;max-width:12ch;}
#sddWebView .sddweb-legacy-surface>i{height:.58rem;background:rgba(255,255,255,.25);width:80%;}
#sddWebView .sddweb-legacy-surface em{display:block;width:100%;height:74px;background:rgba(255,255,255,.12);margin-top:auto;}
#sddWebView .sddweb-current-surface>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:auto;}
#sddWebView .sddweb-current-surface i{display:block;min-height:80px;border:1px solid rgba(186,252,87,.34);background:rgba(186,252,87,.08);}
#sddWebView .sddweb-current-surface em{display:block;width:50%;height:.6rem;background:var(--lime,#bafc57);}
#sddWebView .sddweb-before-after p{color:rgba(255,255,255,.57);font-size:.88rem;margin:.8rem 0 0;}
#sddWebView .sddweb-practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);}
#sddWebView .sddweb-practical-grid article{background:#0b0b0b;padding:1.3rem;min-height:250px;}
#sddWebView .sddweb-practical-grid i{font-size:1.4rem;color:var(--lime,#bafc57);}
#sddWebView .sddweb-practical-grid h3{font-size:1.05rem;margin:1.15rem 0 .65rem;}
#sddWebView .sddweb-practical-grid p{margin:0;color:rgba(255,255,255,.68);line-height:1.6;}
#sddWebView .sddweb-hierarchy-diagram{margin-top:1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border:1px solid rgba(255,255,255,.16);padding:1rem;}
#sddWebView .sddweb-hierarchy-diagram b{padding:.65rem .82rem;background:var(--lime,#bafc57);color:#080808;}
#sddWebView .sddweb-hierarchy-diagram span{border:1px solid rgba(255,255,255,.21);padding:.56rem .7rem;font-size:.82rem;color:rgba(255,255,255,.72);}
#sddWebView .sddweb-approach-visuals{display:grid;grid-template-columns:.78fr 1.22fr;gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);margin-top:1.45rem;}
#sddWebView .sddweb-sitemap, #sddWebView .sddweb-framer-frames{background:#0b0b0b;padding:1.2rem;}
#sddWebView .sddweb-sitemap>b{display:inline-block;background:var(--lime,#bafc57);color:#080808;padding:.56rem .7rem;}
#sddWebView .sddweb-sitemap>div{display:grid;gap:.45rem;margin-top:1rem;}
#sddWebView .sddweb-sitemap span{border-left:1px solid var(--lime,#bafc57);padding:.47rem .65rem;background:rgba(255,255,255,.035);font-size:.82rem;}
#sddWebView .sddweb-framer-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;align-items:end;}
#sddWebView .sddweb-framer-frames article{min-height:220px;border:1px solid rgba(255,255,255,.2);padding:.65rem;display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(145deg,rgba(186,252,87,.06),transparent);}
#sddWebView .sddweb-framer-frames small{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.58);}
#sddWebView .sddweb-framer-frames i{height:10px;background:rgba(255,255,255,.25);display:block;}
#sddWebView .sddweb-framer-frames i:nth-of-type(2){height:58px;background:rgba(186,252,87,.13);}
#sddWebView .sddweb-release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);}
#sddWebView .sddweb-release-grid article{background:#0b0b0b;padding:1.25rem;min-height:230px;}
#sddWebView .sddweb-release-grid span{font-size:.69rem;text-transform:uppercase;letter-spacing:.09em;color:var(--lime,#bafc57);}
#sddWebView .sddweb-release-grid h3{font-size:1.08rem;line-height:1.25;margin:.9rem 0 .65rem;}
#sddWebView .sddweb-release-grid p{margin:0;color:rgba(255,255,255,.67);line-height:1.58;}
#sddWebView .sddweb-live-gallery{display:grid;grid-template-columns:1.45fr .55fr;gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);margin-top:1rem;}
#sddWebView .sddweb-live-desktop, #sddWebView .sddweb-mobile-sequence{background:#0b0b0b;padding:1rem;}
#sddWebView .sddweb-live-gallery .sddweb-live-placeholder{margin:0;min-height:340px;}
#sddWebView .sddweb-mobile-sequence{display:grid;gap:.6rem;}
#sddWebView .sddweb-mobile-sequence article{border:1px solid rgba(255,255,255,.2);padding:.6rem;display:flex;flex-direction:column;gap:.45rem;min-height:108px;}
#sddWebView .sddweb-mobile-sequence small{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.56);}
#sddWebView .sddweb-mobile-sequence i{display:block;height:8px;background:rgba(255,255,255,.2);}
#sddWebView .sddweb-mobile-sequence i:nth-of-type(2){height:36px;background:rgba(186,252,87,.14);}
#sddWebView .sddweb-disclosure{color:var(--lime,#bafc57)!important;opacity:1!important;}
#sddWebView .sddweb-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(186,252,87,.35);background:rgba(186,252,87,.35);margin-top:1.25rem;}
#sddWebView .sddweb-roadmap article{background:#0b0b0b;padding:1rem;min-height:142px;}
#sddWebView .sddweb-roadmap span{font-size:.72rem;color:var(--lime,#bafc57);letter-spacing:.08em;}
#sddWebView .sddweb-roadmap h3{font-size:1rem;margin:.72rem 0 0;}
#sddWebView .sddweb-next-closing{margin:1rem 0 0;max-width:69ch;color:rgba(255,255,255,.64);line-height:1.62;}


#sddToolsView .sddarchive-meta-two-rows{display:grid!important;grid-template-columns:1fr!important;gap:.42rem!important;}
#sddToolsView .sddarchive-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;}
#sddToolsView .sddarchive-meta-row dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.52;}
#sddToolsView .sddarchive-meta-row dd{margin:0;font-size:.87rem;}
#sddToolsView .sddarchive-meta-row span{opacity:.35;}









@media (max-width: 820px){
  #safariView .safari-focus-grid, #sddWebView .sddweb-practical-grid, #sddWebView .sddweb-release-grid, #sddWebView .sddweb-roadmap{grid-template-columns:1fr;}
  #safariView .safari-visitor-journey .safari-feature-card{grid-template-columns:1fr;}
  #safariView .safari-visitor-journey .safari-feature-media{border-left:0;border-top:1px solid rgba(255,255,255,.14);min-height:200px;}
  #safariView .safari-process-flow{align-items:stretch;flex-direction:column;}
  #safariView .safari-process-flow i{transform:rotate(90deg);align-self:center;}
  #sddWebView .sddweb-before-after, #sddWebView .sddweb-approach-visuals, #sddWebView .sddweb-live-gallery{grid-template-columns:1fr;}
  #sddWebView .sddweb-framer-frames{grid-template-columns:repeat(3,minmax(0,1fr));}
  #sddWebView .sddweb-live-gallery .sddweb-live-placeholder{min-height:250px;}
  #sddWebView .sddweb-meta-two-rows .sddweb-meta-row, #sddToolsView .sddarchive-meta-row{gap:.25rem .4rem;}
}


/* portfolio-global-refinement-v2 */




#enterpriseView .enterprise-confidential-section .case-story-grid{align-items:center;}
#enterpriseView .enterprise-confidential-section .enterprise-section-body{align-self:center;transform:translateY(14px);}
#enterpriseView .enterprise-confidential-section .enterprise-confidential-card[data-refined-alignment="true"]{margin:0;}


#safariView .safari-mobile-context{max-width:62ch;margin-top:1.05rem!important;color:rgba(255,255,255,.62);}
#safariView .safari-visitor-journey .safari-feature-card{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);min-height:440px;}
#safariView .safari-visitor-journey .safari-feature-media{min-height:440px;align-items:center;justify-content:center;padding:1.1rem;background:radial-gradient(circle at 50% 8%,rgba(186,252,87,.18),transparent 32%),linear-gradient(145deg,#102017,#070c0a);border-left:1px solid rgba(255,255,255,.14);}
#safariView .safari-visitor-journey .safari-feature-media::before{display:none;}
#safariView .safari-mobile-device{position:relative;width:min(100%,188px);aspect-ratio:9 / 18.5;padding:9px;border:1px solid rgba(245,245,240,.46);border-radius:25px;background:#080a09;box-shadow:0 22px 38px rgba(0,0,0,.43),inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden;transform:rotate(var(--phone-tilt,-3deg));transition:transform .38s var(--ease),border-color .38s var(--ease);}
#safariView .safari-feature-card:nth-child(even) .safari-mobile-device{--phone-tilt:3deg;}
#safariView .safari-feature-card:hover .safari-mobile-device{border-color:var(--lime);transform:translateY(-5px) rotate(var(--phone-tilt,-3deg));}
#safariView .safari-mobile-browser{display:flex;align-items:center;gap:3px;height:16px;padding:0 4px;border-radius:7px;background:rgba(245,245,240,.10);}
#safariView .safari-mobile-browser i{display:block;width:4px;height:4px;border-radius:50%;background:rgba(245,245,240,.42);}
#safariView .safari-mobile-browser b{margin-left:5px;color:rgba(245,245,240,.70);font:500 5px var(--mono);letter-spacing:.07em;text-transform:uppercase;}
#safariView .safari-mobile-screen-content{position:relative;height:calc(100% - 21px);margin-top:5px;padding:14px 10px;border-radius:16px;background:linear-gradient(150deg,rgba(186,252,87,.20),rgba(9,30,18,.88) 57%,rgba(8,8,8,.96));overflow:hidden;}
#safariView .safari-mobile-screen-content::before{content:"";position:absolute;inset:18% -35% auto auto;width:120px;aspect-ratio:1;border:1px solid rgba(186,252,87,.36);border-radius:50%;box-shadow:0 0 0 26px rgba(186,252,87,.05),0 0 0 56px rgba(186,252,87,.035);}
#safariView .safari-mobile-screen-content em{position:relative;z-index:1;display:block;color:var(--lime);font:500 7px var(--mono);letter-spacing:.085em;text-transform:uppercase;font-style:normal;}
#safariView .safari-mobile-screen-content span{position:relative;z-index:1;display:block;height:30px;margin-top:11px;border:1px solid rgba(245,245,240,.13);background:rgba(8,8,8,.30);}
#safariView .safari-mobile-screen-content span:nth-of-type(2){width:74%;height:9px;margin-top:18px;background:rgba(245,245,240,.16);}
#safariView .safari-mobile-screen-content span:nth-of-type(3){width:56%;height:9px;margin-top:8px;background:rgba(186,252,87,.55);}
#safariView .safari-mobile-device--search .safari-mobile-screen-content{background:linear-gradient(155deg,rgba(255,106,61,.15),#111 64%);}
#safariView .safari-mobile-device--details .safari-mobile-screen-content{background:linear-gradient(155deg,rgba(186,252,87,.18),#0b1110 64%);}
#safariView .safari-mobile-device--schedule .safari-mobile-screen-content{background:linear-gradient(155deg,rgba(92,122,214,.18),#0b0d14 64%);}
#safariView .safari-mobile-device--route .safari-mobile-screen-content{background:linear-gradient(155deg,rgba(255,106,61,.20),#100d0b 64%);}
#safariView .safari-feature-media > small{margin-top:12px!important;color:rgba(245,245,240,.53)!important;font:500 7px var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
#safariView .safari-prototype-mobile-canvas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(10px,2.4vw,28px);min-height:430px;margin-top:1.4rem;padding:clamp(20px,4vw,44px);border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 0,rgba(186,252,87,.16),transparent 47%),linear-gradient(135deg,#101512,#080a09);}
#safariView .safari-prototype-phone{position:relative;justify-self:center;width:min(100%,176px);aspect-ratio:9/18.5;padding:9px;border:1px solid rgba(245,245,240,.38);border-radius:22px;background:#090b0a;box-shadow:0 18px 32px rgba(0,0,0,.38);overflow:hidden;}
#safariView .safari-prototype-phone:nth-child(2){transform:translateY(-18px);border-color:rgba(186,252,87,.72);}
#safariView .safari-prototype-phone span{display:block;padding:7px 8px;border-radius:7px;background:rgba(186,252,87,.16);color:var(--lime);font:500 6px var(--mono);letter-spacing:.085em;text-transform:uppercase;}
#safariView .safari-prototype-phone i{display:block;height:18%;margin-top:10px;border:1px solid rgba(245,245,240,.12);background:linear-gradient(135deg,rgba(245,245,240,.14),rgba(245,245,240,.03));}
#safariView .safari-prototype-phone i:nth-of-type(2){height:10%;width:74%;background:rgba(186,252,87,.42);}
#safariView .safari-prototype-phone i:nth-of-type(3){height:9%;width:55%;background:rgba(245,245,240,.13);}
#safariView .safari-project-note--refined{padding:clamp(64px,8vw,116px) 0;border-top:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(186,252,87,.035),transparent 50%);}
#safariView .safari-project-note-shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));}
#safariView .safari-project-note-card{grid-column:6 / -1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(186,252,87,.08),transparent 62%),rgba(15,15,15,.90);}
#safariView .safari-project-note-card>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(186,252,87,.45);background:var(--lime-dim);color:var(--lime);font-size:20px;}
#safariView .safari-project-note-card h2{margin:0 0 13px;font-size:clamp(21px,2.3vw,30px);letter-spacing:-.05em;}
#safariView .safari-project-note-card p{margin:0 0 10px;max-width:61ch;color:rgba(245,245,240,.67);font-size:13px;line-height:1.6;}
#safariView .safari-project-note-card p:last-child{margin-bottom:0;}


#sddWebView .sddweb-meta-two-rows{display:grid!important;grid-column:1 / -1!important;justify-self:start;align-self:start;width:min(100%,970px);margin-top:1.45rem!important;border:1px solid var(--line)!important;background:rgba(16,16,16,.82)!important;}
#sddWebView .sddweb-meta-two-rows .waroong-meta-row{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;gap:13px!important;padding:14px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;background:transparent!important;}
#sddWebView .sddweb-meta-two-rows .waroong-meta-row:last-child{border-bottom:0!important;}
#sddWebView .sddweb-meta-two-rows dt{margin:0!important;color:var(--muted)!important;font:500 8px var(--mono)!important;letter-spacing:.065em!important;text-transform:uppercase!important;}
#sddWebView .sddweb-meta-two-rows dd{margin:0!important;color:var(--text)!important;font-size:13px!important;line-height:1.5!important;}
#sddWebView .sddweb-meta-two-rows dd b{font-weight:500;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.055em;text-transform:uppercase;}
#sddWebView .sddweb-meta-two-rows dd span{padding:0 3px;opacity:.44;}
#sddWebView .sddweb-goal-callout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;margin-top:1px;padding:20px;border:1px solid var(--lime);background:var(--lime);color:#060806;}
#sddWebView .sddweb-goal-callout span{font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.72;}
#sddWebView .sddweb-goal-callout p{max-width:52ch;margin:0;font-size:clamp(16px,1.7vw,21px);font-weight:600;line-height:1.35;letter-spacing:-.03em;}
#sddWebView .sddweb-phase-checkpoint{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);}
#sddWebView .sddweb-phase-card{position:relative;min-height:295px;padding:clamp(20px,3.3vw,34px);background:var(--surface);overflow:hidden;}
#sddWebView .sddweb-phase-card>span{display:block;color:var(--muted);font:500 8px var(--mono);letter-spacing:.075em;text-transform:uppercase;}
#sddWebView .sddweb-phase-card h3{max-width:15ch;margin:20px 0 0;font-size:clamp(27px,3.1vw,42px);line-height:1.01;letter-spacing:-.065em;}
#sddWebView .sddweb-phase-card p{max-width:44ch;margin:17px 0 0;color:var(--muted);font-size:14px;line-height:1.58;}
#sddWebView .sddweb-phase-card small{position:absolute;right:18px;bottom:16px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase;}
#sddWebView .sddweb-phase-card--live{background:linear-gradient(135deg,rgba(184,255,87,.17),transparent 56%),var(--surface);border-top:2px solid var(--lime);}
#sddWebView .sddweb-phase-card--live h3{color:var(--lime);}
#sddWebView .sddweb-phase-card--future{filter:saturate(.1);opacity:.58;background:linear-gradient(145deg,#181818,#101010);}
#sddWebView .sddweb-phase-card--future::after{content:"PLANNED";position:absolute;top:14px;right:16px;padding:5px 7px;border:1px solid rgba(245,245,240,.18);font:500 7px var(--mono);letter-spacing:.09em;text-transform:uppercase;}
#sddWebView .sddweb-phase-card em{font-style:normal;}
#sddWebView .sddweb-next-closing{margin-top:18px!important;color:var(--muted)!important;} #sddToolsView .sddarchive-waroong-meta{display:grid;align-self:end;margin:0;padding:0;border:1px solid var(--line);background:rgba(16,16,16,.80);backdrop-filter:blur(10px);} #sddToolsView .sddarchive-waroong-meta .waroong-meta-row{display:grid;grid-template-columns:106px minmax(0,1fr);gap:13px;padding:14px;border-bottom:1px solid var(--line-soft);} #sddToolsView .sddarchive-waroong-meta .waroong-meta-row:last-child{border-bottom:0;} #sddToolsView .sddarchive-waroong-meta dt{color:var(--muted);font:500 8px var(--mono);letter-spacing:.065em;text-transform:uppercase;} #sddToolsView .sddarchive-waroong-meta dd{margin:0;color:var(--text);font-size:12px;line-height:1.5;} #sddToolsView .sddarchive-waroong-meta dd b{color:var(--muted);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;} #sddToolsView .sddarchive-waroong-meta dd span{padding:0 3px;opacity:.42;}
#sddToolsView .sddarchive-waroong-meta{width:min(100%,950px);margin-top:28px;}
#sddToolsView .sdd-hero-copy .sddarchive-waroong-meta{grid-template-columns:1fr;}
#sddToolsView .sdd-hero-copy>.hero-project-facts{max-width:none;}






#pilarView .pti-section-head{margin-bottom:clamp(28px,4vw,52px);}
#pilarView .pti-section-head h2{margin-top:0;}
#pilarView .pti-section-index{display:none!important;}

@media (max-width:980px){
  #safariView .safari-visitor-journey .safari-feature-card{grid-template-columns:1fr;}
  #safariView .safari-visitor-journey .safari-feature-media{min-height:390px;border-left:0;border-top:1px solid rgba(255,255,255,.14);order:-1;}
  #safariView .safari-project-note-card{grid-column:1 / -1;}
  #sddWebView .sddweb-meta-two-rows{width:100%;}
  #sddToolsView .sddarchive-waroong-meta{width:100%;}
}
@media (max-width:620px){
  #enterpriseView .enterprise-confidential-section .enterprise-section-body{transform:none;margin-top:10px;}
  #safariView .safari-prototype-mobile-canvas{min-height:315px;gap:8px;padding:16px 10px;}
  #safariView .safari-prototype-phone{border-radius:15px;padding:6px;}
  #safariView .safari-prototype-phone:nth-child(2){transform:translateY(-8px);}
  #safariView .safari-project-note-card{grid-template-columns:1fr;padding:19px;}
  #safariView .safari-project-note-card>i{width:38px;height:38px;}
  #sddWebView .sddweb-goal-callout{grid-template-columns:1fr;gap:8px;}
  #sddWebView .sddweb-phase-checkpoint{grid-template-columns:1fr;}
  #sddWebView .sddweb-phase-card{min-height:250px;}
  #sddWebView .sddweb-meta-two-rows .waroong-meta-row, #sddToolsView .sddarchive-waroong-meta .waroong-meta-row{grid-template-columns:1fr;gap:7px;}
  #sddWebView .sddweb-meta-two-rows dd, #sddToolsView .sddarchive-waroong-meta dd{font-size:11px;}
}


/* portfolio-global-refinement-v3 */




.case-nav a{position:relative!important;border-bottom:0!important;background:transparent!important;}
.case-nav a.is-active{color:var(--lime)!important;}
.case-nav a.is-active::after{content:""!important;position:absolute!important;right:10px!important;bottom:8px!important;left:10px!important;height:1px!important;background:var(--lime)!important;box-shadow:0 0 12px rgba(184,255,87,.45)!important;}


.portfolio-hero-meta-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;width:min(100%,1080px)!important;max-width:none!important;margin:26px 0 0!important;padding:1px!important;border:1px solid var(--line)!important;background:var(--line)!important;backdrop-filter:blur(10px)!important;}
.portfolio-hero-meta-grid>div{display:block!important;min-height:82px!important;padding:14px!important;border:0!important;background:rgba(12,12,12,.82)!important;}
.portfolio-hero-meta-grid dt{margin:0!important;color:var(--muted)!important;font:500 8px var(--mono)!important;letter-spacing:.065em!important;text-transform:uppercase!important;}
.portfolio-hero-meta-grid dd{margin:8px 0 0!important;color:var(--text)!important;font-size:12px!important;line-height:1.43!important;letter-spacing:-.01em!important;}
.case-hero .portfolio-hero-meta-grid{grid-column:1 / -1!important;align-self:start!important;justify-self:start!important;} #sddToolsView .portfolio-hero-meta-grid{align-self:start!important;}
#sddToolsView .sdd-hero-copy .portfolio-hero-meta-grid{width:min(100%,1080px)!important;}
#pilarView .portfolio-hero-meta-grid{width:min(100%,1080px)!important;}


#safariView .safari-background-copy{border-top:0!important;padding-top:0!important;}

#safariView .safari-mobile-context{max-width:64ch;margin-top:1.15rem!important;}
#safariView .safari-mobile-context mark{display:block;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:clamp(18px,2.25vw,28px) clamp(20px,2.9vw,34px);background:var(--lime);color:#080a07;font-size:clamp(17px,1.65vw,22px);font-weight:500;line-height:1.42;letter-spacing:-.028em;transition:opacity .22s var(--ease);}
#safariView .safari-mobile-context:hover mark{opacity:.72;}
#safariView .safari-goal-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;margin:1rem 0 1.35rem;padding:18px 20px;border:1px solid var(--lime);background:var(--lime);color:#080a07;}
#safariView .safari-goal-card>span{font:500 8px var(--mono);letter-spacing:.075em;text-transform:uppercase;opacity:.68;}
#safariView .safari-goal-card p{max-width:53ch;margin:0;font-size:clamp(16px,1.7vw,21px);font-weight:600;line-height:1.35;letter-spacing:-.03em;}

#safariView .safari-process-flow{display:flex;align-items:stretch;gap:.8rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);padding-top:1.15rem;}
#safariView .safari-process-step{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:0 18px 0 20px;border:1px solid rgba(245,245,240,.22);border-radius:0;background:rgba(255,255,255,.035);color:var(--text);font:600 clamp(14px,1.15vw,16px) var(--sans);line-height:1.2;letter-spacing:-.025em;text-align:left;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);}
#safariView .safari-process-step:hover{border-color:rgba(184,255,87,.66);transform:translateY(-2px);}
#safariView .safari-process-step span{min-width:0;}
#safariView .safari-process-step-arrow{display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;font:500 23px/.75 var(--sans);transition:transform .22s var(--ease);}
#safariView .safari-process-step:hover .safari-process-step-arrow{transform:translateX(3px);}
#safariView .safari-process-step.is-complete, #safariView .safari-process-step.is-active{border-color:var(--lime);background:var(--lime);color:#080a07;}
#safariView .safari-process-step.is-complete{background:rgba(184,255,87,.68);border-color:rgba(184,255,87,.7);}
#safariView .safari-process-step.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 0 0 1px rgba(184,255,87,.18),0 12px 24px rgba(0,0,0,.22);}
#safariView .safari-feature-card{transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);}
#safariView .safari-feature-card.is-focused{border-color:var(--lime)!important;box-shadow:0 0 0 1px rgba(184,255,87,.22),0 18px 34px rgba(0,0,0,.26);transform:translateY(-2px);}
#safariView .safari-feature-card.is-focused .safari-feature-media{border-color:rgba(184,255,87,.52)!important;}
#safariView .safari-feature-card{transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);}
#safariView .safari-feature-card.is-focused{border-color:var(--lime)!important;box-shadow:0 0 0 1px rgba(184,255,87,.22),0 18px 34px rgba(0,0,0,.26);transform:translateY(-2px);}
#safariView .safari-feature-card.is-focused .safari-feature-media{border-color:rgba(184,255,87,.52)!important;}


#safariView .safari-prototype-mobile-stage{position:relative;display:grid;place-items:center;min-height:610px;padding:36px 22px;border:1px dashed rgba(245,245,240,.28);background:radial-gradient(circle at 50% 12%,rgba(184,255,87,.13),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.035),transparent 55%);}
#safariView .safari-prototype-portrait{position:relative;width:min(100%,330px);aspect-ratio:9 / 16;padding:8px;border:1px solid rgba(245,245,240,.34);border-radius:25px;background:#0d110f;box-shadow:0 28px 48px rgba(0,0,0,.36);overflow:hidden;}
#safariView .safari-prototype-browser{display:flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-bottom:1px solid rgba(245,245,240,.12);color:rgba(245,245,240,.62);font:500 7px var(--mono);letter-spacing:.05em;text-transform:uppercase;}
#safariView .safari-prototype-browser i{width:5px;height:5px;border-radius:999px;background:rgba(245,245,240,.35);}
#safariView .safari-prototype-browser i:nth-child(1){background:var(--orange);}
#safariView .safari-prototype-browser i:nth-child(2){background:var(--lime);}
#safariView .safari-prototype-browser b{margin-left:5px;font-weight:500;}
#safariView .safari-prototype-mapline{position:absolute;inset:53px 18px 37%;border:1px solid rgba(184,255,87,.40);border-radius:49% 42% 52% 46% / 48% 57% 41% 54%;transform:rotate(-9deg);}
#safariView .safari-prototype-mapline::before, #safariView .safari-prototype-mapline::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(184,255,87,.13);}
#safariView .safari-prototype-mapline::before{left:12%;top:13%;}
#safariView .safari-prototype-mapline::after{right:16%;bottom:10%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,106,61,.13);}
#safariView .safari-prototype-sheet{position:absolute;right:8px;bottom:8px;left:8px;display:grid;gap:6px;padding:14px;border:1px solid rgba(245,245,240,.13);border-radius:16px 16px 18px 18px;background:rgba(14,17,15,.92);}
#safariView .safari-prototype-sheet span{color:var(--lime);font:500 7px var(--mono);letter-spacing:.075em;text-transform:uppercase;}
#safariView .safari-prototype-sheet strong{font-size:18px;letter-spacing:-.055em;line-height:1.02;}
#safariView .safari-prototype-sheet small{color:var(--muted);font-size:10px;}
#safariView .safari-prototype-fullscreen{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid rgba(245,245,240,.26);background:rgba(8,8,8,.70);color:var(--text);font:500 8px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease);}
#safariView .safari-prototype-fullscreen:hover{border-color:var(--lime);color:var(--lime);}
#safariView .safari-prototype-fullscreen i{font-size:15px;}
#safariView .safari-prototype-mobile-stage:fullscreen{min-height:100vh;background:#0a0c0b;}
#safariView .safari-prototype-mobile-stage:fullscreen .safari-prototype-portrait{width:min(88vw,540px);}


#safariView .safari-project-note-card{grid-column:1 / -1!important;grid-template-columns:16px minmax(0,1fr)!important;gap:16px!important;width:min(100%,1080px);padding:clamp(22px,3vw,32px)!important;}
#safariView .safari-note-signal{display:block;width:8px;height:8px;margin-top:.58rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(184,255,87,.12),0 0 16px rgba(184,255,87,.8);}
#safariView .safari-project-note-card p{max-width:none!important;font-size:14px!important;line-height:1.65!important;}


#sddWebView .sddweb-phase-card--live p{max-width:42ch;}
#sddWebView .sddweb-phase-card--future{filter:saturate(.04)!important;opacity:.56!important;}
#sddWebView .sddweb-phase-card--future h3{color:rgba(245,245,240,.72);}
#sddWebView .sddweb-phase-card--future p, #sddWebView .sddweb-phase-card--future small{color:rgba(245,245,240,.45);}


#sddToolsView .sdd-section-index{display:none!important;}

@media (max-width:980px){
  .case-hero .portfolio-hero-meta-grid{width:100%!important;}
  .portfolio-hero-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #safariView .safari-prototype-mobile-stage{min-height:560px;}
}
@media (max-width:620px){
  .portfolio-hero-meta-grid{grid-template-columns:1fr 1fr!important;margin-top:20px!important;}
  .portfolio-hero-meta-grid>div{min-height:74px!important;padding:11px!important;}
  .portfolio-hero-meta-grid dd{font-size:10px!important;}
  #safariView .safari-goal-card{grid-template-columns:1fr;gap:8px;}
  #safariView .safari-mobile-context{max-width:none;}
  #safariView .safari-mobile-context mark{padding:18px 18px 20px;background:var(--lime);font-size:17px;}
  #safariView .safari-process-flow{display:grid;grid-template-columns:1fr;gap:8px;padding-top:1rem;}
  #safariView .safari-process-step{min-height:58px;padding:0 16px;justify-content:space-between;font-size:14px;}
  #safariView .safari-process-step-arrow{font-size:21px;}
  #safariView .safari-prototype-mobile-stage{min-height:520px;padding:28px 14px;}
  #safariView .safari-prototype-portrait{width:min(100%,285px);}
  #safariView .safari-project-note-card{grid-template-columns:12px minmax(0,1fr)!important;padding:20px!important;}
}


/* portfolio-compact-hero-metadata-refinement */


:root{--hero-meta-label:rgba(245,245,240,.48);--hero-meta-value:rgba(255,255,252,.96);--hero-meta-panel:rgba(8,8,8,.48);--hero-meta-line:rgba(245,245,240,.13);}


.portfolio-hero-meta-grid,
.case-hero.work-hero .case-hero-meta,
.sdd-hero .hero-project-facts,
.pti-hero .hero-project-facts,
.eg-meta{
  width:min(100%,540px)!important;
  max-width:540px!important;
  border-color:var(--hero-meta-line)!important;
  background:var(--hero-meta-line)!important;
  box-shadow:none!important;
}


.portfolio-hero-meta-grid>div,
.case-hero.work-hero .case-hero-meta>div,
.sdd-hero .hero-project-facts>div,
.pti-hero .hero-project-facts>div,
.eg-meta>div{
  background:var(--hero-meta-panel)!important;
  backdrop-filter:blur(12px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(12px) saturate(.82)!important;
  border-color:rgba(245,245,240,.10)!important;
}


.portfolio-hero-meta-grid dt,
.case-hero.work-hero .case-hero-meta dt,
.sdd-hero .hero-project-facts dt,
.pti-hero .hero-project-facts dt,
.eg-meta dt{
  color:var(--hero-meta-label)!important;
}
.portfolio-hero-meta-grid dd,
.case-hero.work-hero .case-hero-meta dd,
.sdd-hero .hero-project-facts dd,
.pti-hero .hero-project-facts dd,
.eg-meta dd{
  color:var(--hero-meta-value)!important;
}


@media (max-width:620px){
  .portfolio-hero-meta-grid,
  .case-hero.work-hero .case-hero-meta,
  .sdd-hero .hero-project-facts,
  .pti-hero .hero-project-facts,
  .eg-meta{width:100%!important;max-width:none!important;}
}


/* pti-brand-assets-and-system-refinement */

  
  #pilarView .pti-brand-section{
    --pti-brand-navy:#1B3D6B;
    --pti-brand-orange:#D4642C;
    --pti-brand-charcoal:#25282A;
    --pti-brand-concrete:#8B8F8E;
    --pti-accent:var(--pti-brand-orange);
    --pti-signal:var(--pti-brand-navy);
    --pti-ink:var(--pti-brand-charcoal);
    --pti-paper:#f4f4f1;
    --pti-line:rgba(245,245,240,.16);
    --pti-soft:rgba(245,245,240,.075);
  }

  
  #pilarView .pti-meaning-main{
    background:
      radial-gradient(circle at 74% 18%,rgba(212,100,44,.11),transparent 25%),
      var(--surface);
  }
  #pilarView .pti-meaning-diagram--asset{
    display:grid;
    place-items:center;
    min-height:310px;
    padding:0;
    background:#f3f3f1;
  }
  #pilarView .pti-meaning-diagram--asset::before,
  #pilarView .pti-meaning-diagram--asset::after{display:none!important;}
  #pilarView .pti-meaning-diagram--asset img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .75s var(--ease);
  }
  #pilarView .pti-meaning-diagram--asset:hover img{transform:scale(1.025);}
  #pilarView .pti-meaning-label span{max-width:31ch;text-align:right;line-height:1.5;}

  
  #pilarView #pilar-logo-meaning .pti-meaning-layout{
    background:rgba(27,61,107,.14);
    border-color:rgba(27,61,107,.16);
  }
  #pilarView #pilar-logo-meaning .pti-meaning-main,
  #pilarView #pilar-logo-meaning .pti-logo-variants,
  #pilarView #pilar-logo-meaning .pti-variant{
    background:#ffffff;
  }
  #pilarView #pilar-logo-meaning .pti-meaning-main{
    background:
      radial-gradient(circle at 74% 18%,rgba(212,100,44,.08),transparent 25%),
      #ffffff;
  }
  #pilarView #pilar-logo-meaning .pti-meaning-diagram--asset{
    background:#f7f7f5;
    border-color:rgba(27,61,107,.16);
  }
  #pilarView #pilar-logo-meaning .pti-variant:hover{
    background:#f7f7f5;
  }
  #pilarView #pilar-logo-meaning .pti-variant b,
  #pilarView #pilar-logo-meaning .pti-meaning-label span{
    color:rgba(37,40,42,.72);
  }

  
  #pilarView .pti-variant{
    background:var(--surface);
  }
  #pilarView .pti-variant--horizontal{
    grid-column:span 2;
    min-height:210px;
  }
  #pilarView .pti-variant--horizontal .pti-logo-asset{max-width:82%;}
  #pilarView .pti-logo-asset{
    display:flex;
    min-height:0;
    flex:1 1 auto;
    align-items:center;
    justify-content:center;
    padding:20px 8px 4px;
  }
  #pilarView .pti-logo-asset img{
    display:block;
    max-width:100%;
    max-height:142px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:transform .4s var(--ease);
  }
  #pilarView .pti-variant:hover .pti-logo-asset img{transform:scale(1.035);}
  #pilarView .pti-variant--stacked .pti-logo-asset img,
  #pilarView .pti-variant--mark .pti-logo-asset img{max-height:156px;}
  #pilarView .pti-variant--mark .pti-logo-asset{align-items:center;}
  #pilarView .pti-variant--mono{background:#f3f3f1;}
  #pilarView .pti-logo-dual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    flex:1 1 auto;
    align-items:center;
    padding-top:18px;
  }
  #pilarView .pti-mono-sample{
    display:grid;
    min-height:122px;
    place-items:center;
    padding:15px;
  }
  #pilarView .pti-mono-sample img{
    display:block;
    max-width:100%;
    max-height:94px;
    object-fit:contain;
  }
  #pilarView .pti-mono-sample--light{background:#fff;}
  #pilarView .pti-mono-sample--dark{background:var(--pti-brand-navy);}

  
  #pilarView .pti-color-board--final{
    grid-template-columns:1.25fr .75fr;
    min-height:520px;
  }
  #pilarView .pti-color-primary--navy{
    background:var(--pti-brand-navy);
    color:#fff;
  }
  #pilarView .pti-color-primary--navy::before{
    background:
      repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 9%),
      repeating-linear-gradient(0deg,rgba(255,255,255,.075) 0 1px,transparent 1px 14%);
  }
  #pilarView .pti-color-kicker{
    position:absolute;
    left:clamp(28px,4vw,52px);
    top:clamp(28px,4vw,52px);
    color:rgba(255,255,255,.67);
    font:500 8px var(--mono);
    letter-spacing:.07em;
    text-transform:uppercase;
  }
  #pilarView .pti-color-primary--navy h3{
    max-width:none;
    color:#fff;
  }
  #pilarView .pti-color-primary--navy p{color:rgba(255,255,255,.74);}
  #pilarView .pti-color-primary--navy p span{display:block;margin-top:11px;max-width:40ch;line-height:1.45;}
  #pilarView .pti-color-swatch{
    min-height:0;
    color:#fff;
  }
  #pilarView .pti-color-swatch--orange{background:var(--pti-brand-orange);}
  #pilarView .pti-color-swatch--charcoal{background:var(--pti-brand-charcoal);}
  #pilarView .pti-color-swatch--concrete{background:var(--pti-brand-concrete);}
  #pilarView .pti-color-swatch b{
    max-width:12ch;
    font:600 13px/1.12 "Plus Jakarta Sans",Arial,sans-serif;
    letter-spacing:-.025em;
    text-transform:none;
  }
  #pilarView .pti-color-swatch span{
    position:static;
    max-width:25ch;
    margin-left:auto;
    text-align:right;
    font:500 7px/1.5 var(--mono);
    letter-spacing:.045em;
    text-transform:uppercase;
    opacity:.8;
  }

  
  #pilarView .pti-type-grid--jakarta .type-word,
  #pilarView .pti-type-grid--jakarta .pti-type-style b{
    font-family:"Plus Jakarta Sans","DM Sans",Arial,sans-serif;
  }
  #pilarView .pti-type-grid--jakarta .type-word{
    font-weight:800;
    line-height:.8;
    letter-spacing:-.095em;
  }
  #pilarView .pti-type-grid--jakarta .pti-type-hero:hover .type-word{color:var(--pti-brand-orange);}
  #pilarView .pti-type-style--heading b{
    font-weight:700;
    font-size:clamp(26px,3vw,45px);
    line-height:1.02;
  }
  #pilarView .pti-type-grid--jakarta .pti-type-style.body b{
    font-family:"Plus Jakarta Sans","DM Sans",Arial,sans-serif;
    font-weight:400;
    line-height:1.35;
  }
  #pilarView .pti-type-grid--jakarta .pti-type-style.supporting b{
    font-family:"Plus Jakarta Sans","DM Sans",Arial,sans-serif;
    font-weight:500;
  }

  
  #pilarView .pti-app-detail::before{
    background:radial-gradient(circle at 70% 20%,rgba(212,100,44,.11),transparent 27%);
  }
  #pilarView .pti-letterhead-stage--asset{
    background:
      radial-gradient(circle at 25% 30%,rgba(212,100,44,.12),transparent 27%),
      #101211;
  }
  #pilarView .pti-letterhead-sheet--asset{
    display:grid;
    place-items:center;
    width:min(67%,455px);
    padding:0;
    background:transparent;
    color:transparent;
    overflow:visible;
  }
  #pilarView .pti-letterhead-sheet--asset::before,
  #pilarView .pti-letterhead-sheet--asset::after{display:none!important;}
  #pilarView .pti-letterhead-sheet--asset img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(18px 24px 42px rgba(0,0,0,.45));
  }
  #pilarView .pti-letterhead-sheet--asset .pti-doc-lines{display:none!important;}

  #pilarView .pti-card-stage--brand{
    background:
      radial-gradient(circle at 72% 23%,rgba(212,100,44,.16),transparent 24%),
      #111;
  }
  #pilarView .pti-business-card.front{
    background:#f7f7f4;
    color:var(--pti-brand-charcoal);
  }
  #pilarView .pti-business-card.back{
    background:var(--pti-brand-navy);
    color:#fff;
  }
  #pilarView .pti-business-card-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:72%;
    object-fit:contain;
  }
  #pilarView .pti-business-card-logo--horizontal{max-height:63px;}
  #pilarView .pti-business-card-logo--white{
    max-width:26%;
    max-height:72px;
    margin-left:auto;
  }
  #pilarView .pti-business-card.back .card-line{background:repeating-linear-gradient(0deg,rgba(255,255,255,.62) 0 1px,transparent 1px 11px);}
  #pilarView .pti-business-card .card-meta{font-family:"Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.02em;text-transform:none;}

  #pilarView .pti-stamp-stage--asset{
    background:
      radial-gradient(circle at 24% 35%,rgba(212,100,44,.12),transparent 26%),
      #121312;
  }
  #pilarView .pti-stamp-paper--asset{
    display:grid;
    place-items:center;
    padding:0;
    overflow:hidden;
  }
  #pilarView .pti-stamp-paper--asset img{
    display:block;
    width:73%;
    height:73%;
    object-fit:contain;
    transform:rotate(-8deg);
    filter:drop-shadow(0 5px 1px rgba(27,61,107,.12));
  }
  #pilarView .pti-stamp-paper--asset .pti-stamp-impression{display:none!important;}

  
  #pilarView .pti-brand-section .pti-asset-note,
  #pilarView .pti-brand-section .pti-asset-caption{
    border-color:rgba(255,255,255,.22);
    background:rgba(8,8,8,.64);
  }

  @media (max-width:980px){
    #pilarView .pti-color-board--final{grid-template-columns:1fr;}
    #pilarView .pti-color-board--final .pti-color-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none;}
  }
  @media (max-width:620px){
    #pilarView .pti-variant--horizontal{grid-column:auto;min-height:182px;}
    #pilarView .pti-variant--horizontal .pti-logo-asset{max-width:100%;}
    #pilarView .pti-logo-asset{padding-top:12px;}
    #pilarView .pti-logo-asset img{max-height:108px;}
    #pilarView .pti-variant--stacked .pti-logo-asset img,
    #pilarView .pti-variant--mark .pti-logo-asset img{max-height:118px;}
    #pilarView .pti-mono-sample{min-height:82px;padding:10px;}
    #pilarView .pti-mono-sample img{max-height:61px;}
    #pilarView .pti-color-board--final .pti-color-stack{grid-template-columns:1fr;grid-template-rows:repeat(3,135px);}
    #pilarView .pti-color-swatch span{font-size:6px;}
    #pilarView .pti-letterhead-sheet--asset{width:min(72%,330px);}
    #pilarView .pti-stamp-paper--asset img{width:77%;height:77%;}
  }


/* safari-progress-refinement-v2 */


#safariView .shell{width:min(var(--max),100%);}
#safariView .safari-project-note-card{width:100%;max-width:none;}


#safariView .safari-mobile-context{
  max-width:64ch;
  margin-top:1.15rem!important;
  color:var(--lime);
  font-size:clamp(17px,1.65vw,22px);
  font-weight:500;
  line-height:1.42;
  letter-spacing:-.028em;
}
#safariView .safari-mobile-context strong{font-weight:700;color:var(--lime);}
#safariView .safari-mobile-context mark{display:contents;background:transparent;color:inherit;padding:0;}


#safariView .safari-process-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:0;
  width:100%;
  margin-top:1.1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.16);
  overflow:hidden;
}
#safariView .safari-process-step{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  min-height:58px;
  padding:10px 12px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.035);
  color:var(--text);
  font:600 clamp(12px,1.05vw,15px)/1.16 var(--sans);
  letter-spacing:-.025em;
  text-align:left;
  cursor:pointer;
  transition:color .46s var(--ease),background .46s var(--ease),transform .46s var(--ease),opacity .32s var(--ease);
}
#safariView .safari-process-step::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--lime);
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .52s var(--ease),opacity .36s var(--ease),background .42s var(--ease);
  will-change:transform,opacity;
}
#safariView .safari-process-step span,
#safariView .safari-process-step-arrow{position:relative;z-index:1;}
#safariView .safari-process-step span{min-width:0;}
#safariView .safari-process-step:hover{background:rgba(255,255,255,.075);transform:none;}
#safariView .safari-process-step:hover .safari-process-step-arrow{transform:translateX(2px);}
#safariView .safari-process-step-arrow{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:14px;
  height:14px;
  font:500 20px/.72 var(--sans);
  transition:transform .35s var(--ease);
}
#safariView .safari-process-step.is-complete,
#safariView .safari-process-step.is-active{background:transparent;color:#080a07;}
#safariView .safari-process-step.is-complete::before{opacity:.68;transform:scaleX(1);}
#safariView .safari-process-step.is-active::before{opacity:1;transform:scaleX(1);}
#safariView .safari-process-step.is-active{box-shadow:none;}
@keyframes safari-progress-settle{
  0%{transform:translateY(2px);}
  48%{transform:translateY(-1px);}
  100%{transform:translateY(0);}
}
#safariView .safari-process-flow.is-progressing .safari-process-step.is-active{animation:safari-progress-settle .54s var(--ease) both;}

@media (max-width:980px){
  #safariView .safari-process-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  #safariView .safari-mobile-context{max-width:none;font-size:17px;}
  #safariView .safari-process-flow{grid-template-columns:1fr;gap:0;padding-top:.9rem;}
  #safariView .safari-process-step{min-height:54px;padding:9px 12px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce){
  #safariView .safari-process-step,
  #safariView .safari-process-step::before,
  #safariView .safari-process-step-arrow{transition:none!important;}
  #safariView .safari-process-flow.is-progressing .safari-process-step.is-active{animation:none!important;}
}


/* refinement-v2-final */


#siteContent > .case-footer{display:none!important;}


#homeView .hero-title-static .static-title{display:block;max-width:9.4ch;white-space:normal;text-wrap:balance;}
#homeView .hero-title-line{display:block;white-space:nowrap;}
#homeView .hero-title-line--one{color:var(--text);}
#homeView .hero-title-line--two{color:var(--text);}
#homeView .hero-title-line--two i{color:var(--lime);font-style:normal;margin-inline:.05em;}
#homeView .hero-title-product{color:var(--lime);font-weight:600;}
#homeView .hero-title-line--three b{color:var(--lime);font:inherit;font-weight:600;}
#homeView .hero-copy{font-weight:400!important;word-spacing:-.04em!important;letter-spacing:-.028em!important;}
#homeView .hero-copy .copy-word{margin-right:.072em!important;margin-left:0!important;padding-inline:.07em!important;}
#homeView .hero-copy .copy-word.is-key,#homeView .hero-copy .copy-word.is-key.soft{font-weight:400!important;}
#homeView .hero-copy .copy-word:hover,#homeView .hero-copy .copy-word:focus-visible{font-weight:500!important;}
@media (min-width:861px){
  #homeView .hero-title{max-width:9.4ch!important;font-size:clamp(62px,8.3vw,118px)!important;line-height:.84!important;letter-spacing:-.072em!important;}
  #homeView .hero-title-static .static-title{max-width:9.4ch;}
}


@media (min-width:1281px){#safariView .shell{width:min(1280px,100%)!important;margin-inline:auto!important;}}


#sddWebView .sddweb-live-context-card{margin:0;overflow:hidden;border:1px solid var(--line-soft);background:#070909;}
#sddWebView .sddweb-real-shot{position:relative;display:block;min-width:0;overflow:hidden;margin:0;background:#070909;isolation:isolate;}
#sddWebView .sddweb-real-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.002);transition:transform .6s var(--ease),filter .6s var(--ease);}
#sddWebView .sddweb-real-shot::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(140% 120% at 50% 48%,rgba(0,0,0,0) 33%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.68) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.04) 27%,rgba(0,0,0,.42) 65%,rgba(0,0,0,.92));}
#sddWebView .sddweb-real-shot:hover img{transform:scale(1.035);filter:brightness(1.04);}
#sddWebView .sddweb-real-shot--background{min-height:clamp(310px,42vw,550px);}
#sddWebView .sddweb-shot-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;gap:6px;padding:clamp(18px,2.6vw,34px);color:#fff;}
#sddWebView .sddweb-shot-caption span,#sddWebView .sddweb-real-shot figcaption span{color:var(--lime);font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
#sddWebView .sddweb-shot-caption strong{font-size:clamp(21px,2.7vw,38px);line-height:1.02;letter-spacing:-.05em;}
#sddWebView .sddweb-shot-caption p{max-width:42ch;margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45;}
#sddWebView .sddweb-live-gallery{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1px;overflow:hidden;border:1px solid var(--line-soft);background:var(--line-soft);}
#sddWebView .sddweb-live-desktop{display:flex;min-width:0;flex-direction:column;background:#070909;}
#sddWebView .sddweb-live-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line-soft);background:#0b0b0b;color:var(--muted);font:500 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
#sddWebView .sddweb-live-toolbar a{color:var(--lime);text-decoration:none;}
#sddWebView .sddweb-real-shot--live{flex:1;min-height:360px;aspect-ratio:1.86/1;}
#sddWebView .sddweb-live-supports{display:grid;grid-template-rows:1fr 1fr;gap:1px;background:var(--line-soft);}
#sddWebView .sddweb-real-shot--support{min-height:0;aspect-ratio:1.35/1;}
#sddWebView .sddweb-real-shot figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;gap:5px;padding:16px;color:#fff;}
#sddWebView .sddweb-real-shot figcaption strong{max-width:32ch;font-size:13px;line-height:1.3;letter-spacing:-.018em;font-weight:500;}
#sddWebView .sddweb-phase-card--live h3{display:flex;align-items:center;gap:10px;}
#sddWebView .sddweb-phase-card--live h3::before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--lime);box-shadow:0 0 0 4px rgba(184,255,87,.15),0 0 16px 3px rgba(184,255,87,.72);animation:sdd-live-bullet-glow 1.85s ease-in-out infinite;}
@keyframes sdd-live-bullet-glow{0%,100%{transform:scale(.9);box-shadow:0 0 0 4px rgba(184,255,87,.12),0 0 10px 1px rgba(184,255,87,.46)}50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(184,255,87,0),0 0 20px 5px rgba(184,255,87,.82)}}
@media (max-width:860px){#sddWebView .sddweb-live-gallery{grid-template-columns:1fr;}#sddWebView .sddweb-live-supports{grid-template-columns:1fr 1fr;grid-template-rows:auto;}#sddWebView .sddweb-real-shot--support{aspect-ratio:1.3/1;}}
@media (max-width:620px){#sddWebView .sddweb-live-supports{grid-template-columns:1fr;grid-template-rows:auto;}#sddWebView .sddweb-real-shot--background{min-height:280px;}#sddWebView .sddweb-real-shot--live{min-height:250px;}#sddWebView .sddweb-shot-caption{padding:16px;}#sddWebView .sddweb-shot-caption strong{font-size:26px;}}
@media (prefers-reduced-motion:reduce){#sddWebView .sddweb-phase-card--live h3::before{animation:none;}}


#pilarView #pilar-logo-meaning{background:#fff;color:#25282a;padding:clamp(86px,10vw,152px) 0;}
#pilarView #pilar-logo-meaning .shell{width:min(1440px,100%);}
#pilarView #pilar-logo-meaning .pti-guideline-spread{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;border:1px solid rgba(27,61,107,.12);background:#fff;overflow:hidden;}
#pilarView #pilar-logo-meaning .pti-meaning-main{display:grid;grid-template-rows:minmax(540px,1fr) auto;min-height:760px;padding:0!important;background:#fff!important;border-right:1px solid rgba(27,61,107,.12);}
#pilarView #pilar-logo-meaning .pti-construction-stage{display:grid;place-items:center;min-height:540px;padding:clamp(38px,5vw,78px);background:#f7f7f5;}
#pilarView #pilar-logo-meaning .pti-meaning-diagram--asset{display:grid;place-items:center;min-height:0!important;width:100%;height:100%;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;}
#pilarView #pilar-logo-meaning .pti-meaning-diagram--asset::before,#pilarView #pilar-logo-meaning .pti-meaning-diagram--asset::after{display:none!important;}
#pilarView #pilar-logo-meaning .pti-meaning-diagram--asset img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;mix-blend-mode:multiply;transform:none!important;}
#pilarView #pilar-logo-meaning .pti-construction-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:clamp(32px,4vw,56px);border-top:1px solid rgba(27,61,107,.12);background:#fff;}
#pilarView #pilar-logo-meaning .pti-construction-copy h2{max-width:12ch;margin:0;color:var(--pti-brand-navy,#1B3D6B);font:700 clamp(34px,4vw,60px)/.98 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:-.06em;}
#pilarView #pilar-logo-meaning .pti-construction-copy p{margin:5px 0 0;min-width:190px;color:#3e4247;font:600 9px/1.65 var(--mono);letter-spacing:.11em;text-align:right;text-transform:uppercase;}
#pilarView #pilar-logo-meaning .pti-logo-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto;align-content:start;background:#fff!important;}
#pilarView #pilar-logo-meaning .pti-variants-kicker{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:clamp(28px,3.5vw,48px) clamp(28px,4vw,56px) 22px;color:#3e4247;}
#pilarView #pilar-logo-meaning .pti-variants-kicker b{color:#3e4247;font:600 9px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;}
#pilarView #pilar-logo-meaning .pti-variants-kicker span{max-width:23ch;color:#62666b;font-size:12px;line-height:1.45;text-align:right;}
#pilarView #pilar-logo-meaning .pti-variant{display:flex!important;min-height:0!important;flex-direction:column;align-items:stretch;padding:clamp(26px,3.4vw,48px)!important;border:0!important;border-top:1px solid rgba(27,61,107,.11)!important;background:#fff!important;box-shadow:none!important;}
#pilarView #pilar-logo-meaning .pti-variant b{color:#4b4f54!important;font:600 9px/1.25 var(--mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
#pilarView #pilar-logo-meaning .pti-variant--horizontal{grid-column:1/-1;min-height:240px!important;}
#pilarView #pilar-logo-meaning .pti-variant--horizontal .pti-logo-asset{justify-content:flex-start;max-width:82%;}
#pilarView #pilar-logo-meaning .pti-variant--stacked{border-right:1px solid rgba(27,61,107,.11)!important;min-height:226px!important;}
#pilarView #pilar-logo-meaning .pti-variant--mark{min-height:226px!important;}
#pilarView #pilar-logo-meaning .pti-logo-asset{display:flex;flex:1;align-items:center;justify-content:center;min-height:132px;padding:clamp(20px,3vw,36px) 0 0!important;}
#pilarView #pilar-logo-meaning .pti-logo-asset img{display:block;max-width:100%;max-height:132px;width:auto!important;height:auto!important;object-fit:contain;transform:none!important;}
#pilarView #pilar-logo-meaning .pti-variant--mono{grid-column:1/-1;min-height:302px!important;}
#pilarView #pilar-logo-meaning .pti-logo-dual{display:grid;grid-template-columns:1fr 1.14fr;min-height:220px;margin-top:20px;background:#fff;}
#pilarView #pilar-logo-meaning .pti-mono-sample{display:grid!important;place-items:center;min-height:0!important;padding:clamp(24px,3vw,42px)!important;border:0!important;}
#pilarView #pilar-logo-meaning .pti-mono-sample--light{background:#fff!important;}
#pilarView #pilar-logo-meaning .pti-mono-sample--dark{background:var(--pti-brand-navy,#1B3D6B)!important;}
#pilarView #pilar-logo-meaning .pti-mono-sample img{display:block;width:min(58%,160px)!important;max-width:58%;max-height:62%;height:auto!important;object-fit:contain;}
@media (max-width:900px){
  #pilarView #pilar-logo-meaning .pti-guideline-spread{grid-template-columns:1fr;}
  #pilarView #pilar-logo-meaning .pti-meaning-main{min-height:0;border-right:0;border-bottom:1px solid rgba(27,61,107,.12);}
  #pilarView #pilar-logo-meaning .pti-construction-stage{min-height:470px;}
}
@media (max-width:620px){
  #pilarView #pilar-logo-meaning{padding:72px 0;}
  #pilarView #pilar-logo-meaning .pti-construction-stage{min-height:330px;padding:26px;}
  #pilarView #pilar-logo-meaning .pti-construction-copy{align-items:flex-start;flex-direction:column;padding:28px 24px;}
  #pilarView #pilar-logo-meaning .pti-construction-copy h2{font-size:clamp(34px,11vw,48px);}
  #pilarView #pilar-logo-meaning .pti-construction-copy p{min-width:0;margin:0;text-align:left;font-size:8px;}
  #pilarView #pilar-logo-meaning .pti-variants-kicker{display:grid;padding:25px 24px 18px;}
  #pilarView #pilar-logo-meaning .pti-variants-kicker span{text-align:left;}
  #pilarView #pilar-logo-meaning .pti-variant{padding:24px!important;}
  #pilarView #pilar-logo-meaning .pti-variant--horizontal{min-height:205px!important;}
  #pilarView #pilar-logo-meaning .pti-variant--stacked,#pilarView #pilar-logo-meaning .pti-variant--mark{min-height:190px!important;}
  #pilarView #pilar-logo-meaning .pti-logo-dual{grid-template-columns:1fr;min-height:0;}
  #pilarView #pilar-logo-meaning .pti-mono-sample{min-height:145px!important;}
  #pilarView #pilar-logo-meaning .pti-variant--stacked{border-right:1px solid rgba(27,61,107,.11)!important;}
}


/* pti-logo-variations-base-unified */


#pilarView #pilar-logo-meaning .pti-logo-variants,
#pilarView #pilar-logo-meaning .pti-variants-kicker,
#pilarView #pilar-logo-meaning .pti-variant,
#pilarView #pilar-logo-meaning .pti-logo-dual{
  background:#f7f7f5!important;
  color:#3e4247;
}


#pilarView #pilar-logo-meaning .pti-logo-variants{
  border-left:1px solid rgba(27,61,107,.12);
}
#pilarView #pilar-logo-meaning .pti-variants-kicker{
  border-bottom:1px solid rgba(27,61,107,.11);
}
#pilarView #pilar-logo-meaning .pti-variant{
  border-color:rgba(27,61,107,.11)!important;
  box-shadow:none!important;
}
#pilarView #pilar-logo-meaning .pti-variant:hover{
  background:#f7f7f5!important;
  transform:none!important;
}


#pilarView #pilar-logo-meaning .pti-variant--mono{background:#f7f7f5!important;}
#pilarView #pilar-logo-meaning .pti-mono-sample--light{background:#fff!important;}
#pilarView #pilar-logo-meaning .pti-mono-sample--dark{background:var(--pti-brand-navy,#1B3D6B)!important;}

@media (max-width:980px){
  #pilarView #pilar-logo-meaning .pti-logo-variants{
    border-left:0;
    border-top:1px solid rgba(27,61,107,.12);
  }
}


/* pti-spread-presentation-final */


#pilarView #pilar-logo-meaning{
  background:#080808!important;
  padding:clamp(56px,6vw,88px) 0 clamp(84px,8vw,124px)!important;
  border-top:0!important;
  border-bottom:0!important;
}
#pilarView #pilar-logo-meaning .shell{
  width:min(1040px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
#pilarView #pilar-logo-meaning .pti-guideline-spread{
  background:#f7f7f5!important;
  border:1px solid rgba(27,61,107,.11)!important;
  box-shadow:none!important;
}


#pilarView #pilar-logo-meaning .pti-meaning-main,
#pilarView #pilar-logo-meaning .pti-construction-stage,
#pilarView #pilar-logo-meaning .pti-logo-variants,
#pilarView #pilar-logo-meaning .pti-variants-kicker,
#pilarView #pilar-logo-meaning .pti-variant--horizontal,
#pilarView #pilar-logo-meaning .pti-variant--stacked,
#pilarView #pilar-logo-meaning .pti-variant--mark{
  background:#f7f7f5!important;
}


#pilarView #pilar-logo-meaning .pti-construction-copy,
#pilarView #pilar-logo-meaning .pti-variant--mono,
#pilarView #pilar-logo-meaning .pti-logo-dual,
#pilarView #pilar-logo-meaning .pti-mono-sample--light{
  background:#fff!important;
}
#pilarView #pilar-logo-meaning .pti-mono-sample--dark{
  background:var(--pti-brand-navy,#1B3D6B)!important;
}


#pilarView #pilar-logo-meaning .pti-meaning-main,
#pilarView #pilar-logo-meaning .pti-logo-variants{
  border-color:rgba(27,61,107,.11)!important;
}
#pilarView #pilar-logo-meaning .pti-construction-copy,
#pilarView #pilar-logo-meaning .pti-variants-kicker,
#pilarView #pilar-logo-meaning .pti-variant{
  border-color:rgba(27,61,107,.10)!important;
}
#pilarView #pilar-logo-meaning .pti-variant--stacked{
  border-right-color:rgba(27,61,107,.10)!important;
}

@media (max-width:620px){
  #pilarView #pilar-logo-meaning{
    padding:48px 0 72px!important;
  }
  #pilarView #pilar-logo-meaning .shell{
    width:calc(100% - 32px)!important;
  }
}


/* pti-editorial-spread-width-alignment */


#pilarView #pilar-logo-meaning .shell{
  width:min(var(--max),100%)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:var(--gutter)!important;
}
#pilarView #pilar-logo-meaning .pti-guideline-spread{
  width:100%!important;
  max-width:none!important;
}
@media (max-width:620px){
  #pilarView #pilar-logo-meaning .shell{
    width:100%!important;
    padding-inline:var(--gutter)!important;
  }
}


/* sdd-marketing-assets-applied */


#sddToolsView .sdd-asset-slide{padding:0!important;background:#090909!important}
#sddToolsView .sdd-asset-slide>img{display:block;width:100%;height:100%;object-fit:cover}
#sddToolsView .archive-slide.sdd-asset-frame,#sddToolsView .archive-calendar-sheet.sdd-asset-frame,#sddToolsView .archive-reel-orbit.sdd-asset-frame{overflow:hidden;padding:0!important;background:#090909!important}
#sddToolsView .archive-slide.sdd-asset-frame{width:78%;aspect-ratio:16 / 9}
#sddToolsView .archive-calendar-sheet.sdd-asset-frame{width:72%;aspect-ratio:5 / 4;transform:rotate(3deg)}
#sddToolsView .archive-reel-orbit.sdd-asset-frame{width:min(58%,300px);aspect-ratio:4 / 5}
#sddToolsView .archive-slide.sdd-asset-frame>img,#sddToolsView .archive-calendar-sheet.sdd-asset-frame>img,#sddToolsView .archive-reel-orbit.sdd-asset-frame>img{display:block;width:100%;height:100%;object-fit:cover}
#sddToolsView .doc-photo.sdd-asset-photo>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
#sddToolsView .doc-photo.sdd-asset-photo .archive-media-note{z-index:4}
#sddToolsView .doc-reel.sdd-asset-video{background:#080808}
#sddToolsView .doc-reel.sdd-asset-video video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}
#sddToolsView .doc-reel.sdd-asset-video>b,#sddToolsView .doc-reel.sdd-asset-video>i,#sddToolsView .doc-reel.sdd-asset-video>.placeholder-video-scan{display:none}
#sddToolsView .doc-reel.sdd-asset-video::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.44))}
#sddToolsView .doc-reel.sdd-asset-video .archive-media-note{z-index:4}
#sddToolsView .doc-reel.sdd-asset-video .placeholder-video-control{z-index:5}
#sddToolsView .archive-modal-preview .doc-reel.sdd-asset-video video{display:block!important;opacity:1!important}
@media (max-width:620px){#sddToolsView .archive-slide.sdd-asset-frame{width:84%}#sddToolsView .archive-calendar-sheet.sdd-asset-frame{width:82%}#sddToolsView .archive-reel-orbit.sdd-asset-frame{width:min(66%,250px)}}


/* sdd-marketing-media-refinement */


#sddToolsView .archive-work-card.asset-passive{cursor:default}
#sddToolsView .archive-work-card.asset-passive .archive-media-arrow{display:none!important}
#sddToolsView .archive-work-stage.asset-fit{display:block;min-height:0!important;overflow:hidden;background:#0d0d0d;transform:none!important;filter:none!important}
#sddToolsView .archive-work-card:hover .archive-work-stage.asset-fit{transform:none!important;filter:brightness(1.035)!important}
#sddToolsView .archive-work-stage.asset-fit.asset-instagram{aspect-ratio:4 / 5}
#sddToolsView .archive-work-stage.asset-fit.asset-deck{aspect-ratio:16 / 9}
#sddToolsView .archive-work-stage.asset-fit.asset-calendar{aspect-ratio:5 / 4}
#sddToolsView .archive-work-stage.asset-fit.asset-gathering{aspect-ratio:2560 / 1333}
#sddToolsView .asset-fit .archive-carousel-preview, #sddToolsView .asset-fit .sdd-single-asset{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;background:#0d0d0d}
#sddToolsView .asset-fit .archive-carousel-slide{padding:0!important;background:#0d0d0d!important}
#sddToolsView .asset-fit .archive-carousel-slide img, #sddToolsView .asset-fit .sdd-single-asset img{display:block;width:100%;height:100%;object-fit:contain}
#sddToolsView .asset-fit .archive-media-note{z-index:8}
#sddToolsView .archive-doc-card{cursor:default!important}
#sddToolsView .archive-doc-card:focus-visible{box-shadow:none!important}
#sddToolsView .archive-doc-card:hover .archive-doc-visual, #sddToolsView .archive-doc-card:focus-within .archive-doc-visual{transform:none!important;filter:brightness(1.035)!important}
#sddToolsView .archive-doc-visual.doc-reel{min-height:0!important;aspect-ratio:9 / 16;background:#0d0d0d}
#sddToolsView .archive-doc-visual.doc-photo{min-height:0!important;aspect-ratio:4 / 5;background:#0d0d0d}
#sddToolsView .archive-doc-visual.doc-photo img{display:block;width:100%;height:100%;object-fit:contain!important}
#sddToolsView .archive-documentation-photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;margin-top:1px!important;background:var(--line-soft)}
#sddToolsView .archive-doc-photo{grid-column:auto!important;grid-row:auto!important;min-width:0;aspect-ratio:4 / 5;cursor:default!important}
#sddToolsView .archive-doc-photo:nth-child(2n){grid-row:auto!important}
#sddToolsView .archive-doc-photo figcaption{position:static!important;min-height:43px;padding:11px 12px;background:#101010}
#sddToolsView .portfolio-reel-card video{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain!important;opacity:1!important;pointer-events:none!important;background:#0d0d0d}
.portfolio-reel-control{position:absolute;z-index:9;right:13px;bottom:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(245,245,240,.3);border-radius:999px;background:rgba(8,8,8,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);font:500 8px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.portfolio-reel-control i{font-size:14px;line-height:1}
.portfolio-reel-control:hover, .portfolio-reel-control:focus-visible{border-color:var(--lime);background:var(--lime);color:#080808;transform:translateY(-2px);outline:none}
.portfolio-reel-card.is-playing .portfolio-reel-control{border-color:var(--lime);background:var(--lime);color:#080808}




































@media (max-width:900px){
  #sddToolsView .archive-documentation-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  
}
@media (max-width:620px){
  #sddToolsView .archive-work-card, .archive-work-card.large, .archive-work-card.wide{grid-column:span 12}
  #sddToolsView .archive-documentation-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #sddToolsView .archive-doc-photo figcaption{font-size:7px}
  
  
  
  
  .portfolio-reel-control{right:11px;bottom:11px;min-height:36px;padding:0 11px}
  
  
  
}
@media (prefers-reduced-motion:reduce){
  .portfolio-reel-control{transition:none!important}
}


/* final-refinement-v2 */


.material-symbols-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


#sddToolsView .archive-carousel-stage{position:relative!important;isolation:isolate!important;overflow:hidden!important}
#sddToolsView .archive-carousel-preview{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;touch-action:pan-y!important;cursor:grab!important}
#sddToolsView .archive-carousel-preview.is-dragging{cursor:grabbing!important}
#sddToolsView .archive-carousel-rail{display:flex!important;width:100%!important;height:100%!important;will-change:transform!important;transform:translate3d(0,0,0)!important}
#sddToolsView .archive-carousel-slide{position:relative!important;display:block!important;flex:0 0 100%!important;width:100%!important;height:100%!important;min-width:100%!important;overflow:hidden!important}
#sddToolsView .archive-carousel-slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
#sddToolsView .archive-carousel-controls{position:absolute!important;z-index:50!important;inset:0!important;display:block!important;pointer-events:none!important}
#sddToolsView .archive-carousel-controls button, #sddToolsView [data-refined-carousel-prev], #sddToolsView [data-refined-carousel-next]{position:absolute!important;z-index:51!important;top:50%!important;bottom:auto!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(245,245,240,.36)!important;border-radius:999px!important;background:rgba(8,8,8,.78)!important;color:#f7f7f1!important;box-shadow:0 8px 24px rgba(0,0,0,.34)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;cursor:pointer!important;transform:translateY(-50%)!important;transition:background .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease),transform .28s var(--ease)!important}
#sddToolsView [data-refined-carousel-prev]{left:14px!important;right:auto!important}
#sddToolsView [data-refined-carousel-next]{right:14px!important;left:auto!important}
#sddToolsView [data-refined-carousel-prev]:hover, #sddToolsView [data-refined-carousel-next]:hover, #sddToolsView [data-refined-carousel-prev]:focus-visible, #sddToolsView [data-refined-carousel-next]:focus-visible{background:var(--lime)!important;border-color:var(--lime)!important;color:#050505!important;outline:none!important;transform:translateY(-50%) scale(1.08)!important}
#sddToolsView [data-refined-carousel-prev] .material-symbols-rounded, #sddToolsView [data-refined-carousel-next] .material-symbols-rounded{font-size:23px!important;line-height:1!important}


#sddToolsView .archive-event-documentation{padding-bottom:clamp(72px,9vw,136px)!important}
#sddToolsView .archive-documentation-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:clamp(10px,1.2vw,16px)!important;margin-top:22px!important;padding:0!important;border:0!important;background:transparent!important}
#sddToolsView .archive-doc-card{position:relative!important;display:flex!important;flex-direction:column!important;grid-column:auto!important;min-width:0!important;margin:0!important;overflow:hidden!important;background:#101010!important;border:1px solid var(--line-soft)!important;cursor:default!important;transition:filter .48s var(--ease),opacity .48s var(--ease),transform .58s var(--ease)!important}
#sddToolsView .archive-doc-visual{position:relative!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#0a0a0a!important;filter:none!important;transform:none!important}
#sddToolsView .archive-doc-visual.doc-reel{aspect-ratio:9 / 16!important}
#sddToolsView .archive-doc-visual video{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#070707!important}
#sddToolsView .archive-doc-visual .archive-media-note{position:absolute!important;z-index:8!important;left:10px!important;top:10px!important;right:auto!important;max-width:calc(100% - 20px)!important}
#sddToolsView .portfolio-reel-control{position:absolute!important;z-index:10!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;display:grid!important;place-items:center!important;width:52px!important;height:52px!important;padding:0!important;border-radius:999px!important;transform:translate(-50%,-50%)!important;background:rgba(8,8,8,.82)!important;color:#f7f7f1!important;border:1px solid rgba(245,245,240,.42)!important;box-shadow:0 10px 26px rgba(0,0,0,.42)!important;cursor:pointer!important}
#sddToolsView .portfolio-reel-control .material-symbols-rounded{font-size:26px!important;line-height:1!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24!important}
#sddToolsView .portfolio-reel-control:hover, #sddToolsView .portfolio-reel-control:focus-visible{background:var(--lime)!important;border-color:var(--lime)!important;color:#050505!important;outline:none!important}
#sddToolsView .archive-doc-copy{position:relative!important;z-index:3!important;padding:15px 16px 18px!important;background:#101010!important}
#sddToolsView .archive-doc-copy h3{margin-top:8px!important}
#sddToolsView .archive-documentation-photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:clamp(10px,1.2vw,16px)!important;grid-auto-rows:auto!important;margin-top:clamp(16px,2vw,24px)!important;padding:0!important;border:0!important;background:transparent!important}
#sddToolsView .archive-doc-photo{position:relative!important;display:block!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;margin:0!important;overflow:hidden!important;background:#0a0a0a!important;border:1px solid var(--line-soft)!important;aspect-ratio:4 / 5!important;transition:filter .48s var(--ease),opacity .48s var(--ease),transform .58s var(--ease)!important}
#sddToolsView .archive-doc-photo .archive-doc-visual{width:100%!important;height:100%!important;aspect-ratio:4/5!important}
#sddToolsView .archive-doc-photo .archive-doc-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#070707!important}
#sddToolsView .archive-doc-photo figcaption{position:relative!important;display:block!important;min-height:0!important;padding:10px 12px!important;background:#101010!important;white-space:normal!important}
#sddToolsView .archive-documentation-grid.has-media-focus .archive-doc-card:not(.is-focused), #sddToolsView .archive-documentation-photo-grid.has-media-focus .archive-doc-photo:not(.is-focused){opacity:.38!important;filter:blur(4px) saturate(0)!important;transform:scale(.982)!important}
#sddToolsView .archive-documentation-grid .archive-doc-card.is-focused, #sddToolsView .archive-documentation-photo-grid .archive-doc-photo.is-focused{z-index:5!important;filter:none!important;opacity:1!important;transform:translateY(-4px) scale(1.014)!important}


.case-explore-thumb{isolation:isolate!important;background:#0a0a0a!important}
.case-explore-thumb>.homepage-project-thumb{position:absolute!important;z-index:1!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}
.case-explore-thumb>.homepage-project-thumb, .case-explore-thumb>.homepage-project-thumb *{box-sizing:border-box!important}
.case-explore-thumb>.homepage-project-thumb img, .case-explore-thumb>.homepage-project-thumb video, .case-explore-thumb>.homepage-project-thumb picture{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.case-explore-thumb::before{content:""!important;position:absolute!important;z-index:4!important;inset:0!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(7,7,7,0) 0%,rgba(7,7,7,.03) 38%,rgba(7,7,7,.28) 66%,rgba(7,7,7,.84) 100%)!important;backdrop-filter:blur(15px) saturate(.58)!important;-webkit-backdrop-filter:blur(15px) saturate(.58)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,rgba(0,0,0,.22) 48%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,rgba(0,0,0,.22) 48%,#000 100%)!important}
.case-explore-thumb::after{z-index:5!important;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.5))!important}

@media (max-width: 760px){
  #sddToolsView .archive-documentation-grid, #sddToolsView .archive-documentation-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #sddToolsView .archive-doc-card:last-child{grid-column:1 / -1!important;max-width:calc(50% - 4px)!important}
  #sddToolsView [data-refined-carousel-prev], #sddToolsView [data-refined-carousel-next]{width:42px!important;height:42px!important}
  #sddToolsView [data-refined-carousel-prev]{left:10px!important}
  #sddToolsView [data-refined-carousel-next]{right:10px!important}
  
  
}
@media (max-width: 460px){
  #sddToolsView .archive-documentation-grid, #sddToolsView .archive-documentation-photo-grid{grid-template-columns:1fr!important}
  #sddToolsView .archive-doc-card:last-child{grid-column:auto!important;max-width:none!important}
}


/* final-v3-refinement */


:root{--final-control-bg:rgba(10,10,10,.86);--final-control-border:rgba(255,255,255,.28)}
.page-view.route-enter{opacity:0!important;filter:blur(16px)!important;transform:translateY(12px) scale(.99)!important;transition:opacity .62s cubic-bezier(.2,.75,.2,1),filter .62s cubic-bezier(.2,.75,.2,1),transform .62s cubic-bezier(.2,.75,.2,1)!important}
.page-view.route-entered{opacity:1!important;filter:blur(0)!important;transform:none!important}
.page-view.route-exit{opacity:0!important;filter:blur(12px)!important;transform:translateY(-7px) scale(.995)!important;transition:opacity .32s ease,filter .32s ease,transform .32s ease!important}


[data-final-carousel]{position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y;user-select:none}
[data-final-carousel] .archive-carousel-preview{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important}
[data-final-carousel] .archive-carousel-rail{display:flex!important;align-items:stretch!important;height:100%!important;will-change:transform;transition:transform .66s cubic-bezier(.2,.75,.2,1)!important}
[data-final-carousel] .archive-carousel-slide{flex:0 0 100%!important;min-width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important}
[data-final-carousel] img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:rgba(6,6,6,.42)!important}
#sddToolsView .archive-work-stage.archive-carousel-stage[data-final-carousel]{aspect-ratio:var(--final-ratio,4 / 5)!important;min-height:0!important;height:auto!important;background:#080808!important}
#sddToolsView .archive-work-card:has(.asset-instagram){max-width:540px;justify-self:start}
#sddToolsView .archive-work-card:has(.asset-instagram) .archive-work-stage{max-width:520px}
#sddToolsView .archive-media-note{display:none!important}
.final-carousel-button{position:absolute!important;top:50%!important;z-index:60!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;margin:0!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:50%!important;background:rgba(8,8,8,.80)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important;opacity:1!important;transform:translateY(-50%)!important;cursor:pointer!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
.final-carousel-button:hover, .final-carousel-button:focus-visible{background:var(--lime,#b9fc56)!important;color:#050505!important;transform:translateY(-50%) scale(1.06)!important;outline:none!important}
.final-carousel-button.prev{left:12px!important}.final-carousel-button.next{right:12px!important}
.final-carousel-button .material-symbols-rounded{font-size:19px!important;line-height:1!important}
#sddToolsView .archive-work-stage .archive-carousel-control, #sddToolsView .archive-work-stage .archive-carousel-button{display:none!important}


.final-video-host{position:relative!important}
.final-video-control{position:absolute!important;left:14px!important;bottom:14px!important;z-index:75!important;min-width:64px!important;padding:9px 15px!important;border:1px solid var(--final-control-border)!important;border-radius:999px!important;background:var(--final-control-bg)!important;color:#fff!important;font:600 11px/1 var(--font-sans,Inter,Arial,sans-serif)!important;letter-spacing:.02em!important;text-transform:uppercase!important;cursor:pointer!important;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important}
.final-video-control:hover, .final-video-control:focus-visible{background:var(--lime,#b9fc56)!important;color:#070707!important;border-color:var(--lime,#b9fc56)!important;transform:translateY(-2px)!important;outline:none!important}
.portfolio-reel-control, [data-portfolio-reel-control]{display:none!important}


#sddToolsView .archive-documentation-grid, #sddToolsView .archive-documentation-photo-grid{align-items:start!important}
#sddToolsView .archive-documentation-grid .archive-documentation-item, #sddToolsView .archive-documentation-photo-grid .archive-documentation-photo{overflow:hidden!important;min-height:0!important}
#sddToolsView .archive-documentation-grid img, #sddToolsView .archive-documentation-photo-grid img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important}
#sddToolsView .archive-documentation-grid.is-focus-active > :not(.is-focus-target), #sddToolsView .archive-documentation-photo-grid.is-focus-active > :not(.is-focus-target){filter:blur(5px) saturate(.25)!important;opacity:.44!important;transform:scale(.985)!important}
#sddToolsView .archive-documentation-grid > *, #sddToolsView .archive-documentation-photo-grid > *{transition:filter .42s ease,opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1)!important}
#sddToolsView .archive-documentation-grid > *:hover, #sddToolsView .archive-documentation-photo-grid > *:hover{z-index:4!important;transform:translateY(-4px)!important}








#sddWebView #sdd-background .sddweb-real-shot--background{position:relative;overflow:hidden;background:#080b16!important}
#sddWebView #sdd-background .sddweb-real-shot--background img{display:block;width:100%;height:auto;object-fit:contain!important}


#safariView .safari-background-copy{display:flex;flex-direction:column;justify-content:center}
#safariView .safari-mobile-context{color:#fff!important}
#safariView .safari-prototype-refined{border-top:0!important;padding-top:0!important}
#safariView .safari-process-flow{position:relative;border-top:0!important;padding-top:14px!important;gap:0!important;overflow:hidden}
#safariView .safari-process-flow::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(255,255,255,.2);transform:translateY(-50%);z-index:0}
#safariView .safari-process-flow::after{content:"";position:absolute;top:50%;left:0;width:var(--safari-progress,0%);height:2px;background:var(--lime,#b9fc56);box-shadow:0 0 13px rgba(185,252,86,.65);transform:translateY(-50%);z-index:1;transition:width .85s cubic-bezier(.2,.75,.2,1)}
#safariView .safari-process-flow>*{position:relative;z-index:2;cursor:pointer}
#safariView .safari-process-flow>*:focus-visible{outline:1px solid var(--lime,#b9fc56);outline-offset:6px}



#enterpriseView .enterprise-request-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:1.5rem;background:var(--line-soft,rgba(255,255,255,.12));border:1px solid var(--line-soft,rgba(255,255,255,.12))}
#enterpriseView .enterprise-request-flow article{position:relative;min-height:175px;padding:18px;background:var(--surface,#101010)}
#enterpriseView .enterprise-request-flow article:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:50%;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime,#b9fc56);color:#080808;font:600 14px/1 Arial}
#enterpriseView .enterprise-request-flow small{display:block;color:var(--orange,#ff9d58);font:500 10px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}
#enterpriseView .enterprise-request-flow h3{margin:.55rem 0 .55rem;font-size:1.1rem;line-height:1.2}
#enterpriseView .enterprise-request-flow p{margin:0;color:var(--muted,#a6a6a6);font-size:.88rem;line-height:1.5}
#enterpriseView .enterprise-solution-dashboard{margin:1.5rem 0 0;background:#f5f5f5;overflow:hidden}
#enterpriseView .enterprise-solution-dashboard img{display:block;width:100%;height:auto;object-fit:contain}
#enterpriseView .enterprise-solution-dashboard figcaption{padding:15px 17px;background:var(--surface,#101010);color:var(--muted,#aaa);font-size:.88rem;line-height:1.55}
#enterpriseView .enterprise-solution-dashboard strong{color:#fff}


.explore-project-card, .other-project-card, [data-explore-project]{position:relative;overflow:hidden}
.explore-project-card::after, .other-project-card::after, [data-explore-project]::after{content:"";position:absolute;top:0;right:0;bottom:0;width:58%;pointer-events:none;background:linear-gradient(90deg,rgba(7,7,7,0),rgba(7,7,7,.5) 58%,rgba(7,7,7,.95));backdrop-filter:blur(1.5px)}

@media(max-width:760px){
  .final-carousel-button{width:36px!important;height:36px!important}.final-carousel-button.prev{left:9px!important}.final-carousel-button.next{right:9px!important}
  #sddToolsView .archive-work-card:has(.asset-instagram){max-width:none}
  #enterpriseView .enterprise-request-flow{grid-template-columns:1fr}
  #enterpriseView .enterprise-request-flow article:not(:last-child)::after{top:auto;right:auto;bottom:-11px;left:50%;transform:translateX(-50%) rotate(90deg)}
}


/* final-v4-style */


.page-view{will-change:opacity,filter,transform!important}
.page-view.route-enter{opacity:0!important;filter:blur(16px)!important;transform:scale(.992)!important}
.page-view.route-entered{opacity:1!important;filter:blur(0)!important;transform:scale(1)!important}
.page-view.route-exit{opacity:0!important;filter:blur(12px)!important;transform:scale(1.006)!important}


#homeView .hero-title{max-width:12.8ch!important;letter-spacing:-.018em!important;line-height:.9!important}
#homeView .hero-title .v4-hero-line{display:block;white-space:nowrap;letter-spacing:-.01em}
#homeView .hero-title .v4-hero-line--role{color:var(--lime)!important;font-weight:600}
#homeView .hero-title .v4-hero-dash{display:inline-block;margin-left:.14em;color:var(--lime);letter-spacing:.02em}
#homeView #heroCopy{display:flex!important;flex-wrap:wrap!important;gap:.24em .42em!important;max-width:58ch!important}
#homeView .hero-copy-group{display:inline-flex!important;width:max-content!important;padding:.14em .28em!important;margin:-.14em -.28em!important;border-radius:4px!important;transition:background .25s var(--ease),color .25s var(--ease),filter .25s var(--ease),transform .25s var(--ease)!important}
#homeView .hero-copy-group:hover{background:linear-gradient(90deg,rgba(185,252,86,.86),rgba(185,252,86,.32))!important;color:#050505!important;filter:none!important;transform:translateY(-1px)!important}


.v4-carousel-stage{position:relative!important;isolation:isolate!important;overflow:hidden!important;touch-action:pan-y!important;background:#0a0a0a!important}
.v4-carousel-stage .archive-carousel-preview{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;border:0!important;box-shadow:none!important;background:#0a0a0a!important}
.v4-carousel-stage .archive-carousel-rail{display:flex!important;width:100%!important;height:100%!important;will-change:transform!important;transition:transform .72s cubic-bezier(.2,.75,.2,1)!important}
.v4-carousel-stage .archive-carousel-slide{flex:0 0 100%!important;min-width:100%!important;width:100%!important;height:100%!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#0a0a0a!important}
.v4-carousel-stage .archive-carousel-slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:#0a0a0a!important}
.v4-carousel-stage .v4-carousel-button{position:absolute!important;top:50%!important;z-index:20!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.54)!important;border-radius:999px!important;background:rgba(7,7,7,.78)!important;color:#fff!important;box-shadow:0 10px 25px rgba(0,0,0,.35)!important;cursor:pointer!important;transform:translateY(-50%)!important;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important}
.v4-carousel-stage .v4-carousel-button:hover, .v4-carousel-stage .v4-carousel-button:focus-visible{background:var(--lime)!important;color:#050505!important;border-color:var(--lime)!important;transform:translateY(-50%) scale(1.06)!important;outline:none!important}
.v4-carousel-stage .v4-carousel-button.prev{left:12px!important}.v4-carousel-stage .v4-carousel-button.next{right:12px!important}
.v4-carousel-stage .v4-carousel-button .material-symbols-rounded{font-size:20px!important;line-height:1!important}
#sddToolsView .archive-work-card:has(.v4-instagram-stage){max-width:462px!important;justify-self:start!important}
#sddToolsView .v4-instagram-stage{aspect-ratio:4/5!important;min-height:0!important}
#sddToolsView .archive-work-card:has(.v4-deck-stage){grid-column:span 8!important}
#sddToolsView .v4-deck-stage{aspect-ratio:16/9!important;min-height:0!important}
#sddToolsView .v4-gathering-stage{min-height:0!important}
@media (max-width:720px){
  #homeView .hero-title{letter-spacing:-.012em!important;line-height:.94!important}
  #homeView .hero-title .v4-hero-line{white-space:normal!important}
  #sddToolsView .archive-work-card:has(.v4-instagram-stage), #sddToolsView .archive-work-card:has(.v4-deck-stage){max-width:none!important;grid-column:span 12!important}
  .v4-carousel-stage .v4-carousel-button{width:38px!important;height:38px!important}.v4-carousel-stage .v4-carousel-button.prev{left:8px!important}.v4-carousel-stage .v4-carousel-button.next{right:8px!important}
}


.final-video-control, .v4-video-control{position:absolute!important;left:14px!important;bottom:14px!important;z-index:35!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:68px!important;min-height:36px!important;padding:9px 16px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:999px!important;background:rgba(7,7,7,.78)!important;color:#fff!important;font:600 11px/1 var(--sans,Inter,Arial,sans-serif)!important;letter-spacing:.035em!important;text-align:center!important;text-transform:uppercase!important;cursor:pointer!important;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important}
.final-video-control:hover, .final-video-control:focus-visible, .v4-video-control:hover, .v4-video-control:focus-visible{background:var(--lime)!important;color:#050505!important;border-color:var(--lime)!important;transform:translateY(-2px)!important;outline:none!important}
.v4-video-host{position:relative!important}




#enterpriseView .enterprise-solution-dashboard{margin:1.5rem 0 0!important;background:#f6f6f6!important;overflow:hidden!important}
#enterpriseView .enterprise-solution-dashboard img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
#enterpriseView .enterprise-solution-dashboard figcaption{padding:15px 17px!important;background:var(--surface)!important;color:var(--muted)!important;font-size:.88rem!important;line-height:1.55!important}
#enterpriseView .enterprise-solution-dashboard strong{color:#fff!important}


/* no-archive-cleanup */

.case-explore-grid.has-single-card{grid-template-columns:minmax(0,560px);max-width:560px}
@media (max-width:700px){.case-explore-grid.has-single-card{grid-template-columns:1fr;max-width:none}}


/* dana-concept-study-style */


@media (max-width:620px){
  #homeView .hero{
    min-height:0!important;
    height:auto!important;
    padding-top:112px!important;
    padding-bottom:104px!important;
  }
  #homeView .hero-inner{min-height:0!important;margin:0 auto!important;}
  #homeView .hero-actions{margin-top:26px!important;}
  #homeView .id-card-stage{height:430px!important;}
  #homeView .id-card-root{
    width:clamp(126px,33.12vw,140px)!important;
    top:clamp(130px,33vw,150px)!important;
  }
}
@media (max-width:390px){
  #homeView .id-card-root{width:126px!important;top:126px!important;}
}


#danaView{--dana-accent:#b9fc56;--dana-cyan:#7ed6ff;--dana-surface:#0e1110;}
#danaView .dana-case-hero{min-height:calc(100svh - 72px);}
#danaView .work-hero-media--dana{background:radial-gradient(circle at 70% 20%,rgba(126,214,255,.14),transparent 24%),radial-gradient(circle at 24% 77%,rgba(184,255,87,.13),transparent 27%),linear-gradient(138deg,#0b1516 0%,#0a0d0d 48%,#13211d 100%);}
#danaView .dana-hero-art{position:absolute;inset:0;overflow:hidden;isolation:isolate;}
#danaView .dana-hero-grid{position:absolute;inset:0;opacity:.38;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 68% 44%,black 0 35%,transparent 69%);}
#danaView .dana-orbit{position:absolute;border:1px solid rgba(184,255,87,.23);border-radius:50%;filter:drop-shadow(0 0 22px rgba(184,255,87,.11));}
#danaView .dana-orbit.one{width:min(66vw,860px);aspect-ratio:1;right:-12%;top:-18%;}
#danaView .dana-orbit.two{width:min(47vw,620px);aspect-ratio:1;right:11%;bottom:-36%;border-color:rgba(126,214,255,.20);}
#danaView .dana-phone-stack{position:absolute;right:clamp(6%,13vw,18%);bottom:6%;width:min(26vw,340px);aspect-ratio:.53;transform:rotate(8deg) translate3d(var(--work-hero-x,0),var(--work-hero-y,0));}
#danaView .dana-phone{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(245,245,240,.22);border-radius:30px;background:linear-gradient(165deg,#17221f,#0b0e0e 78%);box-shadow:24px 34px 60px rgba(0,0,0,.48),inset 1px 1px 0 rgba(255,255,255,.14);padding:14px;}
#danaView .dana-phone.back{transform:translate(-24px,26px) rotate(-14deg);opacity:.55;filter:brightness(.7)}
#danaView .dana-phone-notch{width:33%;height:7px;margin:0 auto 17px;border-radius:999px;background:rgba(245,245,240,.24)}
#danaView .dana-phone-head{display:flex;align-items:center;justify-content:space-between;color:rgba(245,245,240,.84);font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
#danaView .dana-phone-avatar{width:18px;height:18px;border-radius:999px;background:var(--dana-accent);box-shadow:0 0 0 4px rgba(184,255,87,.12)}
#danaView .dana-balance{margin-top:18px;padding:14px;border:1px solid rgba(245,245,240,.12);border-radius:14px;background:linear-gradient(135deg,rgba(184,255,87,.88),rgba(126,214,255,.66));color:#071006;}
#danaView .dana-balance span{display:block;font:500 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.72}
#danaView .dana-balance strong{display:block;margin-top:7px;font-size:clamp(16px,2vw,25px);letter-spacing:-.08em}
#danaView .dana-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
#danaView .dana-quick i{display:block;aspect-ratio:1;border:1px solid rgba(245,245,240,.12);border-radius:8px;background:rgba(255,255,255,.06)}
#danaView .dana-quick i:first-child{background:rgba(184,255,87,.58)}
#danaView .dana-subscription{margin-top:16px;padding:11px;border-radius:12px;border:1px solid rgba(126,214,255,.34);background:rgba(126,214,255,.11)}
#danaView .dana-subscription span{display:block;color:rgba(245,245,240,.58);font:500 7px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}
#danaView .dana-subscription b{display:block;margin-top:6px;color:#fff;font-size:11px;line-height:1.1}
#danaView .dana-case-hero .case-hero-copy h1{max-width:12.8ch;}
#danaView .dana-case-hero .case-hero-meta{width:min(100%,780px);max-width:780px;}
#danaView .dana-case-hero .case-hero-meta dt{color:var(--orange)!important;}
#danaView .dana-hero-disclaimer{grid-column:1 / span 7;grid-row:3;z-index:3;max-width:68ch;margin:14px 0 0;color:rgba(245,245,240,.58);font-size:11px;line-height:1.5;}
#danaView .dana-hero-disclaimer::before{content:'Note';display:inline-block;margin-right:8px;color:var(--orange);font:500 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}
#danaView .dana-journey{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:28px}
#danaView .dana-journey span{display:inline-flex;align-items:center;min-height:35px;padding:0 12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:rgba(245,245,240,.83);font:500 9px/1 var(--mono);letter-spacing:.055em;text-transform:uppercase}
#danaView .dana-journey i{width:20px;height:1px;background:linear-gradient(90deg,var(--dana-accent),transparent);}
#danaView .dana-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);}
#danaView .dana-problem-card{min-height:230px;padding:clamp(20px,2.7vw,34px);background:var(--bg);transition:background .28s var(--ease),transform .28s var(--ease);}
#danaView .dana-problem-card:hover{background:#111713;transform:translateY(-4px)}
#danaView .dana-problem-card span{color:var(--orange);font:500 9px/1 var(--mono);letter-spacing:.08em}
#danaView .dana-problem-card h3{margin:17px 0 10px;font-size:clamp(18px,1.8vw,25px);line-height:1.08;letter-spacing:-.045em}
#danaView .dana-problem-card p{color:var(--muted);font-size:14px;line-height:1.55}
#danaView .dana-outcomes{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#danaView .dana-outcomes span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(184,255,87,.3);background:rgba(184,255,87,.07);color:#efffe3;font-size:12px}
#danaView .dana-outcomes span::before{content:'↗';color:var(--dana-accent)}
#danaView .dana-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#danaView .dana-user{padding:clamp(24px,3.2vw,42px);background:var(--bg)}
#danaView .dana-user>span{color:var(--orange);font:500 9px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}
#danaView .dana-user h3{margin-top:16px;font-size:clamp(25px,3vw,42px);letter-spacing:-.065em;line-height:.94}
#danaView .dana-user p{max-width:44ch;margin-top:15px;color:var(--muted);font-size:14px;line-height:1.58}
#danaView .dana-needs{display:grid;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line-soft)}
#danaView .dana-needs span{display:flex;gap:10px;color:rgba(245,245,240,.85);font-size:13px;line-height:1.4}
#danaView .dana-needs span::before{content:'•';color:var(--dana-accent)}
#danaView .dana-approach{display:grid;gap:1px;border:1px solid var(--line-soft);background:var(--line-soft)}
#danaView .dana-approach-step{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(0,.72fr);gap:clamp(20px,3vw,44px);padding:clamp(22px,3vw,38px);background:var(--bg)}
#danaView .dana-step-index{color:var(--orange);font:500 10px/1 var(--mono);letter-spacing:.08em}
#danaView .dana-step-copy h3{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.055em;line-height:1.05}
#danaView .dana-step-copy>p{max-width:60ch;margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6}
#danaView .dana-process-visual{position:relative;display:grid;place-items:center;min-height:170px;margin-top:20px;overflow:hidden;border:1px solid rgba(245,245,240,.12);background:linear-gradient(135deg,rgba(126,214,255,.10),rgba(184,255,87,.05) 58%,rgba(255,106,61,.06));}
#danaView .dana-process-visual::before{content:'';position:absolute;inset:16px;border:1px dashed rgba(245,245,240,.14);}
#danaView .dana-process-visual span{position:relative;z-index:1;max-width:24ch;padding:11px 13px;border:1px solid rgba(245,245,240,.25);background:rgba(8,8,8,.76);color:var(--text);font:500 9px/1.45 var(--mono);letter-spacing:.06em;text-align:center;text-transform:uppercase}
#danaView .dana-opportunity-map{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,530px);padding:22px}
#danaView .dana-opportunity-map b{display:block;padding:12px;border:1px solid rgba(245,245,240,.14);background:rgba(8,8,8,.6);font-size:12px;text-align:center}
#danaView .dana-opportunity-map i{width:25px;height:1px;background:var(--dana-accent)}
#danaView .dana-formative-note{margin-top:18px;padding:14px 15px;border-left:2px solid var(--orange);background:rgba(255,106,61,.055);color:var(--muted);font-size:13px;line-height:1.55}
#danaView .dana-solution-list{display:grid;gap:clamp(44px,7vw,86px)}
#danaView .dana-solution{display:grid;grid-template-columns:minmax(0,.88fr) minmax(270px,.72fr);gap:clamp(28px,5vw,74px);align-items:center;}
#danaView .dana-solution:nth-child(even) .dana-solution-copy{order:2}
#danaView .dana-solution:nth-child(even) .dana-solution-visual{order:1}
#danaView .dana-solution-index{color:var(--orange);font:500 9px/1 var(--mono);letter-spacing:.08em}
#danaView .dana-solution h3{margin-top:13px;font-size:clamp(26px,3.4vw,47px);line-height:.98;letter-spacing:-.065em}
#danaView .dana-solution p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.62}
#danaView .dana-change-list{display:grid;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}
#danaView .dana-change-list span{display:flex;gap:9px;color:rgba(245,245,240,.86);font-size:13px;line-height:1.42}
#danaView .dana-change-list span::before{content:'•';color:var(--dana-accent)}
#danaView .dana-testing-signal{margin-top:20px;padding:13px 14px;border:1px solid rgba(126,214,255,.28);background:rgba(126,214,255,.06);color:rgba(245,245,240,.86);font-size:13px;line-height:1.55}
#danaView .dana-testing-signal b{color:var(--dana-cyan)}
#danaView .dana-insight{margin-top:20px;padding:18px;border:1px solid rgba(184,255,87,.34);background:linear-gradient(135deg,rgba(184,255,87,.12),rgba(184,255,87,.02));}
#danaView .dana-insight strong{display:block;color:var(--dana-accent);font-size:clamp(22px,3vw,38px);letter-spacing:-.065em}
#danaView .dana-insight span{display:block;margin-top:6px;color:rgba(245,245,240,.78);font-size:12px;line-height:1.45}
#danaView .dana-solution-visual{position:relative;min-height:clamp(310px,33vw,470px);overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 74% 19%,rgba(126,214,255,.17),transparent 25%),linear-gradient(148deg,#101a18,#070909);}
#danaView .dana-solution-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38));}
#danaView .dana-device{position:absolute;z-index:1;width:49%;aspect-ratio:.52;padding:10px;border:1px solid rgba(245,245,240,.24);border-radius:24px;background:#101312;box-shadow:16px 24px 36px rgba(0,0,0,.42);}
#danaView .dana-device.one{left:18%;top:13%;transform:rotate(-7deg)}
#danaView .dana-device.two{right:12%;bottom:7%;transform:rotate(8deg)}
#danaView .dana-device .bar{height:7px;width:34%;margin:0 auto 12px;border-radius:999px;background:rgba(245,245,240,.22)}
#danaView .dana-device .screen-title{height:10px;width:58%;border-radius:3px;background:rgba(245,245,240,.78)}
#danaView .dana-device .screen-copy{height:6px;margin-top:9px;border-radius:3px;background:rgba(245,245,240,.18)}
#danaView .dana-device .screen-copy.short{width:62%}
#danaView .dana-device .screen-panel{height:35%;margin-top:16px;border:1px solid rgba(245,245,240,.11);border-radius:10px;background:linear-gradient(145deg,rgba(184,255,87,.73),rgba(126,214,255,.38))}
#danaView .dana-device .screen-button{height:16px;margin-top:13px;border-radius:7px;background:var(--dana-accent)}
#danaView .dana-solution-visual--lock .dana-device .screen-panel{background:radial-gradient(circle at 50% 42%,var(--dana-accent) 0 17%,transparent 18%),rgba(255,255,255,.06)}
#danaView .dana-solution-visual--subscription .dana-device .screen-panel{background:linear-gradient(135deg,rgba(126,214,255,.75),rgba(184,255,87,.32))}
#danaView .dana-visual-label{position:absolute;z-index:3;left:14px;bottom:13px;padding:8px 9px;border:1px solid rgba(245,245,240,.18);background:rgba(8,8,8,.76);color:rgba(245,245,240,.7);font:500 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
#danaView .dana-reflection{max-width:68ch;padding:clamp(23px,3vw,38px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(184,255,87,.07),rgba(255,255,255,.015));}
#danaView .dana-reflection p{color:rgba(245,245,240,.82);font-size:clamp(16px,1.55vw,20px);line-height:1.58}
#danaView .dana-reflection p + p{margin-top:18px;color:var(--muted);font-size:14px}
#danaView .dana-reflection-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:13px;line-height:1.6}
#danaView .dana-home-card .prototype-canvas{background:radial-gradient(circle at 72% 22%,rgba(126,214,255,.2),transparent 25%),linear-gradient(145deg,#121c1b,#090a0a)}
#danaView .dana-card-phone{position:relative;width:34%;aspect-ratio:.53;border:1px solid rgba(245,245,240,.24);border-radius:16px;background:#101311;box-shadow:12px 18px 28px rgba(0,0,0,.38);padding:8px;transform:rotate(8deg)}
#danaView .dana-card-phone::before{content:'';display:block;width:34%;height:4px;margin:0 auto 10px;border-radius:999px;background:rgba(245,245,240,.26)}
#danaView .dana-card-phone b{display:block;height:28%;border-radius:7px;background:linear-gradient(135deg,var(--dana-accent),var(--dana-cyan));}
#danaView .dana-card-phone i{display:block;height:7px;margin-top:9px;border-radius:3px;background:rgba(245,245,240,.18)}
#danaView .dana-card-phone i:last-child{width:65%;background:var(--dana-accent)}
@media (max-width:980px){
  #danaView .dana-phone-stack{right:7%;width:min(40vw,330px)}
  #danaView .dana-case-hero .case-hero-meta{width:min(100%,650px)}
  #danaView .dana-hero-disclaimer{grid-column:1 / -1}
  #danaView .dana-solution{grid-template-columns:1fr;gap:26px}
  #danaView .dana-solution:nth-child(even) .dana-solution-copy,#danaView .dana-solution:nth-child(even) .dana-solution-visual{order:initial}
}
@media (max-width:760px){
  #danaView .dana-problem-grid,#danaView .dana-user-grid{grid-template-columns:1fr}
  #danaView .dana-approach-step{grid-template-columns:1fr;gap:15px}
  #danaView .dana-phone-stack{right:-7%;width:57vw;bottom:12%}
  #danaView .dana-orbit.one{width:120vw;right:-47%;top:8%}
  #danaView .dana-hero-disclaimer{font-size:10px}
  #danaView .dana-solution-visual{min-height:345px}
}
@media (max-width:620px){
  #danaView .dana-case-hero .shell{padding-top:112px!important;padding-bottom:50px!important}
  #danaView .dana-case-hero .case-hero-copy h1{max-width:11.8ch;}
  #danaView .dana-case-hero .case-hero-meta{width:100%;}
  #danaView .dana-journey{gap:6px}
  #danaView .dana-journey span{min-height:31px;padding:0 9px;font-size:8px}
  #danaView .dana-journey i{width:13px}
  #danaView .dana-solution-visual{min-height:310px}
  #danaView .dana-device{border-radius:19px}
  #danaView .dana-opportunity-map{grid-template-columns:1fr;gap:8px}
  #danaView .dana-opportunity-map i{width:1px;height:18px;justify-self:center}
}
@media (prefers-reduced-motion:reduce){
  #danaView .dana-problem-card{transition:none!important}
}


/* v6-dana-media-and-hero-motion */


@keyframes v6-id-card-entrance{
  0%{opacity:0;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 180px),0) rotate(-6deg)}
  58%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + 14px),0) rotate(1.1deg)}
  77%{transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 6px),0) rotate(-.55deg)}
  100%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) rotate(0)}
}
@keyframes v6-lanyard-reveal{0%{opacity:0;filter:blur(1px)}100%{opacity:1;filter:none}}
#homeView .id-card-root.v6-id-enter{will-change:transform,opacity;animation:v6-id-card-entrance 1.12s cubic-bezier(.16,.92,.22,1.08) .1s both!important}
#homeView .id-card-stage.v6-card-intro .lanyard{animation:v6-lanyard-reveal .48s var(--ease) .02s both!important}
#homeView .hero-actions .button{justify-content:center!important;gap:10px!important;padding-inline:15px!important}
#homeView .hero-actions .button .arrow{margin:0!important}


#homeView .dana-home-card .project-media{background:#0c90dd!important}
#homeView .dana-home-thumbnail{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:grayscale(1)!important;transition:filter .48s var(--ease),transform .72s var(--ease)!important}
#homeView .dana-home-card:hover .dana-home-thumbnail,#homeView .dana-home-card:focus-visible .dana-home-thumbnail{filter:grayscale(0)!important;transform:scale(1.035)!important}


#danaView .dana-nav-icon{font-size:18px;line-height:1;color:currentColor}
#danaView .dana-problem-icon{display:block;margin-bottom:17px;color:var(--lime);font-size:28px;line-height:1}
#danaView .dana-step-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
#danaView .dana-step-icon{font-size:19px;line-height:1;color:var(--dana-accent)}
#danaView .dana-user-gif{position:relative;display:grid;place-items:end center;min-height:235px;margin:25px 0 0;overflow:hidden;border:1px solid var(--line-soft);background:radial-gradient(circle at 42% 34%,rgba(126,214,255,.18),transparent 49%),linear-gradient(145deg,#101513,#0a0a0a)}
#danaView .dana-user-gif img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;object-position:center bottom}
#danaView .dana-process-visual.is-asset{display:block;min-height:0;padding:0;overflow:hidden;background:#f6f6f5;border:1px solid rgba(255,255,255,.12)}
#danaView .dana-process-visual.is-asset::before{content:none;display:none}
#danaView .dana-process-visual.is-asset img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#danaView .dana-process-visual.is-asset figcaption,#danaView .dana-solution-asset figcaption{padding:10px 13px;background:#0e0e0e;color:var(--muted);font:500 8px/1.45 var(--mono);letter-spacing:.055em;text-transform:uppercase}
#danaView .dana-solution-copy>span{display:inline-flex;align-items:center;gap:8px}
#danaView .dana-solution-icon{color:var(--dana-accent);font-size:18px;line-height:1}
#danaView .dana-solution-asset{display:grid;place-items:center;min-height:0!important;aspect-ratio:auto!important;overflow:hidden;background:#080808;border:1px solid var(--line-soft)}
#danaView .dana-solution-asset img{display:block;width:100%;height:auto;max-height:min(76vh,790px);object-fit:contain}
#danaView .dana-graduation-icon{display:inline-block;margin:0 10px -5px 0;color:var(--orange);font-size:29px;line-height:1;vertical-align:middle}


.certificate-actions{margin-top:14px}
.certificate-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 11px;border:1px solid rgba(255,106,61,.38);border-radius:999px;background:rgba(255,106,61,.08);color:var(--text);font:500 8px var(--mono);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:border-color .24s var(--ease),background .24s var(--ease),transform .24s var(--ease),color .24s var(--ease)}
.certificate-chip .ph-duotone{font-size:15px;color:var(--orange)}
.certificate-chip:hover,.certificate-chip:focus-visible{border-color:var(--orange);background:rgba(255,106,61,.15);color:#fff;transform:translateY(-2px);outline:none}
.certificate-modal[hidden]{display:none}
.certificate-modal{position:fixed;z-index:260;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.78);backdrop-filter:blur(11px)}
.certificate-modal-panel{width:min(980px,100%);max-height:min(880px,calc(100svh - 44px));overflow:auto;border:1px solid var(--line);background:#101010;box-shadow:0 28px 100px rgba(0,0,0,.58)}
.certificate-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 19px;border-bottom:1px solid var(--line-soft)}
.certificate-modal-head h2{margin-top:7px;font-size:clamp(22px,3vw,38px);letter-spacing:-.055em;line-height:1.05}
.certificate-modal-close{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer;transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}
.certificate-modal-close .ph-duotone{font-size:19px}.certificate-modal-close:hover,.certificate-modal-close:focus-visible{border-color:var(--lime);background:var(--lime);color:#080808;outline:none}
.certificate-modal-body{padding:clamp(14px,2.5vw,26px)}
.certificate-modal-image{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.1);background:#fff}
.certificate-modal-note{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.certificate-record-link{display:inline-flex;align-items:center;gap:9px;margin-top:16px;color:var(--lime);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.certificate-record-link .ph-duotone{font-size:16px}
body.v6-certificate-open{overflow:hidden!important}

@media(max-width:760px){
  #homeView .hero-actions .button{gap:8px!important;padding-inline:12px!important}
  #danaView .dana-user-gif{min-height:215px}
  #danaView .dana-solution-asset img{max-height:min(70vh,680px)}
}
@media(prefers-reduced-motion:reduce){
  #homeView .id-card-root.v6-id-enter,#homeView .id-card-stage.v6-card-intro .lanyard{animation:none!important}
  .certificate-chip{transition:none!important}
}


/* v8-lanyard-navbar-layer-fix */


#siteHeader{
  isolation:isolate!important;
  overflow:visible!important;
}
#siteHeader::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(8,8,8,.98);
  border-bottom:1px solid rgba(255,255,255,.045);
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
#siteHeader > .nav{
  position:relative;
  z-index:1;
}

#homeView .hero > .id-card-stage{
  z-index:5!important;
}
@media (max-width:860px){
  #siteHeader::before{background:rgba(8,8,8,.985);}
}


/* v9-motion-and-layout-refinement */


html.portfolio-boot #siteHeader,
html.portfolio-boot #siteContent{
  opacity:0;
  filter:blur(14px);
  transform:translate3d(0,14px,0);
}
#siteHeader,
#siteContent{
  transition:opacity .88s var(--ease),filter .88s var(--ease),transform .88s var(--ease);
  will-change:opacity,filter,transform;
}
@media (prefers-reduced-motion:reduce){
  html.portfolio-boot #siteHeader,
  html.portfolio-boot #siteContent{opacity:1;filter:none;transform:none;}
  #siteHeader,#siteContent{transition:none!important;}
}


@keyframes v9-id-card-drop{
  0%{opacity:0;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 132svh),0) rotate(-12deg) scale(.955)}
  48%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + 28px),0) rotate(1.9deg) scale(1)}
  68%{transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 14px),0) rotate(-.9deg)}
  84%{transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + 5px),0) rotate(.38deg)}
  100%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) rotate(0)}
}
@keyframes v9-lanyard-settle{
  0%{opacity:0;transform:translateY(-34px) scaleY(.64)}
  58%{opacity:1;transform:translateY(8px) scaleY(1.04)}
  100%{opacity:1;transform:translateY(0) scaleY(1)}
}
#homeView .id-card-root.v6-id-enter{
  animation:v9-id-card-drop 2.32s cubic-bezier(.18,.86,.22,1.05) .34s both!important;
  will-change:transform,opacity!important;
}
#homeView .id-card-stage.v6-card-intro .lanyard{
  animation:v9-lanyard-settle 1.14s cubic-bezier(.22,.82,.24,1) .22s both!important;
}
@media (prefers-reduced-motion:reduce){
  #homeView .id-card-root.v6-id-enter,
  #homeView .id-card-stage.v6-card-intro .lanyard{animation:none!important;}
}


#safariView .safari-process-flow::before,
#safariView .safari-process-flow::after{content:none!important;display:none!important;}
#safariView .safari-process-flow{--safari-progress:0%!important;}
#safariView .safari-process-step,
#safariView .safari-process-step.is-active,
#safariView .safari-process-step.is-complete{
  box-shadow:none!important;
  outline:0!important;
}
#safariView .safari-process-step + .safari-process-step{border-left:1px solid rgba(8,8,8,.16)!important;}
@media(max-width:620px){
  #safariView .safari-process-step + .safari-process-step{border-left:0!important;border-top:1px solid rgba(8,8,8,.16)!important;}
}
#sddToolsView .sdd-archive-hero-note{
  max-width:52ch!important;
  margin-top:18px!important;
  color:rgba(245,245,240,.76)!important;
  font-size:clamp(15px,1.25vw,19px)!important;
  font-weight:400!important;
  line-height:1.52!important;
  letter-spacing:-.018em!important;
}


@media(min-width:861px){
  #sddToolsView .archive-gallery > .service-deck-card{grid-column:span 6!important;}
}
#sddToolsView .service-deck-card .archive-work-stage.asset-deck{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
}
#sddToolsView .service-deck-card .sdd-single-asset,
#sddToolsView .service-deck-card .sdd-single-asset img{
  width:100%!important;
  height:100%!important;
}
#sddToolsView .service-deck-card .sdd-single-asset img{object-fit:cover!important;object-position:center!important;}


#about-profile .display{margin-bottom:clamp(24px,3vw,38px)!important;}
#about-profile .lead{margin-top:0!important;max-width:58ch;}


.education-meta .education-dana-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 7px;
  border:1px solid var(--line);
  color:var(--muted);
  font:500 8px var(--mono);
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
  transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
}
.education-meta .education-dana-link strong{color:var(--lime);font-weight:500;}
.education-meta .education-dana-link i{font-size:13px;}
.education-meta .education-dana-link:hover,
.education-meta .education-dana-link:focus-visible{
  background:var(--lime);
  border-color:var(--lime);
  color:#090909;
  transform:translateY(-1px);
  outline:none;
}
.education-meta .education-dana-link:hover strong,
.education-meta .education-dana-link:focus-visible strong{color:#090909;}


/* final-dana-layout-cta-refinement */


/* Final layout refinement — DANA approach and Home CTA */
#homeView .hero-actions{
  display:inline-flex !important;
  width:fit-content !important;
  max-width:100% !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:11px !important;
}
#homeView .hero-actions .button{
  display:inline-flex !important;
  width:fit-content !important;
  min-width:0 !important;
  min-height:56px !important;
  padding-inline:20px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}
#homeView .hero-actions .button .arrow{
  flex:0 0 auto !important;
  margin:0 !important;
}
@media (max-width:430px){
  #homeView .hero-actions{
    gap:9px !important;
  }
  #homeView .hero-actions .button{
    min-height:54px !important;
    padding-inline:16px !important;
  }
}

#danaView .dana-user-gif{
  min-height:0 !important;
  aspect-ratio:1.52 / 1 !important;
  margin:22px 0 0 !important;
  background:transparent !important;
}
#danaView .dana-user-gif img{
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:scale(.80) !important;
  transform-origin:center bottom !important;
}
@media (max-width:620px){
  #danaView .dana-user-gif{
    aspect-ratio:1.28 / 1 !important;
  }
  #danaView .dana-user-gif img{
    transform:scale(.76) !important;
  }
}

/* Review, Plan, Map, Build: visual-first, no caption/card treatment */
#danaView .dana-approach-step .dana-process-visual.is-asset{
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#danaView .dana-approach-step .dana-process-visual.is-asset::before,
#danaView .dana-approach-step .dana-process-visual.is-asset::after{
  content:none !important;
  display:none !important;
}
#danaView .dana-approach-step .dana-process-visual.is-asset img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  background:transparent !important;
}
#danaView .dana-approach-step .dana-process-visual.is-asset figcaption{
  display:none !important;
}
#danaView .dana-step-kicker{
  gap:7px !important;
}
#danaView .dana-step-icon{
  width:16px !important;
  height:16px !important;
  font-size:16px !important;
  line-height:1 !important;
  color:var(--orange) !important;
  flex:0 0 auto !important;
}
#danaView .dana-step-kicker-label{
  line-height:1.1 !important;
}
#danaView .dana-approach-step{
  align-items:start !important;
}
#danaView .dana-approach-step .dana-step-copy{
  min-width:0 !important;
}

/* Test Key Tasks: heading full width; detail copy uses the whole card in two clean columns */
#danaView .dana-approach-step.dana-test-step{
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
#danaView .dana-test-step .dana-step-copy{
  width:100% !important;
  min-width:0 !important;
}
#danaView .dana-test-step .dana-test-summary{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(20px,3vw,40px) !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:18px !important;
}
#danaView .dana-test-step .dana-test-summary p,
#danaView .dana-test-step .dana-test-summary small{
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
}
#danaView .dana-test-step .dana-test-summary p{
  font-size:clamp(15px,1.35vw,18px) !important;
  line-height:1.58 !important;
  color:var(--text) !important;
}
#danaView .dana-test-step .dana-test-summary small{
  display:block !important;
  padding:0 0 0 clamp(16px,2vw,24px) !important;
  border-left:1px solid rgba(255,255,255,.16) !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1.62 !important;
}
@media (max-width:760px){
  #danaView .dana-test-step .dana-test-summary{
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  #danaView .dana-test-step .dana-test-summary small{
    padding:14px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.16) !important;
  }
}



/* global-layout-back-navigation-refinement */

  /* One shared content rail for Home, every case study, archive, brand page, footer, and back bar. */
  :root{
    --page-max:1440px;
    --page-gutter:clamp(20px,4.45vw,68px);
    --max:var(--page-max);
    --gutter:var(--page-gutter);
  }

  :where(
    .shell,
    .hero-inner,
    .sdd-hero-content,
    .pti-hero-content,
    .connect-fill-inner
  ){
    width:min(var(--page-max),100%)!important;
    max-width:var(--page-max)!important;
    margin-inline:auto!important;
    padding-inline:var(--page-gutter)!important;
    box-sizing:border-box!important;
  }

  /* Keep all page rails aligned even when a page uses a custom hero instead of .shell. */
  #siteHeader .shell,
  .case-backbar .shell,
  .case-nav .shell,
  .sdd-case-nav .shell,
  .pti-case-nav .shell,
  .case-footer .shell,
  .case-explore .shell{
    width:min(var(--page-max),100%)!important;
    max-width:var(--page-max)!important;
    padding-inline:var(--page-gutter)!important;
  }

  /* One global Back to Selected Work treatment, including the DANA route. */
  .case-backbar{
    margin-top:var(--nav-height)!important;
    border-top:1px solid var(--line-soft);
    border-bottom:1px solid var(--line-soft);
    background:rgba(8,8,8,.88);
    backdrop-filter:blur(16px);
  }
  .case-backbar .shell{
    display:flex!important;
    align-items:center!important;
    min-height:56px!important;
  }
  .case-back{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:32px;
    padding:4px 0;
    color:var(--muted)!important;
    font:500 9px/1 var(--mono)!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    white-space:nowrap;
    transition:color .28s var(--ease),transform .28s var(--ease)!important;
  }
  .case-back > .material-symbols-rounded.material-arrow-icon{
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    width:26px!important;
    height:26px!important;
    border:1px solid var(--line)!important;
    border-radius:999px!important;
    color:var(--lime)!important;
    background:transparent!important;
    font-family:"Material Symbols Rounded"!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:normal!important;
    font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24!important;
    transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease)!important;
  }
  .case-back:hover,
  .case-back:focus-visible{
    color:var(--text)!important;
    transform:translateX(-3px)!important;
    outline:none!important;
  }
  .case-back:hover > .material-symbols-rounded.material-arrow-icon,
  .case-back:focus-visible > .material-symbols-rounded.material-arrow-icon{
    border-color:var(--lime)!important;
    background:var(--lime)!important;
    color:#050505!important;
    transform:translateX(-1px)!important;
  }

  @media (max-width:620px){
    :root{--page-gutter:clamp(18px,5.2vw,28px)}
    .case-backbar .shell{min-height:52px!important}
    .case-back{gap:9px!important;font-size:8px!important}
    .case-back > .material-symbols-rounded.material-arrow-icon{width:24px!important;height:24px!important;font-size:14px!important}
  }

  @media (prefers-reduced-motion:reduce){
    .case-back,
    .case-back > .material-symbols-rounded.material-arrow-icon{transition:none!important}
  }


/* waroong-solution-sizing-v22 */


#waroongView #waroong-solutions .case-story-content{
  width:100%;
  min-width:0;
}
#waroongView .waroong-solutions-board,
#waroongView .waroong-live-note{
  width:100%;
  max-width:none;
  margin-inline:0;
  box-sizing:border-box;
}
#waroongView .waroong-solutions-board{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
#waroongView .waroong-solution-card{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  padding:clamp(22px,3vw,38px);
}
#waroongView .waroong-solution-card--wide{
  grid-column:1 / -1;
}

#waroongView .waroong-ui-slot,
#waroongView .waroong-ui-slot--media,
#waroongView .waroong-design-system-slot,
#waroongView .waroong-design-system-live{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:20px 0 0;
}
#waroongView .waroong-ui-slot--media{
  aspect-ratio:900 / 460;
}
#waroongView .waroong-ui-slot--media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#waroongView .waroong-live-note{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  margin-top:1px;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:var(--surface);
}
#waroongView .waroong-live-intro,
#waroongView .waroong-impact-stat{
  width:100%;
  box-sizing:border-box;
  padding-inline:clamp(22px,3vw,38px);
}
@media (max-width:620px){
  #waroongView .waroong-solutions-board{grid-template-columns:1fr}
  #waroongView .waroong-solution-card--wide{grid-column:auto}
  #waroongView .waroong-solution-card{padding:22px}
  #waroongView .waroong-ui-slot,
  #waroongView .waroong-ui-slot--media,
  #waroongView .waroong-design-system-slot,
  #waroongView .waroong-design-system-live{margin-top:18px}
  #waroongView .waroong-live-intro,
  #waroongView .waroong-impact-stat{padding-inline:22px}
}


/* enterprise-public-safe-visuals */


.enterprise-safety-note{margin-top:16px;max-width:58ch;color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.045em;text-transform:uppercase}
.enterprise-hero-art{isolation:isolate;background:linear-gradient(140deg,#111a1a 0%,#0a0a0a 50%,#15100d 100%);overflow:hidden}
.enterprise-hero-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 23%,rgba(184,255,87,.24),transparent 30%),radial-gradient(circle at 16% 80%,rgba(255,106,61,.16),transparent 32%);pointer-events:none}
.enterprise-hero-art-grid{position:absolute;inset:-12%;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;transform:perspective(900px) rotateX(58deg) rotateZ(-14deg) scale(1.35);transform-origin:center 74%;opacity:.52}
.enterprise-hero-art-orbit{position:absolute;border:1px solid rgba(184,255,87,.5);border-radius:999px;filter:drop-shadow(0 0 22px rgba(184,255,87,.16))}
.enterprise-hero-art-orbit--one{width:52vw;height:52vw;right:-17vw;top:-19vw}.enterprise-hero-art-orbit--two{width:30vw;height:30vw;right:14vw;bottom:-18vw;border-color:rgba(255,106,61,.44)}
.enterprise-hero-art-panel{position:absolute;border:1px solid rgba(255,255,255,.2);background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.025));box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(5px)}
.enterprise-hero-art-panel--a{width:29%;height:48%;right:19%;top:22%;transform:rotate(-9deg)}.enterprise-hero-art-panel--b{width:18%;height:28%;right:47%;top:41%;transform:rotate(10deg)}.enterprise-hero-art-panel--c{width:19%;height:22%;right:8%;top:54%;transform:rotate(5deg);border-color:rgba(184,255,87,.45)}
.project-media--enterprise{background:linear-gradient(135deg,#17201e 0%,#0c0c0c 52%,#17110d 100%);overflow:hidden}
.enterprise-card-art{position:absolute;inset:0;overflow:hidden}.enterprise-card-art-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:24px 24px;transform:rotate(-12deg);opacity:.45}.enterprise-card-art-track{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(184,255,87,.95),transparent);box-shadow:0 0 14px rgba(184,255,87,.38)}.enterprise-card-art-track--one{width:66%;left:10%;top:34%;transform:rotate(19deg)}.enterprise-card-art-track--two{width:56%;left:35%;top:63%;transform:rotate(-23deg);background:linear-gradient(90deg,transparent,rgba(255,106,61,.85),transparent);box-shadow:0 0 14px rgba(255,106,61,.28)}
.enterprise-card-art-node,.enterprise-card-art-block{position:absolute;display:block;border:1px solid rgba(255,255,255,.26);background:rgba(8,8,8,.56);box-shadow:0 12px 24px rgba(0,0,0,.28)}.enterprise-card-art-node{width:11px;height:11px;border-radius:50%;background:var(--lime);border-color:var(--lime);box-shadow:0 0 15px rgba(184,255,87,.65)}.enterprise-card-art-node--one{left:22%;top:40%}.enterprise-card-art-node--two{left:51%;top:50%}.enterprise-card-art-node--three{right:15%;top:28%;background:var(--orange);border-color:var(--orange);box-shadow:0 0 15px rgba(255,106,61,.55)}.enterprise-card-art-block--one{width:24%;height:30%;right:14%;bottom:14%;transform:rotate(8deg)}.enterprise-card-art-block--two{width:20%;height:20%;left:10%;bottom:16%;transform:rotate(-8deg);border-color:rgba(184,255,87,.42)}
@media(max-width:700px){.enterprise-hero-art-orbit--one{width:92vw;height:92vw;right:-38vw;top:-34vw}.enterprise-hero-art-orbit--two{width:60vw;height:60vw;right:5vw;bottom:-32vw}.enterprise-hero-art-panel--a{width:35%;right:14%}.enterprise-hero-art-panel--b{width:23%;right:47%}.enterprise-hero-art-panel--c{width:24%;right:5%}}


#projectsGrid .project-media--enterprise{background:#0b3445}
#projectsGrid .project-media--enterprise .enterprise-home-card-image{
  object-position:center 46%;
  transform:scale(1.001);
  transition:transform .55s var(--ease),filter .55s var(--ease);
}
#projectsGrid .project-card:hover .enterprise-home-card-image,
#projectsGrid .project-card:focus-visible .enterprise-home-card-image{
  transform:scale(1.045);
  filter:brightness(1.05) saturate(1.03);
}


/* portfolio-orange-glass-hero-metadata */


:root{
  --hero-meta-label:var(--orange);
  --hero-meta-value:rgba(255,255,252,.96);
  --hero-meta-panel:rgba(8,8,8,.80);
  --hero-meta-line:rgba(255,255,255,.16);
}


.portfolio-hero-meta-grid,
.case-hero.work-hero .case-hero-meta,
.sdd-hero .hero-project-facts,
.pti-hero .hero-project-facts,
.eg-meta{
  background:var(--hero-meta-panel)!important;
  border-color:var(--hero-meta-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 32px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}


.portfolio-hero-meta-grid>div,
.case-hero.work-hero .case-hero-meta>div,
.sdd-hero .hero-project-facts>div,
.pti-hero .hero-project-facts>div,
.eg-meta>div{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:var(--hero-meta-line)!important;
}


.portfolio-hero-meta-grid dt,
.case-hero.work-hero .case-hero-meta dt,
.sdd-hero .hero-project-facts dt,
.pti-hero .hero-project-facts dt,
.eg-meta dt{
  color:var(--orange)!important;
  text-shadow:0 0 12px rgba(255,106,61,.14);
}
.portfolio-hero-meta-grid dd,
.case-hero.work-hero .case-hero-meta dd,
.sdd-hero .hero-project-facts dd,
.pti-hero .hero-project-facts dd,
.eg-meta dd{
  color:var(--hero-meta-value)!important;
}


/* pti-hero-metadata-fix */


#pilarView .pti-hero .hero-project-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(84px,auto))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  width:min(100%,540px)!important;
  max-width:540px!important;
  overflow:visible!important;
}
#pilarView .pti-hero .hero-project-facts>div{
  min-width:0;
  min-height:84px!important;
  overflow-wrap:anywhere;
}
#pilarView .pti-hero .hero-project-facts dd{
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
@media (max-width:620px){
  #pilarView .pti-hero .hero-project-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(78px,auto))!important;
    width:100%!important;
    max-width:none!important;
  }
  #pilarView .pti-hero .hero-project-facts>div{min-height:78px!important;}
}


/* portfolio-hero-metadata-divider-refinement */


:root{--hero-meta-divider:rgba(255,255,255,.085);}

.portfolio-hero-meta-grid,
.case-hero.work-hero .case-hero-meta,
.sdd-hero .hero-project-facts,
.pti-hero .hero-project-facts,
.eg-meta{
  gap:.5px!important;
  padding:0!important;
  background:var(--hero-meta-divider)!important;
}

.portfolio-hero-meta-grid>div,
.case-hero.work-hero .case-hero-meta>div,
.sdd-hero .hero-project-facts>div,
.pti-hero .hero-project-facts>div,
.eg-meta>div{
  background:var(--hero-meta-panel)!important;
  border:0!important;
}


/* safari-progress-outline-fix-v4 */


#safariView .shell{
  width:min(var(--max),100%);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
#safariView .case-story-grid,
#safariView .case-story-content,
#safariView .safari-background-copy{
  width:100%;
  min-width:0;
}


#safariView .safari-background-copy > p{
  max-width:62ch;
}
#safariView .safari-mobile-context{
  max-width:62ch!important;
  margin:0 0 .85rem!important;
  padding:0!important;
  background:transparent!important;
  color:var(--lime)!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:normal!important;
}
#safariView .safari-mobile-context strong{
  color:inherit!important;
  font-weight:700!important;
}
#safariView .safari-mobile-context mark{
  display:contents!important;
  padding:0!important;
  background:transparent!important;
  color:inherit!important;
}


#safariView .safari-process-flow{
  width:100%;
  max-width:none;
  gap:0!important;
  overflow:hidden;
}
#safariView .safari-process-step,
#safariView .safari-process-step:hover,
#safariView .safari-process-step:focus,
#safariView .safari-process-step:focus-visible,
#safariView .safari-process-step:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#safariView .safari-process-step span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#safariView .safari-process-step-arrow{
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}


#safariView .safari-process-step::after{display:none!important;}
#safariView .safari-process-step::before{
  border:0!important;
  box-shadow:none!important;
}
@media (max-width:620px){
  #safariView .safari-mobile-context{max-width:none!important;}
}


/* safari-live-screens-and-figma-embed */


#safariView .safari-visitor-journey .safari-feature-media{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,2vw,24px);
  background:
    radial-gradient(circle at 50% 4%,rgba(184,255,87,.16),transparent 34%),
    linear-gradient(145deg,#102017,#070c0a);
}
#safariView .safari-visitor-journey .safari-feature-screen{
  display:block;
  width:min(100%,198px);
  height:auto;
  aspect-ratio:394 / 852;
  object-fit:cover;
  border:0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 40px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.16);
  transform:rotate(var(--safari-screen-tilt,-2deg));
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
#safariView .safari-feature-card:nth-child(even) .safari-feature-screen{--safari-screen-tilt:2deg;}
#safariView .safari-feature-card:hover .safari-feature-screen,
#safariView .safari-feature-card.is-focused .safari-feature-screen{
  transform:translateY(-5px) rotate(var(--safari-screen-tilt,-2deg));
  box-shadow:0 28px 48px rgba(0,0,0,.52),0 0 0 1px rgba(184,255,87,.55);
}
#safariView .safari-visitor-journey .safari-feature-media>small{
  margin-top:12px!important;
}


#safariView .safari-prototype-embed-stage{
  position:relative;
  width:100%;
  height:clamp(450px,42vw,660px);
  margin-top:22px;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:#0b0b0b;
  box-shadow:0 20px 46px rgba(0,0,0,.24);
}
#safariView .safari-prototype-embed-frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}
#safariView .safari-prototype-embed-stage:fullscreen,
#safariView .safari-prototype-embed-stage:-webkit-full-screen{
  width:100vw;
  height:100vh;
  border:0;
  background:#090909;
}
#safariView .safari-prototype-embed-stage:fullscreen .safari-prototype-embed-frame,
#safariView .safari-prototype-embed-stage:-webkit-full-screen .safari-prototype-embed-frame{
  width:100%;
  height:100%;
}
#safariView .safari-prototype-embed-stage .safari-prototype-fullscreen{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(8,8,8,.78);
  color:var(--text);
  font:500 8px var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
  backdrop-filter:blur(9px);
  transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease);
}
#safariView .safari-prototype-embed-stage .safari-prototype-fullscreen:hover,
#safariView .safari-prototype-embed-stage .safari-prototype-fullscreen:focus-visible{
  border-color:var(--lime);
  background:var(--lime);
  color:#080a07;
  outline:0;
  transform:translateY(-2px);
}
#safariView .safari-prototype-embed-stage .safari-prototype-fullscreen i{font-size:15px;}
@media (max-width:980px){
  #safariView .safari-prototype-embed-stage{height:clamp(460px,64vw,640px);}
}
@media (max-width:620px){
  #safariView .safari-visitor-journey .safari-feature-screen{width:min(100%,190px);}
  #safariView .safari-prototype-embed-stage{
    height:min(74svh,620px);
    min-height:460px;
    margin-top:18px;
  }
  #safariView .safari-prototype-embed-stage .safari-prototype-fullscreen{
    right:9px;
    bottom:9px;
    padding:7px 8px;
  }
}
@media (prefers-reduced-motion:reduce){
  #safariView .safari-feature-screen,
  #safariView .safari-prototype-fullscreen{transition:none!important;}
}


/* pti-monochrome-fill-container */


#pilarView #pilar-logo-meaning .pti-variant--mono{
  position:relative;
  min-height:264px;
  padding:0!important;
  overflow:hidden;
  background:#fff!important;
}
#pilarView #pilar-logo-meaning .pti-variant--mono > b{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  margin:0;
  padding:5px 7px;
  background:rgba(255,255,255,.84);
  color:rgba(37,40,42,.78)!important;
  backdrop-filter:blur(6px);
}
#pilarView #pilar-logo-meaning .pti-variant--mono .pti-logo-dual{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  gap:0!important;
  padding:0!important;
}
#pilarView #pilar-logo-meaning .pti-variant--mono .pti-mono-sample{
  min-height:0!important;
  height:100%;
  padding:0!important;
  place-items:center;
}
#pilarView #pilar-logo-meaning .pti-variant--mono .pti-mono-sample img{
  width:min(52%,120px);
  max-width:52%;
  max-height:52%;
  height:auto;
  object-fit:contain;
}
#pilarView #pilar-logo-meaning .pti-variant--mono .pti-mono-sample--light{background:#fff!important;}
#pilarView #pilar-logo-meaning .pti-variant--mono .pti-mono-sample--dark{background:var(--pti-brand-navy)!important;}
@media (max-width:620px){
  #pilarView #pilar-logo-meaning .pti-variant--mono{min-height:192px;}
  #pilarView #pilar-logo-meaning .pti-variant--mono > b{top:10px;left:10px;}
  #pilarView #pilar-logo-meaning .pti-variant--mono .pti-mono-sample img{width:min(52%,92px);}
}


/* pti-single-business-card-image */

  
  #pilarView .pti-card-stage--single-image{
    position:relative;
    display:grid;
    place-items:center;
    min-height:500px;
    padding:0;
    overflow:hidden;
    background:
      radial-gradient(circle at 72% 23%,rgba(212,100,44,.16),transparent 24%),
      #111;
  }
  #pilarView .pti-card-stage--single-image::before,
  #pilarView .pti-card-stage--single-image::after{content:none!important;}
  #pilarView .pti-card-stage--single-image .pti-business-card-image{
    display:block;
    width:min(106%,760px);
    max-width:none;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(20px 26px 38px rgba(0,0,0,.38));
    transform:translateY(2%) scale(1.02);
    transition:transform .55s var(--ease),filter .55s var(--ease);
    will-change:transform;
  }
  #pilarView .pti-card-stage--single-image:hover .pti-business-card-image{
    filter:drop-shadow(24px 34px 46px rgba(0,0,0,.48));
    transform:translateY(-2%) scale(1.045);
  }
  @media (max-width:620px){
    #pilarView .pti-card-stage--single-image{min-height:370px;}
    #pilarView .pti-card-stage--single-image .pti-business-card-image{width:113%;transform:translateY(2%) scale(1.01);}
  }
  @media (prefers-reduced-motion:reduce){
    #pilarView .pti-card-stage--single-image .pti-business-card-image{transition:none!important;}
  }


/* pti-editorial-spread-interaction-refinement */



#pilarView #pilar-logo-meaning .shell{
  width:min(var(--max),100%)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:var(--gutter)!important;
}
#pilarView #pilar-logo-meaning .pti-guideline-spread{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
  width:100%;
  overflow:visible!important;
}
#pilarView #pilar-logo-meaning .pti-meaning-main,
#pilarView #pilar-logo-meaning .pti-logo-variants,
#pilarView #pilar-logo-meaning .pti-variant,
#pilarView #pilar-logo-meaning .pti-construction-copy,
#pilarView #pilar-logo-meaning .pti-construction-stage,
#pilarView #pilar-logo-meaning .pti-variants-kicker,
#pilarView #pilar-logo-meaning .pti-mono-sample{
  min-width:0;
}


#pilarView #pilar-logo-meaning .pti-construction-copy{
  gap:clamp(24px,3vw,54px)!important;
}
#pilarView #pilar-logo-meaning .pti-construction-copy h2{
  min-width:0;
  max-width:13ch;
}
#pilarView #pilar-logo-meaning .pti-construction-copy p{
  min-width:0!important;
  flex:0 1 245px;
  overflow-wrap:anywhere;
}
#pilarView #pilar-logo-meaning .pti-variants-kicker{
  gap:clamp(16px,2vw,34px)!important;
}
#pilarView #pilar-logo-meaning .pti-variants-kicker span{
  min-width:0;
  max-width:28ch;
  overflow-wrap:anywhere;
}
#pilarView #pilar-logo-meaning .pti-variant{
  position:relative;
  overflow:visible!important;
}
#pilarView #pilar-logo-meaning .pti-variant b{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
#pilarView #pilar-logo-meaning .pti-logo-asset{
  min-width:0;
  width:100%;
  max-width:100%!important;
}
#pilarView #pilar-logo-meaning .pti-variant--horizontal .pti-logo-asset{
  max-width:100%!important;
  padding-right:clamp(4px,1vw,18px)!important;
}
#pilarView #pilar-logo-meaning .pti-logo-asset img{
  max-width:100%!important;
  min-width:0;
}


#pilarView #pilar-logo-meaning .pti-construction-stage,
#pilarView #pilar-logo-meaning .pti-construction-copy,
#pilarView #pilar-logo-meaning .pti-variants-kicker,
#pilarView #pilar-logo-meaning .pti-variant,
#pilarView #pilar-logo-meaning .pti-mono-sample{
  transition:background-color .32s var(--ease),border-color .32s var(--ease),transform .32s var(--ease),box-shadow .32s var(--ease);
}
#pilarView #pilar-logo-meaning .pti-meaning-diagram--asset img,
#pilarView #pilar-logo-meaning .pti-logo-asset img,
#pilarView #pilar-logo-meaning .pti-mono-sample img,
#pilarView #pilar-logo-meaning .pti-construction-copy h2{
  transition:transform .42s var(--ease),color .32s var(--ease);
}
@media (hover:hover){
  #pilarView #pilar-logo-meaning .pti-construction-stage:hover{
    background:#f1f1ed!important;
  }
  #pilarView #pilar-logo-meaning .pti-construction-stage:hover .pti-meaning-diagram--asset img{
    transform:scale(1.022)!important;
  }
  #pilarView #pilar-logo-meaning .pti-construction-copy:hover{
    background:#fbfbf9!important;
  }
  #pilarView #pilar-logo-meaning .pti-construction-copy:hover h2{
    transform:translateX(4px);
  }
  #pilarView #pilar-logo-meaning .pti-variants-kicker:hover{
    background:#f2f2ee!important;
  }
  #pilarView #pilar-logo-meaning .pti-variant:hover{
    z-index:2;
    background:#fbfbf9!important;
    border-color:rgba(27,61,107,.24)!important;
    box-shadow:inset 0 0 0 1px rgba(27,61,107,.07)!important;
    transform:translateY(-3px)!important;
  }
  #pilarView #pilar-logo-meaning .pti-variant:hover .pti-logo-asset img{
    transform:scale(1.048)!important;
  }
  #pilarView #pilar-logo-meaning .pti-variant--mono:hover{
    background:#fff!important;
  }
  #pilarView #pilar-logo-meaning .pti-variant--mono:hover .pti-logo-dual{
    box-shadow:inset 0 0 0 1px rgba(27,61,107,.18);
  }
  #pilarView #pilar-logo-meaning .pti-mono-sample--light:hover{
    background:#f3f3ef!important;
  }
  #pilarView #pilar-logo-meaning .pti-mono-sample--dark:hover{
    background:#254a7c!important;
  }
  #pilarView #pilar-logo-meaning .pti-mono-sample:hover img{
    transform:scale(1.075)!important;
  }
}


@media (max-width:1120px){
  #pilarView #pilar-logo-meaning .shell{
    width:min(var(--max),100%)!important;
    padding-inline:var(--gutter)!important;
  }
  #pilarView #pilar-logo-meaning .pti-guideline-spread{
    grid-template-columns:1fr!important;
  }
  #pilarView #pilar-logo-meaning .pti-meaning-main{
    border-right:0!important;
    border-bottom:1px solid rgba(27,61,107,.12)!important;
  }
  #pilarView #pilar-logo-meaning .pti-logo-variants{
    border-left:0!important;
    border-top:0!important;
  }
}
@media (max-width:620px){
  #pilarView #pilar-logo-meaning .shell{
    width:min(var(--max),100%)!important;
    padding-inline:var(--gutter)!important;
  }
  #pilarView #pilar-logo-meaning .pti-construction-copy{
    gap:20px!important;
  }
  #pilarView #pilar-logo-meaning .pti-variant--horizontal .pti-logo-asset{
    padding-right:0!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #pilarView #pilar-logo-meaning .pti-construction-stage,
  #pilarView #pilar-logo-meaning .pti-construction-copy,
  #pilarView #pilar-logo-meaning .pti-variants-kicker,
  #pilarView #pilar-logo-meaning .pti-variant,
  #pilarView #pilar-logo-meaning .pti-mono-sample,
  #pilarView #pilar-logo-meaning .pti-meaning-diagram--asset img,
  #pilarView #pilar-logo-meaning .pti-logo-asset img,
  #pilarView #pilar-logo-meaning .pti-mono-sample img,
  #pilarView #pilar-logo-meaning .pti-construction-copy h2{
    transition:none!important;
  }
}


/* pti-exact-colour-rail-fix */


#pilarView #pilar-logo-meaning .shell,
#pilarView #pilar-colors .shell{
  width:min(var(--max),100%)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:var(--gutter)!important;
}
#pilarView #pilar-logo-meaning .pti-guideline-spread{width:100%!important;max-width:none!important;}


/* portfolio-v3-core-refinement */




html.portfolio-instant-scroll,
html.portfolio-instant-scroll body{scroll-behavior:auto!important}
.page-view{
  will-change:opacity,transform,filter!important;
  transition:opacity 480ms var(--ease),transform 480ms var(--ease),filter 480ms var(--ease)!important;
}
.page-view.route-enter{
  opacity:0!important;
  transform:translate3d(0,16px,0)!important;
  filter:blur(8px)!important;
  pointer-events:none!important;
}
.page-view.route-entered{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  pointer-events:auto!important;
}
.page-view.route-exit{
  opacity:0!important;
  transform:translate3d(0,-5px,0)!important;
  filter:blur(5px)!important;
  pointer-events:none!important;
  transition-duration:200ms!important;
}


#homeView .hero-title{
  position:relative!important;
  z-index:3!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(84px,11.25vw,170px)!important;
  font-weight:600!important;
  line-height:.79!important;
  letter-spacing:-.058em!important;
}
#homeView .hero-title .portfolio-v3-title-line{
  display:block!important;
  white-space:nowrap!important;
  color:var(--text)!important;
}
#homeView .hero-title .portfolio-v3-title-line--role{
  margin-top:.17em!important;
  color:var(--lime)!important;
  font-size:.8em!important;
  line-height:1!important;
  letter-spacing:-.048em!important;
}
#homeView .hero-title .portfolio-v3-dash{
  display:inline-block!important;
  width:2.08em!important;
  height:.055em!important;
  margin:0 0 .18em .19em!important;
  vertical-align:middle!important;
  border-radius:999px!important;
  background:#B9FC56!important;
  color:transparent!important;
  font-size:1em!important;
  line-height:0!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
#homeView .hero-title .portfolio-v3-dash::before,
#homeView .hero-title .portfolio-v3-dash::after{content:none!important;display:none!important}


@media (min-width:621px) and (max-width:860px){
  #homeView .hero-title{
    font-size:clamp(62px,10.2vw,96px)!important;
    line-height:.82!important;
    letter-spacing:-.054em!important;
  }
  #homeView .hero-title .portfolio-v3-title-line--role{font-size:.8em!important}
  #homeView .hero>.id-card-stage{clip-path:inset(var(--nav-height) -250px -250px -250px)!important}
}
@media (min-width:861px){
  #homeView .hero>.id-card-stage{clip-path:inset(var(--nav-height) -300px -300px -300px)!important}
}
@media (max-width:620px){
  #homeView .hero{min-height:max(750px,100svh)!important}
  #homeView .hero-inner{position:relative!important;z-index:2!important}
  #homeView .hero-title{
    max-width:none!important;
    padding-right:0!important;
    font-size:clamp(40px,11.15vw,50px)!important;
    line-height:.88!important;
    letter-spacing:-.047em!important;
  }
  #homeView .hero-title .portfolio-v3-title-line--role{
    margin-top:.2em!important;
    font-size:.8em!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }
  #homeView .hero-title .portfolio-v3-dash{
    width:1.78em!important;
    height:.06em!important;
    margin-left:.15em!important;
    margin-bottom:.15em!important;
  }
  #homeView .id-card-stage{
    position:absolute!important;
    z-index:5!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    height:395px!important;
    margin:0!important;
    pointer-events:none!important;
  }
  #homeView .id-card-root{
    left:72%!important;
    top:clamp(108px,28vw,124px)!important;
    width:clamp(140px,36.8vw,156px)!important;
  }
  #homeView .id-card{pointer-events:auto!important}
}
@media (max-width:390px){
  #homeView .hero-title{font-size:clamp(38px,10.7vw,43px)!important;letter-spacing:-.045em!important}
  #homeView .id-card-root{left:73%!important;top:106px!important;width:140px!important}
}


#homeView #heroCopy{
  display:block!important;
  width:100%!important;
  max-width:62ch!important;
  margin-top:clamp(28px,4vw,54px)!important;
  color:var(--text)!important;
  font-size:clamp(17px,1.55vw,22px)!important;
  font-weight:500!important;
  letter-spacing:-.028em!important;
  line-height:1.4!important;
  word-spacing:normal!important;
}
#homeView #heroCopy .highlight-phrase{
  display:inline!important;
  position:relative!important;
  margin:0!important;
  padding:.06em .16em .1em!important;
  border-radius:.18em!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  box-shadow:none!important;
  cursor:default!important;
  text-decoration:none!important;
  -webkit-box-decoration-break:clone!important;
  box-decoration-break:clone!important;
  transition:background-color .24s var(--ease),color .24s var(--ease)!important;
}
#homeView #heroCopy .highlight-phrase:hover,
#homeView #heroCopy .highlight-phrase:focus-visible{
  background:#B9FC56!important;
  background-image:none!important;
  color:#1b1b1b!important;
  box-shadow:none!important;
  outline:none!important;
}
#homeView #heroCopy .highlight-phrase::before,
#homeView #heroCopy .highlight-phrase::after{content:none!important;display:none!important}
#homeView #heroCopy .highlight-phrase .copy-word,
#homeView #heroCopy .highlight-phrase .copy-word:hover,
#homeView #heroCopy .highlight-phrase .copy-word:focus-visible{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  outline:none!important;
}
#homeView #heroCopy .highlight-phrase:hover .copy-word,
#homeView #heroCopy .highlight-phrase:focus-visible .copy-word{color:#1b1b1b!important}
@media (max-width:620px){
  #homeView #heroCopy{
    max-width:30ch!important;
    margin-top:26px!important;
    padding-right:0!important;
    font-size:clamp(15px,4.25vw,18px)!important;
    line-height:1.44!important;
  }
}


.portfolio-v3-carousel-stage{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
  background:#0a0a0a!important;
}
.portfolio-v3-carousel-viewport{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
  outline:none!important;
}
.portfolio-v3-carousel-stage .archive-carousel-rail{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  height:100%!important;
  min-height:100%!important;
  overflow:visible!important;
  will-change:transform!important;
}
.portfolio-v3-carousel-stage .archive-carousel-slide{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  background:#0a0a0a!important;
}
.portfolio-v3-carousel-stage .archive-carousel-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#0a0a0a!important;
}
.portfolio-v3-carousel-control{
  position:absolute!important;
  z-index:90!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:999px!important;
  background:rgba(7,7,7,.78)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  transform:translateY(-50%)!important;
  transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease)!important;
}
.portfolio-v3-carousel-control:hover,
.portfolio-v3-carousel-control:focus-visible{
  border-color:var(--lime)!important;
  background:var(--lime)!important;
  color:#071006!important;
  outline:none!important;
  transform:translateY(-50%) scale(1.06)!important;
}
.portfolio-v3-carousel-control--prev{left:12px!important}
.portfolio-v3-carousel-control--next{right:12px!important}
.portfolio-v3-carousel-control .material-symbols-rounded{font-size:22px!important;line-height:1!important}
.portfolio-v3-carousel-dots{
  position:absolute!important;
  z-index:90!important;
  bottom:12px!important;
  left:50%!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  transform:translateX(-50%)!important;
}
.portfolio-v3-carousel-dot{
  width:6px!important;
  height:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.45)!important;
  cursor:pointer!important;
  transition:width .22s var(--ease),background .22s var(--ease)!important;
}
.portfolio-v3-carousel-dot[aria-current="true"]{width:18px!important;background:var(--lime)!important}
#sddToolsView .archive-work-card:has(.portfolio-v3-carousel-stage[data-carousel-kind="instagram"]){max-width:462px!important;justify-self:start!important}
#sddToolsView .portfolio-v3-carousel-stage[data-carousel-kind="instagram"]{aspect-ratio:4 / 5!important;min-height:0!important}
@media (max-width:720px){
  .portfolio-v3-carousel-control{width:38px!important;height:38px!important}
  .portfolio-v3-carousel-control--prev{left:8px!important}
  .portfolio-v3-carousel-control--next{right:8px!important}
  .portfolio-v3-carousel-dots{bottom:9px!important}
  #sddToolsView .archive-work-card:has(.portfolio-v3-carousel-stage[data-carousel-kind="instagram"]){max-width:none!important;grid-column:span 12!important}
}


@media (min-width:621px){
  #homeView .hero>.id-card-stage{overflow:visible!important}
}

@media (prefers-reduced-motion:reduce){
  .page-view,.page-view.route-enter,.page-view.route-entered,.page-view.route-exit{
    transition:none!important;transform:none!important;filter:none!important;opacity:1!important;
  }
  .portfolio-v3-carousel-stage .archive-carousel-rail,
  .portfolio-v3-carousel-control,
  .portfolio-v3-carousel-dot{transition:none!important}
}


/* v4-mobile-hero-and-dana-route-fix */


@media (max-width:620px){
  #homeView .hero{
    min-height:0!important;
    height:auto!important;
    padding-top:112px!important;
    padding-bottom:104px!important;
  }
  #homeView .hero-inner{
    min-height:0!important;
    margin:0 auto!important;
  }
  #homeView .hero-actions{margin-top:26px!important;}
  #homeView .id-card-stage{height:430px!important;}
  #homeView .id-card-root{
    left:72%!important;
    top:clamp(130px,33vw,150px)!important;
    width:clamp(126px,33.12vw,140px)!important;
  }
}
@media (max-width:390px){
  #homeView .id-card-root{
    left:73%!important;
    top:126px!important;
    width:126px!important;
  }
}


/* v5-layout-dana-safari-refinement */


#homeView .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;width:min(100%,540px)!important;gap:11px!important;}
#homeView .hero-actions .button{display:inline-flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:56px!important;padding-inline:20px!important;}
#homeView .hero-title{letter-spacing:-.047em!important;word-spacing:.025em!important;}
#homeView .hero-title-line{letter-spacing:inherit!important;}
#homeView .hero-title-line--one,#homeView .hero-title-line--two{word-spacing:.045em!important;}
@media(max-width:390px){#homeView .hero-actions{grid-template-columns:1fr!important;max-width:310px!important;}#homeView .hero-actions .button{min-height:54px!important;}}


#safariView .safari-process-flow{border-top:0!important;padding-top:0!important;margin-top:1.25rem!important;}


#enterpriseView .case-explore-thumb{background:#090909!important;isolation:isolate;}
#enterpriseView .case-explore-project-image{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.86) contrast(.98)!important;transform:scale(1.015)!important;transition:transform .55s var(--ease),filter .55s var(--ease)!important;}
#enterpriseView .case-explore-thumb::after{z-index:1!important;background:linear-gradient(90deg,rgba(8,8,8,.02) 8%,rgba(8,8,8,.10) 48%,rgba(8,8,8,.84) 100%),linear-gradient(180deg,transparent 38%,rgba(0,0,0,.43))!important;backdrop-filter:blur(0px)!important;}
#enterpriseView .case-explore-card:hover .case-explore-project-image{transform:scale(1.055)!important;filter:saturate(1) contrast(1.03)!important;}


#sddToolsView .archive-gallery{grid-auto-flow:row!important;}
#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(1){grid-column:span 8!important;grid-row:1!important;}
#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(2){grid-column:span 4!important;grid-row:1!important;}
#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(3){grid-column:span 4!important;grid-row:2!important;}
#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(4){grid-column:span 8!important;grid-row:2!important;}
#sddToolsView .archive-work-card:nth-of-type(2) .archive-work-stage{width:100%!important;min-height:0!important;aspect-ratio:16 / 9!important;}
#sddToolsView .archive-work-card:nth-of-type(2) .sdd-single-asset img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
@media(max-width:860px){#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(n){grid-column:span 6!important;grid-row:auto!important;}}
@media(max-width:620px){#sddToolsView .archive-gallery > .archive-work-card:nth-of-type(n){grid-column:1 / -1!important;grid-row:auto!important;}}


#danaView .dana-hero-subtitle{max-width:31ch;margin:16px 0 0;color:var(--dana-accent);font:500 clamp(15px,1.5vw,20px)/1.3 var(--sans);letter-spacing:-.025em;}
#danaView .case-story-head>.eyebrow{display:none!important;}
#danaView .dana-problem-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line-soft);background:var(--line-soft);}
#danaView .dana-problem-card{display:flex;min-width:0;min-height:270px;flex-direction:column;padding:clamp(20px,2.4vw,30px);border:0!important;background:var(--surface)!important;}
#danaView .dana-problem-card>span:not(.dana-problem-icon){display:none!important;}
#danaView .dana-problem-icon{display:grid!important;width:40px;height:40px;place-items:center;border:1px solid rgba(184,255,87,.35);border-radius:999px;background:rgba(184,255,87,.10);color:var(--dana-accent);font-size:21px;}
#danaView .dana-problem-card h3{margin-top:18px!important;}
#danaView .dana-outcome-inline{margin-top:auto;padding-top:18px;border-top:1px solid var(--line-soft);}
#danaView .dana-outcome-inline small{display:block;color:var(--orange);font:500 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;}
#danaView .dana-outcome-inline strong{display:block;margin-top:8px;color:var(--text);font-size:13px;line-height:1.38;}
#danaView .dana-user-grid{gap:1px!important;border:1px solid var(--line-soft);background:var(--line-soft);}
#danaView .dana-user{min-width:0!important;background:var(--surface)!important;}
#danaView .dana-user>span{color:var(--orange)!important;}
#danaView .dana-user-gif{position:relative;margin:0 0 20px;overflow:hidden;border:1px solid var(--line-soft);background:#0b0e0d;aspect-ratio:1.45 / 1;}
#danaView .dana-user-gif img{display:block;width:100%;height:100%;object-fit:cover;}
#danaView .dana-approach-step{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;}
#danaView .dana-step-copy>span:not(.dana-step-kicker){display:none!important;}
#danaView .dana-step-kicker{display:block;color:var(--dana-accent);font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
#danaView .dana-step-copy h3{margin-top:12px!important;}
#danaView .dana-solution-copy>span{color:var(--dana-accent)!important;}
#danaView .dana-solution-gif{position:relative;display:block!important;min-height:420px!important;margin:0!important;overflow:hidden;border:1px solid var(--line-soft);background:#0b0e0d;}
#danaView .dana-solution-gif img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
#danaView .dana-solution-gif figcaption{position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 8px;border:1px solid rgba(245,245,240,.18);background:rgba(8,8,8,.78);color:rgba(245,245,240,.74);font:500 8px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
#danaView .dana-insight-card{display:flex;gap:14px;align-items:center;margin-top:18px;padding:15px 16px;border:1px solid rgba(184,255,87,.38);background:rgba(184,255,87,.10);}
#danaView .dana-insight-card strong{color:var(--dana-accent);font:600 clamp(28px,3.4vw,44px)/.9 var(--sans);letter-spacing:-.06em;}
#danaView .dana-insight-card span{max-width:26ch;color:var(--text);font-size:12px;line-height:1.4;}
#danaView .dana-reflection-mini{margin-top:18px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.55!important;}
#danaView .dana-award-highlight{display:inline;background:#b9fc56;color:#171b14;padding:.06em .16em .1em;border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:none;background-image:none;}
#danaView .dana-award-highlight::before,#danaView .dana-award-highlight::after{content:none!important;display:none!important;}
#homeView .project-card[data-route="dana"] .project-subcopy{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45;}
@media(max-width:980px){#danaView .dana-problem-outcome-grid{grid-template-columns:1fr;}#danaView .dana-problem-card{min-height:0;}#danaView .dana-approach-step{grid-template-columns:1fr!important;}#danaView .dana-solution-gif{min-height:350px!important;}}
@media(max-width:620px){#danaView .dana-user-gif{aspect-ratio:1.32 / 1;}#danaView .dana-solution-gif{min-height:315px!important;}#danaView .dana-insight-card{align-items:flex-start;flex-direction:column;gap:8px;}}


html{width:100%;max-width:100%;overflow-x:clip;}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip;}
#siteContent,.page-view,.case-main,.sdd-case,.shell,.grid,.case-story-content,.archive-gallery,.case-explore-grid{min-width:0;max-width:100%;}
img,video,svg,canvas,iframe{max-width:100%;}
.hero,.case-hero,.sdd-hero,.work-hero,.archive-work-stage,.case-explore-thumb,.dana-hero-art,.dana-solution-gif{overflow-x:clip;}
@supports not (overflow:clip){html,body{overflow-x:hidden;}.hero,.case-hero,.sdd-hero,.work-hero,.archive-work-stage,.case-explore-thumb,.dana-hero-art,.dana-solution-gif{overflow-x:hidden;}}
@media(max-width:700px){
  .shell{min-width:0!important;}
  .case-nav .shell{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .case-nav .shell::-webkit-scrollbar{display:none;}
  #homeView .id-card-stage{max-width:46vw!important;overflow:visible!important;}
  #homeView .hero-title,#homeView .hero-copy,#homeView .hero-actions{min-width:0!important;max-width:100%!important;}
  #safariView .safari-hero-mapboard,#enterpriseView .enterprise-hero-mockup,#waroongView .waroong-hero-phone,#waroongView .waroong-hero-receipt{max-width:none;}
}


/* v7-hero-audit-and-motion-refinement */


:root{--v7-case-lead:rgba(245,245,240,.72);}
#enterpriseView .case-hero.work-hero .case-hero-copy h1,
#waroongView .case-hero.work-hero .case-hero-copy h1,
#safariView .case-hero.work-hero .case-hero-copy h1,
#sddWebView .case-hero.work-hero .case-hero-copy h1,
#danaView .case-hero.work-hero .case-hero-copy h1{
  margin-top:18px!important;
  letter-spacing:-.07em!important;
  line-height:.92!important;
}
#enterpriseView .case-hero.work-hero .case-hero-copy .lead,
#waroongView .case-hero.work-hero .case-hero-copy .lead,
#safariView .case-hero.work-hero .case-hero-copy .lead,
#sddWebView .case-hero.work-hero .case-hero-copy .lead,
#danaView .case-hero.work-hero .case-hero-copy .lead{
  max-width:58ch!important;
  margin-top:22px!important;
  color:var(--v7-case-lead)!important;
  font-size:clamp(16px,1.35vw,18px)!important;
  line-height:1.56!important;
}
.case-hero.work-hero .case-hero-meta,
.portfolio-hero-meta-grid{
  margin-top:28px!important;
  border-radius:0!important;
}
.case-hero.work-hero .case-hero-meta dt,
.portfolio-hero-meta-grid dt,
.sdd-hero .hero-project-facts dt,
.pti-hero .hero-project-facts dt{
  color:var(--orange)!important;
}
.case-hero.work-hero .case-hero-meta dd,
.portfolio-hero-meta-grid dd,
.sdd-hero .hero-project-facts dd,
.pti-hero .hero-project-facts dd{
  color:rgba(255,255,252,.94)!important;
}
@media(max-width:620px){
  #enterpriseView .case-hero.work-hero .case-hero-copy .lead,
  #waroongView .case-hero.work-hero .case-hero-copy .lead,
  #safariView .case-hero.work-hero .case-hero-copy .lead,
  #sddWebView .case-hero.work-hero .case-hero-copy .lead,
  #danaView .case-hero.work-hero .case-hero-copy .lead{margin-top:18px!important;font-size:15px!important;line-height:1.52!important;}
  .case-hero.work-hero .case-hero-meta,.portfolio-hero-meta-grid{margin-top:22px!important;}
}


@keyframes v7-id-card-drop{
  0%{opacity:0;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 104svh),0) rotate(-11deg) scale(.965)}
  54%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + 24px),0) rotate(1.65deg) scale(1)}
  73%{transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 11px),0) rotate(-.78deg)}
  88%{transform:translateX(-50%) translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + 4px),0) rotate(.32deg)}
  100%{opacity:1;transform:translateX(-50%) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) rotate(0)}
}
@keyframes v7-lanyard-settle{
  0%{opacity:0;transform:translateY(-22px) scaleY(.72)}
  62%{opacity:1;transform:translateY(5px) scaleY(1.02)}
  100%{opacity:1;transform:translateY(0) scaleY(1)}
}
#siteHeader.v7-card-drop-active{background:linear-gradient(180deg,rgba(8,8,8,.88),rgba(8,8,8,.46));border-color:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#homeView .hero>.id-card-stage{
  clip-path:inset(-120svh -240px -240px -240px)!important;
  z-index:5!important;
}
#homeView .id-card-root.v6-id-enter{
  animation:v7-id-card-drop 1.62s cubic-bezier(.18,.86,.22,1.05) .16s both!important;
  will-change:transform,opacity!important;
}
#homeView .id-card-stage.v6-card-intro .lanyard{animation:v7-lanyard-settle .78s cubic-bezier(.22,.82,.24,1) .1s both!important;}
@media(prefers-reduced-motion:reduce){
  #homeView .id-card-root.v6-id-enter,#homeView .id-card-stage.v6-card-intro .lanyard{animation:none!important;}
  #siteHeader.v7-card-drop-active{transition:none!important;}
}


#projectsGrid .project-copy p,
#projectsGrid .project-copy p strong{
  color:rgba(245,245,240,.60)!important;
  opacity:.92!important;
  font-weight:400!important;
}
#projectsGrid .project-copy p{font-size:13px!important;line-height:1.52!important;}
#projectsGrid .project-card{display:block;transition:transform .62s var(--ease),filter .62s var(--ease)!important;}
#projectsGrid .project-media{transition:box-shadow .62s var(--ease),transform .62s var(--ease)!important;}
#projectsGrid.projects-grid .project{transition:filter .66s var(--ease),opacity .66s var(--ease),transform .66s var(--ease)!important;}
#projectsGrid .project-media > :is(.prototype-canvas,img,video,iframe,.media-placeholder,[data-project-media]),
#projectsGrid .project-media > picture > img{transition:filter .72s var(--ease),transform .72s var(--ease),opacity .72s var(--ease)!important;}
@media(hover:hover){
  #projectsGrid .project:hover .project-card{transform:translateY(-4px);}
  #projectsGrid .project:hover .project-media{box-shadow:0 18px 44px rgba(0,0,0,.22);}
}


#danaView .dana-user-grid{align-items:start!important;overflow:hidden!important;}
#danaView .dana-user{min-width:0!important;overflow:hidden!important;contain:layout paint!important;}
#danaView .dana-user-gif{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1.46 / 1!important;isolation:isolate!important;overflow:hidden!important;}
#danaView .dana-user-gif img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;object-fit:contain!important;object-position:center bottom!important;transform:scale(.93)!important;transform-origin:center bottom!important;}
@media(max-width:620px){#danaView .dana-user-gif{aspect-ratio:1.25 / 1!important;}#danaView .dana-user-gif img{transform:scale(.90)!important;}}


#danaView .dana-test-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.86fr);gap:clamp(18px,3vw,34px);align-items:start;margin-top:16px;}
#danaView .dana-test-summary p{margin:0!important;}
#danaView .dana-test-summary small{display:block;margin:0!important;padding:12px 14px;border-left:1px solid rgba(255,255,255,.16);color:var(--muted);font-size:11px;line-height:1.55;}
@media(max-width:760px){#danaView .dana-test-summary{grid-template-columns:1fr;gap:14px;}#danaView .dana-test-summary small{padding:12px 0 0;border-top:1px solid rgba(255,255,255,.16);border-left:0;}}


.certificate-modal{padding:14px!important;align-items:center!important;}
.certificate-modal-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;width:min(720px,calc(100vw - 28px))!important;height:min(860px,calc(100dvh - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;}
.certificate-modal-head{min-height:72px!important;padding:14px 16px!important;}
.certificate-modal-head h2{font-size:clamp(20px,2.5vw,31px)!important;}
.certificate-modal-body{min-height:0!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;justify-items:center!important;padding:14px!important;}
.certificate-modal-image{width:auto!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 206px)!important;object-fit:contain!important;}
.certificate-modal-note,.certificate-record-link{justify-self:start!important;}
@media(max-width:520px){.certificate-modal{padding:10px!important;}.certificate-modal-panel{width:calc(100vw - 20px)!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;}.certificate-modal-head{min-height:62px!important;padding:12px!important;}.certificate-modal-head h2{font-size:20px!important;}.certificate-modal-body{padding:10px!important;}.certificate-modal-image{max-height:calc(100dvh - 180px)!important;}}


/* v10-chip-and-sdd-grid-fix */


.education-meta .education-dana-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
  border:1px solid var(--line) !important;
  background:transparent !important;
}
.education-meta .education-dana-link > span,
.education-meta .education-dana-link > span strong{
  display:inline !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}
.education-meta .education-dana-link > span{color:var(--muted) !important;}
.education-meta .education-dana-link > span strong{color:var(--lime) !important;font-weight:500 !important;}


@media (min-width:861px){
  #sddToolsView .archive-gallery{
    grid-auto-flow:row !important;
    align-items:start !important;
  }
  #sddToolsView .archive-gallery > .archive-work-card:nth-of-type(1),
  #sddToolsView .archive-gallery > .archive-work-card:nth-of-type(2){
    grid-column:span 6 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    align-self:start !important;
  }
  #sddToolsView .archive-gallery > .archive-work-card:nth-of-type(3),
  #sddToolsView .archive-gallery > .archive-work-card:nth-of-type(4){
    grid-column:span 6 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    align-self:start !important;
  }
  #sddToolsView .archive-work-card:has(.asset-instagram),
  #sddToolsView .archive-work-card:has(.asset-instagram) .archive-work-stage{
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
  #sddToolsView .service-deck-card{
    grid-column:span 6 !important;
    grid-row:1 !important;
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
  }
  #sddToolsView .service-deck-card .archive-work-stage.asset-deck{
    width:100% !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
  }
  #sddToolsView .service-deck-card .sdd-single-asset,
  #sddToolsView .service-deck-card .sdd-single-asset img{
    width:100% !important;
    height:100% !important;
  }
}


/* v12-mobile-card-dana-fix */


@media (max-width:620px){
  #homeView .hero>.id-card-stage{
    right:calc(var(--gutter) - 5px)!important;
    width:min(50vw,220px)!important;
  }
  #homeView .hero>.id-card-stage .id-card-anchor{left:55%!important;}
  #homeView .hero>.id-card-stage .id-card-root{
    left:55%!important;
    top:clamp(218px,58vw,242px)!important;
    width:clamp(132px,37.5vw,142px)!important;
  }
}
@media (max-width:390px){
  #homeView .hero>.id-card-stage{right:calc(var(--gutter) - 4px)!important;width:min(51vw,204px)!important;}
  #homeView .hero>.id-card-stage .id-card-root{left:55%!important;top:clamp(210px,59vw,224px)!important;width:clamp(126px,37vw,136px)!important;}
}


#danaView .work-hero-media--dana{overflow:hidden!important;}
#danaView .dana-hero-art{z-index:0!important;}
#danaView .dana-hero-picture{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
}
#danaView .dana-hero-picture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:grayscale(1) saturate(0) blur(.45px)!important;
  transform:scale(1.018)!important;
  transition:filter .72s var(--ease),transform .92s var(--ease)!important;
  will-change:filter,transform;
}
#danaView .work-hero:hover .dana-hero-picture img,
#danaView .work-hero:focus-within .dana-hero-picture img{
  filter:grayscale(0) saturate(1) blur(1.25px)!important;
  transform:scale(1.055)!important;
}
#danaView .dana-hero-grid{z-index:2!important;opacity:.22!important;}
#danaView .dana-orbit{z-index:3!important;}
#danaView .dana-phone-stack{display:none!important;}
@media (max-width:700px){
  #danaView .dana-hero-picture img{object-position:center!important;}
}
@media (prefers-reduced-motion:reduce){
  #danaView .dana-hero-picture img{transition:none!important;transform:none!important;}
}


/* v14-mobile-hero-cleanup */


#homeView .hero-principles{display:none!important;}


#homeView .hero-copy{
  font-weight:300!important;
  color:rgba(245,245,240,.88)!important;
  text-rendering:optimizeLegibility;
}
#homeView .hero-copy .copy-word,
#homeView .hero-copy .copy-word.is-key,
#homeView .hero-copy .copy-word.is-key.soft{
  font-weight:300!important;
}
#homeView .hero-copy .copy-word:hover,
#homeView .hero-copy .copy-word:focus-visible{
  font-weight:400!important;
}


@media (max-width:620px){
  #homeView .hero>.id-card-stage .id-card-root{
    top:clamp(196px,52.2vw,218px)!important;
  }
}
@media (max-width:390px){
  #homeView .hero>.id-card-stage .id-card-root{
    top:clamp(189px,53.1vw,202px)!important;
  }
}


/* v16-home-hero-final */


#homeView .hero-copy{
  max-width:60ch!important;
  font-size:clamp(14px,1.22vw,18px)!important;
  font-weight:300!important;
  line-height:1.48!important;
  letter-spacing:-.018em!important;
  color:rgba(245,245,240,.82)!important;
}
#homeView .hero-copy .hero-copy-group,
#homeView .hero-copy .copy-word,
#homeView .hero-copy .copy-word.is-key,
#homeView .hero-copy .copy-word.is-key.soft{
  font-weight:300!important;
}
#homeView .hero-copy .hero-copy-group:hover,
#homeView .hero-copy .copy-word:hover,
#homeView .hero-copy .copy-word:focus-visible{
  font-weight:400!important;
}
#homeView .hero-title-static,
#homeView .hero-title-static .static-title{
  max-width:none!important;
  width:max-content!important;
  text-wrap:nowrap!important;
}
#homeView .hero-title-line{
  display:block!important;
  width:max-content!important;
  white-space:nowrap!important;
}
#homeView .hero-title-line--three{
  margin-top:.10em!important;
  font-size:.72em!important;
  letter-spacing:-.050em!important;
}
#homeView .hero-title-line--three b{
  display:block!important;
  font-size:1em!important;
  letter-spacing:inherit!important;
}
@media (max-width:620px){
  #homeView .hero-title-static,
  #homeView .hero-title-static .static-title{max-width:100%!important;width:auto!important;}
  #homeView .hero-title{font-size:clamp(46px,12.1vw,66px)!important;}
  #homeView .hero-title-line{max-width:100%!important;}
  #homeView .hero-title-line--three{font-size:.72em!important;}
  #homeView .hero-copy{max-width:29ch!important;font-size:clamp(13px,3.65vw,15px)!important;line-height:1.5!important;}
}


/* final-home-hero-and-mobile-selected-work-grid */

/* Hero audit: maintain a smaller, lighter and visually quieter supporting statement. */
#homeView .hero-copy{
  max-width:60ch!important;
  font-size:clamp(14px,1.22vw,18px)!important;
  font-weight:300!important;
  line-height:1.48!important;
  letter-spacing:-.018em!important;
  color:rgba(245,245,240,.82)!important;
}
#homeView .hero-copy .hero-copy-group,
#homeView .hero-copy .copy-word,
#homeView .hero-copy .copy-word.is-key,
#homeView .hero-copy .copy-word.is-key.soft{font-weight:300!important;}
#homeView .hero-copy .hero-copy-group:hover,
#homeView .hero-copy .copy-word:hover,
#homeView .hero-copy .copy-word:focus-visible{font-weight:400!important;}

/* The role stays 20% smaller, while its two words are optically spread to the width of RIZKA NURUL. */
#homeView .hero-title-static .static-title{
  display:inline-grid!important;
  grid-template-columns:max-content!important;
  width:max-content!important;
  max-width:none!important;
  text-wrap:nowrap!important;
}
#homeView .hero-title-line{grid-column:1!important;display:block!important;white-space:nowrap!important;}
#homeView .hero-title-line--three{
  width:100%!important;
  margin-top:.12em!important;
  font-size:.80em!important;
  letter-spacing:-.052em!important;
}
#homeView .hero-title-line--three b{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  width:100%!important;
  color:var(--lime)!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}
#homeView .hero-title-line--three b > span{display:block!important;}

/* Mobile Selected Work: two equal cards per row, with balanced visual/copy proportions. */
@media (min-width:391px) and (max-width:620px){
  #projectsGrid.projects-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:10px!important;
    min-width:0!important;
    max-width:100%!important;
    border:0!important;
    background:transparent!important;
  }
  #projectsGrid.projects-grid .project,
  #projectsGrid.projects-grid .project.wide,
  #projectsGrid.projects-grid[data-active-filter="product"] .project:not(.is-hidden),
  #projectsGrid.projects-grid[data-active-filter="archive"] .project:not(.is-hidden),
  #projectsGrid.projects-grid[data-active-filter="all"] .project:not(.is-hidden){
    grid-column:span 1!important;
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    border:1px solid var(--line-soft)!important;
    background:var(--bg)!important;
  }
  #projectsGrid .project-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:100%!important;
    height:100%!important;
  }
  #projectsGrid .project-media{
    min-height:0!important;
    aspect-ratio:1.08 / 1!important;
    flex:0 0 auto!important;
  }
  #projectsGrid .project-copy{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:13px 12px 14px!important;
  }
  #projectsGrid .project-meta{
    align-items:flex-start!important;
    gap:6px!important;
    font-size:7px!important;
    line-height:1.28!important;
  }
  #projectsGrid .project-meta span:last-child{text-align:right!important;}
  #projectsGrid .project-copy h3{
    margin-top:9px!important;
    font-size:clamp(16px,4.35vw,20px)!important;
    line-height:1.06!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  #projectsGrid .project-copy p{
    margin-top:7px!important;
    font-size:11px!important;
    line-height:1.46!important;
    color:rgba(245,245,240,.57)!important;
  }
  #projectsGrid .media-note{top:9px!important;left:9px!important;padding:5px 6px!important;font-size:7px!important;}
  #projectsGrid .media-action{right:10px!important;bottom:10px!important;width:34px!important;height:34px!important;font-size:14px!important;}
}

/* Very small phones retain one readable card per row. */
@media (max-width:390px){
  #projectsGrid.projects-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    border:0!important;
    background:transparent!important;
  }
  #projectsGrid.projects-grid .project,
  #projectsGrid.projects-grid .project.wide,
  #projectsGrid.projects-grid[data-active-filter] .project:not(.is-hidden){
    grid-column:1 / -1!important;
    min-width:0!important;
    border:1px solid var(--line-soft)!important;
  }
  #projectsGrid .project-media{min-height:0!important;aspect-ratio:1.34 / 1!important;}
}

@media (max-width:620px){
  #homeView .hero-title-static .static-title{max-width:100%!important;width:100%!important;}
  #homeView .hero-title-line--three{width:100%!important;font-size:.80em!important;}
}


/* v18-home-dana-source-of-truth */


/* V18: source-of-truth corrections for Home and DANA. */
/* Home hero: visibly lighter and quieter supporting statement. */
#homeView #heroCopy.hero-copy{
  max-width:58ch !important;
  font-family:var(--sans) !important;
  font-size:clamp(13px,1.05vw,16px) !important;
  font-weight:300 !important;
  line-height:1.54 !important;
  letter-spacing:-.012em !important;
  color:rgba(245,245,240,.68) !important;
}
#homeView #heroCopy.hero-copy .copy-word,
#homeView #heroCopy.hero-copy .copy-word.is-key,
#homeView #heroCopy.hero-copy .copy-word.is-key.soft,
#homeView #heroCopy.hero-copy .hero-copy-group{
  color:inherit !important;
  font-weight:300 !important;
  text-shadow:none !important;
}
#homeView #heroCopy.hero-copy .copy-word:hover,
#homeView #heroCopy.hero-copy .copy-word:focus-visible,
#homeView #heroCopy.hero-copy .hero-copy-group:hover{font-weight:400 !important;}

/* The role line is calculated from RIZKA NURUL, not from its own content width. */
#homeView .hero-title-static .static-title{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
}
#homeView .hero-title-line{display:block !important;white-space:nowrap !important;}
#homeView .hero-title-line--three{
  display:block !important;
  width:var(--home-name-line-width,auto) !important;
  max-width:100% !important;
  margin-top:.13em !important;
  font-size:.80em !important;
  letter-spacing:-.054em !important;
  white-space:nowrap !important;
}
#homeView .hero-title-line--three b{
  display:flex !important;
  width:100% !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:0 !important;
  white-space:nowrap !important;
  font:inherit !important;
  letter-spacing:inherit !important;
}
#homeView .hero-title-line--three b>span{display:block !important;white-space:nowrap !important;}
@media(max-width:620px){
  #homeView #heroCopy.hero-copy{font-size:clamp(12.5px,3.38vw,14.5px) !important;line-height:1.56 !important;color:rgba(245,245,240,.66) !important;}
  #homeView .hero-title-static .static-title{max-width:100% !important;}
  #homeView .hero-title-line--three{width:min(100%,var(--home-name-line-width,100%)) !important;font-size:.80em !important;}
}

/* Mobile Selected Works: 2-column default across normal phones; one column only on very narrow widths. */
@media (min-width:360px) and (max-width:620px){
  #homeView #projectsGrid.projects-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #homeView #projectsGrid.projects-grid>.project,
  #homeView #projectsGrid.projects-grid>.project.wide,
  #homeView #projectsGrid.projects-grid[data-active-filter]>.project:not(.is-hidden){
    grid-column:auto !important;
    grid-row:auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
    border:1px solid var(--line-soft) !important;
    background:var(--bg) !important;
  }
  #homeView #projectsGrid .project.is-hidden{display:none !important;}
  #homeView #projectsGrid .project-card{display:flex !important;flex-direction:column !important;height:100% !important;min-width:0 !important;overflow:hidden !important;}
  #homeView #projectsGrid .project-media{min-height:0 !important;aspect-ratio:1.08 / 1 !important;flex:0 0 auto !important;}
  #homeView #projectsGrid .project-copy{display:flex !important;flex:1 1 auto !important;flex-direction:column !important;min-width:0 !important;padding:12px 12px 14px !important;}
  #homeView #projectsGrid .project-meta{gap:6px !important;font-size:7px !important;line-height:1.28 !important;}
  #homeView #projectsGrid .project-copy h3{margin-top:8px !important;font-size:clamp(15px,4.15vw,19px) !important;line-height:1.07 !important;letter-spacing:-.045em !important;text-wrap:balance !important;}
  #homeView #projectsGrid .project-copy p{margin-top:7px !important;font-size:10.5px !important;line-height:1.45 !important;color:rgba(245,245,240,.56) !important;}
  #homeView #projectsGrid .project-copy p strong{font-weight:400 !important;color:inherit !important;}
  #homeView #projectsGrid .media-note{top:8px !important;left:8px !important;padding:5px 6px !important;font-size:7px !important;}
  #homeView #projectsGrid .media-action{right:9px !important;bottom:9px !important;width:32px !important;height:32px !important;font-size:14px !important;}
}
@media(max-width:359px){
  #homeView #projectsGrid.projects-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important;border:0 !important;background:transparent !important;}
  #homeView #projectsGrid.projects-grid>.project,#homeView #projectsGrid.projects-grid>.project.wide{grid-column:1/-1 !important;width:100% !important;border:1px solid var(--line-soft) !important;}
}

/* DANA Key Users: portrait stages preserve head, hands, and the object being held. */
#danaView .dana-user-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1px !important;border:1px solid var(--line-soft) !important;background:var(--line-soft) !important;}
#danaView .dana-user{display:flex !important;flex-direction:column !important;min-width:0 !important;background:var(--surface) !important;}
#danaView .dana-user-gif{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:clamp(330px,30vw,470px) !important;
  aspect-ratio:auto !important;
  margin:0 0 22px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  background:linear-gradient(180deg,#f6f7f8 0%,#ffffff 100%) !important;
}
#danaView .dana-user-gif img,
#danaView .dana-user-gif .dana-user-context-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  padding:0 !important;
}
#danaView .dana-user>span,#danaView .dana-user>h3,#danaView .dana-user>p,#danaView .dana-user>.dana-needs{margin-left:clamp(18px,2vw,28px) !important;margin-right:clamp(18px,2vw,28px) !important;}
#danaView .dana-user>.dana-needs{margin-bottom:clamp(22px,2.4vw,30px) !important;}
@media(max-width:760px){
  #danaView .dana-user-grid{grid-template-columns:1fr !important;}
  #danaView .dana-user-gif{height:clamp(300px,82vw,420px) !important;}
}

/* DANA Approach: text labels only; white visual assets become the dominant right-hand composition. */
#danaView .dana-step-icon{display:none !important;}
#danaView .dana-step-kicker{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 !important;
  color:var(--lime) !important;
  font:500 9px/1 var(--mono) !important;
  letter-spacing:.085em !important;
  text-transform:uppercase !important;
}
#danaView .dana-step-kicker .dana-step-kicker-label{display:inline !important;color:inherit !important;font:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important;}
#danaView .dana-approach-step{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;
  align-items:stretch !important;
  gap:clamp(24px,3vw,48px) !important;
  min-width:0 !important;
}
#danaView .dana-step-copy{min-width:0 !important;padding-block:clamp(20px,3vw,44px) !important;}
#danaView .dana-process-visual.is-asset,
#danaView .dana-approach-asset{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:clamp(300px,27vw,450px) !important;
  margin:0 !important;
  padding:clamp(8px,1.25vw,16px) !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#fff !important;
  box-shadow:none !important;
}
#danaView .dana-process-visual.is-asset::before,
#danaView .dana-process-visual.is-asset::after{content:none !important;display:none !important;}
#danaView .dana-process-visual.is-asset .dana-process-image,
#danaView .dana-approach-asset .dana-process-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.07) !important;
  filter:none !important;
}
#danaView .dana-approach-step[dana-test-step]{grid-template-columns:1fr !important;}
#danaView .dana-approach-step[dana-test-step] .dana-step-copy{padding-block:clamp(24px,3vw,40px) !important;}
@media(max-width:980px){
  #danaView .dana-approach-step{grid-template-columns:1fr !important;gap:18px !important;}
  #danaView .dana-step-copy{padding-bottom:0 !important;}
  #danaView .dana-process-visual.is-asset,#danaView .dana-approach-asset{min-height:clamp(250px,58vw,380px) !important;}
}
@media(max-width:620px){
  #danaView .dana-process-visual.is-asset,#danaView .dana-approach-asset{min-height:clamp(235px,65vw,340px) !important;padding:8px !important;}
  #danaView .dana-process-visual.is-asset .dana-process-image,#danaView .dana-approach-asset .dana-process-image{transform:scale(1.03) !important;}
}



/* v19-education-dana-white-container-refinement */

/* Education: certificate and DANA study links share one outlined chip geometry. */
#homeView .about-education-panel .certificate-chip,
#homeView .about-education-panel .education-meta .education-dana-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
  border:1px solid var(--line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--muted) !important;
  font:500 8px/1 var(--mono) !important;
  letter-spacing:.055em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}
#homeView .about-education-panel .certificate-chip > span,
#homeView .about-education-panel .education-meta .education-dana-link > span,
#homeView .about-education-panel .education-meta .education-dana-link > span strong{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}
#homeView .about-education-panel .certificate-chip .ph-duotone,
#homeView .about-education-panel .education-meta .education-dana-link i{
  flex:0 0 auto !important;
  color:var(--lime) !important;
  font-size:14px !important;
}
#homeView .about-education-panel .education-meta .education-dana-link strong{color:var(--lime) !important;}
#homeView .about-education-panel .certificate-chip:hover,
#homeView .about-education-panel .certificate-chip:focus-visible,
#homeView .about-education-panel .education-meta .education-dana-link:hover,
#homeView .about-education-panel .education-meta .education-dana-link:focus-visible{
  border-color:var(--lime) !important;
  background:var(--lime) !important;
  color:#090909 !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
#homeView .about-education-panel .certificate-chip:hover .ph-duotone,
#homeView .about-education-panel .certificate-chip:focus-visible .ph-duotone,
#homeView .about-education-panel .education-meta .education-dana-link:hover i,
#homeView .about-education-panel .education-meta .education-dana-link:focus-visible i,
#homeView .about-education-panel .education-meta .education-dana-link:hover strong,
#homeView .about-education-panel .education-meta .education-dana-link:focus-visible strong{color:#090909 !important;}


/* DANA Key Users: portrait art stays transparent against the existing dark card surface. */
#danaView .dana-user-gif{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#danaView .dana-user-gif img,
#danaView .dana-user-gif .dana-user-context-image{
  background:transparent !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* DANA Approach: only Map and Build use a padded white composition panel. */
#danaView .dana-approach > .dana-approach-step .dana-process-visual.is-asset,
#danaView .dana-approach > .dana-approach-step .dana-approach-asset{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
#danaView .dana-approach > .dana-approach-step:nth-child(3) .dana-process-visual.is-asset,
#danaView .dana-approach > .dana-approach-step:nth-child(3) .dana-approach-asset,
#danaView .dana-approach > .dana-approach-step:nth-child(4) .dana-process-visual.is-asset,
#danaView .dana-approach > .dana-approach-step:nth-child(4) .dana-approach-asset{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  padding:clamp(16px,2vw,28px) !important;
  overflow:hidden !important;
}
#danaView .dana-approach > .dana-approach-step:nth-child(3) .dana-process-image,
#danaView .dana-approach > .dana-approach-step:nth-child(4) .dana-process-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}
@media(max-width:620px){
  #homeView .about-education-panel .certificate-chip,
  #homeView .about-education-panel .education-meta .education-dana-link{min-height:48px !important;padding:12px 14px !important;}
  #danaView .dana-approach > .dana-approach-step:nth-child(3) .dana-process-visual.is-asset,
  #danaView .dana-approach > .dana-approach-step:nth-child(3) .dana-approach-asset,
  #danaView .dana-approach > .dana-approach-step:nth-child(4) .dana-process-visual.is-asset,
  #danaView .dana-approach > .dana-approach-step:nth-child(4) .dana-approach-asset{padding:14px !important;}
}


/* v20-home-hero-and-education-chip-refinement */

/* CTAs remain content-fit, with tighter horizontal measure and a stable icon gap. */
#homeView .hero-actions{
  display:flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
#homeView .hero-actions .button{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:fit-content!important;
  min-width:0!important;
  min-height:52px!important;
  padding-inline:14px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
#homeView .hero-actions .button .arrow{
  flex:0 0 auto!important;
  margin:0!important;
}

/* Education actions: one paired, rounded lime-glass system with no directional arrows. */
#homeView .about-education-panel .education-action-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:14px!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip,
#homeView .about-education-panel .education-action-chips .education-dana-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(185,252,86,.58)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(185,252,86,.20),rgba(185,252,86,.055))!important;
  color:rgba(245,245,240,.90)!important;
  font:500 8px/1 var(--mono)!important;
  letter-spacing:.055em!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip span,
#homeView .about-education-panel .education-action-chips .education-dana-link span,
#homeView .about-education-panel .education-action-chips .education-dana-link strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
}
#homeView .about-education-panel .education-action-chips .education-dana-link strong{color:var(--lime)!important;font-weight:600!important;}
#homeView .about-education-panel .education-action-chips .certificate-chip i,
#homeView .about-education-panel .education-action-chips .education-dana-link i{
  flex:0 0 auto!important;
  color:var(--lime)!important;
  font-size:15px!important;
  line-height:1!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible{
  border-color:var(--lime)!important;
  background:linear-gradient(135deg,rgba(185,252,86,.32),rgba(185,252,86,.12))!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover i,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover i,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover strong,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible strong{color:var(--lime)!important;}

@media (max-width:620px){
  #homeView .hero-actions{gap:8px!important;}
  #homeView .hero-actions .button{min-height:50px!important;padding-inline:12px!important;gap:6px!important;}
  #homeView .about-education-panel .education-action-chips{gap:8px!important;}
  #homeView .about-education-panel .education-action-chips .certificate-chip,
  #homeView .about-education-panel .education-action-chips .education-dana-link{min-height:40px!important;padding:0 12px!important;}
}
@media (max-width:390px){
  #homeView .hero-actions .button{min-height:48px!important;padding-inline:11px!important;font-size:8px!important;}
  #homeView .about-education-panel .education-action-chips .certificate-chip,
  #homeView .about-education-panel .education-action-chips .education-dana-link{font-size:7px!important;padding:0 11px!important;}
}


/* home-hero-description-full-opacity */

  /* Keep the light weight and sizing, but restore full text opacity after reveal. */
  #homeView #heroCopy.hero-copy{
    color:rgba(245,245,240,1) !important;
  }
  #homeView #heroCopy.hero-copy .copy-word,
  #homeView #heroCopy.hero-copy .copy-word.is-key,
  #homeView #heroCopy.hero-copy .copy-word.is-key.soft,
  #homeView #heroCopy.hero-copy .hero-copy-group{
    color:inherit !important;
  }


/* final-home-hero-education-tidy */

/* Home practice rotator removed: keep a calm, direct rhythm from headline to supporting copy. */
#homeView .hero-title + #heroCopy{
  margin-top:clamp(26px,3vw,38px)!important;
}

/* Equal-height, content-fit CTAs with an intentionally compact measure. */
#homeView .hero-actions{
  align-items:stretch!important;
  gap:10px!important;
}
#homeView .hero-actions .button{
  height:50px!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  padding-inline:13px!important;
  gap:7px!important;
}

/* Desktop title remains three lines. The role is optically aligned to RIZKA NURUL. */
#homeView .hero-title .hero-title-line--name .hero-name-word{
  display:inline!important;
}
#homeView .hero-title .hero-title-line--name .hero-name-word + .hero-name-word::before{
  content:' ';
}
#homeView .hero-title .portfolio-v3-title-line--role{
  width:var(--home-name-line-width,auto)!important;
  max-width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  white-space:nowrap!important;
}
#homeView .hero-title .portfolio-v3-title-line--role > span{
  display:block!important;
  white-space:nowrap!important;
}

/* Education achievement colors now share the GPA system: white context, lime metric. */
#homeView .about-education-panel .education-achievement{
  border-color:rgba(185,252,86,.32)!important;
  background:var(--lime-dim)!important;
}
#homeView .about-education-panel .education-achievement > span{color:var(--lime)!important;}
#homeView .about-education-panel .education-achievement strong{color:var(--text)!important;}
#homeView .about-education-panel .education-achievement .metric-count{color:var(--lime)!important;}
#homeView .about-education-panel .education-achievement strong small{
  color:var(--text)!important;
  opacity:.72!important;
  margin-left:.10em!important;
}

/* White pill actions keep the shared rounded geometry, with dark, readable content. */
#homeView .about-education-panel .education-action-chips .certificate-chip,
#homeView .about-education-panel .education-action-chips .education-dana-link{
  border-color:rgba(255,255,255,.92)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.84))!important;
  color:#11120f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 1px 0 rgba(0,0,0,.10)!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip i,
#homeView .about-education-panel .education-action-chips .education-dana-link i,
#homeView .about-education-panel .education-action-chips .education-dana-link strong{
  color:#11120f!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible{
  border-color:var(--lime)!important;
  background:var(--lime)!important;
  color:#11120f!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover i,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover i,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover strong,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible strong{color:#11120f!important;}

@media (max-width:620px){
  /* Requested five-line mobile composition. */
  #homeView .hero-title{
    font-size:clamp(44px,13.25vw,58px)!important;
    line-height:.88!important;
    letter-spacing:-.052em!important;
  }
  #homeView .hero-title .hero-title-line--name{
    white-space:normal!important;
  }
  #homeView .hero-title .hero-title-line--name .hero-name-word{
    display:block!important;
  }
  #homeView .hero-title .hero-title-line--name .hero-name-word + .hero-name-word::before{
    content:none!important;
  }
  #homeView .hero-title .portfolio-v3-title-line--role{
    display:block!important;
    width:auto!important;
    font-size:.80em!important;
    margin-top:.16em!important;
    white-space:normal!important;
  }
  #homeView .hero-title .portfolio-v3-title-line--role > span{
    display:block!important;
  }
  #homeView .hero-title .portfolio-v3-dash{
    width:.42em!important;
    height:.055em!important;
    margin-left:.15em!important;
    margin-bottom:.13em!important;
  }
  #homeView .hero-title + #heroCopy{margin-top:22px!important;}
  #homeView .hero-actions .button{height:50px!important;min-height:50px!important;}
}
@media (max-width:390px){
  #homeView .hero-title{font-size:clamp(41px,13vw,50px)!important;}
  #homeView .hero-actions{gap:8px!important;}
  #homeView .hero-actions .button{height:48px!important;min-height:48px!important;padding-inline:11px!important;}
}


/* final-home-grid-education-polish */

/* Keep hero copy light, but increase the desktop measure slightly without changing its existing colour treatment. */
#homeView #heroCopy.hero-copy{
  font-size:clamp(14px,1.14vw,17.5px)!important;
  font-weight:300!important;
  line-height:1.54!important;
}

/* Readable headline tracking: preserve the visual compactness without crowding glyphs. */
#homeView .hero-title{
  letter-spacing:-.034em!important;
}
#homeView .hero-title .hero-title-line--three{
  letter-spacing:-.040em!important;
}
@media (max-width:620px){
  #homeView .hero-title{letter-spacing:-.040em!important;}
  #homeView .hero-title .hero-title-line--three{letter-spacing:-.034em!important;}
}

/* Desktop-only 2-row composition: Waroong earns the spare slot without changing the tablet/mobile rhythm. */
@media (min-width:1151px){
  #homeView #projectsGrid.projects-grid[data-active-filter="all"] > .project:first-child{
    grid-column:span 6!important;
  }
  #homeView #projectsGrid.projects-grid[data-active-filter="all"] > .project:first-child .project-media{
    min-height:clamp(270px,29vw,420px)!important;
  }
}

/* Education scores: no translucent lime fill; labels are deliberately quieter than the numbers. */
#homeView .about-education-panel .education-achievement{
  background:transparent!important;
  border-color:rgba(185,252,86,.32)!important;
  padding:8px 10px!important;
}
#homeView .about-education-panel .education-achievement strong{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:.24em!important;
  font-size:clamp(15px,1.22vw,18px)!important;
  line-height:1!important;
}
#homeView .about-education-panel .education-achievement .education-score-label{
  color:rgba(245,245,240,.82)!important;
  font:500 7.5px/1 var(--mono)!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#homeView .about-education-panel .education-achievement .metric-count{
  color:var(--lime)!important;
  font-size:1.18em!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}
#homeView .about-education-panel .education-achievement strong small{
  color:rgba(245,245,240,.78)!important;
  font-size:.62em!important;
  margin-left:0!important;
  letter-spacing:0!important;
}

/* Secondary education actions: same geometry, a restrained translucent white gradient, and no arrow language. */
#homeView .about-education-panel .education-action-chips{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip,
#homeView .about-education-panel .education-action-chips .education-dana-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important;
  color:rgba(255,255,255,.94)!important;
  white-space:nowrap!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip i,
#homeView .about-education-panel .education-action-chips .education-dana-link i,
#homeView .about-education-panel .education-action-chips .education-dana-link strong{
  color:inherit!important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible{
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.10))!important;
  border-color:rgba(255,255,255,.96)!important;
  color:#fff!important;
  outline:none!important;
}
@media (max-width:620px){
  #homeView #heroCopy.hero-copy{font-size:clamp(13px,3.45vw,15px)!important;}
  #homeView .about-education-panel .education-action-chips .certificate-chip,
  #homeView .about-education-panel .education-action-chips .education-dana-link{min-height:34px!important;padding:0 10px!important;}
}


/* v21-education-metrics-chip-sweep-and-project-copy-alignment */

/* Education metrics: increase only the numerical values by 20%, keeping labels and denominators unchanged. */
#homeView .about-education-panel .education-achievement .metric-count{
  font-size:1.416em !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
}

/* Education actions: retain the quiet default chip, then fill into a lime gradient with a light sweep on interaction. */
#homeView .about-education-panel .education-action-chips .certificate-chip,
#homeView .about-education-panel .education-action-chips .education-dana-link{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  transition:
    transform .28s var(--ease),
    border-color .28s var(--ease),
    color .28s var(--ease),
    box-shadow .28s var(--ease) !important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip::before,
#homeView .about-education-panel .education-action-chips .education-dana-link::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(135deg,#d7ff8d 0%,#b8ff57 42%,#91d638 100%);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.22,.8,.24,1) !important;
  pointer-events:none;
}
#homeView .about-education-panel .education-action-chips .certificate-chip::after,
#homeView .about-education-panel .education-action-chips .education-dana-link::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-38%;
  left:-88%;
  width:62%;
  height:176%;
  opacity:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.16) 20%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.16) 78%,transparent 100%);
  transform:skewX(-18deg) translateX(0);
  pointer-events:none;
}
#homeView .about-education-panel .education-action-chips .certificate-chip > span,
#homeView .about-education-panel .education-action-chips .certificate-chip > i,
#homeView .about-education-panel .education-action-chips .education-dana-link > span,
#homeView .about-education-panel .education-action-chips .education-dana-link > i{
  position:relative !important;
  z-index:2 !important;
}
@keyframes education-chip-light-sweep{
  0%{opacity:0;transform:skewX(-18deg) translateX(0);}
  12%{opacity:.88;}
  100%{opacity:0;transform:skewX(-18deg) translateX(365%);}
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible{
  border-color:var(--lime) !important;
  color:#090b06 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50),0 10px 24px rgba(184,255,87,.16) !important;
  transform:translateY(-2px) !important;
  outline:none !important;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover::before,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible::before,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover::before,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible::before{
  transform:scaleX(1);
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover::after,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible::after,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover::after,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible::after{
  animation:education-chip-light-sweep .68s cubic-bezier(.2,.72,.22,1) both;
}
#homeView .about-education-panel .education-action-chips .certificate-chip:hover i,
#homeView .about-education-panel .education-action-chips .certificate-chip:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover i,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible i,
#homeView .about-education-panel .education-action-chips .education-dana-link:hover strong,
#homeView .about-education-panel .education-action-chips .education-dana-link:focus-visible strong{
  color:#090b06 !important;
}

/* Selected Work: each card now lets its copy block consume the row's remaining height.
   This aligns Waroong's text container with its neighbours, so the media grid reads as one level composition. */
#homeView #projectsGrid.projects-grid{
  align-items:stretch !important;
}
#homeView #projectsGrid.projects-grid > .project{
  display:flex !important;
  align-self:stretch !important;
  min-width:0 !important;
}
#homeView #projectsGrid.projects-grid > .project.is-hidden{
  display:none !important;
}
#homeView #projectsGrid .project-card{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-width:0 !important;
  height:100% !important;
}
#homeView #projectsGrid .project-media{
  flex:0 0 auto !important;
}
#homeView #projectsGrid .project-copy{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-width:0 !important;
}
#homeView #projectsGrid .project-copy p{
  margin-bottom:0 !important;
}
@media (min-width:621px){
  #homeView #projectsGrid .project-copy{
    min-height:158px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  #homeView .about-education-panel .education-action-chips .certificate-chip,
  #homeView .about-education-panel .education-action-chips .education-dana-link,
  #homeView .about-education-panel .education-action-chips .certificate-chip::before,
  #homeView .about-education-panel .education-action-chips .education-dana-link::before{
    transition:none !important;
  }
  #homeView .about-education-panel .education-action-chips .certificate-chip::after,
  #homeView .about-education-panel .education-action-chips .education-dana-link::after{
    display:none !important;
    animation:none !important;
  }
}


/* v22-waroong-thumbnail-and-cta-refinement */

/* Desktop Selected Work: keep Waroong’s wider first card, but lock its thumbnail to the
   same media height used by the adjacent Safari and SDD cards. This restores one clean
   horizontal image baseline while preserving every card, filter, and responsive rule. */
@media (min-width:1151px){
  #homeView #projectsGrid.projects-grid[data-active-filter="all"] > .project:first-child .project-media{
    min-height:clamp(235px,28vw,385px) !important;
    height:clamp(235px,28vw,385px) !important;
  }
}



/* Static multi-page route additions */
html{scroll-behavior:smooth}
#home,#work,#about,#contact{scroll-margin-top:calc(var(--nav-height,72px) + 16px)}
body.static-home-route #siteContent{min-height:100svh}


/* explore-project-thumbnail-asset-rendering */
.case-explore-thumb > .case-explore-project-image{position:absolute!important;z-index:0!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.015)!important;transition:transform .55s var(--ease),filter .55s var(--ease)!important;}
.case-explore-card:hover .case-explore-project-image,.case-explore-card:focus-visible .case-explore-project-image{transform:scale(1.055)!important;}