/**
 * DS—DDD Desktop Styles
 * Styles for standard desktops (1440px+)
 */


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

:root {

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

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


/*
——————————————————————————————————————————
TYPOGRAPHY
——————————————————————————————————————————
*/

/* FONT SIZES & VARIANTS */
.main-navigation									{ font-size: var(--FS06); }
.big-navigation										{ font-size: var(--FS99); }



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

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

.home-layout 										{ padding: 0 var(--S02) var(--S02) var(--S02); }
.page-layout										{ padding: 0 var(--S02) var(--S02) var(--S02); }
.blocks-layout 										{ padding: 0 var(--S02) var(--S02) var(--S02); }
.unit-layout 										{ padding: 0 var(--S02) var(--S02) var(--S02); }
.contact-layout 									{ padding: 0 var(--S02) var(--S02) var(--S02); }
.colophon-layout									{ padding: var(--S07) var(--S02); }
 
/*
——————————————————————————————————————————
MAIN HEADER & NAV
——————————————————————————————————————————
*/

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

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

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


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

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

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

/* BLOCKS */
.block__col-left									{ grid-column: 2 / span 4; }
.block__col-left-cross								{ grid-column: 2 / span 4; }
.block__col-right									{ grid-column: 7 / span 5; }
.block__col-right-top								{ grid-column: 7 / span 4; }
.block__col-single 									{ grid-column: 3 / span 8; }

/* UNITS */
.unit__synopsis 									{ grid-column: 4 / span 8; }
.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 10; }
.contacts__extra									{ grid-column: 11 / span 2; }


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

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

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

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

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

.site-info div 										{ flex-direction: row; align-items: flex-end; justify-content: flex-start; }
.site-info__copy									{ grid-row: 1; grid-column: span 8; }
.site-info__adrs									{ grid-row: 1; grid-column: span 4; }