/**
 * DS—DDD Laptop Styles
 * Styles for laptops and small desktops (1024px+)
 */


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

main 												{ margin: 0 0 66vh 0 ; }

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

/* HOME */
.entrance__unit 									{ width: auto; max-width: max-content; display: block; }

.entrance__svg 										{ width: auto; height: var(--shape-H); }
.entrance__label 									{ height: var(--caption-H); }

/* PAGES */
.page-label 										{ grid-column: 1 / span 4; }
.page-content 										{ grid-column: 5 / span 8; gap: var(--S07); }

/* BLOCKS */
.cover-image img 									{ width: auto; max-height: 80%; }

.block__col-left									{ grid-column: 1 / span 4; }
.block__col-left-cross								{ grid-column: 1 / span 4; }
.block__col-right									{ grid-column: 6 / span 7; }
.block__col-right-top								{ grid-column: 6 / span 6; }
.block__col-single 									{ grid-column: 2 / span 10; }

/* CONTACTS */
.contacts 											{ height: var(--available-H); padding-bottom: var(--S01); }

.contacts__main 									{ grid-column: 1/ span 9; }
.contacts__extra									{ grid-column: 10 / span 3; align-items: flex-end; text-align: right; }


/* COLOPHON */
.colophon .page-label 								{ grid-row: 1; grid-column: 1 / span 4; }
.colophon__list--1 									{ grid-row: 1; grid-column: 5 / span 4; }
.colophon__list--2 									{ grid-row: 1; grid-column: 9 / span 4; }


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

.site-footer 										{ height: 66vh; }
.site-footer__bottom 								{ gap: var(--S08); }