/*
Theme Name: Axiom Glass & Metal
Author: Axiom Glass & Metal
Description: Architectural glass and metal website with a translucent blue glass border fading into white. Includes service photography and a downloadable project brief.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: axiom-glass-metal
*/
:root{--ink:#191919;--muted:#656565;--line:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:'Century Gothic',CenturyGothic,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #343434;outline-offset:5px}img{display:block;max-width:100%}figure,p{margin:0}header{height:116px;padding:22px 5.4%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee}.brand img{width:235px;height:auto}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a{padding:7px 0}.nav-contact{border-bottom:1px solid var(--ink)}.menu{display:none}.hero{padding:64px 5.4% 70px;display:grid;grid-template-columns:1.07fr 1fr;gap:6%;min-height:750px;align-items:center}.hero-copy{padding:24px 0 60px}.eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.6;font-weight:600;margin-bottom:24px}h1,h2,h3{margin:0;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(32px,3.1vw,48px);font-weight:700;margin-bottom:26px}h2{font-size:clamp(32px,3.1vw,48px);font-weight:700}.intro{font-size:22px;max-width:490px;line-height:1.5}.sectors{font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin:27px 0 34px;line-height:2.1}.sectors span{color:#999;padding:0 8px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:12px 23px;font-size:14px;border:1px solid var(--ink);border-radius:0;transition:background .2s}.dark{background:var(--ink);color:#fff}.dark:hover{background:#424242}.hero-image img{width:100%;height:590px;object-fit:cover}.hero-image figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:12px}.hero-image figcaption strong{font-size:13px}.hero-image figcaption span{color:var(--muted)}section:not(.hero){margin:0 5.4%;padding:86px 0;border-top:1px solid var(--line)}.statement-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.statement-grid p{margin-bottom:18px;color:#484848}.text-link{display:inline-block;border-bottom:1px solid #333;padding:4px 0;font-size:14px}.small{font-size:11px;color:#777;margin-left:18px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:35px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px}.filters{display:flex;gap:24px;margin-bottom:34px}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;font-size:14px;color:var(--muted)}.filters button.active{color:var(--ink);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 26px}.project-card{text-align:left;background:none;border:0;padding:0;color:var(--ink);position:relative}.project-card img{height:370px;width:100%;object-fit:cover;transition:filter .3s}.project-card:hover img{filter:brightness(.9)}.project-card.wide{grid-column:span 2}.project-card.wide img{object-position:center}.card-caption{display:block;padding-top:16px}.card-caption strong{font-size:16px;display:block;letter-spacing:-.02em}.card-caption>span{font-size:14px;color:#666;display:block;margin-top:3px}.view{display:block;font-size:12px;margin-top:12px;text-decoration:underline;text-underline-offset:5px}.project-card[hidden]{display:none}.capabilities h2{max-width:980px}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 70px;margin-top:58px}.cap-grid article{position:relative;padding-left:40px}.cap-grid article>span{position:absolute;left:0;top:0;color:#888;font-size:12px}.cap-grid h3{font-size:17px;letter-spacing:-.01em;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:16px}.cap-grid p{font-size:15px;color:#555}.process{display:grid;grid-template-columns:1fr 1fr;gap:9%}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.process li:last-child{margin:0;border:0;padding:0}.process li>span{font-size:12px;color:#777}.process h3{font-size:20px;margin-bottom:10px}.process p{color:#555;font-size:15px}.contact{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.contact>img{height:610px;width:100%;object-fit:cover}.contact h2{font-size:clamp(30px,3vw,46px)}.contact-copy>p:not(.eyebrow){margin:25px 0;font-size:20px;line-height:1.6}.contact-copy>.contact-note{font-size:13px!important;color:#777;max-width:330px}footer{padding:40px 5.4% 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}footer img{width:200px;height:auto}footer p,footer a{font-size:13px}footer>a:last-of-type{text-decoration:underline;text-underline-offset:5px}.copyright{grid-column:1/-1;color:#888;padding-top:15px}dialog{width:min(1000px,90vw);max-height:90vh;border:0;padding:45px;box-shadow:0 15px 60px #0002}dialog::backdrop{background:#0009}dialog .close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:32px;padding:0 10px}dialog h2{font-size:32px;margin-bottom:20px}dialog>p{margin-bottom:20px}#detail-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:25px 0}#detail-images img{width:100%;height:480px;object-fit:cover}#brief-dialog{width:min(650px,92vw)}form{display:grid;gap:17px}label{display:grid;gap:6px;font-size:14px}input,textarea{border:1px solid #bbb;background:#fff;padding:10px 12px;border-radius:0;width:100%;font-size:16px}textarea{resize:vertical}.skip{position:fixed;left:10px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}body.modal-open{overflow:hidden}
@media(min-width:1600px){header,main,footer{max-width:1600px;margin:auto}.hero-image img{height:660px}}
@media(max-width:1000px){header{height:100px}.brand img{width:205px}nav{gap:20px}.hero{gap:4%;min-height:auto;padding-top:45px}.hero-image img{height:480px}h1{font-size:clamp(32px,3.1vw,48px)}.intro{font-size:19px}.project-card img{height:290px}.contact>img{height:520px}.cap-grid{gap:40px}.hero-copy{padding-bottom:20px}}
@media(max-width:720px){html{scroll-padding-top:20px}header{height:88px;position:relative;padding:16px 6%}.brand img{width:180px}.menu{display:block;background:none;border:0;font-size:14px;border-bottom:1px solid;padding:4px 0}nav{display:none;position:absolute;top:87px;left:0;right:0;background:white;padding:24px 6%;z-index:3;border-bottom:1px solid #ccc;flex-direction:column;align-items:flex-start;gap:10px}nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:43px 6% 48px;gap:35px}.hero-copy{width:100%;padding:0}h1{font-size:32px;margin-bottom:22px}.eyebrow{font-size:11px;margin-bottom:20px}.intro{font-size:20px}.sectors{font-size:12px;margin:20px 0 25px}.hero-image{width:100%}.hero-image img{height:480px}.hero-image figcaption{font-size:11px}.hero-image figcaption strong{font-size:12px}section:not(.hero){margin:0 6%;padding:52px 0}.statement-grid,.process,.contact{grid-template-columns:1fr;gap:30px}.statement-grid h2{font-size:32px}.section-heading{display:block}.section-heading>p{margin-top:22px}.filters{gap:18px;flex-wrap:wrap}.filters button{font-size:13px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card.wide{grid-column:auto}.project-card img{height:400px}.project-card.wide img{height:300px}.capabilities h2{font-size:30px}.cap-grid{grid-template-columns:1fr;gap:30px;margin-top:36px}.cap-grid p{font-size:16px}.process{gap:35px}.contact h2{font-size:32px}.contact>img{height:430px}footer{grid-template-columns:1fr;padding:35px 6%;gap:22px}.copyright{grid-column:auto}dialog{padding:38px 22px;width:94vw}dialog h2{font-size:27px}#detail-images{grid-template-columns:1fr}#detail-images img{height:auto;max-height:550px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Expanded editorial copy */
.lead-copy{font-size:20px;line-height:1.6;color:var(--ink)!important}
.sector-stories{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:65px;padding-top:42px;border-top:1px solid var(--line)}
.sector-stories .eyebrow{margin-bottom:16px}.sector-stories h3{font-size:25px;line-height:1.2;margin-bottom:22px}.sector-stories p:not(.eyebrow){color:#505050;margin-bottom:16px;font-size:16px;line-height:1.75}
.cap-intro{max-width:780px;margin-top:28px;font-size:17px;color:#505050}.cap-grid p,.process p{font-size:16px;line-height:1.75}.process-intro{margin-top:27px;max-width:460px}.process li{padding-bottom:30px;margin-bottom:30px}.project-invitation{font-size:16px!important;color:#505050;max-width:510px}.contact>img{height:660px}#detail-copy{max-width:850px;line-height:1.8}
@media(max-width:720px){.sector-stories{grid-template-columns:1fr;gap:28px;margin-top:42px;padding-top:32px}.lead-copy{font-size:19px}.cap-intro{font-size:16px}.contact>img{height:430px}.process-intro{max-width:none}}

.craft-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:42px}.craft-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.craft-gallery figcaption{padding-top:16px;line-height:1.6}.craft-gallery figcaption strong{display:block;font-size:14px;letter-spacing:.015em}.craft-gallery figcaption span{display:block;font-size:14px;color:#666;margin-top:5px}.craft-gallery+.cap-grid{margin-top:56px}
@media(max-width:720px){.craft-gallery{grid-template-columns:1fr;gap:30px;margin-top:30px}.craft-gallery+.cap-grid{margin-top:42px}}

.cnc-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:46px;align-items:center;margin-top:45px}.cnc-feature img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.cnc-feature figcaption{font-size:12px;letter-spacing:.06em;color:#666;margin-top:12px}.cnc-copy h3{font-size:30px;line-height:1.15;margin-bottom:24px}.cnc-copy .eyebrow{margin-bottom:15px}.cnc-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#505050;margin-bottom:16px}.cnc-copy>p:last-child{margin-bottom:0}.cnc-feature+.craft-gallery{margin-top:48px}
@media(max-width:1000px){.cnc-feature{gap:28px;align-items:start}.cnc-copy h3{font-size:26px}}
@media(max-width:720px){.cnc-feature{grid-template-columns:1fr;gap:28px;margin-top:32px}.cnc-copy h3{font-size:28px}}
:root{--ink:#172731;--muted:#586973;--line:#d7e3ea;--blue:#078cbe}body{background:#fff;padding:22px;background-image:linear-gradient(90deg,#b9dfef 0,#edf8fc 22px,#fff 80px, #fff calc(100% - 80px),#edf8fc calc(100% - 22px),#b9dfef 100%)}.site-frame{background:#fff;border:1px solid #c9e6f2;max-width:1600px;margin:auto;box-shadow:0 0 28px 12px #e7f5fc}header{height:144px}.brand img{width:210px}.hero{min-height:700px;padding-top:48px}.hero-copy{padding-bottom:20px}.hero-description{max-width:430px;color:var(--muted);margin-top:22px;font-size:16px}.hero-image img{height:540px}.eyebrow{font-size:14px;color:#4b6979;letter-spacing:.12em}.hero-image figcaption,.hero-image figcaption strong,.cnc-feature figcaption,.copyright{font-size:14px}.dark{background:#173d51;border-color:#173d51}.dark:hover{background:#076d96}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px}.application-grid article{padding:27px 0;border-top:1px solid var(--line)}.application-grid article>span{font-size:14px;letter-spacing:.08em;color:#507486}.application-grid h3{font-size:28px;margin:16px 0 22px}.application-grid p{color:#505f68;font-size:16px;max-width:540px}.application-grid article[hidden]{display:none}details{margin-top:22px;font-size:14px}summary{cursor:pointer;list-style-position:outside;margin-left:15px;padding:5px 0;text-decoration:underline;text-underline-offset:5px}details p{padding-top:14px}.cap-grid article>span,.process li>span{font-size:14px;color:#507486}.contact-address{border-left:1px solid var(--line);padding:50px 0 50px 14%}address{font-style:normal;font-size:clamp(25px,2.8vw,40px);line-height:1.4;margin-bottom:25px}.contact-note{font-size:16px;color:var(--muted);margin-top:35px}footer img{width:170px}footer p,footer a{font-size:14px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--blue)}#brief-dialog>p:not(.eyebrow){font-size:16px}#brief-dialog h2{font-size:30px}
@media(max-width:1000px){nav{gap:20px}.brand img{width:180px}.hero-image img{height:470px}.hero{min-height:650px}}
@media(max-width:720px){body{padding:9px;background-image:linear-gradient(90deg,#b9dfef,#fff 40px,#fff calc(100% - 40px),#b9dfef)}header{height:108px}.brand img{width:150px}nav{top:107px}.hero{min-height:0;padding-top:38px}.hero-image img{height:400px}.eyebrow{font-size:14px}.hero h1,section h2{font-size:32px}.application-grid{grid-template-columns:1fr;gap:0}.contact-address{border-left:0;border-top:1px solid var(--line);padding:32px 0}.hero-image figcaption{flex-direction:column;gap:3px}.sectors{font-size:14px}.filters button{font-size:14px}}
.application-grid article>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:24px}.application-grid .image-note{margin-top:18px;font-size:14px;color:#637580}.hero-image img{object-position:center}.hero-image{min-width:0}h1,h2{overflow-wrap:normal}.filters{flex-wrap:wrap}section,article{min-width:0}
@media(min-width:1600px){.hero-image img{height:590px}}

/* Soft translucent glass edge, dissolving into the white page. */
body{background:#fff;background-image:none}
.site-frame{border:0;box-shadow:none;position:relative}
.site-frame::before{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(137,203,232,.58) 0,rgba(177,224,243,.34) 20px,rgba(219,242,252,.17) 58px,rgba(255,255,255,0) 120px),linear-gradient(270deg,rgba(137,203,232,.58) 0,rgba(177,224,243,.34) 20px,rgba(219,242,252,.17) 58px,rgba(255,255,255,0) 120px),linear-gradient(180deg,rgba(181,225,244,.48) 0,rgba(224,244,253,.22) 25px,rgba(255,255,255,0) 88px),linear-gradient(0deg,rgba(181,225,244,.4) 0,rgba(224,244,253,.18) 22px,rgba(255,255,255,0) 76px)}
@media(max-width:720px){body{background:#fff;background-image:none}.site-frame::before{background:linear-gradient(90deg,rgba(137,203,232,.48),rgba(211,238,251,.2) 17px,rgba(255,255,255,0) 44px),linear-gradient(270deg,rgba(137,203,232,.48),rgba(211,238,251,.2) 17px,rgba(255,255,255,0) 44px),linear-gradient(180deg,rgba(181,225,244,.4),rgba(255,255,255,0) 38px),linear-gradient(0deg,rgba(181,225,244,.32),rgba(255,255,255,0) 33px)}}

.wp-content-page{padding:65px 5.4%;min-height:55vh}.wp-content-page h1{margin-bottom:30px}.wp-content-page p{margin:18px 0}.wp-content-page ul{padding-left:25px}.admin-bar .site-frame::before{top:32px}@media(max-width:782px){.admin-bar .site-frame::before{top:46px}}
css

