/**
 * DS—DDD Large Desktop Styles
 * Styles for large displays (1920px+)
 */

/*
——————————————————————————————————————————
CSS VARIABLES
——————————————————————————————————————————
*/

:root {

	/* Font sizes */
	--FS99: 11.00rem; 	/* 176px - used for big menu */

	/* Mix */
	--header-H: 	var(--S11);
}

/*
——————————————————————————————————————————
LAYOUT
——————————————————————————————————————————
*/

.main-grid 											{ gap: var(--S03); }

.home-layout 										{ padding: 0 var(--S03) var(--S03) var(--S03); }
.page-layout										{ padding: 0 var(--S03) var(--S03) var(--S03); }
.blocks-layout 										{ padding: 0 var(--S03) var(--S03) var(--S03); }
.unit-layout 										{ padding: 0 var(--S03) var(--S03) var(--S03); }
.contact-layout 									{ padding: 0 var(--S03) var(--S03) var(--S03); }
.colophon-layout									{ padding: var(--S07) var(--S03); }

/*
——————————————————————————————————————————
MAIN HEADER & NAV
——————————————————————————————————————————
*/

.site-header 										{ padding: 0 var(--S03); }

/* MENU PANEL */
.menu-panel 										{ padding: var(--S03); }

/* MENU TOGGLE */
.menu-toggle 										{ right: var(--S03); }


/*
——————————————————————————————————————————
CONTENT
——————————————————————————————————————————
*/

/* HOME */
.entrance 											{ gap: var(--S03); }

/* PAGES */
.page-label 										{ grid-column: 1 / span 4; }
.page-content 										{ grid-column: 5 / span 6; }

/* BLOCKS */
.block__col-single 									{ grid-column: 4 / span 6; }

/* UNITS */
.unit__synopsis 									{ grid-column: 4 / span 6; }
.unit__specs 										{ grid-column: 1 / span 3; }
.unit__plans										{ grid-column: 4 / span 9; }

/* CONTACTS */
.contacts 											{ padding-bottom: var(--S02); }

.contacts__main 									{ grid-column: 1/ span 8; }
.contacts__extra									{ grid-column: 10 / span 3; }

/*
——————————————————————————————————————————
FOOTER
——————————————————————————————————————————
*/

.site-footer 										{ padding: var(--S03) var(--S03) var(--S02) var(--S03); }

/* FOOTER NAVIGATION */
.footer-navigation > ul 							{ gap: var(--S03); }

/* SITE INFO */
.site-info 											{ gap: var(--S03); }