:root{--ink:#171717;--muted:#6d6d6d;--paper:#f4f3ef;--white:#fff;--accent:#d9ff43;--line:#d7d5cf;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:var(--accent);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.25s}.site-header.scrolled{position:fixed;background:rgba(23,23,23,.92);backdrop-filter:blur(14px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;line-height:1}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font:800 20px Manrope}.brand strong{display:block;font:800 15px Manrope;letter-spacing:.12em}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:.35em}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-nav>a{transition:.2s}.site-nav>a:not(.nav-cta):hover{color:var(--accent)}.nav-cta{padding:11px 18px;color:#111;background:var(--accent);border-radius:100px}.menu-button{display:none;background:none;border:0;padding:10px;color:#fff}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:currentColor;margin:5px}.hero{position:relative;min-height:760px;height:100svh;max-height:920px;overflow:hidden;color:#fff;background:#171717;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151515 0%,rgba(20,20,20,.93) 46%,rgba(20,20,20,.22) 100%)}.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:56px 56px}.hero-content{position:relative;z-index:3;padding-top:70px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:34px;height:2px;background:var(--accent)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.05}h1{max-width:850px;margin-top:28px;font-size:clamp(54px,7vw,96px);letter-spacing:-.055em}h1 em,.contact h2 em{color:var(--accent);font-style:normal}h1+p{max-width:660px;margin:28px 0 0;color:#c9c9c9;font-size:18px}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:14px;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--accent);background:var(--accent);color:#111}.hero-proof{display:flex;gap:50px;margin-top:54px}.hero-proof div{display:grid}.hero-proof strong{font:700 24px Manrope}.hero-proof span{font-size:11px;color:#9b9b9b;text-transform:uppercase;letter-spacing:.08em}.hero-visual{position:absolute;z-index:1;right:-13%;top:15%;width:64%;height:70%}.visual-frame{height:100%;overflow:hidden;filter:grayscale(1) contrast(1.06);opacity:.85}.visual-frame img{width:100%;height:100%;object-fit:cover}.quality-card{position:absolute;left:12%;bottom:-24px;display:flex;gap:13px;align-items:center;padding:17px 22px;color:#111;background:var(--accent);box-shadow:0 18px 40px rgba(0,0,0,.25)}.quality-card div{display:grid}.quality-card small{font-size:11px}.pulse{width:10px;height:10px;border-radius:50%;background:#111;box-shadow:0 0 0 5px rgba(0,0,0,.12)}.scroll-cue{position:absolute;z-index:4;right:32px;bottom:28px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.scroll-cue span{display:inline-block;width:1px;height:50px;margin-bottom:12px;background:#fff}.client-strip{background:var(--accent)}.strip-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;font:700 11px Manrope;letter-spacing:.12em}.strip-inner i{width:4px;height:4px;border-radius:50%;background:#111}.section{padding:130px 0}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:64px}.section-head h2,.advantage h2,.contact h2{margin-top:20px;font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}.section-head>p{margin:0 0 8px;color:var(--muted);font-size:17px}.section-index{display:block;font-size:11px;font-weight:700;letter-spacing:.18em}.section-index.light{color:#a7a7a7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:380px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.service-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.06)}.service-card.featured{grid-row:span 2;min-height:760px;background:var(--ink);color:#fff}.card-no{position:absolute;top:28px;right:28px;color:#999;font-size:11px}.service-icon{font-size:38px;margin:55px 0 30px}.service-card.featured .service-icon{margin-top:120px;font-size:70px;color:var(--accent)}.service-card h3{font-size:24px;letter-spacing:-.03em}.service-card.featured h3{font-size:36px}.service-card p{color:var(--muted);margin:18px 0}.service-card.featured p{color:#b4b4b4}.service-card ul{padding:0;margin:20px 0;list-style:none;color:#ccc;font-size:13px}.service-card li{padding:9px 0;border-bottom:1px solid #333}.service-card a{margin-top:auto;font-weight:700;font-size:13px}.service-card a span{float:right}.advantage{background:var(--ink);color:#fff}.advantage-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.advantage-copy{position:sticky;top:130px;align-self:start}.advantage-copy>p{max-width:420px;color:#aaa;font-size:17px;margin:28px 0}.text-link{display:inline-flex;gap:18px;padding-bottom:5px;border-bottom:1px solid var(--accent);font-weight:700}.advantage-item{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:34px 0;border-top:1px solid #373737}.advantage-item:last-child{border-bottom:1px solid #373737}.advantage-item>span{color:var(--accent);font:700 12px Manrope}.advantage-item h3{font-size:25px}.advantage-item p{color:#999;margin:10px 0 0}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:36px 0;border-bottom:1px solid var(--line)}.process-list>li>span{font:700 14px Manrope;color:#999}.process-list div{display:grid;grid-template-columns:.6fr 1fr;gap:50px}.process-list h3{font-size:25px}.process-list p{margin:0;color:var(--muted)}.contact{padding:120px 0;background:#242424;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.contact h2{font-size:clamp(46px,6vw,78px)}.contact>div>div>p{max-width:520px;color:#aaa;margin-top:30px}.contact-panel{border-top:1px solid #444}.contact-panel>a,.contact-panel>div{position:relative;display:grid;padding:23px 44px 23px 0;border-bottom:1px solid #444}.contact-panel a:hover strong{color:var(--accent)}.contact-panel small{font-size:10px;color:#999;letter-spacing:.15em}.contact-panel strong{font:700 22px Manrope;transition:.2s}.contact-panel a>span{position:absolute;right:2px;top:35px;font-size:20px}.contact-panel p{margin:5px 0 0;color:#ddd;line-height:1.5}footer{padding:36px 0;background:#111;color:#aaa}.footer-inner{display:flex;align-items:center;justify-content:space-between}.brand-light{color:#fff}.footer-inner p,.footer-inner>a:last-child{font-size:12px}.floating-wa{position:fixed;z-index:15;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:100px;background:var(--accent);color:#111;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:13px}.floating-wa span{font-size:20px}@media(max-width:900px){.container{width:min(100% - 32px,var(--max))}.site-nav{position:fixed;inset:88px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:30px 24px;background:#171717;transform:translateX(100%);transition:.25s}.site-nav.open{transform:none}.site-nav a{padding:17px;border-bottom:1px solid #333;font-size:16px}.nav-cta{text-align:center;margin-top:18px}.menu-button{display:block}.hero{min-height:780px;height:auto;padding:130px 0 90px;align-items:flex-start}.hero-content{padding-top:30px}.hero:after{background:linear-gradient(180deg,rgba(20,20,20,.8),#151515 65%)}.hero-visual{top:0;right:0;width:100%;height:48%;opacity:.45}.hero-proof{gap:24px}.section{padding:90px 0}.section-head,.advantage-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.service-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-row:auto;grid-column:span 2;min-height:500px}.advantage-copy{position:static}.process-list div{grid-template-columns:1fr}.contact-grid{gap:70px}}@media(max-width:600px){.header-inner{height:72px}.site-nav{inset:72px 0 0}.brand-mark{width:34px;height:34px}h1{font-size:49px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-proof strong{font-size:19px}.strip-inner{overflow:auto;justify-content:flex-start;gap:22px}.strip-inner span{white-space:nowrap}.service-grid{grid-template-columns:1fr}.service-card.featured{grid-column:auto;min-height:540px}.section-head{margin-bottom:42px}.process-list li{grid-template-columns:45px 1fr}.contact{padding:90px 0}.contact-panel strong{font-size:18px}.footer-inner{align-items:flex-start;gap:28px;flex-direction:column}.floating-wa b{display:none}.floating-wa{padding:12px}.scroll-cue{display:none}} .site-nav{gap:25px;font-size:12px}.site-nav>a{white-space:nowrap}.brand-logo{width:auto;height:58px;object-fit:contain;filter:brightness(0) invert(1)}.footer-inner .brand-logo{height:52px} .metal-focus{background:#ecebe6}.metal-head em{font-style:normal;color:#777}.metal-head>div:last-child{display:grid;gap:20px;justify-items:start}.metal-head p{margin:0;color:var(--muted);font-size:17px}.dark-link{color:var(--ink);border-color:var(--ink)}.metal-showcase{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,280px);gap:12px}.metal-shot{position:relative;overflow:hidden;background:#1b1b1b}.metal-shot-wide{grid-row:span 2}.metal-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(.16);transition:transform .45s,filter .3s}.metal-shot:hover img{transform:scale(1.035);filter:grayscale(0)}.metal-shot:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.metal-shot>span{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff;display:grid}.metal-shot b{font:700 18px Manrope}.metal-shot small{color:#c9c9c9;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metal-materials{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;font:700 11px Manrope;letter-spacing:.15em}.metal-materials i{width:4px;height:4px;border-radius:50%;background:#999} .references-preview{background:#fff}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-card{min-height:165px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;background:#fff;transition:.25s}.logo-card:hover{background:var(--accent)}.logo-card img{width:100%;height:100px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);transition:.25s}.logo-card:hover img{filter:grayscale(0);transform:scale(1.04)}.logo-card-dark,.logo-card-dark:hover{background:#171717}.logo-card-dark img{mix-blend-mode:normal;filter:none} .subpage-header{position:fixed;background:rgba(23,23,23,.96);backdrop-filter:blur(14px)}.subpage-hero{position:relative;padding:190px 0 105px;background:var(--ink);color:#fff;overflow:hidden}.subpage-hero:after{content:"";position:absolute;right:-8%;top:0;width:50%;height:100%;background:linear-gradient(135deg,transparent,rgba(217,255,67,.08))}.subpage-hero .container{position:relative;z-index:1}.breadcrumb{display:flex;gap:10px;color:#aaa;font-size:11px;font-weight:700;letter-spacing:.1em}.breadcrumb a:hover{color:var(--accent)}.subpage-hero h1{max-width:940px;margin-top:28px}.subpage-hero p{max-width:700px;margin:25px 0 0;color:#aaa;font-size:18px}.subpage-hero .eyebrow{margin-bottom:18px}.gallery-section{background:#ecebe6}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-card{background:#fff}.gallery-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#ddd}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card-body{padding:26px 28px 30px}.gallery-card h2{font-size:25px}.gallery-card p{margin:12px 0 0;color:var(--muted)}.material-guide{background:#fff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide-item{padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-item span{display:block;color:#999;font:700 11px Manrope}.guide-item h2{font-size:25px;margin-top:45px}.guide-item p{color:var(--muted);margin-bottom:0}.references-page{background:#f4f3ef}.references-page .logo-grid{grid-template-columns:repeat(4,1fr)}.references-note{margin-top:28px;color:var(--muted);font-size:12px}.references-note strong{color:var(--ink)} .signage-projects{background:#ecebe6}.signage-projects-wood{background:#f4f3ef}.signage-projects+.signage-projects{padding-top:0}.signage-category-heading{margin-bottom:52px}.signage-category-heading h2{margin-top:18px;font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}.signage-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.signage-project{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#d8d7d2}.signage-project:last-child:nth-child(3n+1){grid-column:2}.signage-project img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease,filter .3s ease}.signage-project img.focus-top{object-position:center 25%}.signage-project:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(23,23,23,.08)}.signage-project:hover img{transform:scale(1.025)} @media(max-width:900px){.signage-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.signage-project:last-child:nth-child(3n+1){grid-column:auto}} @media(max-width:600px){.signage-category-heading{margin-bottom:34px}.signage-gallery{grid-template-columns:1fr;gap:12px}} @media(max-width:900px){.site-nav{gap:0;font-size:16px}.metal-showcase{grid-template-columns:1fr 1fr;grid-template-rows:420px 250px 250px}.metal-shot-wide{grid-column:span 2;grid-row:auto}.metal-materials{overflow:auto;gap:25px;justify-content:flex-start}.metal-materials span{white-space:nowrap}.logo-grid,.references-page .logo-grid{grid-template-columns:repeat(3,1fr)}.subpage-hero{padding:160px 0 90px}.gallery-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.brand-logo{height:46px}.footer-inner .brand-logo{height:48px}.metal-showcase{grid-template-columns:1fr;grid-template-rows:repeat(4,300px)}.metal-shot-wide{grid-column:auto}.logo-grid,.references-page .logo-grid{grid-template-columns:repeat(2,1fr)}.logo-card{min-height:135px;padding:18px}.logo-card img{height:80px}.subpage-hero{padding:135px 0 75px}.subpage-hero h1{font-size:47px}.guide-grid{grid-template-columns:1fr}} .workshop-story{background:#e8e6df}.story-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start;margin-bottom:70px}.story-heading h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}.story-heading h2 em{color:#777;font-style:normal}.story-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}.story-image{position:sticky;top:120px;margin:0}.story-image img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(.12);box-shadow:18px 18px 0 var(--accent)}.story-image figcaption{margin-top:30px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.story-copy>p{max-width:680px;color:var(--muted);font-size:16px}.story-copy .story-lead{margin-top:0;color:var(--ink);font:600 clamp(20px,2vw,27px)/1.45 Manrope}.story-copy blockquote{margin:42px 0;padding:25px 0 25px 30px;border-left:4px solid var(--accent);font:700 clamp(20px,2vw,28px)/1.4 Manrope}.story-capabilities{border-top:1px solid #c7c4bb}.story-capabilities article{display:grid;grid-template-columns:44px minmax(180px,.8fr) minmax(0,1.2fr);gap:18px;padding:30px 0;border-bottom:1px solid #c7c4bb;align-items:start}.story-capabilities span{color:#858585;font:700 11px Manrope}.story-capabilities h3{font-size:18px;line-height:1.35}.story-capabilities p{margin:0;color:var(--muted);font-size:15px;line-height:1.6} @media(max-width:900px){.story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:50px}.story-layout{grid-template-columns:1fr;gap:55px}.story-image{position:static;max-width:620px}.story-image img{box-shadow:12px 12px 0 var(--accent)}} @media(max-width:600px){.story-capabilities article{grid-template-columns:34px 1fr}.story-capabilities p{grid-column:2}.story-copy blockquote{margin:32px 0;padding-left:20px}.story-image figcaption{margin-top:22px}} @media(min-width:901px){.hero-content{width:min(var(--max),calc(100% - 48px));max-width:none;transform:translateY(-85px)}.hero-content h1{max-width:520px;font-size:clamp(48px,3.5vw,54px);letter-spacing:-.04em}.hero-content h1+p{max-width:480px}.hero-visual{right:max(24px,calc((100vw - var(--max))/2));top:3%;width:min(44vw,540px);height:80%}.scroll-cue{right:max(24px,calc((100vw - var(--max))/2))}.visual-frame{filter:none;opacity:.92}.visual-frame img{object-fit:contain;object-position:center}} @media(min-width:1200px){.hero-visual{width:620px}} .language-switcher{display:flex;flex:0 0 auto;align-items:center;gap:3px;margin-left:auto;margin-right:16px}.language-button{appearance:none;display:grid;place-items:center;width:28px;height:22px;padding:1px;border:1px solid transparent;background:transparent;cursor:pointer;opacity:.72;transition:.2s}.language-button img{width:24px;height:16px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16)}.language-button:hover,.language-button.active{opacity:1;transform:translateY(-1px);border-color:var(--accent)}.language-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} @media(max-width:1100px) and (min-width:901px){.language-switcher{gap:1px;margin-right:10px}.language-button{width:25px;height:20px;padding:1px}.language-button img{width:21px;height:14px}.site-nav{gap:16px;font-size:11px}.brand-logo{height:50px}} @media(max-width:900px){.language-switcher{gap:2px;margin-left:auto;margin-right:8px}.language-button{width:27px;height:21px;padding:1px}.language-button img{width:23px;height:15px}} @media(max-width:420px){.language-switcher{gap:0;margin-right:4px}.language-button{width:23px;height:19px}.language-button img{width:19px;height:13px}.brand-logo{height:38px}} .hero-slider{position:relative;background:#101010}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.slider-arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:rgba(17,17,17,.58);font:400 28px/1 Arial;cursor:pointer;transform:translateY(-50%);transition:.2s}.slider-arrow:hover,.slider-arrow:focus-visible{color:#111;background:var(--accent);border-color:var(--accent)}.slider-prev{left:14px}.slider-next{right:14px}.slider-dots{position:absolute;z-index:3;left:50%;bottom:15px;display:flex;gap:7px;transform:translateX(-50%)}.slider-dots button{width:25px;height:3px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s}.slider-dots button.active{background:var(--accent)} @media(min-width:901px){.hero-visual{top:50%;height:auto;aspect-ratio:1.6;transform:translateY(-50%)}.visual-frame{height:100%}} @media(max-width:900px){.hero-slider{height:100%}.slider-arrow{display:none}.slider-dots{bottom:12px}.quality-card{display:none}} .contact-location{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:stretch;margin-top:75px;padding-top:75px;border-top:1px solid #444}.location-info{display:flex;flex-direction:column;align-items:flex-start}.location-info h3{margin-top:18px;font-size:32px}.location-info>p{max-width:390px;margin:18px 0 25px;color:#aaa}.location-info dl{width:100%;margin:0 0 30px}.location-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #444}.location-info dt{color:#999;font-size:10px;letter-spacing:.15em}.location-info dd{margin:0;font:700 14px Manrope}.location-button{margin-top:auto}.map-frame{min-height:390px;overflow:hidden;background:#171717;border:1px solid #444}.map-frame iframe{display:block;width:100%;height:100%;min-height:390px;border:0;filter:grayscale(1) contrast(1.05)} @media(max-width:900px){.contact-location{grid-template-columns:1fr;gap:40px;margin-top:60px;padding-top:60px}.location-info>p{max-width:580px}.location-button{margin-top:0}.map-frame,.map-frame iframe{min-height:360px}} @media(max-width:600px){.contact-location{margin-top:48px;padding-top:48px}.location-info h3{font-size:28px}.map-frame,.map-frame iframe{min-height:320px}.location-button{width:100%;justify-content:center}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} .gallery-card-clickable{cursor:pointer}.gallery-card-clickable:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.category-gallery{margin-top:40px;padding:36px;background:#fff;border-top:3px solid var(--ink);scroll-margin-top:110px}.category-gallery-head{display:flex;align-items:start;justify-content:space-between;gap:28px;margin-bottom:28px}.category-gallery-head h2{margin-top:12px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.gallery-close{padding:10px 14px;border:1px solid var(--ink);background:transparent;font:700 12px "DM Sans",sans-serif;cursor:pointer}.category-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.category-gallery-image{padding:0;border:0;background:#ddd;cursor:zoom-in}.category-gallery-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:36px;background:rgba(0,0,0,.9);cursor:zoom-out}.image-lightbox[hidden],.category-gallery[hidden]{display:none}.image-lightbox img{max-width:min(1100px,100%);max-height:calc(100vh - 72px);object-fit:contain}.lightbox-close{position:fixed;top:20px;right:24px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;background:rgba(0,0,0,.3);font:400 32px/1 Arial;cursor:pointer} @media(max-width:600px){.category-gallery{margin-top:28px;padding:24px 18px}.category-gallery-head{gap:16px}.gallery-close{white-space:nowrap}.image-lightbox{padding:20px}.lightbox-close{top:12px;right:12px}} .gallery-card-caption{margin:0;padding:12px 28px 0;color:var(--muted);font:700 11px/1.4 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase} .gallery-detail-link{margin-top:22px;font-size:12px}.qr-hero{padding-bottom:115px}.qr-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.qr-hero-image{margin:0}.qr-hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.qr-hero-image figcaption,.qr-photo-grid figcaption{padding:12px 0;color:#aaa;font:700 10px/1.5 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.qr-intro{background:#fff}.qr-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.qr-intro-grid h2{margin-top:18px;font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}.qr-intro-grid p{max-width:670px;color:var(--muted);font-size:17px}.qr-intro-grid .qr-lead{margin-top:0;color:var(--ink);font:600 23px/1.5 Manrope,sans-serif}.qr-uses{background:#ecebe6}.qr-use-grid,.qr-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.qr-use-grid article,.qr-spec-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.qr-use-grid span{color:#888;font:700 11px Manrope,sans-serif}.qr-use-grid h3,.qr-spec-grid h3{margin-top:42px;font-size:22px;letter-spacing:-.03em}.qr-use-grid p,.qr-spec-grid p{margin:12px 0 0;color:var(--muted);font-size:15px}.qr-specs{background:#fff}.qr-gallery{background:#ecebe6}.qr-photo-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.qr-photo-grid figure{margin:0;background:#fff}.qr-photo-grid figure:first-child{grid-row:span 2}.qr-photo-grid img{width:100%;height:100%;min-height:250px;object-fit:cover;filter:saturate(.85)}.qr-photo-grid figcaption{padding:14px 18px;color:var(--ink)}.qr-faq{background:#fff}.faq-list{border-top:1px solid var(--line)}.faq-list details{padding:23px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font:700 20px/1.4 Manrope,sans-serif;list-style-position:inside}.faq-list p{max-width:840px;margin:14px 0 0;color:var(--muted)}@media(max-width:900px){.qr-hero-grid,.qr-intro-grid{grid-template-columns:1fr;gap:42px}.qr-hero-image{max-width:680px}.qr-use-grid,.qr-spec-grid{grid-template-columns:1fr 1fr}.qr-photo-grid{grid-template-columns:1fr 1fr}.qr-photo-grid figure:first-child{grid-column:span 2;grid-row:auto}}@media(max-width:600px){.qr-use-grid,.qr-spec-grid,.qr-photo-grid{grid-template-columns:1fr}.qr-photo-grid figure:first-child{grid-column:auto}.qr-intro-grid .qr-lead{font-size:20px}.faq-list summary{font-size:18px}} .category-gallery-image{position:relative}.gallery-image-caption{display:block;padding:10px 12px;background:#fff;color:var(--ink);font:700 11px/1.4 Manrope,sans-serif;letter-spacing:.06em;text-align:left;text-transform:uppercase} .qr-photo-placeholder{display:grid;grid-template-rows:1fr auto;min-height:290px;border:1px dashed #aaa;background:linear-gradient(135deg,#e6e4de,#f7f6f2)!important}.qr-photo-placeholder>div{display:grid;place-content:center;justify-items:start;gap:12px;padding:32px}.qr-photo-placeholder span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);font:400 30px/1 Arial}.qr-photo-placeholder strong{font:700 25px/1.15 Manrope,sans-serif;letter-spacing:-.04em}.qr-photo-placeholder small{max-width:190px;color:var(--muted);font-size:12px;line-height:1.5} .qr-photo-detail img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}.qr-photo-detail p{margin:0;padding:0 18px 20px;color:var(--muted);font-size:14px;line-height:1.55}.qr-renewal-callout{position:relative;margin-top:34px;padding:24px 26px 24px 29px;border:1px solid rgba(217,255,67,.45);background:linear-gradient(115deg,rgba(217,255,67,.13),rgba(217,255,67,.025));box-shadow:inset 4px 0 0 var(--accent)}.qr-renewal-callout strong{display:block;color:var(--accent);font:700 20px/1.25 Manrope}.contact .qr-renewal-callout p{max-width:none;margin:11px 0 17px;color:#dedede;font-size:15px;line-height:1.6}.qr-renewal-callout a{display:inline-flex;align-items:center;gap:12px;color:#fff;font:700 13px Manrope;letter-spacing:.02em}.qr-renewal-callout a:hover{color:var(--accent)}.qr-renewal-callout a span{font-size:17px;line-height:1}@media(max-width:600px){.qr-renewal-callout{padding:22px 20px 22px 24px}.qr-renewal-callout strong{font-size:18px}} .qr-photo-grid figure:first-child img{object-fit:contain;padding:20px;background:#fff}@media(max-width:600px){.qr-photo-grid figure:first-child img{padding:12px}} .metal-page-hero{padding-bottom:92px}.metal-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.72fr);gap:60px;align-items:center}.metal-page-hero-copy{position:relative;z-index:1}.metal-page-hero-image{position:relative;z-index:1;justify-self:end;width:100%;max-width:520px;margin:16px 0 0;padding:8px;background:#f7f6f2;border:1px solid rgba(255,255,255,.26);box-shadow:22px 22px 0 rgba(217,255,67,.12)}.metal-page-hero-image:before{content:'ENDÜSTRİYEL METAL ETİKET';position:absolute;z-index:1;top:-28px;left:0;color:var(--accent);font:700 10px/1 Manrope,sans-serif;letter-spacing:.16em}.metal-page-hero-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}@media(max-width:900px){.metal-page-hero{padding-bottom:78px}.metal-page-hero-grid{grid-template-columns:1fr;gap:48px}.metal-page-hero-image{justify-self:start;max-width:650px;margin:10px 0 0}}@media(max-width:600px){.metal-page-hero{padding-bottom:62px}.metal-page-hero-grid{gap:38px}.metal-page-hero-image{padding:6px;box-shadow:12px 12px 0 rgba(217,255,67,.12)}.metal-page-hero-image:before{top:-24px;font-size:9px;letter-spacing:.12em}} .metal-seo-intro{background:#fff}.metal-seo-intro-grid,.metal-seo-why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px;align-items:start}.metal-seo-intro h2,.metal-seo-why h2{margin-top:18px;font-size:clamp(38px,4.7vw,66px);letter-spacing:-.055em}.metal-seo-intro p,.metal-seo-why p{max-width:700px;color:var(--muted);font-size:17px}.metal-seo-intro .metal-seo-lead,.metal-seo-why .metal-seo-lead{margin-top:0;color:var(--ink);font:600 22px/1.5 Manrope,sans-serif}.metal-seo-materials{background:#f4f3ef}.metal-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.metal-seo-card{min-height:290px;padding:31px 29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.metal-seo-card>span{display:block;color:#888;font:700 11px Manrope,sans-serif;letter-spacing:.08em}.metal-seo-card h3{margin-top:48px;font-size:23px;letter-spacing:-.035em}.metal-seo-card p{margin:13px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.metal-seo-methods{background:#fff}.metal-seo-methods .metal-seo-card{background:#f4f3ef}.metal-seo-uses{background:#ecebe6}.metal-seo-uses-grid,.metal-seo-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px;align-items:start}.metal-seo-uses h2,.metal-seo-faq h2{margin-top:18px;font-size:clamp(38px,4.7vw,66px);letter-spacing:-.055em}.metal-seo-uses>p,.metal-seo-uses-grid>div>p{max-width:470px;color:var(--muted);font-size:17px}.metal-seo-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metal-seo-list li{position:relative;min-height:92px;padding:22px 24px 22px 47px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:700 15px/1.5 Manrope,sans-serif}.metal-seo-list li:before{content:'↗';position:absolute;top:23px;left:23px;color:#777}.metal-seo-why{background:#171717;color:#fff}.metal-seo-why .section-index{color:var(--accent)}.metal-seo-why .metal-seo-lead{color:#fff}.metal-seo-why p{color:#bbb}.metal-seo-faq{background:#fff}.metal-seo-faq .faq-list{margin:0}.metal-seo-faq .faq-list summary{padding-right:34px}.metal-seo-faq .faq-list details{position:relative}.metal-seo-faq .faq-list details:after{content:'+';position:absolute;right:4px;top:19px;color:#777;font:400 26px/1 Arial}.metal-seo-faq .faq-list details[open]:after{content:'−'}@media(max-width:900px){.metal-seo-intro-grid,.metal-seo-why-grid,.metal-seo-uses-grid,.metal-seo-faq-grid{grid-template-columns:1fr;gap:42px}.metal-seo-grid{grid-template-columns:1fr 1fr}.metal-seo-card{min-height:250px}.metal-seo-list{max-width:760px}}@media(max-width:600px){.metal-seo-grid,.metal-seo-list{grid-template-columns:1fr}.metal-seo-card{min-height:0;padding:27px 23px}.metal-seo-card h3{margin-top:35px}.metal-seo-list li{min-height:0}.metal-seo-intro h2,.metal-seo-why h2,.metal-seo-uses h2,.metal-seo-faq h2{font-size:38px}.metal-seo-intro p,.metal-seo-why p,.metal-seo-uses-grid>div>p{font-size:16px}.metal-seo-intro .metal-seo-lead,.metal-seo-why .metal-seo-lead{font-size:20px}} /* Control-panel editorial media */ .control-panel-page .panel-hero-media, .control-panel-page .panel-inline-media{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#141414;box-shadow:0 24px 55px rgba(0,0,0,.24)} .control-panel-page .panel-hero-media{align-self:center;padding:.7rem;transform:rotate(1.25deg)} .control-panel-page .panel-hero-media img{display:block;width:100%;aspect-ratio:1/0.92;object-fit:cover} .control-panel-page .panel-inline-media img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .55s ease} .control-panel-page .panel-inline-media:hover img{transform:scale(1.025)} .control-panel-page .panel-inline-media figcaption{padding:.7rem 1rem;background:#141414;color:#f4f0e8;font-size:.72rem;letter-spacing:.08em;line-height:1.45;text-transform:uppercase} .control-panel-page .panel-inline-media--portrait{margin-top:2rem} .control-panel-page .panel-inline-media--portrait img{aspect-ratio:4/5} .control-panel-page .panel-inline-media--wide{margin-top:clamp(2.5rem,6vw,5rem)} .control-panel-page .panel-inline-media--wide img{aspect-ratio:16/8;object-position:center} .control-panel-page .panel-editorial-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,6vw,6rem);align-items:center} .control-panel-page .panel-editorial-copy .section-index{display:block;margin-bottom:1rem} .control-panel-page .panel-editorial-copy h2{margin:0 0 1.25rem} .control-panel-page .panel-editorial-copy p{max-width:58ch} .control-panel-page .panel-editorial-row .panel-inline-media--portrait{margin:0} @media (max-width:760px){   .control-panel-page .panel-hero-media{transform:none;margin-top:1rem}   .control-panel-page .panel-editorial-row{grid-template-columns:1fr;gap:1.5rem}   .control-panel-page .panel-inline-media--wide img{aspect-ratio:4/3} } /* Control-panel focused image framing */ .control-panel-page .panel-inline-media--wide{max-width:min(100%,960px);margin-left:auto;margin-right:auto;padding:clamp(.5rem,1.5vw,1rem);background:#f7f5f1;border-color:rgba(20,20,20,.13)} .control-panel-page .panel-inline-media--wide img{width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center} /* Control-panel compact static media */ .control-panel-page .panel-hero-media{max-width:440px;margin-left:auto;margin-right:auto;padding:.8rem;background:#fff;box-shadow:none;transform:none} .control-panel-page .panel-hero-media img{aspect-ratio:auto;max-height:520px;object-fit:contain} .control-panel-page .panel-inline-media{box-shadow:none} .control-panel-page .panel-inline-media--portrait{width:min(100%,560px);margin-left:auto;margin-right:auto;padding:.75rem;background:#fff;border-color:rgba(20,20,20,.14)} .control-panel-page .panel-editorial-row .panel-inline-media--portrait{width:min(100%,480px)} .control-panel-page .panel-inline-media--wide{max-width:min(100%,720px);padding:.75rem} .control-panel-page .panel-inline-media img,.control-panel-page .panel-inline-media:hover img{transform:none!important;transition:none!important} @media (max-width:760px){.control-panel-page .panel-hero-media{max-width:100%;padding:.5rem}.control-panel-page .panel-inline-media--portrait,.control-panel-page .panel-editorial-row .panel-inline-media--portrait,.control-panel-page .panel-inline-media--wide{width:100%;max-width:100%;padding:.45rem}} /* Control-panel staggered image stages */ .control-panel-page .panel-hero-media{padding:0;background:transparent;border:0;border-radius:22px;overflow:hidden} .control-panel-page .panel-hero-media img{display:block;border-radius:22px} .control-panel-page .panel-image-stage{padding-block:clamp(.75rem,2vw,1.75rem)} .control-panel-page .panel-image-stage .panel-inline-media{margin-top:0;margin-bottom:0} @media (min-width:761px){   .control-panel-page .panel-image-stage--aviyonics .panel-inline-media{width:min(100%,430px);margin-left:9%;margin-right:auto}   .control-panel-page .panel-image-stage--machine .panel-inline-media{width:min(100%,390px);margin-left:auto;margin-right:14%}   .control-panel-page .panel-image-stage--emergency .panel-inline-media{width:min(100%,460px);margin-left:18%;margin-right:auto}   .control-panel-page .panel-image-stage--amf .panel-inline-media{width:min(100%,400px);margin-left:auto;margin-right:19%} }  /* Control-panel paired media */ .control-panel-page .panel-media-pair-stage { padding-block: clamp(1rem, 3vw, 2.5rem); } .control-panel-page .panel-media-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2.75rem); align-items: start; max-width: 980px; margin: 0 auto; } .control-panel-page .panel-media-pair .panel-inline-media--portrait { width: 100%; max-width: 100%; margin: 0; padding: .65rem; background: #fff; box-shadow: none; } .control-panel-page .panel-media-pair .panel-inline-media--portrait img { aspect-ratio: 4 / 5; object-fit: contain; background: #fff; } @media (max-width: 760px) { .control-panel-page .panel-media-pair { grid-template-columns: 1fr; max-width: 480px; } }  /* Control-panel four-up media */ .control-panel-page .panel-media-pair-stage--four { padding-block: clamp(1rem, 2.4vw, 2rem); } .control-panel-page .panel-media-pair--four { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.65rem, 1.6vw, 1.25rem); max-width: 920px; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait { padding: .5rem; border-color: rgba(20, 20, 20, .12); } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait img { height: clamp(190px, 23vw, 270px); aspect-ratio: auto; object-fit: contain; } .control-panel-page .panel-media-pair--four figcaption { padding: .55rem .15rem .1rem; font-size: .72rem; } @media (max-width: 760px) { .control-panel-page .panel-media-pair--four { grid-template-columns: 1fr; max-width: 340px; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait img { height: auto; max-height: 410px; } }  /* Control-panel thumbnail rail */ .control-panel-page .panel-media-pair--four { max-width: 960px; gap: clamp(.8rem, 2vw, 1.5rem); align-items: start; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait { padding: .65rem; overflow: visible; background: #fff; border: 1px solid rgba(20, 20, 20, .14); border-radius: 22px; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait img { display: block; width: 100%; height: clamp(128px, 13vw, 164px); aspect-ratio: auto; object-fit: cover; object-position: center; border-radius: 16px; background: #f4f4f4; } .control-panel-page .panel-media-pair--four figcaption { width: calc(100% + .3rem); margin: .75rem -.15rem -.15rem; padding: .5rem .45rem; background: #868686; color: #fff; border-radius: 999px; font-size: clamp(.61rem, .86vw, .76rem); font-weight: 700; letter-spacing: .02em; line-height: 1.15; text-align: center; } @media (max-width: 760px) { .control-panel-page .panel-media-pair--four { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 540px; gap: 1.25rem .85rem; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait img { height: 150px; max-height: none; } } @media (max-width: 420px) { .control-panel-page .panel-media-pair--four { grid-template-columns: 1fr; max-width: 290px; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait img { height: 175px; } }  /* Control-panel lower thumbnail rail */ .control-panel-page .panel-lower-showcase { padding-top: clamp(1rem, 3vw, 2.5rem); } .control-panel-page .panel-lower-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2.5rem); max-width: 960px; margin: 0 auto clamp(1.5rem, 3vw, 2.75rem); } .control-panel-page .panel-lower-copy .panel-editorial-copy { max-width: none; } .control-panel-page .panel-media-pair--four .panel-inline-media--portrait, .control-panel-page .panel-media-pair--four .panel-inline-media--wide { cursor: zoom-in; } @media (max-width: 760px) { .control-panel-page .panel-lower-copy { grid-template-columns: 1fr; max-width: 540px; } } 
/* Control-panel uniform lower cards */
.control-panel-page .panel-media-pair--four > .panel-inline-media { width: 100%; max-width: 100%; margin: 0; padding: .65rem; overflow: visible; background: #fff; border: 1px solid rgba(20, 20, 20, .14); border-radius: 22px; box-shadow: none; }
.control-panel-page .panel-media-pair--four > .panel-inline-media img { display: block; width: 100%; height: clamp(128px, 13vw, 164px); max-height: none; aspect-ratio: auto; object-fit: cover; object-position: center; border-radius: 16px; background: #f4f4f4; }
.control-panel-page .panel-media-pair--four > .panel-inline-media figcaption { width: calc(100% + .3rem); margin: .75rem -.15rem -.15rem; padding: .5rem .45rem; background: #868686; color: #fff; border-radius: 999px; font-size: clamp(.61rem, .86vw, .76rem); font-weight: 700; letter-spacing: .02em; line-height: 1.15; text-align: center; }
@media (max-width: 760px) { .control-panel-page .panel-media-pair--four > .panel-inline-media img { height: 150px; } }
@media (max-width: 420px) { .control-panel-page .panel-media-pair--four > .panel-inline-media img { height: 175px; } }