@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Montserrat:wght@300;400;500&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--black:#0b0b0a;--ivory:#f3efe8;--paper:#faf8f3;--beige:#c8b8a2;--gold:#a88b5b;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:#171614;font-family:var(--sans);margin:0;font-weight:300}a{color:inherit;text-decoration:none}img{display:block}.hero{color:#fff;background:url(/portfolio/hamza-06.jpeg) 50% 42%/cover no-repeat;height:100svh;min-height:720px;position:relative}.heroShade{background:linear-gradient(90deg,#050505e8 0%,#05050599 37%,#05050514 72%,#05050561);position:absolute;inset:0}.nav{z-index:2;justify-content:space-between;align-items:center;height:110px;padding:0 6vw;display:flex;position:relative}.wordmark{font:500 19px/1 var(--serif);letter-spacing:4px}.navLinks{letter-spacing:2px;gap:32px;font-size:9px;display:flex}.navLinks a{position:relative}.navLinks a:after{content:"";background:var(--beige);height:1px;transition:all .35s;position:absolute;bottom:-8px;left:0;right:100%}.navLinks a:hover:after{right:0}.socials{letter-spacing:2px;gap:18px;font-size:9px;display:flex}.heroContent{z-index:2;border-left:1px solid #ffffff61;padding-left:65px;position:absolute;top:50%;left:8vw;transform:translateY(-43%)}.slideNo{font-size:9px;position:absolute;top:4px;left:-7px;transform:translate(-100%)}.hero h1{font:400 clamp(68px,8vw,126px)/.78 var(--serif);letter-spacing:7px;margin:0 0 42px}.role{letter-spacing:6px;border-bottom:1px solid var(--beige);width:max-content;padding-bottom:18px;font-size:12px}.tagline{font:italic 22px/1.45 var(--serif);margin:24px 0}.outlineBtn{letter-spacing:2.2px;border:1px solid #ffffff8c;align-items:center;gap:45px;padding:16px 25px;font-size:9px;transition:all .3s;display:inline-flex}.outlineBtn:hover{color:#000;background:#fff}.heroFoot{z-index:2;letter-spacing:3px;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:38px;right:5vw}.weddings,.experience,.contact{background:var(--paper);padding:100px 5vw}.sectionTitle{text-align:center;margin-bottom:50px}.sectionTitle>p,.kicker{letter-spacing:4px;color:#7e7467;font-size:8px}.sectionTitle h2{font:500 clamp(39px,4vw,61px)/1 var(--serif);letter-spacing:2px;margin:12px 0}.sectionTitle>span{font:italic 18px var(--serif);color:#756c62}.storyGrid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.story summary{cursor:pointer;height:470px;list-style:none;position:relative;overflow:hidden}.story summary::-webkit-details-marker{display:none}.story summary:after{content:"";background:linear-gradient(#0000 25%,#000000b8);position:absolute;inset:0}.story summary img{object-fit:cover;filter:saturate(.65);width:100%;height:100%;transition:all .8s}.story:first-child summary img{object-position:center 40%}.story:nth-child(2) summary img{object-position:center 70%}.story:nth-child(3) summary img{object-position:center 82%}.story summary:hover img{filter:saturate(.9);transform:scale(1.035)}.story summary div{z-index:2;text-align:center;color:#fff;position:absolute;inset:auto 20px 35px}.story h3{font:500 30px var(--serif);letter-spacing:2px;margin:0}.story p{font:italic 16px var(--serif);margin:5px}.story summary span{letter-spacing:3px;font-size:9px}.story summary b{opacity:0;letter-spacing:2px;margin-top:15px;font-size:8px;transition:all .3s;display:block}.story summary:hover b{opacity:1}.storyGallery{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px 0 25px;display:grid}.storyGallery img{object-fit:cover;width:100%;height:310px}.story[open]{grid-column:1/-1}.story[open] summary{height:580px}.about{background:var(--black);color:#fff;grid-template-columns:1fr 1fr;min-height:720px;display:grid}.aboutImage{overflow:hidden}.aboutImage img{object-fit:cover;object-position:center 55%;filter:grayscale()brightness(.45);width:100%;height:100%}.aboutCopy{flex-direction:column;justify-content:center;padding:100px 9vw;display:flex}.aboutCopy h2{font:400 clamp(41px,4.6vw,66px)/1.05 var(--serif);margin:16px 0}.aboutCopy em{color:var(--beige)}.goldLine{background:var(--gold);width:48px;height:1px;margin:12px 0 25px}.aboutCopy>p:not(.kicker){color:#bdb8af;max-width:590px;font-size:11px;line-height:2}.outlineBtn.light{width:max-content;margin-top:20px}.experience{padding-bottom:120px}.steps{border-top:1px solid #d4ccc0;grid-template-columns:repeat(5,1fr);display:grid}.steps article{border-right:1px solid #d4ccc0;padding:35px 28px;position:relative}.steps article:last-child{border:0}.steps span{font:italic 18px var(--serif);color:var(--gold)}.steps h3{letter-spacing:2px;margin:24px 0 15px;font-size:10px}.steps p{font:14px/1.65 var(--serif);color:#6f675f}.films{background:var(--black);color:#fff;grid-template-columns:.55fr 1.45fr;align-items:center;gap:6vw;padding:80px 5vw;display:grid}.filmIntro h2{font:400 clamp(46px,5vw,73px)/.95 var(--serif);margin:15px 0 25px}.filmIntro>p:last-child{font:16px/1.7 var(--serif);color:#aaa}.films video{background:#000;width:100%;max-height:650px;box-shadow:0 0 0 1px #c8b8a247}.contact{position:relative;overflow:hidden}.contact:before{content:"H";font:600 520px var(--serif);color:#e9e2d7;opacity:.35;position:absolute;bottom:-220px;left:-40px}.contact form{grid-template-columns:repeat(3,1fr) auto;gap:18px;max-width:1200px;margin:auto;display:grid;position:relative}.contact input,.contact textarea{font:9px var(--sans);letter-spacing:1px;resize:none;background:0 0;border:0;border-bottom:1px solid #beb5a8;outline:none;padding:14px 3px}.contact input:focus,.contact textarea:focus{border-color:#222}.contact button{color:#fff;font:9px var(--sans);letter-spacing:2px;cursor:pointer;background:#0b0b0a;border:0;grid-area:1/4/3;padding:0 45px}.contact button:hover{background:#8d7550}.contactMeta{letter-spacing:2px;justify-content:center;gap:35px;margin-top:55px;font-size:8px;display:flex;position:relative}.contactMeta a:hover{color:#8d7550}footer{color:#fff;background:#080808;justify-content:space-between;align-items:center;padding:45px 6vw;display:flex}footer p,footer>span{letter-spacing:2px;color:#aaa;font-size:8px;line-height:1.8}@media (width<=850px){.nav{height:85px}.navLinks{display:none}.hero{background-position:58%;min-height:660px}.heroShade{background:linear-gradient(90deg,#000000db,#00000026)}.heroContent{padding-left:24px;left:7vw}.hero h1{letter-spacing:3px;font-size:62px}.role{letter-spacing:3px}.tagline{font-size:19px}.heroFoot{display:none}.weddings,.experience,.contact{padding:75px 5vw}.storyGrid{grid-template-columns:1fr}.story summary,.story[open] summary{height:480px}.story[open]{grid-column:auto}.storyGallery{grid-template-columns:1fr 1fr}.storyGallery img{height:280px}.about{grid-template-columns:1fr}.aboutImage{height:520px}.aboutCopy{padding:70px 7vw}.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid #d4ccc0;border-right:0}.films{grid-template-columns:1fr;padding:70px 5vw}.contact form{grid-template-columns:1fr}.contact button{grid-area:auto/1;padding:18px}.contactMeta{flex-direction:column;align-items:center;gap:12px}footer{flex-wrap:wrap;align-items:flex-start;gap:25px}footer p{display:none}}.wordmark,.hero h1,.tagline,.aboutCopy h2{white-space:pre-line}.adminShell{color:#171614;min-height:100vh;font-family:var(--sans);background:#f3f0ea;padding:0 5vw 90px}.adminHeader{border-bottom:1px solid #cfc7bb;justify-content:space-between;align-items:center;padding:35px 0;display:flex}.adminHeader p{font:500 11px var(--serif);letter-spacing:3px;margin:0}.adminHeader h1{font:500 42px var(--serif);margin:3px 0}.adminHeader>div:last-child{letter-spacing:1px;align-items:center;gap:20px;font-size:9px;display:flex}.adminHeader a{text-decoration:underline}.adminActions{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f0eaf2;border-bottom:1px solid #cfc7bb;justify-content:space-between;align-items:center;padding:15px 0;display:flex;position:sticky;top:0}.adminActions p{color:#736b61;font-size:10px}.adminActions button,.adminTitleRow button{color:#fff;font:9px var(--sans);letter-spacing:1.5px;cursor:pointer;background:#0b0b0a;border:0;padding:13px 22px}.adminCard{background:#fff;border:1px solid #d8d0c5;margin-top:22px;padding:32px}.adminCard h2{font:500 31px var(--serif);margin:0 0 24px}.adminCard label,.fieldLabel{letter-spacing:1px;color:#685f55;margin-bottom:18px;font-size:9px;display:block}.adminCard input,.adminCard textarea{width:100%;font:12px var(--sans);background:#faf8f4;border:1px solid #d6cec2;outline:none;margin-top:7px;padding:12px;display:block}.adminCard input:focus,.adminCard textarea:focus{border-color:#1a1917}.adminGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.span2{grid-column:1/-1}.mediaField{grid-column:1/-1;align-items:end;gap:20px;display:flex}.mediaField img{object-fit:cover;width:240px;height:150px}.mediaField.small{grid-column:auto}.mediaField.small img{width:120px;height:90px}.uploadBtn{cursor:pointer;background:#ece6dc;border:1px solid #cfc4b4;width:max-content;padding:11px 16px;color:#171614!important;display:inline-flex!important}.uploadBtn input{display:none}.adminTitleRow{justify-content:space-between;align-items:center;display:flex}.weddingEditor{border-top:1px solid #ddd4c8;padding:28px 0}.adminPhotos{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.adminPhotos>div{position:relative}.adminPhotos img{object-fit:cover;width:110px;height:110px}.adminPhotos button{color:#fff;cursor:pointer;background:#000000bf;border:0;padding:5px;font-size:8px;position:absolute;bottom:3px;right:3px}.danger{color:#9d3832;cursor:pointer;background:0 0;border:0;font-size:9px;text-decoration:underline}.adminCard video{background:#000;width:100%;max-width:620px;max-height:350px;margin:8px 0 12px;display:block}@media (width<=700px){.adminShell{padding:0 4vw 60px}.adminHeader{align-items:flex-start}.adminHeader>div:last-child{flex-direction:column;align-items:flex-end;gap:8px}.adminGrid{grid-template-columns:1fr}.span2,.mediaField{grid-column:1}.mediaField{flex-direction:column;align-items:flex-start}.adminCard{padding:22px}.adminActions{top:0}.adminActions p{max-width:50%}}