:root{--ink:#111214;--paper:#f1eee7;--red:#e52a2f;--red2:#ff5a49;--blue:#2458c6;--lime:#d9f238;--line:rgba(17,18,20,.18);--pad:clamp(22px,4vw,72px);--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;cursor:none}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{cursor:none}.cursor,.cursor-dot{position:fixed;z-index:10000;border-radius:50%;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%)}.cursor{width:36px;height:36px;border:1px solid rgba(255,255,255,.7);mix-blend-mode:difference;transition:width .2s,height .2s,background .2s}.cursor-dot{width:4px;height:4px;background:white;mix-blend-mode:difference}.cursor.hover{width:64px;height:64px;background:white}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:88px;padding:0 var(--pad);display:flex;align-items:center;gap:42px;color:white;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s ease}.site-header.scrolled{height:72px;background:rgba(241,238,231,.93);backdrop-filter:blur(16px);color:var(--ink);border-color:var(--line)}.logo{width:210px;filter:brightness(0) invert(1);transition:.3s}.logo img{width:100%;display:block}.site-header.scrolled .logo{filter:none}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-cta{height:44px;padding:0 8px 0 18px;border:1px solid currentColor;display:flex;align-items:center;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-cta i{width:30px;height:30px;display:grid;place-items:center;background:var(--red);color:white;font-style:normal}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{width:26px;height:1px;background:currentColor;display:block;margin:7px;transition:.3s}.hero{height:max(760px,100vh);min-height:700px;position:relative;background:#090a0c;color:white;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.89) 0%,rgba(5,6,7,.58) 38%,rgba(5,6,7,.12) 73%),url('assets/diaplast-hero.png') center/cover no-repeat;transform:scale(1.04);animation:heroZoom 14s ease-out forwards}@keyframes heroZoom{to{transform:scale(1)}}.hero-noise{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;padding:110px var(--pad) 72px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600}.eyebrow span{color:var(--red);margin:0 8px}.eyebrow.dark{color:#686a6b}.hero h1,.works h2,.quality h2,.contact h2{font-family:Unbounded,Arial,sans-serif;font-size:clamp(52px,7.3vw,122px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:45px 0}.hero h1 em,.works h2 em,.quality h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--red2)}.hero-bottom{display:flex;align-items:end;gap:60px}.hero-bottom>p{width:430px;margin:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.74)}.round-link{width:130px;height:130px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:15px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;transition:.35s}.round-link:hover{background:var(--red);border-color:var(--red);transform:rotate(-6deg)}.round-link b{font-size:20px}.hero-stats{position:absolute;z-index:3;right:var(--pad);bottom:50px;display:grid;grid-template-columns:repeat(3,150px);border-top:1px solid rgba(255,255,255,.27);padding-top:16px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:500 26px Unbounded}.hero-stats span{font-size:10px;color:rgba(255,255,255,.57);margin-top:6px}.scroll-line{position:absolute;z-index:3;left:var(--pad);bottom:0;display:flex;align-items:center;gap:12px}.scroll-line span{width:1px;height:50px;background:linear-gradient(white,transparent)}.scroll-line small{font-size:9px;text-transform:uppercase;letter-spacing:.2em;transform:rotate(-90deg);transform-origin:left}.section-pad{padding:110px var(--pad)}.section-index{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.section-index span{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:9px}.section-index p{margin:0}.section-index.light{border-color:rgba(255,255,255,.2)}.section-index.light span{border-color:rgba(255,255,255,.32)}.intro-copy{display:grid;grid-template-columns:1fr 350px;gap:10vw;padding:80px 0 70px}.intro-copy h2{font:500 clamp(38px,5vw,78px)/1.08 Unbounded;margin:0;letter-spacing:-.05em;max-width:1050px}.intro-copy p{align-self:end;font-size:15px;line-height:1.8;color:#666;margin:0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:380px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;display:flex;flex-direction:column;position:relative;transition:.35s;overflow:hidden}.service-card:before{content:"";position:absolute;inset:100% 0 0;background:var(--ink);transition:.45s cubic-bezier(.2,.8,.2,1);z-index:-1}.service-card:hover{color:white;transform:translateY(-8px)}.service-card:hover:before{inset:0}.service-card>span{font-size:10px;color:#888}.service-icon{font-size:54px;margin:auto 0;color:var(--red)}.service-card h3{font:600 18px Unbounded;margin:0 0 15px}.service-card p{font-size:13px;line-height:1.65;color:#777;margin:0 0 30px}.service-card:hover p{color:#aaa}.service-card a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:auto;display:flex;justify-content:space-between}.process-band{background:var(--red);color:white;overflow:hidden;padding:18px 0;transform:rotate(-1.2deg);width:102%;margin-left:-1%}.ticker{display:flex;gap:35px;white-space:nowrap;font:500 clamp(26px,3vw,52px) Unbounded;animation:ticker 20s linear infinite}.ticker i{font-style:normal;color:var(--ink)}@keyframes ticker{to{transform:translateX(-50%)}}.works{background:#111214;color:white;overflow:hidden}.works-head{display:flex;justify-content:space-between;align-items:end;padding:68px 0 42px}.works h2{font-size:clamp(40px,5.5vw,86px);margin:0}.slider-controls{display:flex}.slider-controls button{width:60px;height:60px;border:1px solid #555;background:transparent;color:white;font-size:20px}.slider-controls button:hover{background:var(--red);border-color:var(--red)}.projects-track{display:flex;gap:22px;transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:transform}.project-card{flex:0 0 48vw;max-width:760px}.project-img{height:520px;background-image:url('assets/diaplast-products.png');background-size:200% 200%;filter:saturate(.9);transition:.5s}.project-card:hover .project-img{filter:saturate(1.2);transform:scale(.99)}.project-img.p1{background-position:0 0}.project-img.p2{background-position:100% 0}.project-img.p3{background-position:0 100%}.project-img.p4{background-position:100% 100%}.project-info{display:flex;justify-content:space-between;padding:20px 0 40px;border-top:1px solid #444}.project-info span{font-size:10px;color:#888;text-transform:uppercase}.project-info h3{font:500 20px Unbounded;margin:8px 0}.project-info strong{font:500 46px Unbounded;color:#333}.quality-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:80px}.quality-title h2{font-size:clamp(42px,5vw,82px);margin:26px 0}.accordion{border-top:1px solid var(--line)}.acc-item{border-bottom:1px solid var(--line)}.acc-item button{width:100%;height:100px;border:0;background:none;display:grid;grid-template-columns:50px 1fr 40px;align-items:center;text-align:left;color:inherit}.acc-item button span{font-size:10px;color:#888}.acc-item button h3{font:500 16px Unbounded}.acc-item button i{font-style:normal;font-size:24px;transition:.3s}.acc-item.open button i{transform:rotate(45deg);color:var(--red)}.acc-content{max-height:0;overflow:hidden;transition:max-height .45s ease}.acc-content p{padding:0 40px 30px 50px;margin:0;color:#666;line-height:1.7;font-size:14px}.acc-item.open .acc-content{max-height:180px}.history{display:grid;grid-template-columns:1fr 1.35fr;background:#191a1c;color:white}.history-photo{min-height:800px;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent),url('assets/diaplast-hero.png') 70% center/cover;position:relative}.history-number{position:absolute;right:-65px;bottom:60px;width:160px;height:160px;border-radius:50%;background:var(--red);display:grid;place-items:center;font:500 58px Unbounded}.history-number span{position:absolute;bottom:28px;font:10px Manrope;text-transform:uppercase;letter-spacing:.16em}.history-copy{display:flex;flex-direction:column}.history-text{margin:auto 0 70px;padding-left:7vw;max-width:760px}.history-text h2{font:500 clamp(35px,4vw,64px)/1.08 Unbounded;margin:60px 0 40px;letter-spacing:-.04em}.history-text p{color:#aaa;line-height:1.8;font-size:14px;max-width:610px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3b3c3e}.timeline div{padding:20px 12px 0 0}.timeline b{font:500 20px Unbounded;color:var(--red2);display:block}.timeline span{display:block;font-size:10px;color:#888;margin-top:8px;line-height:1.4}.contact{background:#0b0c0e;color:white;position:relative;overflow:hidden}.contact-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(229,42,47,.22),transparent 68%);left:-250px;bottom:-300px}.contact-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:70px}.contact h2{font-size:clamp(42px,5.5vw,86px);margin:0 0 40px}.contact-copy>p{max-width:500px;color:#999;line-height:1.8}.direct{margin-top:60px;display:flex;flex-direction:column;gap:12px;font:500 18px Unbounded}.direct a:hover{color:var(--red2)}.contact-form label:not(.file-label){display:block;border-bottom:1px solid #38393b;padding:0 0 18px;margin-bottom:30px}.contact-form label>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#777;margin-bottom:12px}.contact-form input,.contact-form textarea{width:100%;background:transparent;border:0;outline:0;color:white;font-size:16px;resize:none}.contact-form textarea{height:70px}.file-label input{position:absolute;opacity:0}.file-label>span{display:flex!important;align-items:center;gap:10px;color:#bbb!important;margin:15px 0 28px!important}.file-label b{width:30px;height:30px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;color:var(--red2)}.submit-btn{width:100%;height:74px;background:var(--red);border:0;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;transition:.3s}.submit-btn:hover{background:var(--red2);color:var(--ink)}.submit-btn b{font-size:24px}.contact-form small{display:block;color:#555;font-size:9px;line-height:1.5;margin-top:12px}footer{background:var(--paper);padding:60px var(--pad) 26px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;font-size:12px}.footer-logo img{width:180px}.footer-links{display:flex;flex-direction:column;gap:10px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;color:#777;font-size:10px}.mobile-menu{position:fixed;z-index:900;inset:0;background:var(--red);color:white;padding:120px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-100%);transition:.55s cubic-bezier(.7,0,.2,1)}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font:500 clamp(34px,9vw,60px) Unbounded;border-bottom:1px solid rgba(255,255,255,.3);padding:20px 0}.mobile-menu nav span{font:10px Manrope;margin-right:20px}.toast{position:fixed;z-index:1100;right:30px;bottom:30px;background:white;color:var(--ink);padding:20px 30px;box-shadow:0 20px 80px rgba(0,0,0,.3);display:flex;flex-direction:column;transform:translateY(150px);opacity:0;transition:.4s}.toast.show{transform:none;opacity:1}.toast b{color:var(--red);font:500 18px Unbounded}.toast span{font-size:12px;margin-top:5px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.split-text{opacity:0;transform:translateY(30px);transition:.9s}.split-text.visible{opacity:1;transform:none}
.ticker{display:flex;width:max-content;gap:0;will-change:transform;animation:ticker 22s linear infinite}.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:35px;padding-right:35px;white-space:nowrap}.ticker-group i{font-style:normal;color:var(--ink)}.ticker-group .brand{color:var(--ink)}@keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.submit-btn:disabled,.submit-btn:disabled:hover{background:#303134;color:#777;box-shadow:none;cursor:not-allowed;opacity:.72}.submit-btn:disabled b{color:#555}
.round-link{flex-direction:column;gap:7px;text-align:center}.round-link span{display:block;width:100%;text-align:center}.intro-cta{align-self:end;position:relative;isolation:isolate;overflow:hidden;min-height:82px;padding:0 18px 0 26px;background:var(--red);color:white;display:flex;align-items:center;justify-content:space-between;gap:34px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;box-shadow:0 14px 36px rgba(229,42,47,.22);transition:background .35s,color .35s,box-shadow .35s}.intro-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--ink);transform:translateX(-102%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.intro-cta:after{content:"";position:absolute;top:-50%;left:-30%;width:25%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:ctaShine 3.2s ease-in-out infinite}.intro-cta i{width:48px;height:48px;border-radius:50%;background:white;color:var(--red);display:grid;place-items:center;font-style:normal;font-size:21px;transition:transform .35s,background .35s}.intro-cta:hover{box-shadow:0 18px 50px rgba(229,42,47,.32)}.intro-cta:hover:before{transform:none}.intro-cta:hover i{transform:rotate(45deg);background:var(--red2);color:white}@keyframes ctaShine{0%,55%{left:-35%}85%,100%{left:125%}}
.logo{filter:none;background:rgba(241,238,231,.96);padding:8px 10px}.site-header.scrolled .logo{background:transparent}.project-img{background-size:180% auto}.project-img.p1{background-position:4% 75%}.project-img.p2{background-position:52% 12%}.project-img.p3{background-position:65% 5%}.project-img.p4{background-position:100% 100%}.project-img.p5,.project-img.p6,.project-img.p7{background-size:cover;background-position:center}.project-img.p5{background-image:url('assets/project-pos-display.png')}.project-img.p6{background-image:url('assets/project-info-stand.png')}.project-img.p7{background-image:url('assets/project-acrylic-box.png')}.project-info{min-height:168px}.project-info>div{max-width:82%}.project-info p{max-width:560px;margin:12px 0 0;color:#777;font-size:12px;line-height:1.55}
@media(max-width:980px){body,button,a{cursor:auto}.cursor,.cursor-dot{display:none}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.logo{width:170px}.hero h1{font-size:clamp(46px,9vw,88px)}.hero-stats{grid-template-columns:repeat(3,120px)}.intro-copy{grid-template-columns:1fr}.intro-copy p{width:70%}.services-grid{grid-template-columns:repeat(2,1fr)}.project-card{flex-basis:75vw}.quality-layout,.contact-grid{grid-template-columns:1fr}.history{grid-template-columns:1fr}.history-photo{min-height:540px}.history-number{right:30px}.history-text{padding-left:0}.contact-grid{gap:70px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header{height:72px}.hero{min-height:760px}.hero-content{padding-top:100px}.hero h1{font-size:clamp(41px,12vw,66px);line-height:1.02;margin:30px 0}.hero-bottom{align-items:center;gap:20px}.hero-bottom>p{font-size:13px;width:calc(100% - 110px)}.round-link{width:100px;height:100px;flex-shrink:0}.hero-stats{left:var(--pad);right:auto;bottom:35px;grid-template-columns:repeat(3,1fr);width:calc(100% - 44px);gap:8px}.hero-stats strong{font-size:18px}.scroll-line{display:none}.section-pad{padding-top:78px;padding-bottom:78px}.intro-copy{padding:55px 0}.intro-copy h2{font-size:34px}.intro-copy p{width:100%}.services-grid{grid-template-columns:1fr}.service-card{min-height:300px}.project-card{flex-basis:86vw}.project-img{height:370px}.works-head{align-items:end}.slider-controls button{width:46px;height:46px}.quality-layout{padding-top:45px}.history-photo{min-height:420px}.history-copy{padding-top:60px}.timeline{grid-template-columns:repeat(2,1fr);gap:25px}.contact h2{font-size:42px}.direct{font-size:14px}.contact-form{margin-top:20px}footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.copyright{flex-direction:column;gap:8px}.process-band{padding:12px 0}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:20px;margin:12px 0 0;font-size:11px;color:#aaa}.form-status.error{color:#ff746b}.direct .address{font:500 12px/1.6 Manrope;color:#777;margin-top:12px}.history-number{font-size:40px}.history-number span{max-width:120px;text-align:center;line-height:1.25}body.menu-open .site-header{background:transparent;color:white;border-color:rgba(255,255,255,.25)}body.menu-open .site-header .logo{filter:none;background:rgba(241,238,231,.96)}body.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}body.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.split-text{opacity:1;transform:none}}
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}html{background:var(--paper)}body{position:relative}main,footer,.site-header{max-width:100vw}@supports(overflow:clip){html,body{overflow-x:clip}}i,b,.slider-controls button{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}
@media(max-width:980px),(pointer:coarse){
  .slider-controls{display:none}
  .projects-track{width:100%;max-width:100%;gap:16px;overflow-x:auto;overflow-y:hidden;transform:none!important;transition:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
  .projects-track::-webkit-scrollbar{display:none}
  .project-card{flex:0 0 min(86vw,720px);max-width:none;scroll-snap-align:start;scroll-snap-stop:always}
  .project-card:hover .project-img{transform:none}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(36px,10.2vw,48px);line-height:1.04}
  .hero-bottom{width:100%;gap:14px}
  .hero-bottom>p{width:auto;min-width:0;flex:1}
  .round-link{width:94px;height:94px}
  .process-band{width:100%;max-width:100%;margin-left:0;transform:none;overflow:hidden;contain:paint}
  .ticker{width:max-content;min-width:max-content;gap:0;animation:tickerMobile 24s linear infinite;transform:translate3d(0,0,0);backface-visibility:hidden}
  .ticker-group{min-width:max-content;gap:22px;padding-right:22px}
  .slider-controls{display:none}
  .works{overflow:hidden}
  .projects-track{width:100%;max-width:100%;gap:16px;overflow-x:auto;overflow-y:hidden;transform:none!important;transition:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
  .projects-track::-webkit-scrollbar{display:none}
  .project-card{flex:0 0 100%;max-width:none;scroll-snap-align:start;scroll-snap-stop:always}
  .project-card:hover .project-img{transform:none}
}
@keyframes tickerMobile{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.menu-toggle{color:inherit;-webkit-appearance:none;appearance:none}.site-header:not(.scrolled) .menu-toggle span{background:#fff}.site-header.scrolled .menu-toggle span{background:var(--ink)}body.menu-open .site-header:not(.scrolled){background:#090a0c;color:#fff;border-color:rgba(255,255,255,.25)}body.menu-open .site-header:not(.scrolled) .menu-toggle span{background:#fff}body.menu-open .site-header.scrolled{background:#f1eee7;color:var(--ink);border-color:var(--line)}body.menu-open .site-header.scrolled .logo{background:transparent}body.menu-open .site-header.scrolled .menu-toggle span{background:var(--ink)}
@media(max-width:980px),(pointer:coarse){.site-header{isolation:isolate;padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.site-header:not(.scrolled){background:#090a0c}.site-header.scrolled{background:#f1eee7}.mobile-menu{height:100vh;min-height:100vh;padding-top:calc(120px + env(safe-area-inset-top));padding-right:max(var(--pad),env(safe-area-inset-right));padding-bottom:calc(40px + env(safe-area-inset-bottom));padding-left:max(var(--pad),env(safe-area-inset-left))}@supports(height:100dvh){.mobile-menu{height:100dvh;min-height:100dvh}.hero{height:max(760px,100dvh)}}}
@media(max-width:640px){.site-header{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.site-header.scrolled{height:calc(72px + env(safe-area-inset-top))}.hero-content{padding-top:calc(100px + env(safe-area-inset-top))}}