/* Grid Glass phone/tablet layout — 19 October 2026. Load after existing styles. */
.mobileMenuToggle{display:none}
.walkthroughLink{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);line-height:1.5;margin:0 0 16px;text-underline-offset:5px}
@media(max-width:1200px) and (min-width:901px){
 .header .logo{width:310px;max-width:100%}.nav{gap:15px}.nav .enquire{margin-left:0;padding:12px}
 .designerGrid{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}
 .designerGrid>div:first-child{grid-column:1/-1;height:auto;display:block}
 .designerParameters{max-width:none}.designerParameters .ggParameters{max-height:220px}
 .applicationsGrid,.introGrid,.ghanTop,.contactGrid{gap:36px}
}
@media(max-width:900px){
 html{scroll-padding-top:90px}body{min-width:0;-webkit-text-size-adjust:100%}
 .wrap{width:calc(100% - 32px)}.wrap>*,.designerGrid>*,.introGrid>*,.applicationsGrid>*,.contactGrid>*{min-width:0}
 .header{height:72px}.header .wrap{align-items:center;gap:16px;position:static}
 .header .logo{display:block;width:235px;max-width:calc(100vw - 126px);height:62px;object-position:left center}
 .mobileMenuToggle{display:block;min-height:44px;min-width:60px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13px;padding:8px 12px}
 .nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 16px 18px;background:#fff;border-bottom:1px solid var(--line);gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:0 12px 18px #0001;max-height:calc(100svh - 72px);overflow-y:auto}
 .nav.is-open{display:grid}.nav a{display:flex;align-items:center;min-height:44px;padding:12px;font-size:12px;letter-spacing:.08em}.nav .enquire{margin:0;padding:12px}
 .hero{height:520px;height:clamp(380px,72svh,620px)}.heroText{left:24px;right:24px}.hero h1{font-size:clamp(38px,9vw,65px);max-width:100%;overflow-wrap:break-word}.hero a{display:inline-block;min-height:44px;padding-top:12px}
 .intro,.applications,.designer,.projects,.technical,.qa,.ghan,.contact{padding:54px 0}
 .introGrid,.applicationsGrid,.designerGrid,.projects .head,.qa .head,.technical .head,.ghanTop,.contactGrid,.editorialStoryGrid{grid-template-columns:minmax(0,1fr);gap:28px}
 .introCopy{padding-top:0}.display{font-size:clamp(36px,8vw,54px);line-height:1.03}.copy{font-size:16px;line-height:1.65;max-width:none}
 .appTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.tile span{font-size:11px;letter-spacing:.12em;line-height:1.5}
 .appNote{white-space:normal;width:auto;max-width:none;margin-top:20px}.appNoteText{display:block;white-space:normal;transform:none!important;font-size:12px!important;line-height:1.6}
 .designerGrid>div:first-child{height:auto;display:block}.designerGrid .display{font-size:38px!important}.designerGrid .copy{font-size:15px!important}
 .designerParameters{display:block;max-width:none;padding-right:0;overflow:visible}.designerParameters .ggParameters{height:auto;max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}.paramScrollRail{display:none}
 .mobileParameters{margin-top:16px}.mobileParameters>summary{min-height:44px;display:list-item;padding:12px 0;cursor:pointer;font-size:14px}.mobileParameters .ggTitle{display:none}.mobileParameters p{font-size:13px;line-height:1.6}.visualiserDisclaimer{font-size:12px}
 #renderStage.visualPanel{height:360px;height:clamp(260px,43svh,420px);position:sticky;top:72px;z-index:6;box-shadow:0 6px 12px #0001;align-self:start}
 .panelSvg{max-width:90%;transition:none}.realSpace .panelSvg{margin-left:16%;max-width:80%}
 .configColumn{height:auto;min-width:0}.configColumn .ggControls{height:auto;min-height:0;flex:none;overflow:visible;padding:16px}
 .configColumn .ggPane.active,.ggPane.active{height:auto;max-height:none;overflow:visible;padding-right:0}
 .ggTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.ggTabs button{min-height:48px;padding:10px 3px;font-size:11px;line-height:1.4;letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere}
 .ggTitle{font-size:12px}.ggHelp,.ggReadout,.ggProcessStatus{font-size:12px!important;line-height:1.5}
 input,textarea,select,.ggSize input,.hexInput,.nativeColour{font-size:16px!important;min-width:0}
 .ggDimensionInput input{width:100%;min-width:0;min-height:52px}.ggDimensionSteps{width:44px}.ggDimensionSteps button{min-width:44px;min-height:32px;font-size:12px}
 .ggAction,.ggProcessTabs button,.downloadDesign,.button,.form button{min-height:44px;font-size:12px!important;line-height:1.4;letter-spacing:.06em}
 .configColumn .downloadDesign{flex:none;margin-top:14px}.configColumn .downloadStatus{position:static;font-size:12px;line-height:1.5}
 .ggTemplates{grid-template-columns:repeat(2,minmax(0,1fr))}.configColumn .ggTemplateLineThumb{height:110px}.ggTemplateLabel{font-size:12px}
 #glassChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ggSwatch{min-width:0;min-height:44px;touch-action:manipulation}.ggSwatch small,#glassChoices .ggSwatch small{font-size:11px!important;line-height:1.4}
 .configColumn #glassChoices .ggSwatch,.configColumn #kilnChoices .ggSwatch,.configColumn #carveChoices .ggSwatch,.configColumn #frostChoices .ggSwatch,.configColumn #printChoices .ggSwatch{max-width:none}
 #metalChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#metalChoices button{min-height:48px;font-size:12px;padding:8px;white-space:normal}#metalChoices button span{font-size:11px;line-height:1.4}.ggMetalPhoto{max-width:100%}
 .configColumn .colourWheel{width:180px;height:180px;touch-action:none}.ggRange{min-height:44px;touch-action:pan-y}
 .techCards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.techCard{padding:22px 16px}.techCard b{font-size:26px;overflow-wrap:anywhere}.techCard span{font-size:13px}
 .scroll{gap:14px;padding-top:22px;padding-bottom:18px;scroll-padding-left:16px}.scroll img{width:72vw;max-width:330px;height:auto;aspect-ratio:3/4}.scrollHint{font-size:11px;line-height:1.5}
 .acc button{font-size:12px;letter-spacing:.07em;line-height:1.6}.answer{font-size:15px;line-height:1.65}
 .ghanCarousel{width:100%;margin:0;max-width:none}.ghanThumbs{gap:8px}.ghanQA{grid-template-columns:1fr;gap:0;margin-top:32px}.ghanQACol{gap:0}.ghanQA h3{font-size:12px;line-height:1.6}.ghanQA p{font-size:15px}
 .editorialStory{padding:54px 0;scroll-margin-top:90px}.editorialStoryCopy h2{font-size:30px;line-height:1.15}
 .contactGrid{gap:32px}.contactInfoRow{grid-template-columns:1fr;gap:16px}.contactLinks a{overflow-wrap:anywhere}.details{margin-top:24px}.form input,.form textarea{min-height:48px}.form button{width:100%}.footer{font-size:11px;line-height:1.5;padding-bottom:28px}
}
@media(max-width:360px){.heroText{left:16px;right:16px}.hero h1{font-size:36px}.techCards{grid-template-columns:1fr}.ggTabs button{font-size:10px}#glassChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px) and (max-height:500px){#renderStage.visualPanel{position:relative;top:auto;height:300px}.hero{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}