@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600&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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--rose:#8d7473;--blue:#bad8e6;--tan:#b7997c;--ink:#282423;--cream:#f5f1eb;--paper:#fbf9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{z-index:5;background:#fbf9f6f2;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,5vw,76px);display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.01em;align-items:center;gap:11px;font-family:Cormorant Garamond,serif;font-size:29px;font-weight:500;display:flex}.site-header nav{align-items:center;gap:34px;font-size:13px;font-weight:500;display:flex}.nav-cta{border-bottom:1px solid var(--rose);padding-bottom:5px}.official-mark{object-fit:contain;flex:none;width:36px;height:36px;display:block}.hero{color:#fff;align-items:center;height:max(720px,100svh);min-height:680px;display:flex;position:relative;overflow:hidden}.hero-image{background:url(/hero.png) 50% 35%/cover no-repeat;position:absolute;inset:82px 0 0;transform:scale(1.01)}.hero-wash{background:linear-gradient(90deg,#1b1817e0 0%,#211b19a3 39%,#1916141f 69%),linear-gradient(#0000 55%,#1412116b);position:absolute;inset:82px 0 0}.hero-content{z-index:1;width:min(630px,84vw);margin:90px 0 0 clamp(24px,8vw,128px);position:relative}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);margin:0 0 22px;font-size:11px;font-weight:600}.kicker.dark{color:var(--rose)}h1,h2,h3{margin:0;font-family:Cormorant Garamond,serif;font-weight:400}h1{letter-spacing:-.045em;font-size:clamp(64px,8vw,116px);line-height:.78}h1 em{color:#d8c4b1;font-weight:400}.hero-copy{color:#ffffffd9;max-width:565px;margin:40px 0 34px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:0 23px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.button span{font-size:18px}.button--light{background:var(--cream);color:var(--ink)}.button--light:hover{background:#fff;transform:translateY(-2px)}.text-link{border-bottom:1px solid #ffffff73;padding:8px 0;font-size:13px;font-weight:500}.coming{z-index:2;text-transform:uppercase;letter-spacing:.18em;font-size:10px;position:absolute;bottom:35px;right:clamp(24px,5vw,76px)}.promise{background:var(--cream);color:#5f5552;justify-content:center;align-items:center;gap:30px;min-height:120px;padding:30px;font-family:Cormorant Garamond,serif;font-size:20px;display:flex}.promise-line{background:#c9bfb4;width:80px;height:1px}.guidance{text-align:center;background:var(--paper);padding:clamp(62px,7vw,96px) clamp(24px,7vw,110px)}.guidance h2{letter-spacing:-.03em;max-width:900px;margin:0 auto;font-size:clamp(38px,5vw,66px);line-height:1}.guidance>p:last-child{color:#6e6560;max-width:800px;margin:28px auto 0;font-size:15px;line-height:1.8}.story{padding:clamp(85px,10vw,150px) clamp(24px,7vw,110px)}.section-intro{text-align:center;max-width:820px;margin:0 auto 64px}.section-intro h2,.difference h2,.signup h2{letter-spacing:-.035em;font-size:clamp(48px,6vw,82px);line-height:.98}.audience-toggle{background:#eee8e1;border-radius:999px;margin:38px auto 0;padding:5px;display:inline-flex}.audience-toggle button{color:#776d68;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:13px 22px;font-size:13px}.audience-toggle button.active{color:var(--ink);background:#fff;box-shadow:0 4px 20px #332b2614}.story-panel{background:#fff;grid-template-columns:.92fr 1.08fr;max-width:1220px;min-height:570px;margin:auto;display:grid;box-shadow:0 22px 80px #45383114}.story-copy{flex-direction:column;justify-content:center;padding:clamp(45px,7vw,95px);animation:.45s fade;display:flex}.number{letter-spacing:.18em;color:#aaa09a;margin:0 0 36px;font-size:11px}.story-copy h3{margin-bottom:28px;font-size:clamp(42px,4.5vw,67px);line-height:1}.story-copy>p:last-of-type{color:#6e6560;max-width:480px;line-height:1.8}.step-controls{gap:10px;margin-top:38px;display:flex}.step-controls button{color:#8d827d;cursor:pointer;background:0 0;border:1px solid #ddd4cd;border-radius:50%;width:36px;height:36px}.step-controls button.active{background:var(--rose);color:#fff;border-color:var(--rose)}.story-visual{background-position:50%;background-size:cover;place-items:center;min-height:570px;animation:.55s sceneFade;display:grid;position:relative;overflow:hidden}.story-visual:after{content:"";background:linear-gradient(#0000 42%,#1e19177a);position:absolute;inset:0}.story-visual.scene-0{background-image:url(/idopix-step-1-planning.png);background-position:50% 42%}.story-visual.scene-1{background-image:url(/idopix-step-2-getting-ready-restored.png);background-position:50% 38%}.story-visual.scene-2{background-image:url(/idopix-step-3-photographer-restored.png);background-position:50% 42%}.floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe8;min-width:210px;padding:17px 20px;animation:5s ease-in-out infinite float;position:absolute;box-shadow:0 16px 35px #2a201c29}.floating-card span{color:#968a84;text-transform:uppercase;letter-spacing:.15em;margin-bottom:7px;font-size:10px;display:block}.floating-card strong{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500}.card-one{top:12%;left:9%}.card-two{z-index:1;animation-delay:-1.5s;bottom:8%;right:7%}.card-three{animation-delay:-3s;bottom:10%;left:16%}.difference{background:var(--cream);padding:clamp(90px,12vw,170px) clamp(24px,7vw,110px)}.difference>h2{max-width:820px}.benefit-grid{border-top:1px solid #d6ccc2;grid-template-columns:repeat(4,1fr);margin-top:75px;display:grid}.benefit-grid article{border-right:1px solid #d6ccc2;min-height:245px;padding:34px 30px 25px 0}.benefit-grid article:not(:first-child){padding-left:30px}.benefit-grid article:last-child{border:0}.benefit-grid span{color:var(--rose);font-size:11px}.benefit-grid h3{margin:42px 0 15px;font-size:34px}.benefit-grid p{color:#6f6560;font-size:14px;line-height:1.7}.signup{color:#fff;background:#39302e;grid-template-columns:1.2fr .8fr;min-height:680px;display:grid;overflow:hidden}.signup-art{background-image:linear-gradient(#1c18170f,#1c181738),url(/idopix-final-reception.png);background-position:50%;background-size:cover;position:relative}.signup-copy{flex-direction:column;justify-content:center;padding:clamp(60px,7vw,105px);display:flex}.signup h2{font-size:clamp(47px,5.2vw,74px)}.signup-copy>p:not(.kicker):not(.privacy){color:#cfc6c2;margin:24px 0 34px;line-height:1.7}form{grid-template-columns:1fr 1fr;gap:17px;max-width:690px;display:grid}form label{flex-direction:column;gap:8px;display:flex}form label:nth-of-type(2){grid-column:span 2}form label span{text-transform:uppercase;letter-spacing:.14em;color:#c5b9b4;font-size:10px}input,select{color:#fff;background:#ffffff0d;border:1px solid #ffffff38;border-radius:0;outline:none;height:52px;padding:0 15px}input:focus,select:focus{border-color:var(--blue)}select option{color:var(--ink)}form .button{align-self:end}.honey{display:none}.privacy{color:#968a85;margin-top:22px;font-size:10px}.form-error{color:#ffd4d0;grid-column:1/-1;margin:0;font-size:13px}.success{border-top:1px solid #ffffff38;align-items:center;gap:18px;padding:28px 0;display:flex}.success>span{background:var(--blue);color:#2f2927;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.success strong{font-family:Cormorant Garamond,serif;font-size:28px}.success p{color:#bdb2ae;margin:5px 0 0}footer{color:#d8cfca;background:#211d1c;justify-content:space-between;align-items:center;min-height:130px;padding:35px clamp(24px,5vw,76px);font-size:11px;display:flex}footer .brand{color:#fff}@keyframes fade{0%{opacity:0;transform:translateY(7px)}}@keyframes sceneFade{0%{opacity:.45;transform:scale(1.025)}}@keyframes float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-card{animation:none}.button{transition:none}}@media (width<=900px){.story-panel,.signup{grid-template-columns:1fr}.story-visual{min-height:450px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.signup-art{min-height:420px}.signup-copy{padding:70px 7vw}.hero-image{background-position:60%}}@media (width<=620px){.site-header{height:72px}.site-header nav>a:first-child{display:none}.hero-image,.hero-wash{inset:72px 0 0}.hero{align-items:flex-end;min-height:740px;padding-bottom:120px}.hero-content{margin:0 24px}.hero-wash{background:linear-gradient(#18151414 15%,#18151499 46%,#181514eb 100%)}h1{font-size:64px}.hero-copy{margin:28px 0;font-size:15px}.coming{left:24px;right:auto}.promise{text-align:center;flex-direction:column;gap:12px}.promise-line{width:1px;height:26px}.story{padding-left:16px;padding-right:16px}.story-copy{padding:42px 28px}.story-visual{min-height:410px}.floating-card{min-width:178px;padding:13px}.card-one{left:4%}.card-two{right:3%}.card-three{left:7%}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:not(:first-child){border-bottom:1px solid #d6ccc2;border-right:0;min-height:0;padding:28px 0}.benefit-grid h3{margin:20px 0 8px}.signup-art{min-height:310px}form{grid-template-columns:1fr}form label:nth-of-type(2){grid-column:auto}footer{text-align:center;flex-direction:column;gap:15px}.audience-toggle{display:flex}.audience-toggle button{padding:12px 15px}.hero-actions{gap:18px}}
