(render.js), .gp-catalog added on /greenhouses/*. Scrollcraft's engine layer (tokens + devices, NOT its reset/typography, which would restyle ) is inlined at the top; the engine JS is loaded by dg-gp.js. Site-specific adjustments sit at the very end, after the ported rules. ========================================================================== */ /* ---- scrollcraft engine layer (vendor, unchanged) ---- */ /* ---------------------------------------------------------------- tokens -- */ :root { /* --- colour roles. Override these six and the page is rebranded. -------- */ --sc-canvas: #08090b; /* the page ground. Drift interpolates this. */ --sc-surface: #101217; /* anything raised off the ground */ --sc-ink: #f4f2ef; /* primary text */ --sc-ink-soft: #9a9ba1; /* secondary text. Tinted, never flat gray. */ --sc-accent: #d8ff3e; /* ONE accent. It owns a region, not confetti. */ --sc-accent-ink: #08090b; /* text that sits on the accent */ --sc-hairline: color-mix(in oklab, var(--sc-ink) 12%, transparent); --sc-hairline-strong: color-mix(in oklab, var(--sc-ink) 22%, transparent); /* --- type. Two families max. Display carries voice, text carries prose. - */ --sc-font-display: "Instrument Sans", "Geist", system-ui, sans-serif; --sc-font-text: "Geist", system-ui, sans-serif; --sc-font-mono: "Geist Mono", ui-monospace, monospace; /* Fluid ramp. Tracking tightens as size grows because a face set at 6rem with 0 tracking reads loose; this is optical correction, not decoration. */ --sc-t-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem); --sc-t-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem); --sc-t-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem); --sc-t-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem); --sc-t-xl: clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem); --sc-t-2xl: clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem); --sc-t-3xl: clamp(2.8rem, 1.9rem + 4.2vw, 5rem); --sc-t-4xl: clamp(3.4rem, 1.9rem + 6.6vw, 7.5rem); --sc-track-tight: -0.035em; --sc-track-snug: -0.02em; --sc-track-normal: -0.005em; --sc-track-wide: 0.08em; --sc-leading-none: 0.94; --sc-leading-tight: 1.06; --sc-leading-body: 1.62; --sc-measure: 62ch; /* --- space. 4px base: the useful middle steps an 8-only scale misses. --- */ --sc-1: 0.25rem; --sc-2: 0.5rem; --sc-3: 0.75rem; --sc-4: 1rem; --sc-5: 1.5rem; --sc-6: 2rem; --sc-7: 3rem; --sc-8: 4rem; --sc-9: 6rem; --sc-10: 8rem; --sc-11: 12rem; /* Section rhythm is fluid so a phone doesn't inherit desktop air. */ --sc-section: clamp(4.5rem, 9vw, 11rem); --sc-gutter: clamp(1.25rem, 5vw, 5.5rem); --sc-maxw: 82rem; /* --- radius. Pick one scale for the page and hold it. ------------------- */ --sc-r-sm: 6px; --sc-r-md: 12px; --sc-r-lg: 20px; --sc-r-pill: 999px; /* --- elevation. Every shadow has an offset AND a soft blur, and is tinted to the canvas hue. A zero-offset coloured halo is decoration, not depth, so there isn't one here. ---------------------------------- */ --sc-shadow-color: 220 40% 2%; --sc-e1: 0 1px 2px hsl(var(--sc-shadow-color) / 0.28), 0 2px 6px -1px hsl(var(--sc-shadow-color) / 0.20); --sc-e2: 0 2px 4px hsl(var(--sc-shadow-color) / 0.24), 0 8px 18px -4px hsl(var(--sc-shadow-color) / 0.30); --sc-e3: 0 4px 8px hsl(var(--sc-shadow-color) / 0.22), 0 18px 40px -8px hsl(var(--sc-shadow-color) / 0.38), 0 48px 90px -24px hsl(var(--sc-shadow-color) / 0.30); /* Edge light: a 1px top highlight sells a raised surface better than any amount of blur, because real raised things catch light on their lip. */ --sc-edge: inset 0 1px 0 color-mix(in oklab, var(--sc-ink) 10%, transparent); /* --- motion. Built-in CSS easings are too weak for UI. ------------------ */ --sc-ease-out: cubic-bezier(0.23, 1, 0.32, 1); --sc-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); --sc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1); --sc-d-fast: 160ms; --sc-d-base: 240ms; --sc-d-slow: 420ms; --sc-z-stage: 1; --sc-z-copy: 20; --sc-z-chrome: 60; } /* =============================================================== DEVICES == Driven by the engine. Restyle your own markup, not these. */ .sc-act--pinned { position: relative; } .sc-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: clip; z-index: var(--sc-z-stage); } /* scrub / sequence media */ .sc-stage :is(video[data-sc-scrub], canvas[data-sc-sequence], .sc-stage__poster) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } video[data-sc-scrub] { opacity: 0; transition: opacity 380ms var(--sc-ease-out); } .sc-has-clip video[data-sc-scrub] { opacity: 1; } /* The poster is a live frame-holder, not a placeholder: it stays up until a real video frame has painted, which is what stops the blank-stage flash. */ .sc-stage__poster { z-index: 0; transition: opacity 380ms var(--sc-ease-out); } .sc-has-clip .sc-stage__poster { opacity: 0; } /* A scrim only where text sits. A full-frame darkening layer flattens the image everywhere to fix contrast in one corner. */ .sc-scrim { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient( var(--sc-scrim-angle, 180deg), color-mix(in oklab, var(--sc-canvas) var(--sc-scrim-a, 78%), transparent) 0%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 68%); } /* Point the scrim at the copy. A scrim gradient that darkens the top while the copy sits at the bottom fixes contrast nowhere and flattens the image everywhere, which is the most common way text-over-video goes wrong. */ .sc-scrim--bottom { --sc-scrim-angle: 0deg; } .sc-scrim--left { --sc-scrim-angle: 90deg; } .sc-scrim--right { --sc-scrim-angle: 270deg; } /* Corner scrims, for copy anchored to a corner. An edge gradient has to darken a whole band across the frame to cover one corner; a corner gradient puts the density where the text is and leaves the rest of the image alone. Pair with .sc-copy--lead / .sc-copy--trail. */ .sc-scrim--lead { background: linear-gradient(to top right, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%); } .sc-scrim--trail { background: linear-gradient(to top left, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%); } /* A band across the bottom, for copy that spans the full width of the frame. That is what both corner anchors become below 860px, and it is also the right shape whenever the copy block is wider than a corner. */ .sc-scrim--band { background: linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%); } .sc-scrim--vignette { background: radial-gradient(120% 90% at 50% 45%, transparent 40%, color-mix(in oklab, var(--sc-canvas) 70%, transparent) 100%); } /* copy over a stage. max-width is in rem, never ch. A `ch` on this container resolves against the CONTAINER's font-size (body size), not the display size of the heading inside it, so `max-width: 20ch` here silently produces a ~180px column and wraps a hero headline to six lines. Set a ch measure on the text element itself. */ .sc-copy { position: absolute; z-index: var(--sc-z-copy); inset-inline: var(--sc-gutter); max-width: min(46rem, 76vw); will-change: opacity, transform; } .sc-copy--lead { left: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); } /* inset-inline FIRST. It is the shorthand for left+right, so declaring it after `left: 50%` resets left to auto and the block drifts off the left edge. */ .sc-copy--center { inset-inline: auto; left: 50%; top: 50%; translate: -50% -50%; text-align: center; } .sc-copy--trail { inset-inline: auto; right: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); text-align: right; } /* cue defaults: the engine writes opacity/transform inline, these are the pre-paint state so nothing flashes before the first read() */ [data-sc-cue] { opacity: 0; will-change: opacity, transform; } .sc-ready [data-sc-cue] { transition: none; } /* kinetic split */ .sc-split { display: inline-block; overflow: hidden; vertical-align: top; } /* Descenders live below the baseline; a line mask clipped to the line box eats the tails off g, y, p, j. The padding buys them room back. */ .sc-split--line { display: block; padding-bottom: 0.14em; margin-bottom: -0.14em; } .sc-split__i { display: inline-block; will-change: transform, opacity; } .sc-is-split { opacity: 1 !important; } /* horizontal rail */ [data-sc-pan] { display: flex; will-change: transform; } /* reveal + parallax */ [data-sc-reveal] { will-change: clip-path; } [data-sc-parallax] { will-change: transform; } /* flow reveal (fires once) */ [data-sc-in], [data-sc-stagger] > * { opacity: 0; transform: translate3d(0, 14px, 0); transition: opacity 620ms var(--sc-ease-out), transform 620ms var(--sc-ease-out); } [data-sc-in].sc-in, [data-sc-stagger] > .sc-in { opacity: 1; transform: none; } /* pointer devices */ [data-sc-tilt] { transform-style: preserve-3d; will-change: transform; } [data-sc-magnet] { will-change: transform; } /* isolation always; position only if nothing more specific already set it. Written with :where() (zero specificity) on purpose: a plain `position: relative` here has the same weight as `.sc-stage` and, being later in the file, silently wins. A stage carrying both attributes then stops being sticky and the whole act scrolls away instead of pinning. */ [data-sc-spotlight] { isolation: isolate; } :where([data-sc-spotlight]) { position: relative; } [data-sc-spotlight]::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; background: radial-gradient( 28rem 28rem at calc(var(--sc-mx, 0.5) * 100%) calc(var(--sc-my, 0.5) * 100%), color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 70%); opacity: 0; transition: opacity var(--sc-d-slow) var(--sc-ease-out); } [data-sc-spotlight]:hover::after { opacity: 1; } /* ----------------------------------------------------------- atmosphere -- Depth is not only shadow. Grain keeps a flat dark ground from banding, and it is the difference between "a dark page" and "a lit room". */ .sc-grain { position: fixed; inset: 0; pointer-events: none; z-index: 3; opacity: 0.045; } .sc-grain::before { content: ""; position: absolute; inset: -50%; background-image: url("data:image/svg+xml;utf8,"); } /* -------------------------------------------------------- reduced motion -- */ @media (prefers-reduced-motion: reduce) { /* Fewer and gentler, not zero. Opacity still carries the reveal so the page is comprehensible; every position change is dropped. */ [data-sc-in], [data-sc-stagger] > * { transform: none; transition-duration: 220ms; } [data-sc-parallax], [data-sc-pan], .sc-split__i { transform: none !important; } /* A wipe is a position change too. Show reveal content settled. */ [data-sc-reveal] { clip-path: none !important; } /* A rail's transform IS its navigation, not decoration. Zeroing it the way parallax and kinetic type are zeroed parks the act on its first screenful and makes everything past the fold unreachable: a device degrading into missing content. Hand the travel back to the reader as an ordinary scroll region instead, so the same items are all still gettable without motion. A build that would rather re-lay the rail out as a grid can still do that; this is the floor, not the ceiling. */ [data-sc-act="pan"] .sc-stage, [data-sc-act="pan"] [data-sc-stage] { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; } [data-sc-pan] > * { scroll-snap-align: center; } [data-sc-spotlight]::after { display: none; } /* A worldflight keeps its whole story here. No clip is ever fetched, so the posters are the film, and they cross-dissolve through exactly the same seams at exactly the same scroll positions. The push-in and the copy drift are the only things that go. */ .sc-world__poster, [data-sc-copy] { transform: none !important; } } /* --------------------------------------------------------------- mobile -- */ @media (max-width: 860px) { .sc-copy { inset-inline: var(--sc-gutter); max-width: none; } .sc-copy--trail { text-align: left; } .sc-stage { height: 100svh; } /* .sc-copy--trail re-anchors to the left and spans the full width here, so a bottom-RIGHT corner gradient darkens the one corner the copy just left and guarantees a contrast failure over any bright clip. Point the density at the copy: the same band .sc-scrim--band paints. */ .sc-scrim--trail { background: linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%); } } /* Font aliases: the prototype's family names, the site's own files (main.css declares the same faces as "ABCFavorit"/"Poppins"). */ @font-face{font-family:"DG Favorit";src:url("/assets/fonts/ABCFavoritExpandedVariable.woff2") format("woff2");font-weight:100 900;font-display:swap} @font-face{font-family:"DG Poppins";src:url("/assets/fonts/Poppins-300.woff2") format("woff2");font-weight:300 400;font-display:swap} @font-face{font-family:"DG Poppins";src:url("/assets/fonts/Poppins-500.woff2") format("woff2");font-weight:500 800;font-display:swap} /* ---- home.css ---- */ .dg-home{--dg-forest:#061f13;--dg-green:#719b50;--dg-green-dark:#5d8340;--dg-navy:#001527;--dg-mist:#ebedec;--dg-white:#fff;--sc-canvas:#061f13;--sc-surface:#001527;--sc-ink:#fff;--sc-ink-soft:#ebedec;--sc-accent:#719b50;--sc-accent-ink:#061f13;--sc-font-display:'DG Favorit',sans-serif;--sc-font-text:'DG Poppins',sans-serif;--dg-line:rgba(6,31,19,.18);background:#fff;color:var(--dg-forest);font:300 16px/1.65 'DG Poppins',sans-serif;overflow:clip} .dg-home *{box-sizing:border-box}.dg-home h1,.dg-home h2,.dg-home h3{font-family:'DG Favorit',sans-serif;font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.1;max-width:none}.dg-home p{margin:0}.dg-home img{display:block}.dg-home button,.dg-home input,.dg-home select,.dg-home textarea{font:inherit}.dg-home button,.dg-home a{-webkit-tap-highlight-color:transparent}.dg-home button{cursor:pointer}.dg-home a{text-decoration:none}.dg-home button:focus-visible,.dg-home a:focus-visible,.dg-home input:focus-visible,.dg-home select:focus-visible,.dg-home textarea:focus-visible{outline:3px solid var(--dg-green);outline-offset:5px}.dg-home ::selection{background:var(--dg-green);color:var(--dg-forest)}.dg-wrap{width:calc(100% - 112px);max-width:1512px;margin:0 auto}.dg-home section[id]{scroll-margin-top:90px}.dg-kicker{font-size:12px;font-weight:500;letter-spacing:.15em;line-height:1.6}.dg-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:14px 26px;border:1px solid transparent;border-radius:100px;background:var(--dg-green);color:var(--dg-forest);font-size:14px!important;font-weight:500!important;line-height:1.4;transition:background .2s,transform .25s;white-space:normal}.dg-button:hover{background:#fff;transform:translateY(-2px)}.dg-button svg{flex-shrink:0}.dg-inline-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500}.dg-inline-link svg{flex-shrink:0}.dg-skip{position:fixed;z-index:200;left:20px;top:-100px;background:var(--dg-green);color:var(--dg-forest);padding:12px 20px}.dg-skip:focus{top:16px} .dg-header{position:fixed;inset:0 0 auto;z-index:60;color:white;transition:background .25s,box-shadow .25s}.dg-header.is-scrolled{background:rgba(6,31,19,.97);box-shadow:0 1px rgba(255,255,255,.1);backdrop-filter:blur(16px)}.dg-nav{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(255,255,255,.2)}.dg-brand img{width:222px;height:auto;filter:brightness(0) invert(1)}.dg-desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.dg-desktop-nav a{padding:12px 0;position:relative}.dg-desktop-nav a:after{position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--dg-green);content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s}.dg-desktop-nav a:hover:after{transform:scaleX(1)}.dg-nav-end{display:flex;align-items:center;gap:15px}.dg-nav-cta{display:flex;gap:20px;align-items:center;border:1px solid rgba(255,255,255,.45);padding:11px 21px;border-radius:100px;margin-left:18px;font-size:14px}.dg-nav-cta:hover{background:var(--dg-green);color:var(--dg-forest);border-color:var(--dg-green)}.dg-menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;color:white}.dg-menu-toggle span{height:1px;display:block;background:currentColor;margin:7px 0}.dg-mobile-nav{background:var(--dg-forest);padding:22px 28px 28px;display:flex;flex-direction:column;gap:12px;max-height:calc(100svh - 76px);overflow:auto}.dg-mobile-nav a{font:500 22px/1.5 'DG Favorit',sans-serif;padding:8px 0} .dg-hero{position:relative;isolation:isolate;min-height:870px;height:100svh;max-height:1120px;background:var(--dg-forest);color:var(--dg-white);overflow:hidden}.dg-hero-grid{position:absolute;inset:98px 0 0;z-index:-2;background-image:linear-gradient(rgba(113,155,80,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(113,155,80,.085) 1px,transparent 1px);background-size:calc((100vw - 112px)/6) 180px;mask-image:linear-gradient(transparent,black 65%,transparent);opacity:.6;transform:translateY(calc(var(--hero-p,0)*-24px))}.dg-hero-top{position:relative;z-index:3;display:grid;grid-template-columns:1fr 310px;align-items:end;gap:50px;padding-top:166px}.dg-hero-top .dg-kicker{color:var(--dg-mist);margin-bottom:28px}.dg-hero h1{font-size:clamp(82px,8.5vw,142px);letter-spacing:-.06em;line-height:1.04;white-space:nowrap}.dg-hero h1 span{color:var(--dg-green)}.dg-hero-intro{padding-bottom:4px}.dg-hero-intro>p:first-child{font-size:18px;line-height:1.5}.dg-hero-small{color:rgba(255,255,255,.75);font-size:14px;line-height:1.65;margin-top:14px!important;max-width:300px}.dg-hero-intro .dg-button{margin-top:23px;min-height:48px;padding:12px 20px;gap:18px}.dg-hero-word{position:absolute;z-index:-1;top:43%;left:2.5%;font:500 clamp(140px,22vw,360px)/1 'DG Favorit',sans-serif;letter-spacing:-.065em;color:var(--dg-green);opacity:.12;transform:translateY(calc(var(--hero-p,0)*-100px));user-select:none}.dg-hero-product{position:absolute;inset:auto 2.5% 155px;transform:translateY(calc(var(--hero-p,0)*-30px)) scale(calc(1 + var(--hero-p,0)*.08));transform-origin:50% 70%}.dg-hero-product>img{width:100%;height:auto;max-height:43svh;min-height:230px;object-fit:contain;filter:drop-shadow(0 35px 20px rgba(0,21,39,.45))}.dg-hero-annotation{position:absolute;right:9%;top:30%;display:flex;align-items:center;gap:12px;font-size:12px;transform:translateY(calc(var(--hero-p,0)*-25px));background:var(--dg-forest);padding:7px 12px;color:var(--dg-mist);border:1px solid rgba(113,155,80,.4);border-radius:3px}.dg-annotation-line{position:absolute;right:100%;width:65px;height:1px;background:var(--dg-green);transform:rotate(-35deg);transform-origin:right}.dg-annotation-line:before{content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;border:1px solid var(--dg-mist);border-radius:50%}.dg-hero-bottom{display:grid;grid-template-columns:1.2fr .55fr .75fr 1fr;position:absolute;bottom:0;left:0;right:0;align-items:center;border-top:1px solid rgba(255,255,255,.2);min-height:126px;gap:24px}.dg-hero-model>span{display:block;font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.65);margin-bottom:8px}.dg-hero-model strong{font:400 18px 'DG Favorit',sans-serif;display:flex;align-items:center;gap:15px}.dg-hero-model i{display:block;height:16px;width:1px;background:rgba(255,255,255,.3)}.dg-hero-stat{display:flex;flex-direction:column;gap:2px}.dg-hero-stat strong{font:400 30px/1.2 'DG Favorit',sans-serif;letter-spacing:-.04em}.dg-hero-stat span{font-size:12px;color:rgba(255,255,255,.65)}.dg-hero-custom{justify-self:end;font-size:12px;color:rgba(255,255,255,.7);line-height:1.8}.dg-hero-custom span{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--dg-white)} .dg-intro{padding:102px 0 92px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.dg-intro h2{font-size:clamp(30px,3.35vw,53px);line-height:1.25}.dg-intro h2 span{color:var(--dg-green-dark)}.dg-intro p{max-width:600px;font-size:17px;line-height:1.85}.dg-intro-notes{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:27px;font-size:12px;color:var(--dg-forest);font-weight:500}.dg-intro-notes span{display:flex;align-items:center;gap:9px}.dg-intro-notes span:before{content:'✓';color:var(--dg-green-dark)} .dg-showroom{background:var(--dg-mist);position:relative;--sc-ink:#061f13;--sc-ink-soft:#061f13}.dg-showroom-stage{display:flex;flex-direction:column;justify-content:center;padding:38px 0 22px;min-height:780px;top:70px!important;height:calc(100svh - 70px)!important}.dg-showroom-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.dg-showroom-head .dg-kicker{color:var(--dg-green-dark);margin-bottom:12px}.dg-showroom h2{font-size:clamp(30px,3vw,48px)}.dg-showroom-head>.dg-inline-link{font-size:13px;margin-bottom:5px}.dg-series{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-bottom:1px solid var(--dg-line);gap:30px}.dg-series button{display:flex;gap:20px;align-items:baseline;padding:13px 0 17px;border:0;border-bottom:3px solid transparent;background:transparent;text-align:left;color:var(--dg-forest);opacity:.58;transition:opacity .2s,border-color .2s}.dg-series button[aria-pressed=true]{opacity:1;border-color:var(--dg-green-dark)}.dg-series button:hover{opacity:1}.dg-series button>span{font:500 31px/1.1 'DG Favorit',sans-serif;letter-spacing:-.035em}.dg-series small{font-size:13px}.dg-series svg{margin-left:auto;align-self:center}.dg-product-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:44px;margin-top:28px;align-items:stretch}.dg-product-visual{position:relative;min-width:0;min-height:410px;overflow:hidden;border-radius:4px;background:var(--dg-white);isolation:isolate}.dg-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.dg-render.is-active{opacity:1}.dg-view-controls{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;white-space:nowrap;background:#fff;padding:5px;border-radius:100px;box-shadow:0 4px 15px rgba(0,21,39,.12);z-index:3;gap:2px}.dg-view-controls button{display:flex;align-items:center;gap:8px;border:0;border-radius:100px;padding:9px 13px;background:transparent;font-size:12px;font-weight:500;color:var(--dg-forest)}.dg-view-controls button[aria-pressed=true]{background:var(--dg-forest);color:white}.dg-visual-note{position:absolute;left:15px;top:13px;padding:3px 8px;background:rgba(255,255,255,.9);font-size:11px;border-radius:2px;z-index:3}.dg-product-details{padding:3px 0 4px;display:flex;flex-direction:column;min-width:0}.dg-product-series{font-size:13px;font-weight:500;display:block;margin-bottom:10px;color:var(--dg-green-dark)}.dg-product-details h3{font-size:clamp(25px,2.4vw,38px);line-height:1.15;margin-bottom:13px}.dg-product-heading>p{font-size:14px;line-height:1.7;max-width:490px}.dg-size-picker{border:0;padding:0;margin:23px 0 0}.dg-size-picker legend{font-size:12px;font-weight:500;margin-bottom:9px}.dg-size-picker>div{display:flex;gap:8px}.dg-size-picker button{border:1px solid var(--dg-line);padding:8px 20px;border-radius:50px;background:transparent;color:var(--dg-forest);font-size:13px;min-height:40px}.dg-size-picker button[aria-pressed=true]{background:var(--dg-forest);color:white;border-color:var(--dg-forest)}.dg-size-picker button:hover{border-color:var(--dg-forest)}.dg-product-specs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 22px;gap:14px 20px}.dg-product-specs>div{border-top:1px solid var(--dg-line);padding-top:9px}.dg-product-specs dt{font-size:12px;margin-bottom:4px}.dg-product-specs dd{font:500 26px/1.15 'DG Favorit',sans-serif;letter-spacing:-.04em;margin:0}.dg-product-specs dd small{font-size:16px}.dg-product-specs dd.dg-method{font-size:20px;padding-top:5px}.dg-product-actions{display:flex;flex-wrap:wrap;gap:14px 23px;align-items:center;margin-top:auto}.dg-product-actions .dg-button{padding:12px 20px;min-height:48px;gap:18px}.dg-product-actions .dg-button:hover{background:var(--dg-forest);color:white}.dg-product-actions>a{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.dg-showroom-tail{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--dg-line)}.dg-showroom-tail>a{display:flex;align-items:center;gap:12px}.dg-scene{position:absolute;inset:0;background:var(--dg-mist)}.dg-scene canvas{width:100%;height:100%;display:block}.dg-scene-fallback{position:absolute;inset:0}.dg-scene-fallback img{width:100%;height:100%;object-fit:cover}.dg-scene-fallback>span{position:absolute;inset:auto 16px 90px;background:white;padding:10px 14px;text-align:center;font-size:13px} .dg-custom{background:var(--dg-forest);color:white;padding:100px 0;position:relative}.dg-custom-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px;align-items:center}.dg-custom-copy{padding:15px 0}.dg-custom .dg-kicker{color:var(--dg-mist);margin-bottom:27px}.dg-custom h2{font-size:clamp(40px,4.5vw,73px);line-height:1.1}.dg-custom h2 span{color:var(--dg-green)}.dg-custom-copy>p:not(.dg-kicker){margin-top:27px;max-width:480px;font-size:16px;line-height:1.8;color:rgba(255,255,255,.8)}.dg-button-outline{margin-top:33px;background:transparent;border-color:rgba(255,255,255,.45);color:white}.dg-button-outline:hover{background:var(--dg-green);color:var(--dg-forest);border-color:var(--dg-green)}.dg-custom-photo{margin:0;position:relative;min-height:510px;height:40vw;max-height:690px;overflow:hidden}.dg-custom-photo img{width:100%;height:100%;object-fit:cover}.dg-custom-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(6,31,19,.85))}.dg-custom-photo figcaption{position:absolute;left:30px;bottom:29px;right:30px;z-index:1}.dg-custom-photo figcaption span{display:block;font-size:11px;letter-spacing:.13em;margin-bottom:8px}.dg-custom-photo figcaption strong{font-size:16px;font-weight:400} .dg-path{padding:92px 0 100px}.dg-path-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.dg-path-heading h2{font-size:clamp(33px,3.4vw,52px);line-height:1.17}.dg-path-heading>a{max-width:320px}.dg-path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.dg-path-steps article{border-top:1px solid var(--dg-line);padding-top:23px}.dg-path-steps article>span{font-size:12px;color:var(--dg-green-dark);font-weight:500}.dg-path-steps h3{font-size:28px;margin:20px 0 15px}.dg-path-steps p{font-size:15px;max-width:380px;line-height:1.75} .dg-enquiry{background:var(--dg-mist);padding:85px 0 90px;color:var(--dg-forest)}.dg-enquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.dg-enquiry-copy .dg-kicker{color:var(--dg-green-dark);margin-bottom:26px}.dg-enquiry h2{font-size:clamp(58px,6.5vw,100px);line-height:1.03;letter-spacing:-.06em}.dg-enquiry-copy>p:not(.dg-kicker){font-size:17px;margin-top:27px;line-height:1.75}.dg-enquiry-copy>.dg-inline-link{margin-top:37px;font-size:12px;max-width:370px}.dg-enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;align-content:start;padding-top:4px}.dg-full{grid-column:1/-1}.dg-enquiry-form label>span{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.dg-enquiry-form label>span b{font-weight:400;color:var(--dg-green-dark)}.dg-enquiry-form label>span small{font-size:12px;font-weight:300}.dg-enquiry-form input,.dg-enquiry-form select,.dg-enquiry-form textarea{width:100%;color:var(--dg-forest);background:rgba(255,255,255,.7);border:1px solid rgba(6,31,19,.18);border-radius:4px;padding:12px 14px;min-height:48px;font-size:14px;box-shadow:none;outline-offset:1px;transition:border-color .2s}.dg-enquiry-form input:hover,.dg-enquiry-form select:hover,.dg-enquiry-form textarea:hover{border-color:var(--dg-green-dark)}.dg-enquiry-form input::placeholder,.dg-enquiry-form textarea::placeholder{color:rgba(6,31,19,.6)}.dg-enquiry-form textarea{resize:vertical;min-height:82px}.dg-honeypot{position:absolute;left:-9999px;height:1px;overflow:hidden}.dg-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:3px}.dg-form-bottom p{font-size:12px;line-height:1.7}.dg-form-bottom .dg-button{gap:20px;flex-shrink:0}.dg-form-bottom .dg-button:hover{background:var(--dg-forest);color:white}.dg-form-bottom button:disabled{opacity:.6;cursor:wait;transform:none}.dg-form-error{font-size:13px}.dg-form-error a{text-decoration:underline} .dg-footer{background:var(--dg-forest);color:white;padding:63px 0 24px}.dg-footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.25fr 1fr;gap:38px}.dg-footer-top>.dg-brand img{width:200px}.dg-footer-top>p{font:400 18px/1.4 'DG Favorit',sans-serif;letter-spacing:-.02em}.dg-footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.dg-footer-top>div>span{font-size:12px;color:rgba(255,255,255,.55);margin-bottom:10px}.dg-footer-top a,.dg-footer-top>div>p{font-size:12px;line-height:1.8}.dg-footer-top a:hover{color:var(--dg-green)}.dg-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:53px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;color:rgba(255,255,255,.65)} @media(min-width:1700px){.dg-hero-product{inset:auto 5% 155px}.dg-product-layout{grid-template-columns:1.65fr 1fr}.dg-product-visual{min-height:470px}} @media(max-height:820px) and (min-width:1001px){.dg-hero{height:860px}.dg-showroom-stage{min-height:740px;height:740px!important}.dg-showroom{height:auto!important}.dg-product-visual{min-height:390px}.dg-showroom-stage{position:relative!important;top:0!important}} @media(max-width:1200px){.dg-wrap{width:calc(100% - 72px)}.dg-desktop-nav{gap:19px;font-size:12px}.dg-brand img{width:185px}.dg-nav-cta{margin-left:0;padding:10px 16px;font-size:13px}.dg-hero-top{grid-template-columns:1fr 270px;gap:35px}.dg-hero h1{font-size:8.8vw}.dg-hero-small{font-size:13px}.dg-product-layout{gap:30px;grid-template-columns:1.25fr 1fr}.dg-product-actions>a{font-size:12px}.dg-intro{gap:55px}.dg-custom-layout{gap:48px}.dg-footer-top{gap:25px;grid-template-columns:1.2fr 1fr 1fr 1.2fr}.dg-footer-top>p{display:none}.dg-enquiry-layout{gap:45px}.dg-form-bottom{align-items:flex-start;flex-direction:column;gap:17px}.dg-hero-product{bottom:180px}} @media(max-width:1000px){.dg-desktop-nav{display:none}.dg-menu-toggle{display:block}.dg-nav{height:80px}.dg-hero{min-height:810px;max-height:none;height:90svh}.dg-hero-top{padding-top:130px;grid-template-columns:1fr;gap:22px}.dg-hero h1{font-size:11vw}.dg-hero-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.dg-hero-intro>p:first-child{font-size:16px}.dg-hero-small{display:none}.dg-hero-intro .dg-button{margin-top:0}.dg-hero-product{inset:auto 0 190px}.dg-hero-annotation{top:10%;right:8%;font-size:11px}.dg-hero-word{top:49%}.dg-hero-bottom{grid-template-columns:1.3fr .6fr .85fr;min-height:140px}.dg-hero-custom{display:none}.dg-intro{padding:65px 0;gap:35px}.dg-intro p{font-size:15px}.dg-intro-notes{font-size:12px;gap:8px 14px}.dg-showroom{height:auto!important}.dg-showroom-stage{height:auto!important;min-height:0;padding:45px 0 27px;position:relative!important;top:0!important}.dg-showroom-head{align-items:start}.dg-showroom-head>.dg-inline-link{max-width:160px;line-height:1.5}.dg-product-layout{grid-template-columns:1.15fr 1fr;gap:25px}.dg-product-visual{min-height:490px}.dg-product-details h3{font-size:27px}.dg-product-actions .dg-button{font-size:13px!important;width:100%;justify-content:space-between}.dg-product-heading>p{font-size:13px}.dg-product-specs dd{font-size:24px}.dg-view-controls{bottom:20px;padding:4px}.dg-view-controls button{padding:9px 10px;font-size:11px;gap:5px}.dg-view-controls svg{width:16px}.dg-showroom-tail{font-size:11px}.dg-custom{padding:65px 0}.dg-custom-layout{gap:30px}.dg-custom h2{font-size:4.9vw}.dg-custom-photo{min-height:440px}.dg-custom-copy>p:not(.dg-kicker){font-size:14px}.dg-path{padding:65px 0}.dg-path-steps{gap:30px}.dg-path-steps p{font-size:14px}.dg-path-heading>a{max-width:230px;font-size:12px}.dg-enquiry-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.dg-enquiry-form{gap:18px 13px}.dg-footer-top{grid-template-columns:1fr 1fr 1fr;gap:38px}.dg-footer-top>.dg-brand{grid-column:1/-1}} @media(max-width:700px){.dg-wrap{width:calc(100% - 40px)}.dg-nav{height:76px;gap:10px}.dg-brand img{width:165px}.dg-nav-cta{font-size:12px;padding:8px 14px;gap:9px}.dg-nav-end{gap:5px}.dg-nav-cta svg{width:15px}.dg-menu-toggle{width:37px;padding:7px}.dg-hero{min-height:760px;height:100svh;max-height:950px}.dg-hero-top{padding-top:122px;gap:24px}.dg-hero-top .dg-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:24px}.dg-hero h1{font-size:clamp(46px,11.9vw,80px);letter-spacing:-.057em;white-space:normal;line-height:1.06}.dg-hero-intro{align-items:flex-start;gap:20px}.dg-hero-intro>p:first-child{font-size:14px;line-height:1.65}.dg-hero-intro .dg-button{font-size:12px!important;min-height:45px;padding:11px 16px;gap:10px}.dg-hero-intro .dg-button svg{width:17px}.dg-hero-word{font-size:23vw;top:47%;left:2%;opacity:.15}.dg-hero-product{bottom:185px;left:-5%;right:-5%;transform:translateY(calc(var(--hero-p,0)*-14px)) scale(calc(1 + var(--hero-p,0)*.025))}.dg-hero-product>img{min-height:200px;max-height:32svh;object-fit:contain}.dg-hero-annotation{right:8%;top:-12%;font-size:10px;padding:5px 8px}.dg-annotation-line{width:35px;transform:rotate(-55deg)}.dg-hero-bottom{grid-template-columns:1fr 1fr;gap:15px;min-height:159px;align-content:center;padding:18px 0}.dg-hero-model{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.dg-hero-model>span{font-size:9px;letter-spacing:.06em;margin:0}.dg-hero-model strong{font-size:13px;gap:10px}.dg-hero-model i{height:12px}.dg-hero-stat{flex-direction:row;align-items:center;gap:13px}.dg-hero-stat strong{font-size:26px}.dg-hero-stat span{font-size:11px;max-width:75px;line-height:1.5}.dg-intro{display:block;padding:55px 0}.dg-intro h2{font-size:31px;line-height:1.2}.dg-intro>div{margin-top:25px}.dg-intro p{font-size:15px;line-height:1.85}.dg-intro-notes{margin-top:20px;gap:8px 20px;font-size:11px}.dg-showroom-stage{padding-top:42px}.dg-showroom-head{display:block}.dg-showroom-head .dg-kicker{font-size:10px}.dg-showroom h2{font-size:30px;max-width:340px}.dg-showroom-head>.dg-inline-link{margin-top:20px;max-width:none;font-size:12px}.dg-series{gap:18px;margin-top:24px}.dg-series button{flex-wrap:wrap;gap:7px;padding:12px 0}.dg-series button>span{font-size:24px}.dg-series button>small{font-size:11px;flex:0 0 100%}.dg-series button>svg{display:none}.dg-product-layout{grid-template-columns:1fr;margin-top:20px;gap:27px}.dg-product-visual{min-height:320px;aspect-ratio:1.12}.dg-render{object-fit:cover}.dg-visual-note{font-size:9px;left:10px;top:10px}.dg-view-controls{bottom:18px}.dg-view-controls button{font-size:12px;padding:10px 13px}.dg-product-details{padding:0}.dg-product-series{font-size:12px;margin-bottom:8px}.dg-product-details h3{font-size:29px;max-width:390px}.dg-product-heading>p{font-size:15px;line-height:1.7;max-width:none}.dg-size-picker{margin-top:22px}.dg-size-picker legend{font-size:12px}.dg-size-picker button{font-size:14px;min-height:44px;flex:1;padding:9px 14px}.dg-product-specs{gap:17px 20px;margin:24px 0}.dg-product-specs dt{font-size:12px}.dg-product-specs dd{font-size:28px}.dg-product-specs dd.dg-method{font-size:23px}.dg-product-actions{gap:17px;flex-wrap:nowrap}.dg-product-actions .dg-button{width:auto;flex:1;font-size:13px!important;padding:13px 17px;gap:16px}.dg-product-actions>a{font-size:11px;max-width:115px;gap:8px}.dg-showroom-tail{display:block;line-height:1.8;margin-top:29px;font-size:11px}.dg-showroom-tail>a{margin-top:5px;font-size:12px}.dg-custom{padding:50px 0}.dg-custom-layout{display:flex;flex-direction:column;align-items:stretch;gap:36px}.dg-custom-copy{padding:0}.dg-custom .dg-kicker{font-size:10px;margin-bottom:22px}.dg-custom h2{font-size:43px;line-height:1.1}.dg-custom-copy>p:not(.dg-kicker){margin-top:24px;font-size:15px;max-width:440px}.dg-custom .dg-button{margin-top:25px;font-size:13px!important}.dg-custom-photo{height:400px;min-height:0;max-height:none}.dg-custom-photo figcaption{left:20px;right:20px;bottom:20px}.dg-custom-photo figcaption span{font-size:10px}.dg-custom-photo figcaption strong{font-size:14px}.dg-path{padding:53px 0}.dg-path-heading{display:block}.dg-path-heading h2{font-size:29px;line-height:1.2}.dg-path-heading>a{margin-top:22px;max-width:none;font-size:12px}.dg-path-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.dg-path-steps article{padding-top:17px}.dg-path-steps article>span{font-size:12px}.dg-path-steps h3{font-size:27px;margin:12px 0}.dg-path-steps p{font-size:15px;max-width:none}.dg-enquiry{padding:53px 0}.dg-enquiry-layout{grid-template-columns:1fr;gap:37px}.dg-enquiry-copy .dg-kicker{font-size:10px;margin-bottom:22px}.dg-enquiry h2{font-size:63px}.dg-enquiry-copy>p:not(.dg-kicker){font-size:16px;margin-top:23px}.dg-enquiry-copy>.dg-inline-link{margin-top:20px;font-size:11px}.dg-enquiry-form{grid-template-columns:1fr;gap:20px}.dg-enquiry-form label>span{font-size:13px}.dg-enquiry-form input,.dg-enquiry-form select,.dg-enquiry-form textarea{font-size:16px;min-height:50px}.dg-form-bottom{gap:21px}.dg-form-bottom .dg-button{width:100%;justify-content:space-between;min-height:53px}.dg-form-bottom p{font-size:12px}.dg-footer{padding:44px 0 23px}.dg-footer-top{grid-template-columns:1fr 1fr;gap:30px 22px}.dg-footer-top>.dg-brand{margin-bottom:6px}.dg-footer-top>.dg-brand img{width:220px}.dg-footer-top>div>span{font-size:11px}.dg-footer-top>div:last-child{grid-column:1/-1}.dg-footer-top>div:last-child>p{font-size:12px}.dg-footer-bottom{flex-wrap:wrap;gap:14px;font-size:10px;margin-top:30px;padding-top:20px}.dg-footer-bottom>span:nth-child(2){display:none}.dg-home section[id]{scroll-margin-top:90px}} @media(max-width:380px){.dg-wrap{width:calc(100% - 32px)}.dg-brand img{width:151px}.dg-nav-cta{padding:8px 11px}.dg-hero-intro{gap:8px}.dg-hero-intro>p:first-child{font-size:12px}.dg-hero-intro .dg-button{padding:11px 13px;font-size:11px!important;gap:8px}.dg-hero{min-height:710px}.dg-hero-product{bottom:168px}.dg-hero-model>span{font-size:8px}.dg-hero-model strong{font-size:12px}.dg-product-actions{gap:12px}.dg-product-actions .dg-button{font-size:12px!important;gap:11px}.dg-product-actions>a{max-width:92px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dg-home *, .dg-home *:before, .dg-home *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.dg-hero-product,.dg-hero-word,.dg-hero-annotation,.dg-hero-grid{transform:none!important}.dg-home [data-sc-in]{opacity:1!important;transform:none!important}.dg-home [data-sc-reveal]{clip-path:none!important}.dg-showroom{height:auto!important}.dg-showroom-stage{height:auto!important;position:relative!important;top:0!important}.dg-home .dg-button:hover{transform:none}} /* Product controls and copy retain a comfortable reading size. */ .dg-product-heading>p{font-size:16px}.dg-size-picker legend,.dg-product-specs dt{font-size:13px}.dg-size-picker button,.dg-view-controls button,.dg-product-actions>a{font-size:14px}.dg-enquiry-form label>span{font-size:14px}.dg-enquiry-form input,.dg-enquiry-form select,.dg-enquiry-form textarea{font-size:16px}.dg-footer-top a,.dg-footer-top>div>p{font-size:14px} @media(max-width:1000px) and (min-width:701px){.dg-product-layout{grid-template-columns:1fr}.dg-product-visual{min-height:450px}.dg-product-details{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.dg-product-heading{grid-row:1/3}.dg-product-actions{grid-column:1/-1}.dg-product-actions .dg-button{width:auto}.dg-view-controls button{font-size:14px}.dg-showroom-tail{font-size:12px}} @media(max-width:700px){.dg-view-controls button{font-size:13px;padding:10px 12px}.dg-product-actions>a{font-size:12px}.dg-product-specs dt,.dg-size-picker legend{font-size:13px}.dg-hero-top .dg-kicker,.dg-kicker{font-size:12px}.dg-hero-intro>p:first-child{font-size:14px}.dg-hero-model>span{font-size:10px}.dg-hero-model strong{font-size:13px}.dg-hero-stat span{font-size:12px}.dg-footer-top a,.dg-footer-top>div>p{font-size:14px}} .dg-scene{background:var(--dg-forest)} /* Keep exploration in the natural reading flow. */ .dg-showroom-stage{position:relative!important;top:0!important;height:auto!important;min-height:0;padding:64px 0 34px} .dg-enquiry-card{background:var(--dg-white);border-radius:4px;padding:32px;color:var(--dg-forest)} .dg-interest>span{display:block;font-size:14px;margin-bottom:12px} .dg-interest select{width:100%;min-height:54px;border:1px solid var(--dg-line);border-radius:3px;padding:12px 15px;font:500 16px 'DG Poppins',sans-serif;background:var(--dg-white);color:var(--dg-forest)} .dg-enquiry-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:32px 0} .dg-enquiry-summary img{width:100%;height:180px;object-fit:cover;border-radius:3px} .dg-enquiry-summary span{font-size:11px;letter-spacing:.08em;color:var(--dg-green-dark)} .dg-enquiry-summary h3{font-size:24px;margin:10px 0 12px} .dg-enquiry-summary p{font-size:14px;line-height:1.7} .dg-enquiry-contact{width:100%;justify-content:space-between} .dg-enquiry-note{font-size:13px;text-align:center;margin-top:18px!important;line-height:1.65} @media(max-width:700px){.dg-hero-annotation{display:none}.dg-hero-product{left:0;right:0}.dg-hero-product>img{width:100%;max-width:100%;margin-left:0}.dg-showroom-stage{padding:45px 0 27px}.dg-enquiry-card{padding:22px}.dg-enquiry-summary{grid-template-columns:1fr;padding:22px 0;gap:20px}.dg-enquiry-summary img{height:170px}.dg-enquiry-summary h3{font-size:26px}.dg-enquiry-summary p{font-size:15px}.dg-enquiry-contact{font-size:14px!important}} @media(max-width:700px){.dg-hero-product{left:16px;right:16px}.dg-hero-product>img{min-height:0;height:auto}.dg-hero-intro .dg-button{min-width:155px;white-space:nowrap}} /* ---- home-discovery.css ---- */ /* Revision 3: one architectural opening, a compact crop library, a clear business story. */ .dg-cinema-hero{height:100svh;min-height:850px;max-height:1120px;background:var(--dg-forest);position:relative;isolation:isolate;overflow:hidden} .dg-hero-film{position:absolute;inset:78px 0 80px;z-index:-1;overflow:hidden;background:var(--dg-forest)} .dg-hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;display:block} .dg-cinema-copy{position:relative;padding-top:164px;z-index:2;pointer-events:none} .dg-cinema-copy>*{pointer-events:auto} .dg-cinema-copy .dg-kicker{font-size:11px;letter-spacing:.12em;margin-bottom:25px} .dg-cinema-hero h1{font-size:clamp(68px,6.7vw,108px);line-height:1.03;letter-spacing:-.06em;white-space:normal;max-width:800px} .dg-cinema-copy>p:not(.dg-kicker){font-size:16px;line-height:1.85;max-width:480px;margin-top:27px} .dg-cinema-actions{display:flex;gap:26px;align-items:center;margin-top:29px} .dg-cinema-actions .dg-button{font-size:14px;gap:30px;min-height:50px} .dg-cinema-actions>a:last-child{display:flex;gap:14px;align-items:center;font-size:13px} .dg-film-caption{position:absolute;right:4%;bottom:26px;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.05em;color:white;text-shadow:0 1px 6px rgba(0,21,39,.7)} .dg-film-caption>span:first-child{font-weight:500} .dg-film-toggle{position:absolute;left:4%;bottom:22px;border:1px solid rgba(255,255,255,.55);border-radius:30px;background:var(--dg-forest);color:white;display:flex;align-items:center;gap:10px;padding:9px 16px;font:400 11px 'DG Poppins',sans-serif} .dg-cinema-lenses{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;height:80px;align-items:center;background:var(--dg-forest);z-index:3;border-top:1px solid rgba(255,255,255,.2)} .dg-cinema-lenses>a{display:flex;gap:16px;align-items:center;font-size:15px} .dg-cinema-lenses small{color:var(--dg-green);font-size:10px}.dg-cinema-lenses svg{margin-left:auto} .dg-crop-explorer{padding:74px 0 58px;background:white;scroll-margin-top:85px} .dg-crop-explorer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px} .dg-crop-explorer h2{font-size:clamp(36px,3.65vw,58px);line-height:1.15;letter-spacing:-.045em} .dg-crop-explorer-heading p{font-size:15px;margin-top:16px;line-height:1.8} .dg-crop-arrows{display:flex;gap:10px;padding-bottom:4px} .dg-crop-arrows button{width:47px;height:47px;border-radius:50%;background:none;border:1px solid var(--dg-line);font-size:23px;color:var(--dg-forest)} .dg-crop-arrows button:hover{background:var(--dg-forest);color:white} .dg-crop-filters{display:flex;gap:9px;margin-top:28px;overflow:auto;scrollbar-width:none} .dg-crop-filters button{white-space:nowrap;flex-shrink:0;border:1px solid var(--dg-line);padding:10px 18px;border-radius:24px;background:transparent;color:var(--dg-forest);font:400 12px 'DG Poppins',sans-serif} .dg-crop-filters button[aria-pressed=true]{background:var(--dg-forest);border-color:var(--dg-forest);color:white} .dg-crop-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:4%;padding:28px 4% 23px;scrollbar-width:thin;scrollbar-color:var(--dg-green) var(--dg-mist);overscroll-behavior-x:contain} .dg-crop-card{flex:0 0 clamp(220px,22vw,356px);min-width:0;scroll-snap-align:start;border:0;background:none;padding:0;text-align:left;color:var(--dg-forest)} .dg-crop-card-photo{width:100%;height:290px;position:relative;overflow:hidden;border-radius:3px;background:var(--dg-mist)} .dg-crop-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)} .dg-crop-card:hover img{transform:scale(1.055)} .dg-crop-card-photo>span{position:absolute;bottom:14px;right:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--dg-forest);font:400 22px sans-serif} .dg-crop-card[aria-pressed=true] .dg-crop-card-photo{box-shadow:0 0 0 4px var(--dg-green) inset} .dg-crop-card[aria-pressed=true] .dg-crop-card-photo:after{content:'';position:absolute;inset:0;border:4px solid var(--dg-green);border-radius:3px;pointer-events:none} .dg-crop-card[aria-pressed=true] .dg-crop-card-photo>span{background:var(--dg-green)} .dg-crop-card-name{font:400 23px 'DG Favorit',sans-serif;display:block;margin-top:17px;letter-spacing:-.03em} .dg-crop-card-group{font:300 11px 'DG Poppins',sans-serif;display:block;margin-top:5px} .dg-crop-brief-strip{display:flex;align-items:center;justify-content:space-between;gap:45px;min-height:135px;margin-top:24px;padding-top:24px;border-top:1px solid var(--dg-line)} .dg-crop-brief-strip>p{font-size:14px;line-height:1.8}.dg-crop-brief-strip>p strong{font-weight:500} .dg-crop-brief-strip>a{font-size:13px} .dg-crop-brief-strip>div:first-child{max-width:800px} .dg-crop-brief-strip>div>span{display:block;font-size:10px;letter-spacing:.06em;color:var(--dg-green-dark)} .dg-crop-brief-strip h3{font:400 23px/1.3 'DG Favorit',sans-serif;letter-spacing:-.025em;margin:9px 0 8px} .dg-crop-brief-strip>div>p{font-size:13px;line-height:1.8;max-width:690px} .dg-crop-strip-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start;flex-shrink:0}.dg-crop-strip-actions .dg-button{font-size:12px;min-height:46px;gap:24px}.dg-crop-strip-actions>a:last-child{font-size:11px} .dg-business-story{padding:82px 0;background:var(--dg-forest);color:white;scroll-margin-top:90px} .dg-business-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end} .dg-business-story h2{font-size:clamp(46px,4.5vw,70px);line-height:1.13;letter-spacing:-.045em} .dg-business-story h2 span{color:var(--dg-green)} .dg-business-story-heading p{font-size:16px;line-height:1.85;max-width:500px} .dg-business-story-heading .dg-button{margin-top:24px;font-size:13px;gap:30px;min-height:48px} .dg-business-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px} .dg-business-steps article{border-top:1px solid rgba(255,255,255,.26);padding-top:23px;position:relative} .dg-business-steps article:not(:last-child):after{content:'→';position:absolute;top:15px;right:-31px;font-size:24px;color:var(--dg-green)} .dg-business-steps article>span{font-size:10px;letter-spacing:.1em;color:var(--dg-green)} .dg-business-steps h3{font:400 23px/1.3 'DG Favorit',sans-serif;letter-spacing:-.03em;margin:18px 0 13px} .dg-business-steps p{font-size:13px;line-height:1.85;color:var(--dg-mist);max-width:390px} .dg-phone-break{display:none} @media(min-width:1800px){.dg-crop-rail{padding-left:5%;scroll-padding-left:5%}.dg-film-toggle{left:5%}.dg-film-caption{right:5%}.dg-cinema-copy{padding-top:185px}} @media(max-width:1100px){.dg-cinema-hero{min-height:830px}.dg-cinema-hero h1{font-size:75px}.dg-cinema-copy{padding-top:143px}.dg-crop-card{flex-basis:29vw}.dg-crop-card-photo{height:260px}.dg-crop-brief-strip{gap:28px}.dg-crop-brief-strip h3{font-size:20px}.dg-business-story-heading{gap:55px}.dg-business-steps{gap:30px}.dg-business-steps article:not(:last-child):after{right:-25px}.dg-business-steps h3{font-size:21px}} @media(max-width:1000px){.dg-hero-film{top:80px}.dg-cinema-lenses>a{font-size:13px;gap:11px}.dg-cinema-copy>p:not(.dg-kicker){font-size:15px}.dg-crop-explorer{padding:58px 0 45px}.dg-crop-rail{padding-left:36px;scroll-padding-left:36px;gap:18px}.dg-crop-card{flex-basis:33vw}.dg-crop-card-photo{height:255px}.dg-crop-card-name{font-size:22px}.dg-crop-brief-strip{align-items:flex-start}.dg-business-story{padding:64px 0}.dg-business-story h2{font-size:50px}.dg-business-steps h3{font-size:21px}.dg-business-story-heading{gap:42px}} @media(max-width:700px){.dg-cinema-hero{height:auto;min-height:0;max-height:none;padding-top:0;display:flex;flex-direction:column;overflow:hidden}.dg-cinema-copy{padding-top:119px;padding-bottom:26px;order:0;z-index:2}.dg-cinema-copy .dg-kicker{font-size:9px;letter-spacing:.08em;margin-bottom:20px}.dg-cinema-hero h1{font-size:clamp(43px,11vw,72px);line-height:1.08;letter-spacing:-.055em;max-width:580px}.dg-cinema-copy>p:not(.dg-kicker){font-size:14px;line-height:1.8;margin-top:22px;max-width:470px}.dg-desktop-break{display:none}.dg-cinema-actions{gap:22px;margin-top:24px}.dg-cinema-actions .dg-button{font-size:12px;min-height:48px;padding:13px 18px;gap:18px}.dg-cinema-actions>a:last-child{font-size:12px;gap:8px}.dg-cinema-actions>a:last-child svg{width:16px}.dg-hero-film{position:relative;inset:auto;order:1;z-index:1;height:290px;width:100%}.dg-hero-film video{object-fit:cover;object-position:center}.dg-film-caption{right:18px;bottom:16px;left:18px;flex-direction:column;align-items:flex-start;gap:5px;font-size:8px}.dg-film-toggle{bottom:18px;left:auto;right:18px;padding:8px 12px;font-size:10px}.dg-film-caption>span:last-child{max-width:200px;font-size:8px}.dg-cinema-lenses{position:relative;inset:auto;order:2;height:auto;min-height:70px;gap:0;padding:0!important;width:100%;display:flex}.dg-cinema-lenses>a{font-size:10px;line-height:1.5;gap:8px;flex:1;align-items:flex-start;padding:19px 13px;border-right:1px solid rgba(255,255,255,.2)}.dg-cinema-lenses>a:last-child{border-right:0}.dg-cinema-lenses small{display:none}.dg-cinema-lenses svg{width:13px;height:13px;flex-shrink:0;margin:0}.dg-crop-explorer{padding:46px 0 38px}.dg-crop-explorer h2{font-size:36px;line-height:1.16}.dg-phone-break{display:block}.dg-crop-explorer-heading{gap:20px;align-items:center}.dg-crop-explorer-heading p{font-size:13px;margin-top:14px;max-width:245px;line-height:1.8}.dg-crop-arrows{gap:7px}.dg-crop-arrows button{width:35px;height:35px;font-size:20px}.dg-crop-filters{margin-top:23px;gap:7px}.dg-crop-filters button{font-size:11px;padding:9px 14px}.dg-crop-rail{padding:24px 20px 18px;scroll-padding-left:20px;gap:16px}.dg-crop-card{flex-basis:68vw;max-width:370px}.dg-crop-card-photo{height:280px}.dg-crop-card-name{font-size:24px;margin-top:15px}.dg-crop-card-group{font-size:10px}.dg-crop-card-photo>span{width:34px;height:34px}.dg-crop-brief-strip{margin-top:18px;padding-top:22px;min-height:0;display:flex;flex-direction:column;gap:19px}.dg-crop-brief-strip>p{font-size:13px}.dg-crop-brief-strip>a{font-size:12px}.dg-crop-brief-strip h3{font-size:22px;line-height:1.4}.dg-crop-strip-actions{gap:17px;width:100%}.dg-crop-strip-actions .dg-button{font-size:13px;min-height:47px;justify-content:space-between;width:100%}.dg-crop-strip-actions>a:last-child{font-size:12px}.dg-business-story{padding:50px 0}.dg-business-story-heading{display:block}.dg-business-story h2{font-size:44px}.dg-business-story-heading>div{margin-top:27px}.dg-business-story-heading p{font-size:14px}.dg-business-story-heading .dg-button{font-size:13px;min-height:48px;gap:20px;margin-top:23px}.dg-business-steps{display:block;margin-top:35px}.dg-business-steps article{margin-top:24px;padding-top:18px}.dg-business-steps article:not(:last-child):after{display:none}.dg-business-steps h3{font-size:24px;margin:14px 0 10px}.dg-business-steps p{font-size:13px;line-height:1.9;max-width:520px}.dg-business-steps article>span{font-size:10px}} @media(max-width:380px){.dg-cinema-copy{padding-top:105px}.dg-cinema-hero h1{font-size:42px}.dg-cinema-copy>p:not(.dg-kicker){font-size:13px}.dg-cinema-actions{gap:14px}.dg-cinema-actions .dg-button{font-size:11px;padding:12px 15px;gap:15px}.dg-cinema-actions>a:last-child{font-size:11px}.dg-hero-film{height:240px}.dg-cinema-lenses>a{font-size:9px;padding:16px 11px;gap:5px}.dg-crop-explorer h2{font-size:33px}.dg-crop-card-photo{height:250px}.dg-crop-arrows button{width:32px;height:32px}} @media(prefers-reduced-motion:reduce){.dg-crop-card-photo img{transition:none;transform:none!important}} /* A local forest scrim holds the live type; the greenhouse remains clear below and to the right. */ @media(min-width:701px){.dg-hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,31,19,.91) 0%,rgba(6,31,19,.65) 27%,rgba(6,31,19,.12) 53%,transparent 73%);pointer-events:none}.dg-cinema-hero h1{max-width:760px}.dg-cinema-copy{width:calc(100% - 116px)}.dg-film-caption,.dg-film-toggle{z-index:2}} @media(min-width:701px){.dg-cinema-hero h1 span{color:var(--dg-white)}} @media(max-width:700px){.dg-crop-explorer-heading{display:block;position:relative}.dg-crop-explorer-heading h2{max-width:350px;font-size:34px}.dg-crop-explorer-heading p{max-width:245px}.dg-crop-arrows{position:absolute;bottom:1px;right:0;padding:0}} @media(max-width:380px){.dg-crop-explorer-heading h2{font-size:32px}.dg-crop-explorer-heading p{max-width:230px}} /* ---- home-production.css (pruned) ---- */ /* The existing brand tokens, fonts, model controls and 3D viewer are retained. */ .dg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dg-showroom-stage{padding:75px 0 35px}.dg-showroom h2{font-size:clamp(36px,3.5vw,56px);line-height:1.12}.dg-showroom h2 span{color:var(--dg-green-dark)}.dg-system-context{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px;padding-bottom:17px;border-bottom:1px solid var(--dg-line);font-size:12px}.dg-system-context>span:first-child{color:var(--dg-green-dark);letter-spacing:.04em}.dg-system-context>span:first-child strong{color:var(--dg-forest);letter-spacing:0;margin-left:6px}.dg-system-context>a{margin-left:auto;font-weight:500}.dg-product-heading>.dg-crop-fit{font-size:12px;line-height:1.75;border-left:2px solid var(--dg-green);padding-left:13px;margin-top:14px!important}.dg-showroom-tail{font-size:12px}.dg-custom{background:var(--dg-white);color:var(--dg-forest)}.dg-custom h2{font-size:clamp(40px,4.1vw,66px)}.dg-custom h2 span{color:var(--dg-green-dark)}.dg-custom-copy>p:not(.dg-kicker){color:var(--dg-forest)}.dg-custom .dg-button-outline{color:var(--dg-forest);border-color:var(--dg-forest)}.dg-custom .dg-button-outline:hover{background:var(--dg-forest);color:var(--dg-white)}.dg-enquiry h2{font-size:clamp(44px,4.6vw,74px);line-height:1.12}@media(max-width:1000px){.dg-enquiry h2{font-size:50px}}@media(max-width:700px){.dg-system-context{gap:10px;font-size:11px;margin-top:23px}.dg-system-context>a{margin-left:0}.dg-showroom-stage{padding:48px 0 29px}.dg-showroom h2{font-size:34px}.dg-product-heading>.dg-crop-fit{font-size:12px}.dg-showroom-tail{font-size:12px}.dg-showroom-tail>a{font-size:12px}.dg-custom h2{font-size:40px}.dg-enquiry h2{font-size:44px}}@media(max-width:380px){.dg-enquiry h2{font-size:39px}} /* ---- home-technology.css ---- */ .dg-technology{background:var(--dg-white);color:var(--dg-forest);padding:82px 0 40px} .dg-technology-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:40px} .dg-technology-heading .dg-kicker{color:var(--dg-green-dark);font-size:12px;margin-bottom:20px;letter-spacing:.1em} .dg-home .dg-technology h2{font-size:clamp(40px,4vw,62px);line-height:1.13;letter-spacing:-.045em} .dg-technology h2 span{color:var(--dg-green-dark)} .dg-technology-intro{max-width:475px;padding-bottom:3px} .dg-technology-intro>p{font-size:16px;line-height:1.85} .dg-technology-intro>.dg-inline-link{margin-top:22px;font-size:13px;gap:22px} .dg-technology-intro>.dg-inline-link:hover{text-decoration:underline;text-underline-offset:5px} .dg-technology-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:stretch} .dg-technology-visual{position:relative;isolation:isolate;overflow:hidden;background:var(--dg-forest);border-radius:4px;margin:0;min-width:0;min-height:610px} .dg-technology-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease} .dg-technology-visual>img.is-active{opacity:1} .dg-technology-visual:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,31,19,.03) 42%,rgba(6,31,19,.85) 100%)} .dg-technology-visual figcaption{position:absolute;inset:auto 32px 32px;z-index:2;color:var(--dg-white)} .dg-technology-image-label{display:block;font-size:12px;font-weight:500;letter-spacing:.08em;margin-bottom:15px;text-transform:uppercase} .dg-technology-visual figcaption>strong{display:block;font:500 clamp(28px,2.6vw,40px)/1.18 'DG Favorit',sans-serif;letter-spacing:-.04em} .dg-technology-visual figcaption>strong>span{display:block} .dg-technology-visual figcaption>p{font-size:12px;margin-top:18px;line-height:1.7;color:rgba(255,255,255,.85)} .dg-technology-directory{min-width:0;display:flex;flex-direction:column} .dg-technology-context{padding:0 0 17px;border-bottom:1px solid var(--dg-line)} .dg-technology-context>span{font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--dg-green-dark)} .dg-technology-context>p{margin-top:5px;font-size:14px;line-height:1.7} .dg-technology-context strong{font-weight:500} .dg-technology-context p>span{margin:0 9px;color:var(--dg-green-dark)} .dg-technology-links{display:grid} .dg-technology-links>a{position:relative;display:grid;grid-template-columns:28px 1fr 22px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--dg-line);color:var(--dg-forest)} .dg-technology-links>a:before{position:absolute;inset:0 0 auto;height:2px;content:'';background:var(--dg-green-dark);transform:scaleX(0);transform-origin:left;transition:transform .25s ease} .dg-technology-links>a.is-active:before{transform:scaleX(1)} .dg-technology-number{font-size:11px;align-self:start;padding-top:5px;color:var(--dg-green-dark)} .dg-home .dg-technology-links h3{font:500 clamp(22px,1.9vw,28px)/1.2 'DG Favorit',sans-serif;letter-spacing:-.04em;margin:0} .dg-technology-links p{font-size:14px;line-height:1.6;margin-top:6px} .dg-technology-links>a>svg{color:var(--dg-green-dark);transition:transform .2s} .dg-technology-links>a:hover>svg{transform:translate(2px,-2px)} .dg-technology-links>a:hover h3{color:var(--dg-green-dark)} .dg-technology-brief{padding:18px 0 0;font-size:12px;line-height:1.8;margin-top:auto!important;max-width:565px} .dg-technology-brief strong{font-weight:500} .dg-technology-bottom{display:flex;justify-content:space-between;align-items:center;gap:26px;padding-top:25px;margin-top:35px;border-top:1px solid var(--dg-line);font-size:12px;line-height:1.7} .dg-technology-bottom>a{display:inline-flex;align-items:center;gap:22px;font-weight:500} .dg-technology-bottom>a>svg{flex-shrink:0} .dg-technology-bottom>a:hover{color:var(--dg-green-dark)} @media(max-width:1100px){.dg-technology{padding-top:65px}.dg-technology-heading{gap:40px}.dg-technology-layout{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.dg-technology-intro>p{font-size:15px}.dg-technology-visual figcaption{inset:auto 22px 26px}.dg-technology-visual figcaption>strong{font-size:29px}.dg-technology-links>a{gap:10px;padding:18px 0;grid-template-columns:21px 1fr 20px}.dg-technology-links p{font-size:13px}.dg-technology-visual{min-height:595px}.dg-technology-bottom{align-items:start}.dg-technology-bottom>p{max-width:330px}.dg-technology-bottom>a{max-width:290px;gap:18px}} @media(max-width:760px){.dg-technology{padding:54px 0 30px}.dg-technology-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.dg-home .dg-technology h2{font-size:clamp(36px,8.5vw,54px)}.dg-technology-heading .dg-kicker{font-size:11px;margin-bottom:17px}.dg-technology-intro{max-width:560px}.dg-technology-intro>p{font-size:15px;line-height:1.8}.dg-technology-intro>.dg-inline-link{font-size:13px;margin-top:17px}.dg-technology-layout{grid-template-columns:1fr;gap:24px}.dg-technology-visual{min-height:0;height:290px}.dg-technology-visual>img{object-position:center 43%}.dg-technology-visual figcaption{inset:auto 22px 22px}.dg-technology-visual figcaption>strong{font-size:29px}.dg-technology-image-label{font-size:10px;margin-bottom:10px}.dg-technology-visual figcaption>p{font-size:11px;margin-top:12px}.dg-technology-context{padding-bottom:15px}.dg-technology-context>p{font-size:13px}.dg-technology-context p>span{margin:0 6px}.dg-technology-links>a{padding:19px 0;gap:11px;grid-template-columns:21px 1fr 22px}.dg-home .dg-technology-links h3{font-size:24px}.dg-technology-links p{font-size:13px;line-height:1.65;margin-top:7px}.dg-technology-brief{font-size:12px;padding-top:17px}.dg-technology-bottom{display:block;margin-top:25px;padding-top:20px}.dg-technology-bottom>p{max-width:420px;font-size:12px}.dg-technology-bottom>a{max-width:none;margin-top:13px;font-size:12px;justify-content:space-between;width:100%}} @media(prefers-reduced-motion:reduce){.dg-technology-visual>img,.dg-technology-links>a:before,.dg-technology-links>a>svg{transition:none}} /* ---- catalog.css ---- */ /* GrowPro product atlas. Original DutchGreenhouses colours, fonts and spacing. */ .gp-catalog{font-size:16px;--gp-soft:#496051;--gp-border:rgba(6,31,19,.2)} .gp-catalog .gp-header{background:var(--dg-forest)} .gp-catalog h1,.gp-catalog h2,.gp-catalog h3{text-wrap:balance} .gp-catalog h2{font-size:clamp(36px,4.5vw,68px);line-height:1.12} .gp-catalog h2>span{color:var(--dg-green-dark)} .gp-catalog p{text-wrap:pretty} .gp-catalog .dg-button:hover{background:var(--dg-green-dark);color:white} .gp-label{font-size:12px;letter-spacing:.1em;font-weight:500;text-transform:uppercase;line-height:1.7} .gp-section{padding:100px 0} .gp-heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px} .gp-heading-row>p{max-width:410px;font-size:16px;color:var(--gp-soft)} .gp-range-hero{position:relative;background:var(--dg-forest);color:white;min-height:950px;padding-top:155px;overflow:hidden;isolation:isolate} .gp-range-heading{position:relative;z-index:3;pointer-events:none}.gp-range-heading>*{pointer-events:auto} .gp-range-heading .gp-label{color:var(--dg-green);margin-bottom:23px} .gp-range-hero h1{font-size:clamp(52px,6.8vw,112px);max-width:1200px;line-height:1.07;letter-spacing:-.055em} .gp-range-hero h1 span{color:var(--dg-green)} .gp-range-heading>p:not(.gp-label){max-width:450px;margin-top:25px;font-size:17px} .gp-range-heading .dg-button{margin-top:26px} .gp-range-word{position:absolute;top:455px;left:3%;right:3%;font:500 clamp(140px,21vw,360px)/1 'DG Favorit',sans-serif;letter-spacing:-.065em;color:var(--dg-green);opacity:.17;z-index:-1} .gp-range-object{position:relative;margin:65px -3% 70px;z-index:2;transform-origin:center;filter:drop-shadow(0 30px 25px rgba(0,21,39,.25))} .gp-range-object img{width:100%;height:auto} .gp-range-caption{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid rgba(255,255,255,.23);font-size:12px;gap:25px} .gp-range-selection{background:var(--dg-mist)} .gp-range-picker{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--gp-border);gap:36px} .gp-range-picker button{display:flex;align-items:center;gap:22px;border:0;border-bottom:3px solid transparent;padding:20px 0;background:transparent;text-align:left;color:var(--gp-soft)} .gp-range-picker button>span{font:500 36px 'DG Favorit',sans-serif;letter-spacing:-.04em}.gp-range-picker small{font-size:14px}.gp-range-picker svg{margin-left:auto} .gp-range-picker button[aria-pressed=true]{border-color:var(--dg-green-dark);color:var(--dg-forest)} .gp-range-stage{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;margin-top:38px;align-items:center} .gp-range-preview{position:relative;min-width:0;animation:gp-appear .45s ease-out}.gp-range-preview img{width:100%;height:auto;border-radius:3px}.gp-range-preview>span{display:block;margin-top:15px;font-size:12px;color:var(--gp-soft)} .gp-range-description h3{font-size:clamp(32px,3vw,48px);margin:15px 0 23px}.gp-range-description>p:not(.gp-label){max-width:410px}.gp-range-description .dg-button{margin-top:26px} .gp-direct-sizes{margin-top:35px;border-top:1px solid var(--gp-border);padding-top:20px;display:flex;flex-wrap:wrap;gap:18px}.gp-direct-sizes>span{flex-basis:100%;font-size:12px;color:var(--gp-soft)}.gp-direct-sizes>a{display:flex;gap:12px;font-size:14px;align-items:center}.gp-direct-sizes>a:hover{color:var(--dg-green-dark)} .gp-tabs{display:inline-flex;padding:4px;border:1px solid var(--gp-border);border-radius:40px;gap:2px;flex-shrink:0;background:rgba(235,237,236,.6)}.gp-tabs button{position:relative;border:0;background:none;padding:10px 19px;border-radius:30px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--dg-forest)}.gp-tab-highlight{position:absolute;inset:0;background:var(--dg-forest);border-radius:30px}.gp-tabs button[aria-pressed=true],.gp-tabs button[aria-selected=true]{color:white}.gp-tab-label{position:relative;z-index:1}.gp-tabs button:hover:not([aria-pressed=true]):not([aria-selected=true]){color:var(--dg-green-dark)} .gp-table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--dg-green) var(--dg-mist)}.gp-table-wrap table{width:100%;border-collapse:collapse;text-align:left;min-width:750px}.gp-table-wrap th,.gp-table-wrap td{border-bottom:1px solid var(--gp-border);padding:21px 20px 21px 0;font-size:14px;font-weight:400;white-space:nowrap}.gp-table-wrap thead th{font-size:12px;color:var(--gp-soft);padding-bottom:16px}.gp-table-wrap tbody th{font-size:17px}.gp-table-wrap th strong{font-weight:500}.gp-table-wrap small{display:block;font-size:12px;color:var(--gp-soft);margin-top:3px}.gp-table-wrap tbody tr:hover{background:var(--dg-mist)}.gp-table-wrap td:last-child{padding-right:0}.gp-table-wrap td:last-child a{display:inline-flex;padding:10px}.gp-table-wrap caption{text-align:left;caption-side:bottom;font-size:12px;color:var(--gp-soft);padding-top:20px}.gp-note{font-size:13px;color:var(--gp-soft);margin-top:12px!important} .gp-range-custom{padding:0 0 100px}.gp-range-custom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.gp-range-custom img{width:100%;height:430px;object-fit:cover;border-radius:3px}.gp-range-custom p{margin:25px 0;max-width:490px}.gp-range-custom h2{font-size:clamp(34px,4vw,58px)} .gp-project{background:var(--dg-mist);padding:88px 0}.gp-project-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:start}.gp-project h2{font-size:clamp(38px,4.2vw,64px)}.gp-project-grid>div>p{max-width:590px;margin-top:26px}.gp-custom-link{display:inline-flex;align-items:center;gap:17px;font-size:14px;margin-top:27px}.gp-project-brief{border-top:1px solid var(--dg-green-dark);padding-top:22px}.gp-project-brief h3{font-size:27px;line-height:1.3;margin-top:12px}.gp-project-brief>label{display:block;font-size:14px;margin-top:24px;margin-bottom:10px}.gp-project-brief>select{width:100%;height:54px;background:white;border:1px solid var(--gp-border);border-radius:3px;padding:12px;color:var(--dg-forest);font-size:16px}.gp-project-brief>p{font-size:14px;min-height:48px;margin-top:18px!important}.gp-project-brief>.dg-button{display:flex;justify-content:space-between;margin-top:25px}.gp-project-brief>small{display:block;font-size:12px;text-align:center;margin-top:14px;color:var(--gp-soft)} .gp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} @keyframes gp-appear{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}} @media(max-width:1100px){.gp-range-hero{min-height:830px;padding-top:145px}.gp-range-object{margin-top:80px}.gp-range-stage{gap:35px}.gp-range-picker{gap:22px}.gp-range-picker button{gap:12px}.gp-range-picker button>span{font-size:30px}.gp-range-custom-grid,.gp-project-grid{gap:45px}.gp-section{padding:75px 0}} @media(max-width:760px){.gp-catalog .dg-wrap{width:calc(100% - 40px)}.gp-section{padding:55px 0}.gp-range-hero{padding-top:120px;min-height:0}.gp-range-hero h1{font-size:clamp(39px,10vw,70px)}.gp-range-heading .gp-label{font-size:12px;margin-bottom:20px}.gp-range-heading>p:not(.gp-label){font-size:16px;margin-top:23px;max-width:330px}.gp-range-object{margin:80px -23% 42px}.gp-range-word{font-size:25vw;top:auto;bottom:175px}.gp-range-caption{font-size:12px;padding:20px 0;flex-direction:column;gap:7px}.gp-range-caption>span:last-child{font-size:12px;opacity:.7}.gp-heading-row{display:block;margin-bottom:30px}.gp-heading-row>p{margin-top:24px}.gp-heading-row>.gp-tabs{margin-top:25px}.gp-range-picker{gap:18px}.gp-range-picker button{display:block;padding:15px 0}.gp-range-picker button>span{display:block;font-size:27px}.gp-range-picker button>small{display:block;margin-top:6px;font-size:13px}.gp-range-picker svg{display:none}.gp-range-stage{display:block;margin-top:25px}.gp-range-description{margin-top:28px}.gp-range-description h3{font-size:34px;margin:12px 0 18px}.gp-range-description>p:not(.gp-label){max-width:none}.gp-direct-sizes{margin-top:27px;gap:20px}.gp-range-custom{padding:0 0 55px}.gp-range-custom-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch}.gp-range-custom img{height:300px}.gp-project{padding:55px 0}.gp-project-grid{grid-template-columns:1fr;gap:40px}.gp-project h2{font-size:40px}.gp-project-brief h3{font-size:27px}.gp-catalog .gp-note{font-size:13px}.gp-catalog .gp-tabs button{padding:10px 14px}.gp-table-wrap{margin-right:-20px;padding-right:20px}.gp-table-wrap table{min-width:720px}} @media(prefers-reduced-motion:reduce){.gp-range-object,.gp-range-word{transform:none!important}.gp-range-preview{animation:none}} /* Series pages: one large architectural stage and three linked sizes. */ .gp-breadcrumb{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.7;flex-wrap:wrap}.gp-breadcrumb>span{opacity:.65}.gp-breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px} .gp-series-hero{padding:133px 0 0;background:var(--dg-forest);color:white;position:relative;overflow:hidden}.gp-series-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;margin-top:42px;align-items:end}.gp-series-heading h1{font-size:clamp(53px,7.5vw,112px);margin-top:13px;line-height:1.05;letter-spacing:-.055em}.gp-series-heading h1>span{color:var(--dg-green)}.gp-series-heading>p{max-width:430px;font-size:18px;margin-left:auto}.gp-series-landscape{position:relative;margin:15px auto -45px;isolation:isolate}.gp-series-landscape>img{width:100%;height:530px;object-fit:contain;animation:gp-appear .45s ease-out}.gp-series-ghost{position:absolute;z-index:-1;inset:35px 0 auto;text-align:center;font:500 clamp(160px,22vw,360px)/1 'DG Favorit',sans-serif;letter-spacing:-.06em;color:var(--dg-green);opacity:.18}.gp-series-floating{position:absolute;right:3%;top:35%;padding:18px 23px;border-left:1px solid var(--dg-green);background:var(--dg-forest)}.gp-series-floating>span{display:block;font:400 29px 'DG Favorit',sans-serif}.gp-series-floating small{font-size:13px;color:var(--dg-mist)}.gp-series-chooser{position:relative;display:flex;justify-content:center;align-items:center;gap:25px;margin:0 auto 37px}.gp-series-hero .gp-tabs{background:transparent;border-color:rgba(255,255,255,.4)}.gp-series-hero .gp-tabs button{color:white}.gp-series-hero .gp-tab-highlight{background:var(--dg-green)}.gp-series-hero .gp-tabs button[aria-pressed=true]{color:var(--dg-forest)}.gp-series-facts{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid rgba(255,255,255,.25);padding:28px 0}.gp-series-facts>div:not(.gp-tabs){display:flex;flex-direction:column;gap:7px}.gp-series-facts strong{font:400 23px 'DG Favorit',sans-serif}.gp-series-facts span:not(.gp-tab-label):not(.gp-tab-highlight){font-size:13px;color:var(--dg-mist)} .gp-series-intro>.dg-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.gp-series-intro h2{font-size:clamp(38px,4.2vw,62px)}.gp-series-intro p{font-size:18px}.gp-series-intro .gp-note{font-size:14px;margin-top:24px!important}.gp-models-section{background:var(--dg-mist)}.gp-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gp-model-card{display:block;min-width:0;border-bottom:1px solid var(--gp-border);padding-bottom:22px}.gp-model-image{overflow:hidden;background:var(--dg-forest);border-radius:3px}.gp-model-image img{width:100%;height:auto;transition:transform .35s cubic-bezier(.23,1,.32,1)}.gp-model-card:hover img{transform:scale(1.035)}.gp-card-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.gp-card-title h3{font-size:31px}.gp-model-card>p{font-size:14px}.gp-card-code{font-size:12px;color:var(--gp-soft);display:block;margin-top:12px} .gp-crop-selection .dg-crop-explorer{padding:75px 0 60px}.gp-crop-selection .dg-crop-explorer h2{font-size:clamp(36px,4vw,60px)}.gp-crop-selection .dg-crop-filters button{font-size:14px}.gp-crop-selection .dg-crop-explorer-heading p{font-size:16px}.gp-crop-selection .dg-crop-brief-strip>div>p{font-size:15px}.gp-crop-selection .dg-crop-brief-strip>div>span{font-size:12px}.gp-crop-selection .dg-crop-strip-actions>a:last-child{font-size:14px}.gp-crop-selection .dg-crop-brief-strip>p{font-size:16px}.gp-crop-selection .dg-crop-brief-strip>a{font-size:14px} .gp-systems{background:var(--dg-mist)}.gp-systems h2{font-size:clamp(36px,4vw,60px)}.gp-system-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.gp-system-panel{margin-top:27px;animation:gp-appear .25s ease-out}.gp-system-panel h3{font-size:27px;margin-bottom:20px}.gp-system-panel ul{list-style:none;margin:0;padding:0}.gp-system-panel li{padding:12px 0;border-bottom:1px solid var(--gp-border);font-size:16px}.gp-system-panel li:before{content:'✓';margin-right:15px;color:var(--dg-green-dark)}.gp-system-panel>p{font-size:14px;color:var(--gp-soft);margin-top:20px;max-width:460px}.gp-system-directory>a{display:flex;gap:22px;align-items:center;padding:17px 0;border-bottom:1px solid var(--gp-border)}.gp-system-directory>a:first-child{padding-top:0}.gp-system-directory img{width:74px;height:74px;object-fit:cover;border-radius:2px}.gp-system-directory h3{font-size:24px}.gp-system-directory p{font-size:14px;line-height:1.6;margin-top:6px}.gp-system-directory>a>svg{margin-left:auto;flex-shrink:0}.gp-system-directory>a:hover h3{color:var(--dg-green-dark)}.gp-other-series{display:flex;align-items:center;gap:45px;padding:38px 0}.gp-other-series>span{font-size:13px;color:var(--gp-soft)}.gp-other-series>a{flex:1;display:flex;gap:20px;align-items:center;font-size:14px}.gp-other-series strong{font:400 25px 'DG Favorit',sans-serif}.gp-other-series svg{margin-left:auto} /* Product pages: presentation, inspection, dimensions and a crop-specific project brief. */ .gp-product-hero{background:var(--dg-forest);color:white;padding:132px 0 0}.gp-product-opening{display:grid;grid-template-columns:.8fr 1.7fr;gap:30px;margin-top:45px;align-items:center}.gp-product-copy{padding-bottom:25px}.gp-product-copy .gp-label{color:var(--dg-green)}.gp-product-copy h1{font-size:clamp(52px,6vw,90px);line-height:1.08;margin-top:18px;letter-spacing:-.055em}.gp-product-copy h1>span{color:var(--dg-green);white-space:nowrap}.gp-product-copy>p:not(.gp-label){font-size:17px;margin-top:24px;max-width:350px}.gp-product-copy .dg-button{margin-top:28px}.gp-text-link{display:flex;gap:15px;align-items:center;font-size:14px;margin-top:21px}.gp-model-stage{min-width:0;position:relative}.gp-stage-canvas{position:relative;height:470px;isolation:isolate}.gp-stage-canvas>img{width:100%;height:100%;object-fit:contain}.gp-stage-caption{position:absolute;bottom:15px;right:10px;left:10px;text-align:center;font-size:12px;color:var(--dg-mist);pointer-events:none}.gp-stage-toolbar{display:flex;align-items:center;justify-content:center;gap:17px;position:relative;margin-top:0}.gp-model-stage .gp-tabs{background:transparent;border-color:rgba(255,255,255,.3)}.gp-model-stage .gp-tabs button{color:white}.gp-model-stage .gp-tab-highlight{background:var(--dg-green)}.gp-model-stage .gp-tabs button[aria-pressed=true]{color:var(--dg-forest)}.gp-stage-tools{display:flex;gap:5px}.gp-stage-tools button{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:white;background:transparent;font-size:22px}.gp-stage-tools button:hover{background:var(--dg-green);color:var(--dg-forest)}.gp-stage-tools button:disabled{opacity:.35;cursor:default}.gp-camera-views{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 0 5px;flex-wrap:wrap}.gp-camera-views>button{border:0;background:none;color:var(--dg-mist);font-size:13px;padding:7px 0;border-bottom:1px solid transparent}.gp-camera-views>button[aria-pressed=true]{color:var(--dg-green);border-color:currentColor}.gp-camera-views>span{font-size:12px;opacity:.65}.gp-engineering{position:absolute;inset:0}.gp-engineering canvas{width:100%;height:100%;display:block}.gp-engineering-fallback{position:absolute;inset:0}.gp-engineering-fallback img{width:100%;height:100%;object-fit:contain}.gp-engineering-fallback p{position:absolute;bottom:45px;text-align:center;left:15px;right:15px;font-size:13px;background:var(--dg-forest);padding:6px}.gp-model-stage:fullscreen{background:var(--dg-forest);color:white;padding:25px}.gp-model-stage:fullscreen .gp-stage-canvas{height:calc(100svh - 160px)} .gp-product-metrics{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);padding:30px 0;gap:24px}.gp-product-metrics>div{display:flex;flex-direction:column;gap:8px}.gp-product-metrics strong{font:400 28px 'DG Favorit',sans-serif;letter-spacing:-.03em}.gp-product-metrics span{font-size:13px;color:var(--dg-mist)}.gp-product-metrics .gp-product-crop{border-left:1px solid rgba(255,255,255,.2);padding-left:32px}.gp-product-crop>span{font-size:12px;letter-spacing:.05em}.gp-product-crop>a{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--dg-green)} .gp-product-nav{position:sticky;top:78px;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--gp-border);backdrop-filter:blur(12px)}.gp-product-nav>.dg-wrap{display:flex;align-items:center;gap:30px;min-height:70px;font-size:14px}.gp-product-nav>.dg-wrap>a:first-child{font-weight:500}.gp-variant-links{display:flex;gap:18px}.gp-variant-links>a{padding:22px 0;border-bottom:2px solid transparent}.gp-variant-links>a[aria-current=page]{border-color:var(--dg-green-dark);color:var(--dg-green-dark)}.gp-section-links{display:flex;gap:22px;margin-left:auto}.gp-nav-enquire{display:flex;align-items:center;gap:14px;font-weight:500}.gp-catalog section[id]{scroll-margin-top:190px}.gp-catalog #project{scroll-margin-top:120px} .gp-footprint-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.gp-plan-sheet{position:sticky;top:205px;background:var(--dg-mist);border:1px solid var(--gp-border);padding:23px;border-radius:3px}.gp-plan-topline{display:flex;justify-content:space-between;font-size:12px;gap:20px}.gp-plan-sheet svg{display:block;width:100%;height:auto;margin:12px 0}.gp-plan-area{font:500 23px 'DG Favorit',sans-serif}.gp-plan-small{font:500 11px 'DG Poppins',sans-serif;letter-spacing:.04em}.gp-plan-dimension{font:400 14px 'DG Poppins',sans-serif;fill:var(--dg-forest)}.gp-plan-sheet>p{font-size:12px;color:var(--gp-soft);max-width:550px}.gp-plan-sheet g{transition:opacity .3s}.gp-plan-dim{opacity:.28}.gp-space-breakdown{display:flex;flex-direction:column}.gp-space-breakdown>button{border:0;border-top:1px solid var(--gp-border);text-align:left;background:none;color:var(--dg-forest);padding:24px 0;position:relative}.gp-space-breakdown>button>span{font-size:14px;font-weight:500}.gp-space-breakdown strong{display:block;font:400 clamp(33px,3.3vw,49px) 'DG Favorit',sans-serif;letter-spacing:-.04em;margin:13px 0}.gp-space-breakdown p{font-size:16px;line-height:1.75;color:var(--gp-soft)}.gp-space-breakdown button[aria-pressed=true]{border-top-color:var(--dg-green-dark)}.gp-space-breakdown button[aria-pressed=true] strong{color:var(--dg-green-dark)} .gp-dimensions-table{margin-top:45px;border-top:1px solid var(--gp-border);border-bottom:1px solid var(--gp-border)}.gp-dimensions-table summary{padding:22px 0;display:flex;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:500}.gp-dimensions-table summary>span{font-size:22px}.gp-dimensions-table dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin:0 0 25px}.gp-dimensions-table dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--gp-border);padding:15px 0;font-size:14px}.gp-dimensions-table dd{margin:0;font-weight:500}.gp-dimensions-table dt{color:var(--gp-soft)} .gp-production-brief{background:var(--dg-forest);color:white;padding:80px 0}.gp-production-brief>.dg-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.gp-production-brief h2{font-size:clamp(38px,4vw,59px)}.gp-production-brief h2>span{color:var(--dg-green)}.gp-production-brief p{margin-top:24px;max-width:580px}.gp-business-logic>div{display:grid;grid-template-columns:110px 1fr;gap:22px;border-top:1px solid rgba(255,255,255,.25);padding:21px 0}.gp-business-logic span{font-size:12px;color:var(--dg-green);letter-spacing:.04em}.gp-business-logic p{font-size:15px;margin:0!important}.gp-product-questions>.dg-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.gp-product-questions h2{font-size:48px}.gp-product-questions>.dg-wrap>div>p{margin:25px 0;max-width:390px}.gp-faq details{border-bottom:1px solid var(--gp-border)}.gp-faq details:first-child{border-top:1px solid var(--gp-border)}.gp-faq summary{padding:22px 0;display:flex;justify-content:space-between;gap:30px;cursor:pointer;font-size:16px;font-weight:500}.gp-faq summary>span{font-size:23px;line-height:1}.gp-faq details[open] summary>span{transform:rotate(45deg)}.gp-faq details p{font-size:16px;line-height:1.8;padding-bottom:24px;color:var(--gp-soft)} @media(max-width:1100px){.gp-series-heading{gap:40px}.gp-series-landscape>img{height:440px}.gp-series-floating{right:0;top:30%}.gp-series-intro>.dg-wrap{gap:45px}.gp-system-layout{gap:45px}.gp-other-series{gap:25px}.gp-other-series strong{font-size:22px}.gp-product-opening{grid-template-columns:.8fr 1.3fr;gap:20px}.gp-stage-canvas{height:400px}.gp-product-copy h1{font-size:67px}.gp-product-metrics strong{font-size:24px}.gp-product-nav{top:80px}.gp-product-nav>.dg-wrap{gap:22px}.gp-section-links{display:none}.gp-nav-enquire{margin-left:auto}.gp-footprint-layout{gap:40px}.gp-production-brief>.dg-wrap{gap:45px}.gp-product-questions>.dg-wrap{gap:45px}.gp-dimensions-table dl{grid-template-columns:1fr 1fr}.gp-camera-views{gap:13px}.gp-stage-toolbar{flex-wrap:wrap}.gp-series-facts{gap:25px;flex-wrap:wrap}} @media(max-width:760px){.gp-series-hero{padding-top:112px}.gp-series-heading{display:block;margin-top:28px}.gp-series-heading h1{font-size:clamp(46px,10vw,72px);margin-top:12px}.gp-series-heading>p{font-size:16px;max-width:520px;margin:23px 0 0}.gp-series-landscape{margin:30px -20px 0}.gp-series-landscape>img{height:300px;object-fit:contain}.gp-series-ghost{top:38px;font-size:27vw}.gp-series-floating{position:relative;inset:auto;text-align:right;padding:0 20px 0 0;margin-top:-20px;border:0;background:none}.gp-series-floating>span{font-size:24px}.gp-series-chooser{flex-direction:column;gap:18px;margin:28px 0}.gp-series-chooser>.dg-button{width:100%;justify-content:space-between}.gp-series-facts{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;padding:25px 0}.gp-series-facts strong{font-size:22px}.gp-series-facts>.gp-tabs{justify-self:start;align-self:center}.gp-series-facts>.gp-tabs button{font-size:12px!important;padding:9px 10px!important}.gp-series-intro>.dg-wrap{display:block}.gp-series-intro p{font-size:16px;margin-top:25px}.gp-series-intro .gp-note{font-size:14px}.gp-model-grid{grid-template-columns:1fr;gap:30px}.gp-model-image img{max-height:290px;object-fit:contain}.gp-card-title h3{font-size:30px}.gp-crop-selection .dg-crop-explorer{padding:52px 0}.gp-crop-selection .dg-crop-explorer-heading{flex-wrap:wrap}.gp-crop-selection .dg-crop-arrows{margin-left:auto}.gp-crop-selection .dg-crop-explorer h2{font-size:36px}.gp-crop-selection .dg-phone-break{display:none}.gp-system-layout{display:block}.gp-system-directory{margin-top:38px}.gp-system-directory img{width:64px;height:74px}.gp-system-directory>a{gap:17px}.gp-system-directory h3{font-size:24px}.gp-system-directory p{font-size:14px}.gp-system-panel li{font-size:16px}.gp-other-series{flex-wrap:wrap;padding:30px 0;gap:22px}.gp-other-series>span{flex-basis:100%}.gp-other-series>a{flex:0 0 100%}.gp-product-hero{padding-top:111px}.gp-product-opening{display:flex;flex-direction:column;align-items:stretch;margin-top:27px;gap:15px}.gp-product-copy{padding:0}.gp-product-copy h1{font-size:clamp(57px,13vw,86px);margin-top:15px}.gp-product-copy h1 br{display:none}.gp-product-copy h1>span{display:block}.gp-product-copy>p:not(.gp-label){font-size:16px;margin-top:23px;max-width:550px}.gp-product-copy .dg-button{margin-top:23px}.gp-text-link{display:inline-flex;margin-left:20px}.gp-stage-canvas{height:300px}.gp-stage-caption{font-size:12px;bottom:4px}.gp-stage-toolbar{margin-top:16px;gap:12px}.gp-stage-tools{gap:7px}.gp-stage-tools button{width:37px;height:37px}.gp-camera-views{padding:15px 0 0;gap:15px}.gp-product-metrics{grid-template-columns:1fr 1fr;margin-top:30px;gap:25px 20px;padding:25px 0}.gp-product-metrics strong{font-size:25px}.gp-product-metrics .gp-product-crop{padding-left:0;border:0}.gp-product-crop>a{font-size:15px}.gp-product-nav{top:76px}.gp-product-nav>.dg-wrap{gap:17px;min-height:62px;font-size:13px}.gp-product-nav>.dg-wrap>a:first-child{display:none}.gp-variant-links{gap:18px}.gp-variant-links>a{padding:20px 0}.gp-nav-enquire{font-size:13px;gap:8px}.gp-catalog section[id]{scroll-margin-top:155px}.gp-catalog #project{scroll-margin-top:145px}.gp-footprint-layout{display:block}.gp-plan-sheet{position:relative;top:auto;padding:17px;margin-bottom:30px}.gp-plan-topline{font-size:12px;gap:18px}.gp-plan-sheet svg{margin:10px -8px;width:calc(100% + 16px)}.gp-plan-sheet>p{font-size:12px}.gp-space-breakdown>button{padding:20px 0}.gp-space-breakdown strong{font-size:38px}.gp-space-breakdown p{font-size:16px}.gp-dimensions-table{margin-top:22px}.gp-dimensions-table dl{grid-template-columns:1fr;gap:0}.gp-dimensions-table summary{font-size:16px}.gp-production-brief{padding:55px 0}.gp-production-brief>.dg-wrap{display:block}.gp-production-brief h2{font-size:39px}.gp-business-logic{margin-top:36px}.gp-business-logic>div{grid-template-columns:95px 1fr;gap:15px}.gp-product-questions>.dg-wrap{display:block}.gp-product-questions h2{font-size:40px}.gp-faq{margin-top:35px}.gp-faq summary{font-size:16px;gap:20px}.gp-faq details p{font-size:16px}.gp-catalog .dg-button{min-height:50px}} @media(max-width:390px){.gp-text-link{display:flex;margin-left:0}.gp-product-copy h1{font-size:60px}.gp-variant-links{gap:14px}.gp-product-nav>.dg-wrap{gap:12px}.gp-nav-enquire svg{display:none}.gp-series-heading h1{font-size:45px}.gp-series-landscape>img{height:250px}.gp-project h2{font-size:36px}.gp-catalog .gp-tabs button{padding:10px 12px}.gp-stage-canvas{height:270px}} @media(prefers-reduced-motion:reduce){.gp-series-ghost{transform:none!important}.gp-plan-sheet{position:relative;top:auto}.gp-model-image img{transform:none!important}.gp-series-landscape>img,.gp-system-panel{animation:none}} @media(max-width:760px){.gp-range-object{margin:70px 0 42px}.gp-range-object img{width:100%;height:auto}.gp-range-word{bottom:130px}} .gp-catalog summary:focus-visible{outline:3px solid var(--dg-green-dark);outline-offset:5px} .gp-space-breakdown button:hover strong{color:var(--dg-green-dark)} @media(hover:hover) and (pointer:fine){.gp-catalog button:active,.gp-catalog .dg-button:active{transform:translateY(1px)}} /* Keep the size choice in view while giving the greenhouse the main stage. */ .gp-series-heading h1{font-size:clamp(80px,9vw,135px);margin-top:8px;line-height:1} .gp-series-heading{align-items:center;margin-top:30px} .gp-series-heading>p{max-width:455px} .gp-series-landscape>img{height:440px} .gp-series-landscape{margin:30px auto 0} .gp-series-chooser{margin:22px auto 30px} .gp-series-caption{display:block;text-align:center;font-size:12px;color:var(--dg-mist);margin-top:10px} .gp-range-object{margin-left:1%;margin-right:1%} .gp-stage-caption{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:95%;padding:4px 9px;background:rgba(6,31,19,.9);border-radius:2px;color:white} @media(max-width:1100px) and (min-width:761px){.gp-series-landscape>img{height:390px}.gp-series-ghost{top:20px}} @media(max-width:760px){.gp-series-heading{margin-top:25px}.gp-series-heading h1{font-size:clamp(68px,18vw,105px);margin-top:15px}.gp-series-landscape{margin:27px -20px 0}.gp-series-landscape>img{height:270px}.gp-series-caption{margin-top:16px}.gp-series-chooser{margin:23px auto 28px}.gp-range-object{margin-left:0;margin-right:0}.gp-stage-caption{font-size:11px}} @media(max-width:390px){.gp-series-landscape>img{height:235px}.gp-series-heading h1{font-size:72px}} .gp-table-wrap{position:relative} @media(min-width:1001px) and (max-width:1100px){.gp-product-nav{top:78px}} @media(max-width:760px){.gp-series-floating{margin-top:10px}.gp-series-caption{margin-top:13px}} /* ---- carousel-squeeze.css ---- */ /* Squeeze motion adapted from the user-supplied component. Brand styles stay local. */ .sq-carousel{container-type:inline-size;width:100%;--sq-h:340px;--sq-gap:16px;--sq-slat-gap:8px;--sq-slat:8px;--sq-hero:min(calc(var(--sq-h)*16/9),72cqi);--sq-ease:cubic-bezier(.16,1,.3,1)} .sq-viewport{height:var(--sq-h);overflow:hidden;padding:4px 0;touch-action:pan-y pinch-zoom} .sq-strip{display:flex;height:100%;width:max-content;transition:transform var(--sq-ms) var(--sq-ease)} .sq-panel{height:100%;position:relative;isolation:isolate;flex-shrink:0;overflow:hidden;border:0;padding:0;cursor:pointer;background:var(--dg-mist);border-radius:3px;color:var(--dg-white);text-align:left;transition-property:width,margin-left;transition-duration:var(--sq-ms);transition-timing-function:var(--sq-ease)} .sq-panel>img{position:absolute;inset-block:0;left:50%;transform:translateX(-50%);width:var(--sq-hero);min-width:100%;max-width:none;height:100%;object-fit:cover;pointer-events:none;user-select:none} .sq-panel:after{content:'';position:absolute;inset:0;pointer-events:none;border:0 solid var(--dg-green);border-radius:3px;transition:border-width .2s} .sq-panel.is-selected:after{border-width:4px} .sq-panel:focus-visible{outline:3px solid var(--dg-green);outline-offset:-3px} .sq-panel:focus-visible:after{border:4px solid white;inset:5px} .sq-caption{position:absolute;inset:auto 0 0;padding:60px 25px 25px;background:linear-gradient(transparent,rgba(6,31,19,.84));pointer-events:none;white-space:nowrap;overflow:hidden} .sq-caption strong{display:block;font:400 28px/1.25 'DG Favorit',sans-serif;letter-spacing:-.035em} .sq-caption small{display:block;font:300 12px/1.5 'DG Poppins',sans-serif;margin-top:8px} .sq-caption.is-narrow{height:100%;padding:20px 0;background:linear-gradient(0deg,rgba(6,31,19,.72),transparent 75%);display:flex;align-items:center;justify-content:flex-end;writing-mode:vertical-rl;transform:rotate(180deg)} .sq-caption.is-narrow strong{font-size:18px;max-height:100%;overflow:hidden;text-overflow:ellipsis} .sq-choice{position:absolute;top:19px;right:19px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--dg-forest);font:400 22px/1 sans-serif;pointer-events:none} .sq-panel.is-selected .sq-choice{background:var(--dg-green)} .dg-squeeze-wrap{margin-top:26px} .dg-crop-position{font:400 11px/1 'DG Poppins',sans-serif;align-self:center;white-space:nowrap;margin-right:8px;color:var(--dg-green-dark);font-variant-numeric:tabular-nums} @media(max-width:1100px){.sq-carousel{--sq-h:310px;--sq-hero:55cqi}.sq-caption{padding:50px 20px 21px}.sq-caption strong{font-size:25px}.sq-caption.is-narrow strong{font-size:16px}} @media(max-width:700px){.sq-carousel{--sq-h:290px;--sq-hero:70cqi;--sq-gap:10px;--sq-slat-gap:5px;--sq-slat:5px}.sq-caption{padding:50px 17px 20px}.sq-caption strong{font-size:25px}.sq-caption small{font-size:11px}.sq-panel[data-column="1"] .sq-caption{padding:19px 0;display:flex;align-items:center;justify-content:flex-start;height:100%;writing-mode:vertical-rl;background:linear-gradient(0deg,rgba(6,31,19,.72),transparent 75%)}.sq-panel[data-column="1"] .sq-caption strong{font-size:16px;transform:rotate(180deg)}.sq-panel[data-column="1"] .sq-caption small{display:none}.sq-caption.is-narrow{padding:16px 0}.sq-caption.is-narrow strong{font-size:12px}.sq-panel[data-column="1"] .sq-choice{display:none}.sq-choice{width:32px;height:32px;top:15px;right:15px}.dg-squeeze-wrap{margin-top:23px}.dg-crop-position{font-size:10px;margin-right:3px}.dg-crop-explorer-heading p{max-width:210px}} @media(max-width:380px){.sq-carousel{--sq-h:270px}.sq-caption strong{font-size:23px}.dg-crop-position{font-size:9px}.dg-crop-explorer-heading p{max-width:195px}} @media(prefers-reduced-motion:reduce){.sq-strip,.sq-panel,.sq-panel:after{transition:none!important}} .sq-panel{width:var(--sq-panel-w)} .sq-caption{transition:opacity .25s} .sq-carousel[data-moving=true] .sq-caption{opacity:0} .dg-crop-explorer .dg-squeeze-wrap{margin-top:26px} .dg-crop-arrows button:disabled{opacity:.35;cursor:default;background:transparent;color:var(--dg-forest)} @media(max-width:700px){ .sq-carousel:not([data-count="1"]) .sq-panel[data-column="0"]{width:calc(var(--sq-hero) - var(--sq-mobile-room)*.1090909)} .sq-carousel .sq-panel[data-column="1"]{width:calc(var(--sq-mobile-room)*1.1090909)} .sq-carousel .sq-panel[data-column="2"],.sq-carousel .sq-panel[data-column="3"]{width:var(--sq-slat);margin-left:var(--sq-slat-gap)!important} .sq-panel[data-column="2"] .sq-caption,.sq-panel[data-column="3"] .sq-caption{display:none} .sq-panel[data-column="1"] .sq-caption{transform:rotate(180deg);justify-content:flex-end} .sq-panel[data-column="1"] .sq-caption strong{transform:none} .dg-crop-explorer .dg-crop-arrows button{width:44px;height:44px} .dg-crop-explorer .dg-crop-explorer-heading p{max-width:calc(100% - 145px)} .dg-crop-explorer .dg-squeeze-wrap{margin-top:22px} } @media(prefers-reduced-motion:reduce){.sq-carousel .sq-caption{transition:none;opacity:1!important}} /* ---- project-cta.css ---- */ /* Closing image-group CTA: the existing brand palette, type and project context. */ .dg-enquiry.dg-project-cta{padding:100px 0;background:var(--dg-mist);color:var(--dg-forest)} .dg-project-cta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:0 64px;align-items:center} .dg-project-cta-copy{min-width:0;grid-column:1;grid-row:1;align-self:end} .dg-project-cta-controls{min-width:0;grid-column:1;grid-row:2;align-self:start} .dg-project-cta .dg-project-cta-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em;margin-bottom:30px;font-weight:500} .dg-project-cta-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--dg-green-dark);flex-shrink:0} .dg-enquiry.dg-project-cta h2{font-size:clamp(42px,4.25vw,68px);line-height:1.12;letter-spacing:-.055em} .dg-enquiry.dg-project-cta h2>span{color:var(--dg-green-dark)} .dg-project-cta .dg-project-cta-intro{font-size:16px;line-height:1.85;max-width:480px;margin-top:25px} .dg-project-cta-brief{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:33px;padding-top:25px;border-top:1px solid var(--dg-line)} .dg-project-cta .dg-interest{display:block;min-width:0} .dg-project-cta .dg-interest>span{display:block;margin-bottom:9px;font-size:12px;font-weight:500} .dg-project-cta .dg-interest select{width:100%;max-width:100%;min-height:53px;border:1px solid rgba(6,31,19,.24);border-radius:3px;color:var(--dg-forest);background-color:transparent;padding:12px 33px 12px 12px;font-size:13px;font-weight:300;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23061f13' stroke-width='1.4'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;transition:border-color .2s,background-color .2s} .dg-project-cta .dg-interest select:hover{border-color:var(--dg-forest);background-color:rgba(255,255,255,.35)} .dg-project-cta .dg-interest select option{background:var(--dg-white);color:var(--dg-forest)} .dg-project-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;align-items:center} .dg-project-cta .dg-enquiry-contact{width:auto;justify-content:space-between;background:var(--dg-forest);color:var(--dg-white);gap:24px;padding:15px 24px;min-height:55px} .dg-project-cta .dg-enquiry-contact:hover{background:var(--dg-green);color:var(--dg-forest)} .dg-project-cta .dg-project-cta-help{background:transparent;border-color:rgba(6,31,19,.36);color:var(--dg-forest);padding:15px 22px;gap:18px;min-height:55px} .dg-project-cta .dg-project-cta-help:hover{background:var(--dg-white);border-color:var(--dg-forest)} .dg-project-cta .dg-project-cta-note{font-size:11px;line-height:1.7;margin-top:17px} .dg-project-cta-mosaic{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:16px;min-width:0;aspect-ratio:1.02} .dg-project-cta-image{position:relative;isolation:isolate;overflow:hidden;border-radius:4px;margin:0;min-width:0;min-height:0;background:var(--dg-forest);color:var(--dg-white)} .dg-project-cta-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .dg-project-cta-image:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 32%,rgba(6,31,19,.12) 48%,rgba(6,31,19,.93) 100%);pointer-events:none} .dg-project-cta-image figcaption{position:absolute;inset:auto 22px 22px;z-index:1} .dg-project-cta-image figcaption small{display:block;font-size:8px;font-weight:500;line-height:1.6;letter-spacing:.12em;margin-bottom:9px} .dg-project-cta-image figcaption strong{display:block;font:500 clamp(18px,1.6vw,25px)/1.2 'DG Favorit',sans-serif;letter-spacing:-.04em} .dg-project-cta-image figcaption>span{display:block;font-size:10px;font-weight:300;line-height:1.65;margin-top:8px;max-width:240px} .dg-project-cta-greenhouse{grid-column:1;grid-row:1} .dg-project-cta-greenhouse>img{object-position:38% center} .dg-project-cta-render-note{position:absolute;top:12px;left:12px;z-index:1;font-size:8px;line-height:1.5;padding:4px 7px;border-radius:2px;background:rgba(255,255,255,.92);color:var(--dg-forest)} .dg-project-cta-interior{grid-column:2;grid-row:1/3;margin-top:34px;margin-bottom:34px} .dg-project-cta-interior>img{object-position:54% center} .dg-project-cta-interior:after{background:linear-gradient(180deg,transparent 48%,rgba(6,31,19,.88) 100%)} .dg-project-cta-crop{grid-column:1;grid-row:2} .dg-project-cta-crop>img{object-position:center 57%} @media(min-width:1650px){.dg-project-cta-layout{column-gap:80px}.dg-project-cta-mosaic{max-height:690px}.dg-project-cta-brief{max-width:600px}} @media(max-width:1200px){.dg-enquiry.dg-project-cta{padding:76px 0}.dg-project-cta-layout{column-gap:38px}.dg-enquiry.dg-project-cta h2{font-size:4.2vw}.dg-project-cta-mosaic{aspect-ratio:.84}.dg-project-cta-brief{grid-template-columns:1fr;gap:16px}.dg-project-cta .dg-interest select{font-size:16px}.dg-project-cta-actions{gap:10px}.dg-project-cta .dg-button{font-size:12px!important;padding:14px 17px;gap:15px;min-height:51px}.dg-project-cta-image figcaption{inset:auto 16px 18px}.dg-project-cta-image figcaption strong{font-size:20px}} @media(max-width:950px){.dg-project-cta-layout{grid-template-columns:1fr;gap:40px}.dg-project-cta-copy{max-width:720px;padding:0;grid-column:1;grid-row:1} .dg-project-cta-controls{grid-column:1;grid-row:3} .dg-project-cta-mosaic{grid-column:1;grid-row:2}.dg-enquiry.dg-project-cta h2{font-size:clamp(45px,6.8vw,62px)}.dg-project-cta .dg-project-cta-intro{max-width:570px}.dg-project-cta-brief{grid-template-columns:1.1fr 1fr;max-width:650px;margin-top:0}.dg-project-cta-mosaic{aspect-ratio:1.75;grid-template-columns:.95fr 1fr;max-width:850px}.dg-project-cta-interior{margin-top:24px;margin-bottom:24px}.dg-project-cta-image figcaption strong{font-size:24px}.dg-project-cta .dg-button{font-size:14px!important;padding:15px 24px;gap:24px;min-height:55px}.dg-project-cta-image figcaption{inset:auto 22px 20px}} @media(max-width:600px){.dg-enquiry.dg-project-cta{padding:54px 0 46px}.dg-project-cta-layout{gap:31px}.dg-project-cta .dg-project-cta-kicker{font-size:8px;letter-spacing:.08em;gap:8px;margin-bottom:22px}.dg-enquiry.dg-project-cta h2{font-size:clamp(36px,9.05vw,54px);line-height:1.14}.dg-project-cta .dg-project-cta-intro{font-size:14px;line-height:1.85;margin-top:22px}.dg-project-cta-brief{grid-template-columns:1fr;gap:17px;margin-top:0;padding-top:22px}.dg-project-cta .dg-interest>span{font-size:11px;margin-bottom:8px}.dg-project-cta .dg-interest select{min-height:51px;font-size:16px;padding-top:11px;padding-bottom:11px}.dg-project-cta-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:23px}.dg-project-cta .dg-button{width:100%;justify-content:space-between;min-height:51px;padding:14px 21px;font-size:13px!important}.dg-project-cta .dg-project-cta-note{font-size:10px;margin-top:14px}.dg-project-cta-mosaic{aspect-ratio:1.04;gap:10px}.dg-project-cta-interior{margin-top:22px;margin-bottom:22px}.dg-project-cta-image figcaption{inset:auto 12px 13px}.dg-project-cta-image figcaption small{font-size:8px;letter-spacing:.025em;margin-bottom:5px}.dg-project-cta-image figcaption strong{font-size:17px}.dg-project-cta-image figcaption>span{font-size:9px;line-height:1.5;margin-top:5px}.dg-project-cta-crop figcaption>span{display:none}.dg-project-cta-render-note{top:8px;left:8px;right:8px;width:max-content;max-width:calc(100% - 16px);font-size:8px;padding:3px 5px}.dg-project-cta-interior figcaption>span{font-size:9px}.dg-project-cta-image{border-radius:3px}} /* ============================================================================ Site adjustments (dg-site only; everything above is the prototype verbatim) ========================================================================== */ /* The site header is 78px, fixed; the prototype's was 98px. Offsets above were rewritten 98→78 at build time. Hidden attributes must win over the display rules the port sets on panels, renders and tab panels. */ .dg-home [hidden]{display:none!important} .dg-home{overflow:visible} .dg-home .dg-cinema-copy{padding-top:150px} .dg-home .gp-range-hero{padding-top:140px} .dg-home .gp-series-hero,.dg-home .gp-product-hero{padding-top:118px} /* series stage: only the chosen size's render is in the flow */ .gp-series-landscape>img[hidden]{display:none} /* the crop photo credit line under the gallery */ /* the showroom 3D scene sits over the render when active */ .dg-scene{position:absolute;inset:0;background:var(--dg-forest);z-index:2} .dg-scene canvas{width:100%;height:100%;display:block} /* the product stage: the engineering viewer replaces the render when active */ .gp-engineering{position:absolute;inset:0;background:var(--dg-forest)} .gp-engineering[data-ready] .gp-engineering-fallback{display:none} /* dual-unit spans inside the ported markup inherit the site switch (main.css) */ .dg-home [data-i],.dg-home [data-usd]{display:none} html[data-dg-units="imperial"] .dg-home [data-m]{display:none} html[data-dg-units="imperial"] .dg-home [data-i]{display:inline} /* the site's sticky GrowPro ribbon (.snav) already clears the header on the /greenhouses tree, so the atlas heroes need less of their own clearance */ .has-rail .dg-home .gp-range-hero{padding-top:70px} .has-rail .dg-home .gp-series-hero,.has-rail .dg-home .gp-product-hero{padding-top:56px} .has-rail .gp-product-nav{top:134px} @media(max-width:1024px){.has-rail .gp-product-nav{top:134px}} /* the site's units control is a [data-u] button group; .on is the state class */ .gp-tabs button.on{color:#fff} .gp-tabs button.on .gp-tab-label{position:relative;z-index:1} .gp-tabs button.on::before{content:'';position:absolute;inset:0;background:var(--dg-forest);border-radius:30px} .gp-series-hero .gp-tabs button.on::before,.gp-model-stage .gp-tabs button.on::before{background:var(--dg-green)} .gp-series-hero .gp-tabs button.on,.gp-model-stage .gp-tabs button.on{color:var(--dg-forest)} .gp-tabs button{position:relative} .gp-tabs button[aria-pressed=true]::before,.gp-tabs button[aria-selected=true]::before{content:'';position:absolute;inset:0;background:var(--dg-forest);border-radius:30px} .gp-series-hero .gp-tabs button[aria-pressed=true]::before,.gp-model-stage .gp-tabs button[aria-pressed=true]::before{background:var(--dg-green)} .gp-tabs .gp-tab-label{position:relative;z-index:1} /* On a model page the atlas's own sticky product nav carries the size links, so the site ribbon drops its size cluster there (it keeps the series row). */ .gp-page .snav-kids{display:none} /* ============================================================================ /crops inside the story (crop-blocks.js, 2026-09-12) ========================================================================== */ .crop-hero{position:relative;isolation:isolate;min-height:82svh;display:flex;align-items:flex-end;background:var(--dg-forest);color:#fff;overflow:hidden;padding:150px 0 64px} .crop-hero-photo{position:absolute;inset:0;z-index:-1;margin:0} .crop-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center} .crop-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,31,19,.92) 0%,rgba(6,31,19,.66) 34%,rgba(6,31,19,.14) 62%,transparent 80%),linear-gradient(0deg,rgba(6,31,19,.85) 0%,transparent 45%)} .crop-hero-photo figcaption{position:absolute;right:4%;bottom:26px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)} .crop-hero-copy{position:relative} .crop-hero .gp-breadcrumb{margin-bottom:34px} .crop-hero .gp-label{color:var(--dg-green);margin-bottom:18px} .crop-hero h1{font-size:clamp(64px,8vw,128px);line-height:1.02;letter-spacing:-.06em;max-width:900px} .crop-hero-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.6;max-width:560px;margin-top:22px} .crop-hero .dg-cinema-actions{margin-top:30px} .crop-hero .dg-cinema-actions>a:last-child{display:flex;gap:14px;align-items:center;font-size:13px} .crop-hub-hero{background:var(--dg-forest);color:#fff;padding:150px 0 40px} .crop-hub-hero .gp-label{color:var(--dg-green);margin-bottom:18px} .crop-hub-hero h1{font-size:clamp(56px,7vw,112px);line-height:1.04;letter-spacing:-.06em} .crop-hub-hero h1 span{color:var(--dg-green)} .crop-hub-hero .crop-hero-lead{max-width:600px} .crop-hub-hero + .dg-crop-explorer{background:var(--dg-forest);color:#fff;padding-top:20px} .crop-hub-hero + .dg-crop-explorer .dg-crop-filters button,.crop-hub-hero + .dg-crop-explorer .dg-crop-arrows button{color:#fff;border-color:rgba(255,255,255,.35)} .crop-hub-hero + .dg-crop-explorer .dg-crop-filters button[aria-pressed=true]{background:var(--dg-green);border-color:var(--dg-green);color:var(--dg-forest)} .crop-hub-hero + .dg-crop-explorer .dg-crop-brief-strip{border-top-color:rgba(255,255,255,.2)} .crop-varieties{background:var(--dg-mist)} .crop-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px} .crop-card{display:block;min-width:0;border-bottom:1px solid var(--gp-border,rgba(6,31,19,.2));padding-bottom:22px} .crop-card-photo{position:relative;overflow:hidden;border-radius:3px;background:var(--dg-forest);aspect-ratio:3/2} .crop-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.23,1,.32,1)} .crop-card:hover .crop-card-photo img{transform:scale(1.035)} .crop-card-photo span{position:absolute;left:10px;top:10px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;background:rgba(255,255,255,.9);color:var(--dg-forest);border-radius:2px} .crop-card .gp-card-title{margin:20px 0 8px} .crop-card .gp-card-title h3{font-size:26px} .crop-card>p{font-size:14px;line-height:1.7;color:var(--gp-soft,#496051)} .crop-greenhouse{background:var(--dg-forest);color:#fff;padding:100px 0 80px} .crop-greenhouse-head{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end} .crop-greenhouse-head .gp-label{color:var(--dg-green);margin-bottom:18px} .crop-greenhouse h2{font-size:clamp(38px,4.2vw,64px);line-height:1.1} .crop-greenhouse h2 span{color:var(--dg-green)} .crop-greenhouse-head>p{font-size:16px;line-height:1.85;max-width:520px;color:rgba(255,255,255,.85)} .crop-brief-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;border-top:1px solid rgba(255,255,255,.22);padding-top:24px} .crop-brief-row span{font-size:10px;letter-spacing:.12em;color:var(--dg-green)} .crop-brief-row p{font-size:14px;line-height:1.75;margin-top:10px;color:var(--dg-mist)} .crop-series-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:52px} .crop-series{display:grid;grid-template-columns:1fr;gap:20px;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:18px;transition:border-color .2s} .crop-series:hover{border-color:var(--dg-green)} .crop-series img{width:100%;height:auto;border-radius:3px} .crop-series .gp-label{color:var(--dg-green)} .crop-series h3{font-size:28px;margin:10px 0 10px} .crop-series p{font-size:14px;line-height:1.7;color:var(--dg-mist)} .crop-series-sizes{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap} .crop-series-sizes a{font-size:13px;border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:7px 14px} .crop-series-sizes a:hover{background:var(--dg-green);color:var(--dg-forest);border-color:var(--dg-green)} .crop-greenhouse .gp-note{color:var(--dg-mist);margin-top:34px!important} .crop-greenhouse .gp-note a{display:inline-flex;gap:10px;align-items:center;margin-left:12px;color:#fff} /* the reference content on crop pages takes the atlas register */ .gp-page .richtext,.gp-page .nutri,.gp-page .faq,.gp-page .crop-facts{font-family:'DG Poppins',sans-serif} .gp-page .richtext h2,.gp-page .nutri__copy h2,.gp-page .faq h2{font-family:'DG Favorit',sans-serif;letter-spacing:-.045em} .gp-page .richtext h2{font-size:clamp(32px,3.4vw,50px);line-height:1.12} .gp-page .richtext p{font-size:17px;line-height:1.8;color:var(--dg-forest);max-width:66ch} .gp-page .richtext + .richtext h2{font-size:clamp(26px,2.6vw,36px)} .gp-page .nutri{background:var(--dg-mist)} .gp-page .nutri__copy h2{font-size:clamp(34px,3.6vw,56px);line-height:1.12} .gp-page .nutri__copy p{font-size:17px;line-height:1.8} .gp-page .faq details{border-radius:0;border:0;border-bottom:1px solid var(--gp-border,rgba(6,31,19,.2));padding:0;background:none} .gp-page .faq details:first-of-type{border-top:1px solid var(--gp-border,rgba(6,31,19,.2))} .gp-page .faq summary{font-family:'DG Poppins',sans-serif;font-weight:500;font-size:16px;padding:22px 0} @media(max-width:1100px){.crop-greenhouse-head{gap:40px}.crop-brief-row{gap:24px}} @media(max-width:760px){.crop-hero{min-height:0;padding:118px 0 44px}.crop-hero h1{font-size:clamp(48px,14vw,72px)}.crop-hero .gp-breadcrumb{margin-bottom:24px}.crop-hero-photo::after{background:linear-gradient(0deg,rgba(6,31,19,.94) 0%,rgba(6,31,19,.6) 55%,rgba(6,31,19,.25) 100%)}.crop-hub-hero{padding:118px 0 30px}.crop-greenhouse{padding:60px 0 50px}.crop-greenhouse-head{display:block}.crop-greenhouse-head>p{margin-top:22px}.crop-brief-row{grid-template-columns:1fr;gap:18px}.crop-series-grid{grid-template-columns:1fr;margin-top:36px}.crop-card-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.crop-hero-photo{transform:none!important}.crop-card-photo img{transition:none}} .crop-series h3 a:hover{color:var(--dg-green)} .crop-series-more{border:0!important;padding:7px 0!important;display:inline-flex;gap:10px;align-items:center;margin-left:auto} .crop-series-more:hover{background:none!important;color:var(--dg-green)!important} /* 2026-09-12: the render-mode caption is empty (no corner labels); the pill hides itself */ .gp-stage-caption:empty{display:none}