:root{color-scheme:dark;--bg:#101010;--text:#f2f2f2;--muted:#a1a1a1;--edge:rgba(242,242,242,.12);--font-titles:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:#353535 #101010}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#101010}
::-webkit-scrollbar-thumb{background:#353535;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:#454545}
body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,h4,h5,h6,.name{font-family:var(--font-titles)}
a:focus-visible,button:focus-visible{outline:2px solid #f2f2f2;outline-offset:6px;border-radius:6px}
::selection{background:#dedede;color:#101010}
[hidden]{display:none!important}
.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:920px;pointer-events:none;background:radial-gradient(circle closest-corner at 50% 0,rgba(242,242,242,.15),transparent)}
.site-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:29px 48px;background:linear-gradient(rgba(0,0,0,.4),transparent)}
.identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;justify-self:start;white-space:nowrap;font-size:14px;line-height:1.5}
.name{font-size:16px;font-weight:600;letter-spacing:-.45px}
.role{color:var(--muted);font-size:13px}
.navigation{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px;padding:5px;border:1px solid rgba(255,255,255,.17);border-radius:99px;background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 52%,rgba(255,255,255,.065));backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 1px rgba(255,255,255,.13),inset 0 -1px 1px rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.16);font-size:14px;transition:border-color .3s ease,box-shadow .4s ease}
.navigation::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:5px;top:5px;bottom:5px;width:calc((100% - 12px)/2);border:1px solid rgba(255,255,255,.1);border-radius:99px;background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.055));box-shadow:inset 0 1px 2px rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.12);transform:translateX(0);transition:transform .42s cubic-bezier(.165,.84,.44,1)}
.navigation[data-active="contact"]::before{transform:translateX(calc(100% + 2px))}
.navigation a{padding:12px 24px;border-radius:99px;text-align:center;color:#a7a7a7;transition:color .2s ease,transform .2s cubic-bezier(.165,.84,.44,1);line-height:1}
.navigation a[aria-current="page"]{color:var(--text)}
.navigation a:active{transform:scale(.96)}
.linkedin{justify-self:end;display:flex;align-items:center;gap:7px;font-size:14px}
.linkedin svg{height:18px;width:18px;transition:transform .2s}
.linkedin:hover svg{transform:translate(2px,-2px)}
main{flex:1}
.intro{text-align:center;padding:116px 24px 111px}
h1{font-size:clamp(44px,5.6vw,84px);line-height:1.12;letter-spacing:-.055em;font-weight:700;margin:0 auto;max-width:1280px;text-wrap:balance;text-shadow:0 5px 10px rgba(0,87,255,.15),0 -5px 10px rgba(255,90,0,.1),0 -5px 25px rgba(255,255,255,.3)}
.title-line{display:block}
@media(max-width:600px){.title-line{display:inline}}
.intro>p:not(.eyebrow){font-size:18px;line-height:1.65;color:var(--muted);margin:28px auto 0;letter-spacing:-.25px}
.projects{display:grid;gap:120px;max-width:1104px;margin:0 auto;padding:0 24px 88px}
.project{display:grid;gap:32px;min-width:0;padding:40px 56px 52px;border:1px solid rgba(242,242,242,.16);border-radius:24px;background:linear-gradient(155deg,#1d1d1d,#131313 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 48px rgba(0,0,0,.15)}
.project-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.project-intro h2{grid-column:1;grid-row:1}
.project-intro .project-subtitle{grid-column:1 / -1}
.overview-toggle{grid-column:2;grid-row:1;justify-self:end;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.045);padding:11px 18px;font:inherit;font-size:13px;line-height:1.2;color:#dedede;cursor:pointer;transition:background .2s,border-color .2s}
.overview-toggle:hover,.overview-toggle[aria-pressed="true"]{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)}
.project-media{perspective:1600px;overflow:hidden}
.project-media-inner{transform-origin:center;will-change:transform}
.project-media .project-image-toggle:focus-visible{outline-offset:-4px}
.project-overview{cursor:pointer;aspect-ratio:var(--preview-ratio,1723/1477);padding:clamp(28px,5vw,72px);border:1px solid var(--edge);border-radius:18px;background:radial-gradient(ellipse at top left,rgba(255,255,255,.06),transparent 70%),#111;display:flex;flex-direction:column;justify-content:center}
.project-overview h3{margin:0 0 30px;font-size:clamp(22px,2.5vw,32px);font-weight:500;letter-spacing:-.04em}
.project-overview ul{list-style:none;padding:0;margin:0}
.project-overview li{position:relative;padding:18px 0 18px 24px;border-top:1px solid rgba(255,255,255,.1);font-size:clamp(15px,1.5vw,20px);line-height:1.5;color:#d6d6d6}
.project-overview li::before{content:"";position:absolute;left:0;top:calc(18px + .65em);width:4px;height:4px;border-radius:50%;background:#999}
.project-intro h2{margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.035em;font-weight:600}
.project-title-link{display:inline-flex;align-items:center;gap:12px}
.project-title-link svg{width:18px;height:18px;flex:none;color:#a1a1a1;transition:color .2s,transform .2s}
.project-title-link:hover svg{color:var(--text);transform:translate(2px,-2px)}
.project-subtitle{margin:14px 0 0;font-size:16px;line-height:1.6;color:#d0d0d0;max-width:560px}
.project-image-toggle{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;cursor:pointer}
.project-image{display:block;width:100%;height:auto;border:1px solid var(--edge);border-radius:0;background:#080808}
@media(max-width:800px){.project{gap:28px}}
footer{margin:0 48px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.07);padding:26px 0 30px;font-size:12px;color:#858585}
.contact-intro{padding-top:115px;padding-bottom:150px}
.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--muted);margin:0 0 28px}
.contact-link{display:inline-flex;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:16px 25px;font-size:14px;margin-top:34px;background:rgba(255,255,255,.04);transition:background .2s}
.contact-link:hover{background:rgba(255,255,255,.1)}
.contact-link span{font-size:20px}
.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--text);color:var(--bg);transform:translateY(-150%);z-index:10}
.skip-link:focus{transform:translateY(0)}
.page{animation:appear .35s ease both}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.intro{padding-top:145px;padding-bottom:135px}}
@media(max-width:1000px){.identity{gap:4px;align-items:flex-start;flex-direction:column}.identity-divider{display:none}.role{font-size:12px}.site-header{padding:25px 28px}.intro{padding-top:110px}.projects{padding-left:28px;padding-right:28px}footer{margin:0 28px}}
@media(max-width:600px){.site-header{grid-template-columns:minmax(0,1fr) auto;padding:24px;gap:12px}.name{font-size:16px}.navigation{grid-row:1;grid-column:2;justify-self:end;width:160px;font-size:12px}.navigation a{padding:12px 10px}.linkedin{display:none}.intro{padding:65px 24px 75px}h1{font-size:46px;letter-spacing:-.055em}.intro h1 br{display:none}.intro>p:not(.eyebrow){font-size:16px;margin-top:24px;line-height:1.7}.desktop-break{display:none}.projects{gap:80px;padding:0 20px 64px}footer{margin:0 24px;font-size:11px;padding:23px 0;gap:12px}.contact-intro{padding-top:65px;padding-bottom:110px}.ambient{height:780px}}
@media(min-width:601px){.projects{width:84%;max-width:none;padding-left:0;padding-right:0}}
#about>.intro{padding-top:90px;padding-bottom:0}
@media(max-width:600px){#about>.intro{padding-top:60px}}
.portfolio-divider{position:relative;width:80%;height:1px;margin:120px auto;background:linear-gradient(90deg,transparent,rgba(242,242,242,.28) 25%,rgba(242,242,242,.45) 50%,rgba(242,242,242,.28) 75%,transparent)}
.portfolio-divider::after{content:"";position:absolute;inset:-2px 8%;background:inherit;filter:blur(6px);opacity:.7;pointer-events:none}
@media(min-width:1001px){.projects{width:80%}.portfolio-divider{width:70%}}
@media(max-width:600px){.portfolio-divider{width:calc(100% - 48px);margin:80px auto}.project-subtitle{font-size:15px}}
@media(max-width:600px){.project{padding:28px 28px 38px;gap:24px;border-radius:18px}}
@media(max-width:600px){.project-intro{row-gap:14px;column-gap:12px}.project-intro h2{grid-row:1;grid-column:1 / -1}.project-intro .project-subtitle{margin-top:0}.overview-toggle{display:none}.project-overview{border-radius:10px}.project-overview{aspect-ratio:auto;padding:28px 20px}.project-overview h3{margin-bottom:22px;font-size:23px}.project-overview li{padding:13px 0 13px 18px;font-size:14px}.project-overview li::before{top:calc(13px + .65em)}}
@media(max-width:360px){.site-header{padding:24px 16px;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


.content-width{width:80%;margin-left:auto;margin-right:auto}
.section-label{text-align:center;margin:0 0 32px;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.025em;color:#d0d0d0}
.company-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--edge);border-left:1px solid var(--edge)}
.company-cell{min-width:0;height:150px;padding:28px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);background:rgba(255,255,255,.015)}
.company-cell img{display:block;width:auto;max-width:100%;height:auto;max-height:64px;object-fit:contain;filter:brightness(0) invert(.82)}
.company-cell img.company-mango{max-height:32px;max-width:90%}
.company-cell img.company-888,.company-cell img.company-kik{max-height:56px}
.company-cell img.company-hilton{max-height:48px;max-width:90%}
.company-cell img.company-amdocs,.company-cell img.company-cellcom,.company-cell img.company-playbuzz{max-width:88%}
.company-cell img.company-amdocs{max-width:98%}
.company-cell img.company-stripe{max-height:48px;max-width:85%}
.company-cell img.company-netflix{max-height:40px;max-width:90%}
.tools-stack{padding:32px 0 100px;overflow:hidden}
.tools-heading{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}
.tools-heading .section-label{margin:0}

.tool-rows{display:grid;gap:24px;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.tool-row{overflow:hidden;padding:2px 0}
.tool-track{display:flex;width:max-content;animation:tools-scroll 85s linear infinite}
.tool-track-reverse{animation-duration:72s;animation-direction:reverse}
.tool-group{display:flex;flex:none;gap:24px;padding-right:24px;align-items:center}
.tool-chip{display:flex;align-items:center;justify-content:center;flex:none;width:168px;height:64px;padding:17px 23px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(145deg,#202020,#151515)}
.tool-chip img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.84}
@keyframes tools-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:601px) and (max-width:1000px){.content-width{width:84%}.company-cell{padding:20px}}
@media(max-width:800px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-cell:last-child:nth-child(odd){grid-column:1 / -1}.company-cell{height:126px}.company-cell img{max-width:170px}.company-cell img.company-mango{max-width:90%}}
@media(max-width:600px){.content-width{width:calc(100% - 40px)}.section-label{font-size:18px;margin-bottom:24px}.company-cell{padding:24px;min-width:0}.company-cell img{max-width:100%;max-height:50px}.company-cell img.company-hilton{max-height:44px;max-width:90%}.tools-stack{padding:16px 0 64px}.tools-heading{gap:12px;margin-bottom:24px}.tool-rows{gap:16px}.tool-group{gap:16px;padding-right:16px}.tool-chip{width:144px;height:56px;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){.tool-rows{mask-image:none;-webkit-mask-image:none}.tool-track{width:100%;transform:none}.tool-group{width:100%;padding-right:0;flex-wrap:wrap;justify-content:center}.tool-group[aria-hidden="true"],.tool-repeat{display:none}}

.tool-brand{gap:9px;font-size:15px;font-weight:600;letter-spacing:-.025em;color:#dedede;white-space:nowrap}
.tool-brand img{width:25px;height:25px;flex:none;filter:brightness(0) invert(.9);opacity:1}
.tools-stack{padding-bottom:60px}
.services{padding:40px 0 24px}

.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--edge);border-left:1px solid var(--edge)}
.service{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:44px 40px 48px;border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);background:linear-gradient(140deg,rgba(255,255,255,.025),transparent 75%)}
.service-icon{width:48px;height:48px;display:block;margin-bottom:40px}
.service h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0 0 18px}
.service p{font-size:16px;line-height:1.75;margin:0;max-width:480px;color:#a8a8a8}
footer{margin-top:120px}
.footer-home{color:#aaa;transition:color .2s}
.footer-home:hover{color:var(--text)}
@media(max-width:800px){.service{padding:32px 28px 36px}.service-icon{margin-bottom:32px;width:44px;height:44px}.service h3{font-size:25px}.service p{font-size:15px}}
@media(max-width:600px){.tools-stack{padding-bottom:36px}.tools-heading{margin-bottom:24px}.services{padding-top:32px}.services-grid{grid-template-columns:1fr}.service{padding:32px 28px 36px}.service-icon{margin-bottom:32px}.service h3{font-size:26px}.service p{font-size:15px}footer{margin-top:80px}.company-cell img.company-mango{max-height:28px;max-width:90%}}

body{position:relative;isolation:isolate}
.hero-backdrop{position:absolute;inset:0 0 auto;height:920px;z-index:-1;overflow:hidden;pointer-events:none;background:#101010 url("assets/hero-7165701-color-poster.jpg") center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,16,16,.75) 0%,rgba(16,16,16,.64) 24%,rgba(16,16,16,.72) 52%,rgba(16,16,16,.94) 78%,#101010 100%),radial-gradient(ellipse at center,rgba(0,0,0,.12),transparent 75%)}
#about>.intro>p:not(.eyebrow){color:#d0d0d0;text-shadow:0 2px 12px rgba(0,0,0,.8)}
/* The journey is readable without JavaScript; motion progressively reveals it. */
.process-journey{width:100%;max-width:900px;margin:88px auto 0;color:#dedede}
.process-journey svg{display:block;width:100%;height:auto;overflow:visible}
.process-journey .journey-mobile{display:none}
.journey-reveal{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round}
.journey-route{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.2;stroke-dasharray:4 5;stroke-linecap:round}
.journey-stop circle{fill:#171717;stroke:#d5d5d5;stroke-width:1.5}
.journey-middle circle{fill:#d5d5d5}
.journey-stop text{fill:currentColor;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.035em;text-anchor:middle}
.journey-pointer{fill:none;stroke:#bbb;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.journey-traveler{fill:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.85));opacity:0}
.js .journey-reveal{stroke-dasharray:1000 1000;stroke-dashoffset:1000}
.js .journey-stop{opacity:.24;transition:opacity .45s ease}
.js .journey-stop[data-reached]{opacity:1}
.js .journey-pointer{opacity:0;stroke-dasharray:1 1;stroke-dashoffset:1}
@media(max-width:600px){.process-journey{max-width:280px;margin-top:64px}.process-journey .journey-desktop{display:none}.process-journey .journey-mobile{display:block}.journey-stop text{text-anchor:start;font-size:15px;letter-spacing:.01em}.company-cell img.company-888,.company-cell img.company-kik{max-height:44px}}
@media(prefers-reduced-motion:reduce){.js .journey-reveal{stroke-dashoffset:0}.js .journey-stop{opacity:1}.js .journey-pointer{opacity:1;stroke-dashoffset:0}}
@media(max-width:600px){.hero-backdrop{height:940px}.hero-overlay{background:linear-gradient(180deg,rgba(16,16,16,.78),rgba(16,16,16,.67) 25%,rgba(16,16,16,.8) 60%,#101010)}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

.tool-brand img.brand-app-icon{filter:grayscale(1);opacity:.9;border-radius:5px}

.projects{padding-bottom:0}
.tools-stack{padding-top:0;padding-bottom:0}
.services{padding-top:0}

.more-examples{margin-top:48px;text-align:center}
.examples-toggle{display:inline-flex;align-items:center;justify-content:center;gap:18px;font:inherit;font-size:14px;line-height:1.4;color:var(--text);padding:15px 24px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.04);cursor:pointer;transition:background .2s,border-color .2s}
.examples-toggle:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.35)}
.examples-toggle svg{width:18px;height:18px;transition:transform .4s cubic-bezier(.165,.84,.44,1)}
.examples-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.extra-projects{overflow:hidden;text-align:left}
.extra-projects-inner{display:grid;gap:120px;padding-top:64px}
.contact-cta{text-align:center}
.contact-cta .section-label{margin-bottom:0}
.contact-cta .contact-link{margin-top:24px}
@media(max-width:600px){.more-examples{margin-top:36px}.extra-projects-inner{gap:80px;padding-top:40px}.examples-toggle{padding:14px 22px}}

.contact-intro{padding:90px 24px 0}
.contact-intro h1{max-width:840px;font-size:clamp(38px,4.5vw,60px)}
.contact-form{position:relative;max-width:660px;margin:44px auto 0;padding:32px;text-align:left;border:1px solid rgba(242,242,242,.16);border-radius:24px;background:linear-gradient(155deg,#1d1d1d,#131313 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 48px rgba(0,0,0,.15)}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-field{min-width:0}
.contact-field label{display:block;margin-bottom:8px;font-size:13px;line-height:1.4;color:#d0d0d0}
.contact-form input:not([type="hidden"]),.contact-form textarea{display:block;width:100%;min-width:0;padding:14px 16px;border:1px solid rgba(242,242,242,.17);border-radius:12px;background:rgba(255,255,255,.035);color:var(--text);font:inherit;font-size:15px;line-height:1.5;transition:border-color .2s,box-shadow .2s}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#858585;opacity:1}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:none;border-color:#b0b0b0;box-shadow:0 0 0 3px rgba(255,255,255,.07)}
.contact-message{position:relative;margin-top:16px}
.contact-form textarea{min-height:180px;padding-bottom:36px;resize:vertical}
.contact-count{position:absolute;right:16px;bottom:12px;pointer-events:none;color:#858585;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.contact-send{display:block;width:100%;margin-top:20px;padding:14px 24px;border:1px solid transparent;border-radius:99px;background:var(--text);color:#101010;font:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,opacity .2s}
.contact-send:hover:not(:disabled){background:#fff}
.contact-send:disabled{opacity:.4;cursor:default}
.contact-status,.contact-error{margin:16px 0 0;font-size:14px;line-height:1.6;color:#d0d0d0}
.contact-status{text-align:center}
.contact-error{color:#e0b8b8}
.contact-error a{text-decoration:underline;text-underline-offset:3px}
.contact-honeypot{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.contact-intro{padding:60px 20px 0}.contact-intro h1{font-size:38px}.contact-form{margin-top:32px;padding:24px;border-radius:18px}.contact-fields{grid-template-columns:1fr;gap:18px}.contact-form input:not([type="hidden"]),.contact-form textarea{font-size:16px}.contact-form textarea{min-height:200px}}

.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.team-member{min-width:0;text-align:center}
.team-member img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--edge);background:#252525}
.team-member h3{margin:20px 0 6px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.team-member p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:800px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(max-width:600px){.team-grid{gap:32px 16px}.team-member h3{margin-top:16px;font-size:17px}.team-member p{font-size:12px}}

@media(max-width:600px){.process-journey,.company-desktop-only{display:none}}